:root { --bs-font-sans-serif: "Roboto", serif;}
   body{font-family:"Roboto", serif !Important;}
   .form-control{font-family:"Roboto", serif !Important;}
   td{font-family:"Roboto", serif !Important;}
  
  
  
  .modelclass{display: none; width: 100%; height: 100%; overflow: auto; position: fixed; left: 0px; top: 0px; z-index: 99; padding-top: 5%; margin-bottom: 10px;}
  #popblkbg{background-color:#00000080; display: none; width:100%; height:100%; overflow:auto; position:fixed; left:0px; top:0px; z-index:9;}
  .modal-content{border-radius: 10px;  } 
  .modal-header{padding: 10px 20px; border-bottom:1px solid var(--input-form-light);  } 
  .modal-header h5{font-size: 20px !important;} 
  .modal-body{padding: 10px 20px;} 
  .modal-body .modal-body{ padding:0px;} 
  .modal-footer{ text-align: right; margin-top: 5px; } 
  .form-group{margin-bottom: 10px;position: relative;}
  .form-group label{ font-size:14px;}
  .close span{font-size: 32px; position: absolute; right: 15px; top: 0px;}
  .sidebar-logo img { max-height: 2.4375rem; }
  .table{font-size:14px;}
  .sm-table thead tr th, .sm-table thead tr td, .sm-table tbody tr th, .sm-table tbody tr td { padding: 5px 10px !important; }
  .modal-content .striped-table tbody tr td { color: var(--text-secondary-light); padding: 10px;}
  select { -webkit-appearance:auto !important; -moz-appearance:auto !important; appearance:auto !important; }
  .roleouter{ border-left:2px dashed #c5c5c5; margin-left:50px;}
.roleouter .headrole { margin-top:30px; padding: 5px 10px; font-weight: 600; margin-left: 30px; background-color: #89898942; border-radius: 4px; line-height: 25px; position:relative; width: max-content;}
.roleouter .hyrouter { border-left: 2px dashed #ddd; padding: 13px 30px; margin-left: 50px; position: relative; }
.roleouter .rolebox { background-color: #EFEFEF; width: fit-content; padding: 4px 10px; text-align: center; color: #000000; border-radius: 4px; font-weight: 600; line-height: 22px; }
.roleouter .linerole { position: absolute; left: 0px; width: 31px; background-color: #EFEFEF; height: 4px; left: -30px; top: 15px; }
.roleouter .hyrouter .linerole { position: absolute; left: 0px; width: 31px; background-color: #EFEFEF; height: 4px; left: 0px; top: 30px; }
.roleouter .hyrouter .ingry{ background-color: #EFEFEF; width: fit-content; padding: 4px 30px; text-align: center; color: #000000; border-radius: 4px; font-weight: 600; line-height: 22px; }
.roleouter a { display: block; position: absolute; top: 18px; left: 14px; background-color: #000 !important; padding: 2px; height: 20px; width: 20px; font-size: 12px; color: #fff !important; line-height: 15px; } 
option:disabled { color: red; background-color:#FFFFCC; font-weight:600; padding:4px;}
#myModal2 .modal-footer{border:0px; padding:0px;}
#myModal2 .btn-primary{ margin:0px;}
.nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); background-color: #f9f9f9; color: #000; margin-right:2px; }
.sidebar-menu .sidebar-submenu { padding-inline-start: 2.0rem; }
a{cursor:pointer;  }  
  
.pagingdiv { margin: 10px 20px; color: #464659; font-size: 14px; }  
.pagingnumbers{border:0px #EAEAEA solid; border-radius: 2px; overflow:hidden; float:right;}  
.pagingnumbers a { display: inline-block; padding: 4px 12px; min-width: 12px; text-align: center; color: #2c2c2c; text-decoration: none; border-right: #EAEAEA solid 0px; font-size: 12px; }
.pagingnumbers .nextprev{line-height: 20px;} 
.pagingnumbers a:hover{  color:#4d709f;    border-radius: 2px; }  
.pagingnumbers .active{background-color:#6990C3; color:#FFFFFF;    border-radius: 2px;}  
.pagingnumbers .current{background-color:#3b5de7; color:#FFFFFF;    border-radius: 2px;}  
.pagingnumbers .disabled{display: inline-block; padding:7px 8px;color: #CECECE;    border-radius: 2px; font-size:12px;}  
.pagingnumbers .current{display: inline-block; padding: 5px 12px;    border-radius: 2px;} 
.pageingouter { margin-top: 1rem!important; overflow: hidden; padding: 10px; background-color: #e0dfed47; border-radius: 3px; }
.pagingnumbers .current { display: inline-block; padding: 3px 10px; border-radius:4px; font-size: 12px; background-color:#545e72; }
.pagingnumbers a:hover {  border-radius:4px; font-size: 12px;  }
.paginate{height: 34px; margin-top: 2px;}
.searchcitylist { width: 250px; background-color: #FFFFFF; border-radius: 10px; overflow: hidden; z-index: 999999; position: absolute; box-shadow: 0px 0px 10px #b9b9b9; }
.searchcitylist div { padding: 10px 20px; font-size: 14px; font-weight: 600; color: #000000; cursor: pointer; border-bottom: 1px solid #f0f0f0; }
.searchcitylist div:hover{background-color:#f6f6f6;}
.searchcitylist div .fa{color:#a7a7a7; margin-right:5px;}
.striped-table tbody tr td { color: var(--text-secondary-light); padding: 4px 15px; border-bottom: 1px solid var(--neutral-200); background-color: var(--white); vertical-align: middle; }
#modelid .modal-body h4{margin-bottom: 10px; font-weight: 600; font-size: 18px !important; background-color: #f5f6fa; padding: 10px; border-radius: 5px;}
#modelid .modal-body  h5{margin-bottom: 10px; font-weight: 600; font-size: 18px !important; background-color: #f5f6fa; padding: 10px; border-radius: 5px;}

#modelid table .form-control {padding: 10px !important; font-size: 15px; height: auto !important;}
#modelid table { margin-bottom:10px;}
#modelid table tr td{ font-size:14px !important; padding:5px 5px !important;} 
#modelid .striped-table thead tr th{ font-size:14px !important; padding:5px 5px !important;} 
#modelid table a{color:#0d6efd !important;}
.modal-content .modal-body { padding: 20px 20px; }
.modal-content .modal-body .modal-body { padding: 0px 0px; }
.text-sm {   font-size: 12px !important; }
.btn { padding:10px 20px !important; font-size: 14px !important; font-weight: 500; }
.card-body .rounded-circle { float:right;}

.badge { padding: 8px 8px 7px; border-radius: 4px; font-weight: 500 !important; font-size: 12px; }
.systemcard{margin-bottom:20px; padding:10px; border:1px solid #ddd;border-radius: 5px;}
.badge-success{ background-color:#15803d;}
.statusbox { width: 100%; padding: 10px !important; text-align: center; color: #fff; margin-bottom: 10px; font-size: 12px; text-transform: uppercase; font-weight: 500;min-width: 90px;position: relative; overflow:hidden; }
#querystatusdiv a{display:block;}
#querystatusdiv table tr td{padding: 0px 3px 0px 0px !important;}
.statusbox .no { padding: 0px 0px; font-size: 25px; font-weight: 600; line-height: 25px; }

.ripple { margin: auto; background-color: #ffffff0f; width: 1rem; height: 1rem; border-radius: 50%; animation: ripple 2s linear infinite; position: absolute; left: 45%; top: 61px; }
@keyframes ripple {
  0% {
    box-shadow: 0 0 0 .7rem rgba(255,255,255, 0.2),
                0 0 0 1.5rem rgba(255,255,255, 0.2),
                0 0 0 5rem rgba(255,255,255, 0.2);
  }
  100% {
    box-shadow: 0 0 0 1.5rem rgba(255,255,255, 0.2),
                0 0 0 4rem rgba(255,255,255, 0.2),
                0 0 0 8rem rgba(255,255,255, 0);
  }
}
.bluetext{color: #0d6efd;}
.btn-group label{padding: 5px 7px !important; font-size: 15px !important; background-color:#fff; }
.striped-table tr:hover td{    background-color: #fff9d5 !important;}
i{font-style: italic;}
.rnblkquery{position: fixed; left: 0px; background-color: #00000080; width: 100%; height: 100%; z-index: 999; display:none; overflow: auto;}
.querywhitebox{background-color: #fff; max-width: 600px; margin: auto; margin-top: 10px; margin-bottom: 10px; border-radius: 10px; overflow: hidden;}
.queryheader{padding: 15px; background-color: #f8f8f8; border-bottom: 1px solid #ddd;  text-transform: uppercase; padding-left: 25px; font-size: 20px !important; position: relative; } 
.clientsearchdiv{font-size: 14px; position: absolute; left: 0px; top: 69px; width: 100%; z-index: 999; background-color: rgb(255, 255, 255); border-radius: 8px; box-shadow: 0px 6px 19px #00000057; overflow: hidden;}
.btn-outline-neutral-900 { border-color: #b3b3b3 !important; }
.queryheaderx1{font-size:20px; font-weight:500; color: #000; position:relative;}
.queryheaderx1 .fa-arrow-left{margin-right: 10px; color: #5d6672;}
.querystatusouterbox a { background-color: #cfd7df; display: inline-block; padding: 5px 15px; color: #000; font-weight:500; font-size: 14px; border-radius: 4px; cursor: pointer; }
.querystatusouterbox { overflow: hidden; padding-left: 34px;}
.querystatusouterbox .active{color:#fff;}
.querysectionheading{font-size:16px; font-weight:500; color:#000000; margin-bottom:10px;}
.darkblktext{color:#000; font-size:14px;}
.darkgraytext{color:#414146; font-size:14px; margin-bottom:3px;}
.xcontentquery{margin-bottom:10px;}
.dashedborder { padding: 10px; border: 1px dashed #005dc3; border-radius: 10px; background-color: #ddf7ff75; }
.dashedborder .darkgraytext {color:#000 !important;}
.dashedborder .darkgraytext strong{color:#005dc3 !important;}
.imgbox { height: 200px; overflow: hidden; border-radius: 5px; position: relative; }
#loadquerysectionnew { font-size: 14px;}
#loadquerysectionnew table tr td{ font-size: 14px;}
#loadquerysectionnew .proposalpriceout{font-size:18px; font-weight:600; border-top:1px solid #ddd; padding-top:10px; color:#000000;padding-bottom: 10px;}
#loadquerysectionnew .imgbox .packname { background-color: #000000b8; font-size: 15px; color: #fff; font-weight: 600; position: absolute; left: 0px; bottom: 0px; width: 100%; padding: 10px; }
.message-list li { position: relative; display: block; height: 50px; line-height: 50px; cursor: default; -webkit-transition-duration: .3s; transition-duration: .3s; }
.message-list li { border-bottom: 1px solid #e6e6e6; }
.message-list { display: block; padding-left: 0; }
.message-list li .col-mail-2 { position: absolute; top: 0; left: 320px; right: 0; bottom: 0; }
.message-list li .col-mail-2 .date { right: 0; width: 170px; padding-left: 80px; }
.message-list li .col-mail-2 .date, .message-list li .col-mail-2 .subject { position: absolute; top: 0; }
.tasklist .card-body{margin-bottom: 10px;  border: 1px solid #ddd; border-radius: 10px;}
.suplistingouter .card-body{border:1px solid #ddd;}
.dayclass{font-size:14px; font-weight:500; text-transform:uppercase;}
#loadeventlibrary .addeventbtnn{float:right;}
.itiphotothumb{width: 64px; height: 48px; border: 1px solid #ddd; overflow: hidden; border-radius: 5px;}
.itiphotothumb img{width:100%; height:100%;}
#itirightmenu{position:absolute; right:0px;top: 7px; right: 7px;}
#itirightmenu .btn{padding: 5px 18px !important;}
.actiimgbox{width:100%; height:100%; overflow:hidden; position:relative;padding: 15px 20px;} 
.actiimgbox img{width: 100%; height: 373px; min-width: 100%; border-radius: 10px; border: 1px solid #f2f2f2;}
.actiimgboxflight{width:100%; height:200px; overflow:hidden; position:relative;}
.actiimgboxflight img{width:100%; height:100%;}
.showinmobile { display: none; }
.taskfollowuplist .tasklist { padding: 4px 18px; background-color: transparent; font-size: 20px; margin-bottom: 10px; border-radius: 0px; border-left: 0px solid #00000024; border: 0px; position: relative; border-bottom: 1px solid #ededf5; padding-right: 0px; margin-right: 0px; padding-left: 0px; }
.tasklist .heading { font-size: 13px; font-weight: 600; margin-bottom: 0px; }
.tasklist .subline { font-size: 12px;  color: #525252; }
.tasklist .badge { bottom: 26px !important; border-radius: 4px;  right: 5px;  position:absolute;}
.badge-info { background-color: #1699dd; }
.badge-danger { background-color: #b91c1c; }
.badge-success { background-color: #15803d; }
::-webkit-scrollbar {
  width: 10px !important; border-radius: 0px !important; 
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1 !important; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888 !important; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555 !important; 
}
#searchblk { background-color: #050d1fc7; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 99999; display: none; }
.headersearchbarouter { position: relative; width: 400px; float: left; margin-left: 0px; border-radius: 5px; overflow: hidden; margin-top: 0px; border: 1px solid #ddd; }
.searchstart { position: fixed; background-color: #FFFFFF; z-index: 999999; width: 900px; border-radius: 4px; top: 18px; left: 162px; } 
.searchstart #topsearchresult { display: block; border-top: 2px solid #ddd; padding: 10px; overflow: auto; }
.headersearchbarouter select { width: 120px; height: 32px; line-height: 32px; border: 0px; padding: 6px 10px; font-weight: 700; cursor: pointer; }
.headersearchbarouter input { width: 100%; height: 32px; line-height: 32px; border: 0px; padding: 0px 10px; font-weight: 700; }
.headersearchbarouter .fa-search { color: #CCCCCC; position: absolute; right: 11px; top: 6px; font-size: 18px; }
#topsearchresult .headsearchlist { font-size: 16px; font-weight: 700; padding: 5px 10px; }
 
.searchstart #topsearchresult{display:block;border-top: 2px solid #ddd; padding:10px; overflow: auto; }
#topsearchresult .listearchlist{ margin-bottom:20px;}
#topsearchresult .headsearchlist{font-size:16px; font-weight:700; padding:5px 10px;}
#topsearchresult .listearchlist a{color:#000; padding:8px 10px; border-bottom:1px solid #ddd; display:block;}
#topsearchresult .listearchlist a:hover{background-color:#F7F7F7;}
#topsearchresult .listearchlist .active{background-color:#DFFDFF;} 
.headersearchbarouter .searchdetails { background-color: #FFFFFF; width: 50%; height: 100%; right: 10px; top: 34px; position: absolute; border-left: 1px solid #ddd; display:none; }
.headersearchbarouter .searchdetails .userdatasearch{background-color:#f5f8fa; padding:15px; position:relative;}
.scrollclass{position: fixed; width: 100%; top: 72px; background-color: #fff; left: 0px; padding-left: 93px; border-top: 1px solid #ebecef !important; z-index: 1;}   
.scrollclasscardheader { position: fixed; top: 72px; width: 100%; left: 0px; border-top: 1px solid #ebecef !important; padding-left:135px !important; z-index: 1; } 
.scrollloading{position: fixed; left: 0px; top: 72px; background-color: #fee6ab; z-index: 9; height: 3px; display:none;}
#pills-tab .scrollloading{display:block;} 
.shortbtn{position: absolute; right: 126px; padding: 6px 13px !important; top: 0px;}
.bordered-tab .nav-link{padding: 16px 15px !important;}
.btn{border-radius:4px;}
.radius-8{border-radius:4px;}
.sidebar-menu li a{border-radius:6px;}



.bordered-tab .nav-link::before { border-top-right-radius: 4px; border-top-left-radius: 4px; height:4px; }

.cariconimg{padding:  0 10px;}
.minwirth{min-width: 100%;}
.pricerange{margin-bottom: 0px; font-size:24px; line-height: 38px;}
.reviewcam{margin: auto; margin-top: 100px; border: 1px solid #ddd; width: 800px; padding: 30px 50px; background-color: #FFFFFF;}
#mailboxheightouter{position:relative;}
#mailboxheightouter .mailmenu{ height:100%; border-right:1px solid #ebebeb; padding-right:20px; float:left; width:15%;}
#mailboxheightouter .mailmenu .section{ margin-bottom:10px;}
#mailboxheightouter .mailmenu .leftlink a { color: #676666; font-size: 14px; display: block; margin-bottom: 2px; padding: 10px 15px; line-height: 16px; font-weight: 600;border-radius: 5px; }
#mailboxheightouter .mailmenu .active{color:#333333; font-size:13px; background-color:#ebebeb80;}
#mailboxheightouter .maillistouter{ width:84%; float:left; height:100%; overflow:auto; position:relative; float:left;}
#mailboxheightouter .maillistouter .maillist{ border-bottom:1px solid #ebebeb; padding:8px 15px;  overflow:hidden; font-size:14px; cursor:pointer;}
#mailboxheightouter .maillistouter .maillist:hover{ background-color:#f9f9fb;}

#mailboxheightouter .maillistouter .maillist .from{color:#666666; font-weight:400; width:17%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float:left;padding-right: 30px;font-weight: 500;}
#mailboxheightouter .maillistouter .maillist .subject{ max-width:40%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float:left;font-weight: 500;}
#mailboxheightouter .maillistouter .maillist .time{color:#666666; font-weight:400; float:right;}
.unreadmessagemail{color:#000000; font-weight:600;}
.unreadmessagemail .from{color:#000000 !important; font-weight:700 !important;}
.unreadmessagemail .subject{color:#000000 !important; font-weight:700 !important;}
.unreadmessagemail .time{color:#000000 !important; font-weight:700 !important;}


.pagingmail{margin-top:10px; overflow:hidden;}
.pagingmail a{float: right; display: block; padding: 4px 15px; background-color: #333333; color: #FFFFFF !important; font-weight: 600; font-size: 14px; border-radius: 5px; margin-left:10px;}
#mailboxheightouter .title { font-size: 24px; margin-bottom: 5px; text-align: left; font-weight: 800; padding-left: 15px; border-bottom: 2px solid #efefef; }
#mailboxheightouter .title span{font-size: 14px; font-weight: 600; margin-left: 10px;color: #767676;}
#mailboxheightouter #maildetails{position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1; background-color:#FFFFFF; display:none; overflow:auto; padding-left: 20px;}
#mailboxheightouter #maildetails .options{border-bottom:1px dashed #ebebeb; padding-bottom:10px; overflow:hidden;}
#mailboxheightouter #maildetails .subject { font-weight: 700; color: #000; padding: 10px 0px; font-size: 20px; line-height: 22px; }
#mailboxheightouter #maildetails .optionsleft{float:left;}
#mailboxheightouter #maildetails .optionsright{float:right;}
#mailboxheightouter #maildetails .backbtn{padding: 6px 8px; background-color: #f5f5f5; border-radius: 2px; cursor: pointer;}
#mailboxheightouter #maildetails .sender { padding: 10px 0px; font-size: 14px; font-weight: 600; overflow: hidden; padding-top: 10px; }
#mailboxheightouter #maildetails .sender .fa-user{font-size: 22px; padding: 4px 8px; border: 1px solid #ddd; border-radius: 28px; background-color: #cccccc54; color: #afafaf; margin-right: 10px;}
#mailboxheightouter #maildetails .sender .tome{color:#999999; font-weight:400;}
#mailboxheightouter #maildetails .bodybox{margin-bottom:20px;}
#mailboxheightouter #maildetails .attachments{margin-top:20px; padding-top:20px;border-top:1px dashed #ebebeb;}
#mailboxheightouter #maildetails .attachments h3{font-size: 18px !important; margin-bottom:10px !important;}
#mailboxheightouter .attachments ul li a{background-color: #cfefff; padding: 6px 13px; border-radius: 5px; border: 1px solid #71c4ff; font-weight: 600; font-size: 14px; float: left; margin-right: 5px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20%;}
#mailboxheightouter #maildetails .backbtn:hover {  background-color: #3f8afb;  color: #fff; }
.righttrbtn{font-size: 14px; font-weight: 600; padding: 2px 8px; background-color: #f5f5f5; border-radius: 5px; float:left; margin-left:5px;}
.righttrbtn:hover{background-color: #3f8afb;  color: #fff;}
.righttrbtn .text-muted:hover{background-color: #3f8afb;  color: #fff;}
.mailseaarch{margin-bottom:10px; position:relative;}
.mailseaarch .mailsearchfield{border: 1px solid #e7e7e7; width: 100%; font-weight: 500; font-size: 14px; padding: 5px 10px; border-radius: 5px;}
.mailseaarch .mailsearchbtn{background-color: #f5f5f5; position: absolute; right: 2px; top: 2px; padding: 4px 10px; font-weight: 600; font-size: 14px; border-radius: 4px;}


@media screen and (max-width: 600px) {
.reviewcam { margin: auto; margin-top: 0px; border: 1px solid #ddd; width: 100%; padding: 15px 0; background-color: #FFFFFF; }
.btn {padding: 5px 5px !important; font-size: 14px !important; font-weight: 500;}
.card-body .text-white { text-align: center; font-size: 16px !important; margin-bottom: 10px; }
.pricerange { margin-bottom: 0px; font-size: 16px; line-height: 27px; }
.headersearchbarouter{display:none;}
.card-body .marketingbox { height: auto; margin-bottom: 10px; }
.cariconimg{padding: 0 10px;}
#pills-tab {position: static !important; padding-left: 20px;}
.bordered-tab .nav-link {padding: 6px 10px !important;}
.scrollclass .card-header {position: static !important;}
.scrollclasscardheader {position: static !important;}
.scrollclasscardheader .scrollloading{display:none !important;}
#pills-tab .scrollloading{display:none !important;}
.table-responsive table tr td{white-space: nowrap;}
.card .card-header{ padding:10px !important; overflow:auto; white-space: nowrap;}
.card .card-body{ padding:10px !important;}
.modal-dialog{width:auto !important;}
.theme a{margin-bottom:5px;}
.dashboard-main .col-lg-7 .card{margin-bottom:10px;}
.dashboard-main .col-lg-5 .card{margin-bottom:10px;}
.dashboard-main .col-lg-4{margin-top:20px;}
.querystatusouterbox a{margin-bottom: 5px;}
.queryheaderx1 {font-size: 16px; font-weight: 500; color: #000; position: relative;}
.shortbtn{position: absolute; right: 97px; padding: 1px 4px !important; top: 0px;}
.btn-group label {padding: 1px 4px !important; font-size: 14px !important;}
#donutChart {margin-left: -30px;margin-top: -20px;}
.pagingnumbers .current { display: inline-block; padding: 3px 5px; border-radius: 4px; font-size: 12px; background-color: #545e72; }
.statusbox .no { padding: 0px 0px; font-size: 18px; font-weight: 600; line-height: 16px; }
}