/* :root {
  --bg-color: #ffffff !important;
  --text-color: #000000 !important;
      --sidebar-bg: #f7f7fe;
       --menu-link-color: #181c2e;

}

body {
  background: var(--bg-color) !important;
  color: var(--text-color) !important;
  transition: all 0.3s ease !important;

}

body.dark {
  --bg-color: #121212 !important;
  --text-color: #ffffff !important;
  color: #fff;
 --sidebar-bg: #222;
  --menu-link-color: #ffffff;
}

*/











/* @charset "utf-8";
/* CSS Document */
:root {
    font-family: 'Inter', sans-serif;
}
@supports (font-variation-settings: normal) {
    :root {
        font-family: 'Inter var', sans-serif;
    }
}

body{
    background:#ffffff;
    color:#0055bf;
    font-size:12px;
}
.wrapper{
    width:100%;
    min-width:1097px;
    height: 100vh;
}
a{
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.cf{
    clear:both;
    height:0px;
    float:none;
}
.pkgHeadSpan{
    color:#848484;
    font-weight:bold;
    padding:3px;
    display:block;
}
.red-value {

    border:#F00 1px solid !important;
}
/* input[type="text"]{
    border:#dddddd solid 1px;
} */

.texBold{
    font-weight:bold;
}
.texBold a{
    text-decoration:none;
    color:#000000;
}
.leftCol{
    width:20%;
    min-width:205px;
}
.rightCol{
    margin-top: 0px;
    padding: 5px 0 5px 5px;
    width: 100%;
}
.headerTop{
    background:#f6ecdf;
    height:12px;
}
.logo{
    width:172px;
    margin:0px 15px;
}
.rightInnerLeftCol{
    width:70%;
    float:left;
}
.rightInnerRightCol{
    width:30%;
    float:right;
}
.topnavigation{
    margin-top:53px;
}
.topnavigation ul li{
    font-weight:bold;
    float:left;
    text-align:center;
}
.topnavigation ul li a {
    color:#007aff;
    text-decoration:none;
}
.topnavigation ul li a span{
    border-right:solid 1px #0195bb;
    padding:0px 10px;
}
.topnavigation ul li a label{
    padding:2px 10px;
    color:#ff0089;
}

textarea {
    border:#dddddd solid 1px;
}

.graph{
}
.graph h4{
    padding-bottom:5px;
    font-size:12px;
    font-weight:normal;
}

.contactbox{
    width:156px;
    height:51px;
    background:url(../images/contactPlot_06.gif);
    padding:8px 30px 8px 8px;
    font-weight:bold;
    line-height:22px;
}
.contactbox span{
    color:#f90388;
}
/*.mainMenu{border:#ece1ce solid 1px;background:url(../images/menuBg.gif); min-height:21px;}*/
.mainMenu{
    border:#ececec solid 1px;
    background:url(../images/tab_header_bg.jpg);
    min-height:21px;
}
.mainMenu ul li{
    float:left;
    padding:10px 4px;
    font-size:11px;
}
.mainMenu ul li a{
    text-decoration:none;
    color:#04609a;
    border-right:1px solid #04609a;
    padding-right:3px
}
.mainMenu ul li a:hover{
    text-decoration:underline;
}
.pageHead{
    background:url(../images/Live-Tour_10.jpg) repeat-x;
}
.pageHead h1{
    background: url(../images/settingsIcon_16.png) no-repeat scroll left center transparent;
    color: #FFFFFF;
    font-size: 2em;
    height:11px;
    margin-left:8px;
    padding: 29px 0 25px 75px;
}
.targetMeter{
    width:32%;
    min-height:40px;
}
.openpackeges{
    width:20%;
    padding:11px 20px;
    background:#f5f5f5;
    border:1px solid #ddd;
}
.welcome{/* padding:16px 4px ;*/
    padding:0px 4px ;
    width:40%;
    min-height:8px;
}
.welcome span {
    color:#0195bb;
    font-weight:bold;
}
.welcome Label {
    color:#ff0089;
    font-weight:bold;
}
.welcome h1 {
    color:#1477ac;
    font-weight:bold;/*margin-top: 26px;*/
}

.navigation{
    background:#f2f2f2;
    border:1px solid #ece1ce;
    padding:8px;
    min-height:300px;
}
.navigation h1{
    color:#000000;
    padding:5px 5px 10px 25px;
    font-size:14px;
}

.MainTabContainer{
    border:solid 7px #f2f2f2;
    padding: 5px 5px;
    /* color:#000000; */

    color: var(--vz-body-color);
}
.MainTabContainer .tabcontainer{
    padding:5px 5px 5px 15px;
    background:url(../images/mainMenuTabBg_03.gif) no-repeat left;
    height:25px;
}
.MainTabContainer .tabcontainer h1{
    color:#666666;
    font-size:18px;
    background:url(../images/TabBg_06.gif) left no-repeat;
    padding-left:15px;
}
.MainTabContainer .fourCol{
    width:23%;
    padding:3px;
}
.MainTabContainer .fourCol h2{
    font-size:12px;
    font-weight:bold;
    color:#000000;
    border-bottom:solid 1px #f2f2f2;
    padding:10px 3px;
}
.MainTabContainer .fourCol ul li{
    font-size:12px;
    padding:3px 5px;
}
.MainTabContainer .fourCol ul li a{
    color:#0055bf;
    text-decoration:none;
}
.MainTabContainer .fourCol ul li a:hover{
    color:#0055bf;
    text-decoration:underline;
}
.MainTabContainer .fourCol ul li label{
    color:#0055bf;
}

/*addnew*/
a:hover .addNewHome{
    background: url(../images/addNewBg.jpg) repeat-x scroll 0 0px  transparent;
}

.addNewHome{
    background: url(../images/addNewBg.jpg) repeat-x scroll 0 -82px transparent;
    height:82px;
    color: #FFFFFF;
    margin: 0 23px;
    width: 352px;
}
.halfcol{
    width:50%;
}
.MainTabContainer .halfcol{
    width:50%;
}
.MainTabContainer .halfcol h2{
    padding:5px 0px;
}
.MainTabContainer .halfcol dl {
    height:33px;
    clear:both;
}
.MainTabContainer .halfcol dl dt{
    float:left;
    width:135px;
    padding:5px;
    float:left;
}
.MainTabContainer .halfcol dl dd{
    float:left;
    width:240px;
    padding:5px;
    float:left;
}
.MainTabContainer .halfcol dl dd select{
    border:#dddddd solid 1px;
    height:23px;
}
.MainTabContainer .halfcol dl dd input[type="text"]{
    border:#dddddd solid 1px;
    width:220px;
    height:19px;
}
.required{
    color:#FF0000 !important;
    /* font-weight:bold; */
}
.requiredsmall{
    color:#cf217f;
}
.drpdn107{
    width:110px;
    padding:1px 0px 1px 5px;
}
.drpdn90{
    width:90px;
    padding:1px 0px 1px 5px;
}
.drpdn50{
    width:50px;
    padding:1px 0px 1px 5px;
}
.drpdn230{
    width:222px;
    padding:1px 0px 1px 5px;
}
.formBorder{ /*border:#eadec8 solid 1px; background:url("../images/formBG_03.gif") repeat scroll 0 0 transparent;*/
}

.repeaterTop{
    padding:18px 0px 0px 0px;
}
.repeaterTop h2{
    color:#ee0c85;
}
.repeaterTop h2 a{
    color:#ee0c85;
    text-decoration:none;
}
.repeaterTop h2 a:hover{
    text-decoration:underline;
}
.threeCol{
    width:30%;
}
.repeaterTop h3{
    color:#000;
}

.repeaterControls{
    padding:1px;
    margin-top:20px;
}
.repeaterControls h2{
    color:#ee0c85;
}
.repeaterControls ul {
    background: none repeat scroll 0 0 #F8F4ED;
    border-bottom: 1px solid #FFFFFF;
    height: 27px;
}
.repeaterControls input[type="text"]{
    border:#dddddd solid 1px;
    width:87%;
    padding-left:5px;
    height:21px;
}
.repeaterControls  select{
    border:#dddddd solid 1px;
    width:93%;
    height:23px;
}
.formText {
    width:11%;
    float:left;
    padding:5px;
    color:#000000;
}
.formControls {
    width:12%;
    float:left;
}

.formTextbig {
    width:11%;
    float:left;
    padding:4px;
    color:#000000;
}
.formControlsbig {
    width:13%;
    float:left;
}

.informationCol{
}
.informationCol h3{
    color:#3e2b2b;
    padding:15px 5px;
}
.brSpan{
    color:#3e2b2b;
}
.fourCols{
    width:23%;
    padding:3px;
}
.fourCols ul li{
    font-size:12px;
    padding:3px 0px;
}
.fourCols  ul li input[type="text"]{
    border:#dddddd solid 1px;
    width:92%;
    height:17px;
    padding:2px 3px;
}
.fourCols ul li select{
    border:#dddddd solid 1px;
    width:92%;
    height:23px;
}
.new{
    width:30%;
    padding:20px 5px 5px 60px;
    height: 27px;
    background: url(../images/New_03.png) no-repeat left;
}
.RequiredFields{
    padding:20px 14px 14px 14px;
    width:16%;
}
.topmainbutton {
    width:42%;
    padding-top:15px;
}

.halfcolform{
    padding:8px ;
    width:45%;
}
.halfcolform ul li{
    padding:3px 5px;
}
.halfcolform  ul li input[type="text"]{
    border:#dddddd solid 1px;
    width:92%;
    height:17px;
    padding:2px 3px;
}
.splrequirement{
    padding:5px;
}
.splrequirement h1 {
    padding:3px;
}
.splrequirement textarea {
    border:#dddddd solid 1px;
    width:92%;
    height:96px
}


/*accountinformation*/

.accountInformationTab{
}
.infoTabBG{
    background:url(../images/account-information_h2BG.gif) repeat-x;
    padding:6px 4px 2px;
    border:1px solid #ccc;
    margin-top:18px;
    height:23px;
}
.accountInformationTab h1 {
    font-size:18px;
    color:#333333
}
.rootPath{
    background:#f2f2f2;
    border-top:#fff solid 1px;
    padding:5px;
}
.MainTabContainer .innerTab{
    border:#f2f2f2 solid 1px;
}
.MainTabContainer .innerTab h1{
    background:#f3f4f4;
    color:#222;
    padding:4px 5px;
}
.MainTabContainer .innerTab .halfcol dd h3{
    font-size:12px;
    color:#2a79b8;
}
.formFullcol {
    width:85%;
    margin:0px auto;
}
.formFullcol  dl{
    clear:both;
}
.formFullcol  dl dt{
    width:15%;
    padding:5px 10px;
    float:left;
}
.formFullcol  dl dd{
    width:70%;
    padding:5px 10px;
    float:left;
}
.formFullcol  dl dd select{
    border:#dddddd solid 1px;
    height:23px;
    width:92%;
}
.formaction .button{
    margin-right:8px;
}


.nameformatCol{
    background: none repeat scroll 0 0 #FBFEE4;
    border: 1px solid #cad966;
    margin: 1%;
    padding: 1%;
    width: 29%;
}
.nameformatCol:hover{
    -moz-box-shadow: 0px 0px 2px #c9dd44;
}

.signature{
    background:#f5f5f5;
    border:1px solid #cccccc;
    padding:1%;
    margin-bottom:1px;
}
.signaturecontrol{
    height:25px;
}
.signature ul li{
    float:left ;
    width:25%;
}
.signature ul {
    padding:5px;
}
.signature ul li  input[type="text"]{
    border:#dddddd solid 1px;
    height:17px;
    padding:2px 3px;
}
.signature ul li  select{
    border:#dddddd solid 1px;
    height:23px;
}

.signatureBox{
    padding:8px;
}
/*accountinformation*/

/*ManageSection*/

/*.addNewCol{ background:#f8f4ed; border:solid 1px #eadec8; padding:5px;}*/
.addNewCol{
    background:var(--vz-card-bg-custom) !important;
    border:solid 1px var(--vz-border-color) !important ;
    padding:5px;
}
.addNewCol h1 {
    margin:0px auto;
    text-align: left;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    /*font-size: 17px;*/
    font-weight: bold;
    /*line-height: 28px;*/

    margin: 0;
    padding-bottom: 3px;
    text-shadow: 0 1px 0 #FFFFFF;
}
.addNewCol dd {
    margin-top:-3px;
}
.addnewContBdr{
    border: 1px solid #ededed;
    padding-top:5px;
}
.addnewCont{
    padding-bottom: 5px;
}
.firstSelection{
    position:absolute;
    float:left;
    width:15%;
    margin-left:12px;
}
.firstSelection select{
    border:#dddddd solid 1px;
    width:92%;
    height:23px;
    margin-top:3px;
}
.addnewCont dl {
    clear:both;
}
.addnewCont dl dt {
    width:21%;
    padding:4px 5px;
    float:left;
}
.addnewCont dl dd {
    width:40%;
    padding:4px 5px;
    float:left;
}
.addnewCont dl dd  input[type="text"]{
    border:#dddddd solid 1px;
    width:90%;
    height:17px;
    padding:2px 3px;
}
.addnewCont dl dd  input[type="password"]{
    border:#dddddd solid 1px;
    width:90%;
    height:17px;
    padding:2px 3px;
}
.addnewCont dl dd  select{
    border:#dddddd solid 1px;
    height:23px;
    width:93%;
}
.addnewCont dl dd  textarea{
    border:#dddddd solid 1px;
    height:55px;
    width:93%;
}

.addnewCont .addcostomer dl dt{
    width:13%;
    padding-top:5px;
}
.addnewCont .addcostomer dl dd{
    width:22%;
}


.grid{
    background:url(../images/gridBg_03.jpg) repeat-x;
    border:solid 1px #eadec8;
}
.grid .firstCol{
    padding:5px 8px;
    width:15%;
    border-right:solid 1px #eadec8;
    color:#0055bf;
    height:22px;
}
.grid .secondCol{
    padding:5px;
    width:8%;
    border-right:solid 1px #eadec8;
    color:#0055bf;
    height:22px;
}
.grid .ThirdCOl{
    padding:5px;
    width:8%;
    border-right:solid 1px #eadec8;
    color:#0055bf;
    height:22px;
}
.grid .ThirdCOl a{
    color:#0055bf;
    text-decoration:underline;
}
.grid .firstCol a{
    color:#0055bf;
    text-decoration:underline;
}
.grid .secondCol a{
    color:#0055bf;
    text-decoration:underline;
}
.blkspan{
    color:#000000;
}

.permission{
}
.permission input[type="checkbox"]{
    padding-left:8px;
}
.permission label{
    min-width:140px;
    display:inline-block;
    color:#0055BF;
}

.permission-manager{
}
.permission-manager input[type="checkbox"]{
    padding-left:8px;
}
.permission-manager label{
    min-width:250px;
    display:inline-block;
    color:#0055BF;
}


.sales-table{
    width:30%;
    float:left;
    margin:1%;
}

.saletablecol{
    border-right: 1px solid #EADEC8;
    color: #0055BF;
    float: left;
    height: 22px;
    padding: 5px 0;
    width: 49.7%;
}

.saletablecol .blkspan {
    font-weight:bold;
}

.saletabledetail{
    font-weight:bold;
    text-align:center;
    display:block;
    padding:8px;
}

.targetpercentage{
    float:left;
    width:21%;
    padding:15px;
    background:#0b6fce;
}

.targetpercentage h2{
    color:#FFF;
    font-size:15px;
    font-weight:bold;
}
.targetpercentage h1{
    color:#fff000;
    font-size:18px;
    font-weight:bold;
}


/*ManageSection*/

/*.footer{ background:url(../images/footerBg_26.gif) repeat-x; padding:10px; border-top:solid 1px #ece1ce; text-align:center; color:#000000;}*/
.footer{ /*background:url(../images/table-header.png) repeat-x; border-top:solid 1px #ececec;*/
    padding:15px;
    text-align:center;
    color:#000000;
}
.footer a{
    padding:2px 8px;
    color:#000000;
    font-size:11px;
}
.footer a:hover{
    text-decoration:underline;
}
.redLink a{
    color:#bf004c;
    text-decoration:underline;
}
.button{
    background: url("../images/butBg_07.gif") repeat-x scroll center bottom transparent;
    border: 1px solid #C3C3C3;
    height: 26px;
    min-width: 100px;
    padding: 0 5px;
    margin-top:-3px
}
.button:hover{
    background: url("../images/butBg_07.gif") repeat-x scroll center 8px transparent;
    border: 1px solid #C3C3C3;
    height: 26px;
    min-width: 100px;
    padding: 0 5px;
}
.Smallbutton{
    background: url("../images/butBg_07.gif") repeat-x scroll center bottom transparent;
    border: 1px solid #C3C3C3;
    height: 26px;
    min-width: 50px;
    padding: 0 5px;
    margin-top:-3px
}
.Smallbutton:hover{
    background: url("../images/butBg_07.gif") repeat-x scroll center 8px transparent;
}


/* homeHotel*/
.propertylogo{
    padding:5px;
    float:left;
    max-width:200px;
}
.propertylogo img {
    border:2px solid #ccc;
}

.hotelDetails{
    width:63%;
    margin-top:14px;
}
.hotelDetails .bluespan{
    color:#0055BF;
    padding:5px;
}

.editProperty{
    float:left;
    margin:19px 7px;
}
.note{
    border:1px #ECE1CE solid;
    padding:8px 8px 8px 52px;
    margin:8px;
    color:#000;
    background:#fffcea url(../images/note.png) 8px center no-repeat;
}
.note p{
    color:#3c3c3c;
    padding-top:5px;
}

.invoice-to-address{
    width:49%;
    padding-left:5px;
    height:75px;
    border:#aaa 1px solid;
}
.invoice-to-address p{
    font-size:12px;
    line-height:18px;
    font-weight:bold;
}
.invoice-to-address h3{
    font-size:12px;
    line-height:18px;
}

.nameofthepassengers{
    width:49%;
    padding-left:5px;
}
.nameofthepassengers p{
    font-size:12px;
    line-height:18px;
    font-weight:bold;
}
.nameofthepassengers h3{
    font-size:12px;
    line-height:18px;
}

.invoice-head{
    border-top:#aaa solid 1px;
}
.invoice-head h2{
    text-align:center;
    padding:3px;
    font-size:15px;
}
.invoice-to-address span{
    font-size:13px;
}

.invoice-to-address dl dt{
    font-weight:bold;
    width:75px;
    float:left;
}
.invoice-to-address dl dd{
    width:150px;
    float:left;
    font-weight:bold;
    color:#ff0000;
}

.invoicetable{
    border:1px #aaa  solid;
}
.invoicetable tr td{
    border:1px #aaa  solid;
    padding:5px;
    font-weight:bold;
}
.perticulars{
}

.total-turnover{
    background:url(../images/total-turnover.png) no-repeat;
    padding:190px 70px 100px 70px ;
    width:240px;
    margin:0px auto;
}
.total-turnover h1 {
    font-size:45px;
    text-align:center;
}

.total-profit{
    background:url(../images/total-profit.png) no-repeat;
    padding:190px 70px 100px 70px ;
    width:240px;
    margin:0px auto;
}
.total-profit h1 {
    font-size:45px;
    text-align:center;
}

.invoice-main{
}
.invoice-logo{
    text-align:center;
}

.invoice-main .company-address{
    padding:5px;
    line-height:20px;
}
.invoice-main .branch-address{
    padding:5px;
    line-height:20px;
}


.report{
    border:#1px #aaa solid;
}
.report tr td{
    border:#E4CFAA solid 1px;
    padding:5px;
    font-weight:bold;
}

.total-report{
    text-align:right;
    color:#cc0000;
    font-size:14px;
}
.total-amount{
    color:#cc0000;
    padding-left:15px;
    font-size:14px;
}
.inwords{
    color:#cc0000;
    font-weight:bold;
    padding-left:15px;
}

.invoice-border{
    padding:5px;
    border:#ccc 1px solid;
}


.today-followup{
}
.today-followup  li {
    padding:7px 15px;
}
.today-followup  li a{
    text-decoration:none;
    color:#0055BF
}
.today-followup  li a:hover{
    text-decoration:underline;
    color:#0055BF
}
.up-followup{
}
.up-followup  li {
    padding:7px 15px;
}
.up-followup   li a{
    text-decoration:none;
    color:#0055BF
}
.up-followup   li a:hover{
    text-decoration:underline;
    color:#0055BF
}

/*Pagination*/

.pagelinks {
    padding:2px;
    font-family:Helvetica,Arial,sans-serif;
    font-size:11px;
    margin:4px;
    float:right;
}

.pagelinks a {
    text-decoration:none;
    float:left;
    color:#000;
    text-shadow: 0 1px 0 #FFFFFF;
}

.pagelinks span {
    text-shadow: 0 1px 0 #FFFFFF;
}

.pagefirstdead {
    display:none;
}

.pageprevdead {
    display:none;
}

.pagefirstlink,.pageprevlink,.pagenextlink,.pagelastlink,.pagenumlink {
    /*padding:0 5px;
    border:1px solid #ccc;
    padding:0 2px;
    margin-left:2px;*/
    display: inline-block;
    float: left;
    padding: 0 14px;
    line-height: 28px;
    text-decoration: none;
    border: 1px solid #c4c4c4;
    border-left-width: 1px;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
    min-height: 28px;
    color: #717171;
    box-shadow:0 1px 0 #eaeaea ,0 1px 0 #fff inset;
    margin-right: 4px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    font-weight: 700;
}

.pagefirstlink:hover,.pageprevlink:hover,.pagenextlink:hover,.pagelastlink:hover,.pagenumlink:hover {
    /*text-decoration: none !important;*/
    border: 1px solid #a3a3a3;
    background: #e8e6e6;
}
.pagefirstlink:active,.pageprevlink:active,.pagenextlink:active,.pagelastlink:active,.pagenumlink:active {
    outline: none;
}

/*.pageprevlink {
        padding:0 5px;
        border:1px solid #ccc;
        padding:0 2px;
        margin-left:2px;
}*/

.pagecurrent {
    /*padding:1px 4px;
    float:left;
    margin-left:3px;
    background-color:#666666;
    color:#FFFFFF;
    font-weight:bold;*/

    display: inline-block;
    float: left;
    padding: 0 14px;
    line-height: 28px;
    text-decoration: none;
    border: 1px solid #c4c4c4;
    border-left-width: 1px;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    background: linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
    min-height: 28px;
    color: #717171;
    box-shadow:0 1px 0 #eaeaea ,0 1px 0 #fff inset;
    margin-right: 4px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    font-weight: 700;

    color: #f2f2f2;
    box-shadow:0 1px 0 #eaeaea ,0 1px 0 #67c3da inset;
    border-color: #5098aa;
    background: #88BBC8;
    float: left;
    padding: 0 14px;
    line-height: 28px;
    -webkit-border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
    font-weight: 700;
    cursor:default;
    text-decoration: none;
    color:#fff;
}

/*.pagenextlink {
        padding:0 5px;
        border:1px solid #ccc;
        padding:0 2px;
        margin-left:2px;
}

.pagelastlink {
        padding:0 5px;
        border:1px solid #ccc;
        padding:0 2px;
        margin-left:2px;
}*/

.pagenextdead {
    padding:0 5px;
    display:none;
}

.pagelastdead {
    padding:0 5px;
    display:none;
}



/*.pagenumlink {
        border:1px solid #ccc;
        padding:0 2px;
        margin-left:2px;
}*/

.more-left {
    padding:0 5px;
    border:1px solid #ccc;
    padding:0 2px;
    margin-left:2px;
    float:left;
}

.more-right {
    padding:0 5px;
    border:1px solid #ccc;
    padding:0 2px;
    margin-left:2px;
    float:left;
}

.more-left, .more-right {
    border-radius: 3px 3px 3px 3px;
    margin-right: 6px;
    padding: 9px 12px;
}




/*Tabbing*/
.clr {
    clear:both;
}

.tabctn {
    background: url(../images/tab_header_bg.jpg) repeat-x scroll left bottom #F9F9F9;
    padding: 0px 15px 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}


.tabHeading {
    color: #AAAAAA;
    font-size: 20px;
    font-weight: normal;
    padding: 0 0 5px 14px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.tabmenu {
    display: block;
}

.tabmenu td {
    background:url(../images/tabSep.gif) no-repeat scroll right bottom transparent;
    cursor: pointer;
    float: left;
    font-size: 13px;
    margin: 0;
    padding: 9px 15px 13px;
}

.tabmenu .sel {
    color: #000000;
}

.tabmenu .sel a {
    color:inherit;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.tabmenu a {
    color: #848484;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.da {
    background:url(../images/downArrBg.gif) no-repeat scroll 0 0 transparent;
    display: block;
    height: 13px;
    position: absolute;
    width: 23px;
    z-index:-1;
}

.tabbed-mn-cnt {
    border-top:none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.tabbed-div {
    margin-top:20px;
    /*padding:2px 50px;*/

    /* padding:2px 25px; */
}


.tabbed-div h2{
    border-bottom: 1px solid #eeeeeedd;
    color: #5d5d5d;
    /* font-family: Arial,Helvetica,sans-serif; */
    font-family: Inter, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 35px;
    margin: 0;
    padding-bottom: 3px;
    text-shadow: 0 1px 0 #FFFFFF;
}

.tabbed-div table {
    width:100%;
    padding:0 40px 0 0;
}

/*.tabbed-div table tr td:nth-child(3),.tabbed-div table tr td:first-child {
        text-align:right;
        width:25%;
        color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 1px;
        max-width:25%;
}


.tabbed-div table tr td:nth-child(2),.tabbed-div table tr td:last-child {
        text-align:left;
        width:25%;
        padding:4px 5px;
        color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 1px;
        max-width:25%;
}*/

.td-lt {
    text-align:left;
    /* width:25%; */
    width:11%;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 1px;
    max-width:25%;
    line-height: 35px;
}


.td-rt {
    text-align:left;
    width:25%;
    padding:4px 5px;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    padding: 1px;
    max-width:25%;
}

.input {
    font-family: Arial,Helvetica,sans-serif;
    border: 1px solid #DDDDDD !important;
    height: auto;
    padding: 3px;
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    width:96%;
    box-sizing:content-box;
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
}

.select {
    font-family: Arial,Helvetica,sans-serif;
    border: 1px solid #DDDDDD;
    height: auto !important;
    padding: 3px;
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    width:96% !important;
    box-sizing:content-box;
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
}

.textarea {
    font-family: Arial,Helvetica,sans-serif;
    border: 1px solid #DDDDDD;
    height: auto;
    padding: 3px;
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    width:96% !important;
    box-sizing:content-box;
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
}

.select:focus {
    box-shadow: 0 0 1px rgba(0, 122, 188, 255);
    -webkit-box-shadow: 0 0 1px rgba(0, 122, 188, 255);
    -moz-box-shadow: 0 0 1px rgba(0, 122, 188, 255);
}

.req {
    color:#990000 !important;
}

.tab-btn-btm {
    float:right;
    margin:6px 0 ;
}

.tab-btn-btmc {
    float:left;
    /*margin:0 40% ;
    margin-top:20px;*/
}

/*.tab-btn {*/
/*background:url(../images/acc-img.png) repeat-x scroll 0 -2549px transparent;*/
/*    outline: medium none;
        -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD #DDDDDD #BBBBBB;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    color: #444444;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 5px 15px;
    text-shadow: 0 2px 0 #FFFFFF;
        border: 1px solid #C3C3C3 !important;
    color: #222222 !important;
        cursor:pointer;
}*/

.tab-btn {
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */

    *zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: baseline;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #cccccc;
    *border: 0;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}
.tab-btn:hover,
.tab-btn:focus,
.tab-btn:active,
.tab-btn.active,
.tab-btn.disabled,
.tab-btn[disabled] {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}
.tab-btn:active,
.tab-btn.active {
    background-color: #cccccc \9;
}
.tab-btn:hover,
.tab-btn:focus {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}
/*.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}*/
.tab-btn.active,
.tab-btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}

.ajx-td-width {
    width:16.5% !important;
}

.ajx-td-width input{
    /*width:auto;*/
}

#pcost td {
    font-weight:bold;
    color:#000000 !important;
}

.tabbed-div h3 {
    border-bottom: 1px dotted #DDDDDD;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 28px;
    margin: 0;
    padding-bottom: 3px;
    text-shadow: 0 1px 0 #FFFFFF;
}

/*  */

#close-tbuttons {
}

.tbutton {
    margin:2px;
    border:1px solid  #ccc;
    float:left;
    padding:3px 4px;
    background-color:#ececec;
}

.tbutton a {
    float:left;
    color:#333;
    font-family: segoe ui;
    font-size: 14px;
    font-weight: 500;
    text-shadow: 0 1px 0 #FFFFFF;
    letter-spacing:1.5px;
    margin-top: -2px;
}

.tbutton img {
    margin-left:4px;
    float:left;
    margin-top:1px;
    cursor:pointer;
}

.tlist {
    width:100% !important;
    padding:0 !important;
    border:1px solid #999999;
    border-collapse:collapse;
}

.tlist th {
    /*9background-color:#EFEFEF;*/
    /*background:url(../images/table-header.png) repeat-x left bottom whiteSmoke;*/
    background:#EFEFEF;
    height:30px;
    vertical-align:middle;
    color:#000000;
    text-shadow: 0 1px 0 #FFFFFF;
    border-left:1px solid #BEBEBE;
}

.tlist td {
    color:#000000;
    border-left-color: #BEBEBE !important;
    border-left:1px solid #FF0000;
    padding: 8px 16px;
    vertical-align:middle;
}

/* send mail datatable*/

.sendMailList .sm-tlist{
    width:100% !important;
    padding:0 !important;
}

.sendMailList .sm-tlist th{
    background:#EFEFEF;
    height:30px;
    vertical-align:middle;
    color:#000000;
    text-shadow: 0 1px 0 #FFFFFF;
    border-left:1px solid #BEBEBE;
}

.sendMailList .sm-tlist td{
    color:#000000;
    border-top-color: #BEBEBE !important;
    border-top:1px solid #FF0000;
    padding: 8px 9px;
    vertical-align:middle;
    font-size: 13px;
}


.sendMailList .sm-tlist tr.unread {
    background-color: #fff;
}

/* end */

.citisel {
    width:30% !important;
}

.tbutton-radio {
    float:left;
    vertical-align:top;
    float:left;
    padding:0;
    margin-top:-1px;
}

.table-read-only {
    width:100%;
}

.table-read-only tr {
    height:26px;
    padding:2px;
}

.table-read-only tr td {
    vertical-align:middle;
}

.even {
    /*background-color:#FAFAFA;*/
    background-color:#fff;
}

/* .odd {
        background-color:#F2F2F2;
} */

table th input, table td input
{
    vertical-align: middle;
}


table th {
    padding: 10px 20px 7px 9px!important;
    padding-left: 20px !important;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px !important;
    color: #6c718a !important;

}
.tr-view {
    height:26px;
    padding:2px;
}

.td-view-left {
    padding:2px 0 0 2px;
    font-weight:normal;
    width:24%;
}

.td-view-right {
    padding:2px 0 0 2px;
    font-weight:bold;
    text-align:left;
}
#quick-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#quick-links ul li {
    background: url(../images/listImage_22.gif) no-repeat scroll left top transparent;
    font-weight: bold;
    padding: 0 8px 10px 15px;
}

#quick-links ul li a {
    text-decoration:none;
    color:#156496
}

.error {
    border:1px solid #FF0000 !important;
}

.error-border{
    border: 1px solid #f00 !important;
}

.form-table {
    width:100%;
}

.fs {
    border: 1px solid var(--vz-border-color) !important;
    padding:4px 8px;
}

.fs div {
    /*padding:10px 0 10px 20px;*/
    padding:0;
}

.fs legend {
    margin-left:6px;
    border:1px solid #ccc;
    background-color:#e8e8e8;
    padding:3px;
    font-weight:bold;
    color:#333;
    border-radius:3px;
}

.nb {
    border:none;
}

.nb-imp {
    border:none !important;
}

.form-table tr {
    height:28px;
}

.form-table tr td {
    padding: 2px 5px;
}

.form-table tr th {
    text-align:right;
    padding-right:4px;
}

a.bbtn:after {
    border: 1px solid #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    content: "";
    height: 68px;
    left: 0;
    position: absolute;
    top: 0;
    width: 98px;
}
a.bbtn {
    background: -moz-linear-gradient(center top , #FFFFFF 1%, #F3F3F3 100%) repeat scroll 0 0 transparent;
    border: 1px solid #C4C4C4;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 0 #FFFFFF;
    display: inline-block;
    height: 60px;
    padding: 5px;
    position: relative;
    text-decoration: none;
    width: 90px;
}

.tamt {
    float:right;
    text-align:right;
    margin-right:6px;
    text-decoration:underline;
    padding-bottom:4px;
    border-bottom:1px solid #000;
    font-size:20px;
}

#qLoverlay {
    visibility: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 666999;
    top: 0;
    left: 0;
    background: url(../images/1.png) repeat;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#qLbar {
    visibility: hidden;
    width: 80px;
    height: 80px;
    position: absolute;
    top:50%;
    left:50%;
    margin-top: -80px;
    margin-left: -40px;
    background:url(../images/loader.gif) no-repeat;
    z-index: 667999;
}

.action-link {
    color:#333;
    text-decoration:none!important;
}

.tlist th {
    background:#EFEFEF;
}

/*#outerf {
        position:fixed;
        width:98%;
        top:96%;
        left:0;
        bottom:0;
}*/

.btn-ios {
    border: 1px solid #007aff !important;
    color: #007aff !important;
    box-sizing: border-box;
    background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    box-shadow:none !important;
    transition:all 0.3s ease 0s !important;
    cursor:pointer;
    border-radius:4px;
    display:inline-block;
    padding:6px 12px;
    text-align:center;
    vertical-align:middle;
    margin-bottom:0;
}

.btn-ios:hover {
    border-color: #3395ff;
    color: #3395ff;
}

/*New updations*/

.select {
    border: 1px solid #dddddd;
    box-sizing: border-box;
    font-family: Arial,Helvetica,sans-serif;
    height: auto !important;
    outline: medium none;
    padding: 5px 3px;
    transition: all 0.25s ease-in-out 0s;
    width: 88% !important;
}

label {
    color: #474343;
    font-size: 0.8rem;
}

.input-field {
    margin-top: 1.0rem;
    position: relative;
    margin-bottom: 1.2rem;
}

.input-field .flabel {
    font-size: 14px;
    top: -22px;
    color:#666;
}

input {
    line-height: normal;
}

.input-field label.active {
    /*font-size: 0.8rem;*/
    transform: translateY(-140%);
}
.input-field label {
    color: #9e9e9e;
    cursor: text;
    font-size: 1rem;
    /*left: 0.65rem;*/
    left: 0rem;
    position: absolute;
    top: 0.8rem;
    transition: all 0.2s ease-out 0s;
}

.input-field input[type="datetime-local"],
.input-field input[type="email"],
.input-field input[type="number"],
.input-field input[type="password"],
.input-field input[type="search"],
.input-field input[type="tel"],
.input-field input[type="text"],
.input-field input[type="time"],
.input-field input[type="url"],
.input-field textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color:#9e9e9e;
    border-image: none;
    border-radius: 0;
    /*border-style: none none solid;*/
    border-style: solid;
    border-width: 1px 1px 1px;
    box-shadow: none;
    box-sizing: content-box;
    font-size: 14px;
    font-family:Verdana, Geneva, sans-serif;
    height: 1.5rem;
    /*margin: 0 0 15px;*/
    margin:0;
    outline: 0 none;
    /*padding: 0;*/
    padding:2px 5px;
    transition: all 0.3s ease 0s;
    width: 85%;
}

.input-field input[type="date"]:focus:not([readonly]),
.input-field input[type="datetime-local"]:focus:not([readonly]),
.input-field input[type="email"]:focus:not([readonly]),
.input-field input[type="number"]:focus:not([readonly]),
.input-field input[type="password"]:focus:not([readonly]),
.input-field input[type="search"]:focus:not([readonly]),
.input-field input[type="tel"]:focus:not([readonly]),
.input-field input[type="text"]:focus:not([readonly]),
.input-field input[type="time"]:focus:not([readonly]),
.input-field input[type="url"]:focus:not([readonly]),
.input-field textarea.materialize-textarea:focus:not([readonly]) {
    /*border-bottom: 1px solid #42a5f5;
    box-shadow: 0 1px 0 0 #42a5f5;*/
}

.btn-ios-gap {
    margin-left:3px;
    margin-right:3px;
}

.btn-ios-gap-i {
    margin-left:3px!important;
    margin-right:3px!important;
}

btn-ios-gap-left {
    margin-left:3px;
    margin-right:0;
}

btn-ios-gap-right {
    margin-left:0;
    margin-right:3px;
}

/*Grid positions*/
.droptarget {

    width: 90%;
    height: auto;
    padding: 5px;
    float:left;
    padding-bottom:50px;
}
.droptarget p {

    padding:5px 0px 5px 5px;
    /* border: #A5A5A5 1px solid; */
    border: 1px solid
        var(--vz-border-color) !important;
    margin-top:10px;
    border-radius:4px;
    /* background-color:#FCFCFC; */
    background-color: var(--vz-input-bg);
    cursor:move;
    color: var(--vz-body-color);
}
.icomoon-icon-user:before {
    content: "\e067";
    color: var(--vz-vertical-menu-item-color) !important;
}
.icomoon-icon-user-5:before {
    content: "\e06d";
    color: var(--vz-vertical-menu-item-color) !important;
}
.section-title {
    padding:10px;
    width:90%;
    text-transform:uppercase;
    /* border-bottom:#0084FF 1px solid; */

    color: var(--vz-heading-color);
}


[class^="icomoon-icon-"]:before, [class*=" icomoon-icon-"]:before {
    font-family: 'icomoon';
    font-style: normal;
    speak: none;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}
.section-title-right {

    border-bottom: 1px solid #0084ff;
    margin-left: 8px;
    padding: 20px 10px;
    text-transform: uppercase;
    width: 98%;
    color: var(--vz-heading-color);
}
.left-col-holder {
    width:300px;
    min-height:500px;
    float:left;
}
.un-assign {

    min-height:500px;
}
.right-col-holder {
    display: inline;
    float: left;
    min-height: 500px;
    width: 79%;
    border-left: 5px solid var(--vz-border-color) !important ;
}
.acc-holder {

    display: inline-block;
    background: var(--vz-input-bg);
    margin: 10px;
    width: 290px;
    /*box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 1px 2px 4px 1px #ccc;*/
    border: 1px solid var(--vz-border-color) !important ;
    border-radius:4px;
    min-height:180px;
    padding:10px 10px 50px 10px !important;
}
.grid-container {

    height:500px;
    overflow-y:scroll;
    padding-left:3%;

}
/*My profile- new.*/

.profile-box-left {

    background-color: #FCFCFC;
    /*background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);*/
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    min-height: 38px;
}
.profile-box-end {

    background-color: #FFF;
    /*background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);*/
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
    min-height: 328px;
}
.p-info .profile-box-end
{
    width: 100% !important;
}
@media screen and (min-width:1140px) and (max-width:1550px) {

    .profile-box-left {

        background-color: #FCFCFC;
        /*background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);*/
        background-repeat: repeat-x;
        border: 1px solid #d4d4d4;
        border-radius: 4px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
        min-height: 38px;
        padding-left: 20px;
        padding-right: 20px;
        width:19% !important;
        float:left;
        margin-right:15px;
    }
    .profile-box-end {

        background-color: #FFF;
        /*background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);*/
        background-repeat: repeat-x;
        border: 1px solid #d4d4d4;
        border-radius: 4px;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
        min-height: 328px;
        padding-left: 20px;
        padding-right: 20px;
        width: 72% !important;
        float:right;
    }

}


.prof-photo-hold {

    text-align:center;
    width:100%;
    margin:10px 0px 10px 0px;
}
.prof-img {

    width:110px;
    height:110px;
    border-radius:50%;
}
.personal-info {

    margin:10px 0px 10px 0px;
}
.personal-info p, .personal-info a {

    color: #007aff;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: left;
    cursor:pointer;
}
.personal-info a:hover {
    color: #007aff;
}
.personal-info a .bi::before {
    color: #007aff;
}
.personal-info  h1{

    font-size:16px;
    letter-spacing:1px;
    text-align:center;
    color:#555 !important;
}
.personal-info i {

    color:#007aff;
}
.tab-3 label {

    color: #777 !important;
    cursor:pointer;

}
.content-hold {
    color:#555 !important;
    margin-bottom:10px;
}
.content-hold h1{

    font-size:16px;
    padding:10px 0px;

}

.select-users{
    float: left;
    width: 97%;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid gainsboro;
    background: #f7f7f7;
}

.select-users label{
    font-weight: 600;
    color: #333;
    margin: 0 20px 0 0;
}

.radio-toolbar.ad {
    text-align: right;
}

.radio-toolbar.ad input[type="radio"]{
    position: relative;
    top: 7px;
}

.radio-toolbar.ad label{
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.radio-toolbar.ad label:last-child{
    margin-right: 0;
}


.dom-int{
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.dom-int a{
    border: 1px solid #007aff;
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 50px;
    color: #007aff;
    text-decoration: none !important;
}

.dom-int a:focus,
.dom-int a:active{
    outline: none !important;
}

.dom-int a.active{
    background: #007aff;
    color: white;
}

.dom-int .dom{

}

.dom-int .int{
}

/* SELECT COLOR CSS */

.select-color{
    width: 100px;
    height: 24px;
    position: relative;
    top: 7px;
    border: 1px solid gainsboro;
}

.select-color .selected-color{
    width: 100%;
    height: 24px;
    background: gainsboro;
}

.select-color .selected-color .pick-another{
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    background: white;
}

.select-color .color-box{
    position: absolute;
    top: 130%;
    left: 0;
    width: 200px;
    height: auto;
    padding: 10px;
    border: 1px solid gainsboro;
    background: #fff;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);
    display: none;
}

.select-color .color-box .color-section{
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.select-color .color-box .color-section .item{
    float: left;
    width: 10%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: white;
    border: 1px solid white;
    cursor: pointer;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
}

.select-color .color-box .color-section .item .check-icon{
    opacity: 0;
    color: white;
}

.select-color .color-box .color-section .item.active .check-icon{
    opacity: 1;
}

.select-color .color-box .color-section .item.active {
    transform: scale(1.3);
    border: 1px solid transparent !important;
    box-shadow: 0 5px 20px 0 rgba(0,0,0,0.1);
}

.select-color .color-box .actions{
    float: left;
    width: 100%;
    text-align: center;
}

.select-color .color-box .actions .btn:focus{
    outline: none !important;
}

/* CSS FOR TABLE-STYLE1 */

.table-style1{
    width: 100%;
    border: 1px solid gainsboro;
    border-spacing: 0;
    padding: 0 !important;
}

.table-style1 th{
    padding: 10px;
    background: #5d5d5d;
    color: white;
}

.table-style1 tr:nth-child(even){
    background: #FCFCFC;
}

.table-style1 td{
    padding: 10px;
    border-bottom: 1px solid gainsboro;
}

.table-style1 tr.high td{
    background: #eeeeee;
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.table-style1 tr.total td{
    font-weight: bold;
    background: #E5E5E5;
}

.table-style1 tr.input td{
    font-weight: bold;
    background: #ddf1ff;
    color: #2777b0;
}

.table-style1 tr.output td{
    font-weight: bold;
    background: #ffd;
    color: #96962b;
}

.table-style1 tr.closing td{
    font-weight: bold;
    background: #dfd;
    color: #539c53;
}

.priority-status{

}

.priority-status{
    float: right;
    margin-bottom: 10px;
    height: 27.5px;
}

.priority-status .item{
    float: left;
    margin-right: 25px;
    cursor: pointer;
}

.priority-status .item:last-child{
    margin-right: 0;
}

.priority-status .active .cap{
    color: #333;
}

.priority-status .cap{
    float: left;
    height: 15px;
    line-height: 15px;
    margin: 9px 5px 0 0;
    color: gray;
    font-family: Segoe UI, Arial;
    font-size: 16px;
    font-weight: 500;
}

.priority-status .color{
    float: left;
    width: 20px;
    height: 15px;
    line-height: 20px;
    text-align: center;
    background: #d1d1d1;
    margin: 10px 5px 0 0;
    border-radius: 3px;
    cursor: pointer;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
}

.priority-status .color .ico{
    display: none;
    color: white;
    font-size: 11px;
}

.priority-status .color.active{
    background: #ff5151;
    width: 20px;
    height: 20px;
    margin: 7px 5px 0 0;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
}

.priority-status .color.active .ico{
    display: block;
}

.priority-status .color:last-child{
    margin-right: 0;
}

.priority-status .color.blue{
    background: #3799DF;
}

.priority-status .color.red{
    background: #ff5151;
}

.priority-status .color.green{
    background: #67c667;
}

.priority-status .color.orange{
    background: #ffb836;
}

.lbjs-item{
    border-left: 3px solid transparent;
}

.lbjs-item.super-hot{
    border-left: 3px solid #67c667;
}

.lbjs-item.hot{
    border-left: 3px solid #ff5151;
}

.lbjs-item.warm{
    border-left: 3px solid #ffb836;
}

.lbjs-item.cold{
    border-left: 3px solid #3799DF;
}

.lbjs-item.normal{
    border-left: 3px solid transparent;
}

.hlabel {
    font-size: 14px;
    font-weight: bold;
    top: -22px;
    color: #666;
}

.propnotfmsg{
    color: white;
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: rgba(5, 159, 88, 0.85);
    width: 300px;
    padding: 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.31);
    border-radius: 2px;
    font-size: 15px;
    z-index:10;
    display: none;
    line-height: 20px;
}
.propneroorfmsg{
    color: white;
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: rgba(206, 147, 10, 0.85);
    width: 300px;
    padding: 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.31);
    border-radius: 2px;
    font-size: 15px;
    z-index:10;
    display: none;
    line-height: 20px;
}

.propnotfmsg.error {
    background: rgb(159, 5, 5, 0.85);
}

/* .propnotemsg{
    font-size: 14px;
} */

.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 28px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #090;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

input:checked + .round::after {
    color: #fff;
    content: "ON";
    font-size: 11px;
    line-height: 29px;
    padding-left: 8px;
}

.d-none {
    display:none !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 0.25rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 0.75rem !important;
}

.mt-4 {
    margin-top: 1rem !important;
}

.mt-5 {
    margin-top: 1.5rem !important;
}

.mt-6 {
    margin-top: 2rem !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 0.25rem !important;
}

.mb-2 {
    margin-bottom: 0.5rem !important;
}

.mb-3 {
    margin-bottom: 0.75rem !important;
}

.mb-4 {
    margin-bottom: 1rem !important;
}

.mb-5 {
    margin-bottom: 1.5rem !important;
}

.mb-6 {
    margin-bottom: 2rem !important;
}

.dash-cont
{
    /* padding-top: 10px;
    padding-bottom: 10px; */
    margin-top: 0;
    width: 100%;
    background-color: #fff;
    display: inline-block;
}
.dash-cont .smallBtnIcon li a .icon
{
    color: #000;
}
.navbar-inner
{
    background-image: none !important;
    background-color: #fff !important;
}
.dash-cont .smallBtnIcon li a
{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
    border: none !important;
}
.dash-cont .smallBtnIcon li a
{
    margin-right: 5px;
    border-radius: 5px !important;
}
.dash-cont .smallBtnIcon li:last-child a
{
    margin-right: 0;
}
.topmainhead .headercorner-rt ul li a
{
    font-size: 0 !important;
    /* background-color: #f0f0f0 !important; */
    padding: 10px !important;
    border-radius: 5px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.topmainhead .headercorner-rt ul li a i
{
    font-size: 17px !important;
    color: #ffffff;
    font-weight: 600;
}
.topmainhead .headercorner-rt ul li a span
{
    font-size: 8px !important;
    padding: 2px !important;
    right: -4px !important;
    top: -4px !important;
    border-radius: 20px;
}
.confirm-pack-alert
{
    min-width: 15px !important;
    min-height: 15px !important;
    line-height: 15px !important;
}
.vcount, .pcount
{
    font-size: 18px !important;
}

.mainheadernavbar .nav li
{
    border-right: 1px solid #5c5c5c;
}
.mainheadernavbar .nav li:last-child
{
    border-right: none;
}
.topmainhead .headercorner-rt ul li:first-child
{
    padding-right: 15px !important;
}

.topmainhead .headercorner-rt ul li:nth-child(2)
{
    padding-right: 15px !important;
}

.topmainhead .corner-user
{
    margin-top: 10px;
}
.topmainhead .corner-user img
{
    width: 33px;
    height: 33px;
    border-radius: 22px;
    margin-bottom: 8px;
}
.loaction-selector
{
    display: inline-block;
    width: 100%;
}
.loaction-selector a
{
    width: 100%;
    color: #ffffff !important;
    font-weight: 600;
}
.loaction-selector a i
{
    color: #e64330 !important;
    font-size: 15px;
}
.smallBtnIcon
{
    margin-top: 15px !important;
}
.inner-container
{
    margin-top: 30px;
    padding-top: 25px;
    border-radius: 10px;
}
.mainheadernavbar .navbar-inner
{
    border: none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #313949 !important;
    padding: 5px 5px !important;
}
.mainheadernavbar .navbar-inner ul li a
{
    color: #fff !important;
    font-size: 13px !important;
    text-shadow: none !important;
}
.mainheadernavbar .navbar-inner ul li a i
{
    font-size: 15px !important;
    color: #fff;
}
.mainheadernavbar .navbar-inner ul li a i::before
{
    color: #fff;
}
.confirm-pack-alert, .cancel-property-alert, .topmainhead .headercorner-rt ul li a span
{
    background: #d8000c   none repeat scroll 0 0 !important;

}
.navbar-search .search-query
{
    background-color: #313949 !important;
}
#search_words::placeholder
{
    color: #ddd !important;
}

#search_words
{
    color: #ddd;
}
.navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret
{
    border-top-color: #777777 !important;
    border-bottom-color: #777777 !important;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle
{
    background-color: unset !important;
}
.nav .dropdown .dropdown-menu
{
    background-color: #313949;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a
{
    background-image: none !important;
    background-color: #ef1b27 !important;
}
.dropdown .dropdown-menu .nav-header
{
    border-bottom: 1px solid #616060;
    margin-bottom: 4px;
    padding-bottom: 4px;
}
.dropdown-menu > li > a
{
    padding: 5px 20px !important;
}
.topmainhead .user-account-info .gb_jb .inner-ac-dlts .com-act-btn
{
    background: rgb(239 27 39) none repeat scroll 0% 0% !important;
    border-color: rgb(239 27 39) !important;

}

.navbar .nav > li > .dropdown-menu:after
{
    border-bottom: 6px solid #777777 !important;
}

.account-btns
{
    display: grid !important;
    grid-template-columns: repeat(2,1fr);
}

.account-btns a, .ac-user-btn-l
{
    text-align: center;
}
.account-btns a
{
    text-align: center;
    box-sizing: border-box;
}


@media (min-width:300px) and (max-width:600px)
{
    body,html
    {
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        overflow-x: hidden !important;
    }
    .dash-cont
    {
        width: 100% !important;
        margin-top: 0px !important;
        min-width: 100% !important;
        height: auto !important;
        position: fixed;
        background-color: #fff;
        z-index: 999;
        left: 0;
        top: 0;
        padding: 10px 0px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        display: flex;
        align-items: center;
    }
    .topmainhead
    {
        padding-right: 15px;
        padding-top: 10px;
    }
    .logo-area
    {
        width: 40% !important;
    }
    .logo
    {
        margin: 0 !important;
        padding-left: 15px;
    }
    .logo, .logo-area .logo img {
        width: 100%;
        height: auto;
    }
    .wrapper
    {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
    .body-content
    {
        padding: 0 15px;
    }
    .dash-cont .rightInnerLeftColhead
    {
        width: 60% !important;
    }
    .topmainhead
    {
        margin: 0 !important;
    }
    .dash-cont .topmainhead .headercorner-rt ul li a
    {
        font-size: 0 !important;
        padding: 5px !important;
    }
    .topmainhead .headercorner-rt ul li a i
    {
        font-size: 15px !important;
    }
    .topmainhead .headercorner-rt ul li a span
    {
        right: -5px !important;
        top: -6px !important;
    }
    .topmainhead .corner-user {
        margin-top: 0;
    }
    .topmainhead .headercorner-rt ul li:last-child
    {
        margin-right: 5px;
    }
    .navbar.headercorner-rt
    {
        margin-right: 10px;
        margin-bottom: 5px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .loaction-selector a
    {
        font-size: 12px !important;
        margin-top: 5px;
        text-align: right;
    }
    .topmainhead .headercorner-rt ul
    {
        margin-top: 8px !important;
    }
    .mainheadernavbar
    {
        margin-top: 110px;
        margin-bottom: 25px;
    }
    .nav-collapse
    {
        height: auto !important;
        border-radius: 5px;
    }
    .nav-collapse .nav > li > a
    {
        padding: 8px 10px !important;
        font-weight: 500;
    }
    .nav-collapse .nav > li
    {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #ddd;
    }
    .nav-collapse .nav
    {
        margin-right: 0 !important;
    }
    .navbar-search
    {
        width: 100%;
        float: none !important;
        margin-top: 15px !important;
    }
    .mainheadernavbar .navbar-search .search-query
    {
        height: auto !important;
        width: 100% !important;
        padding: 5px 40px 5px 15px!important;
        line-height: 21px !important;
    }
    .mainheadernavbar .navbar-inner
    {
        padding: 0 10px 10px !important;
        border: none !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    .navbar-search .search-query
    {
        box-sizing: border-box;

    }
    .mainheadernavbar .navbar-inner .nav-collapse
    {
        background-color: #313949 !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    }
    .navbar-search span
    {
        top: 12px !important;
        right: 12px !important;
    }
    .loc-search-container .top
    {
        padding: 10px !important;
    }
    .loc-search-container .bottom {
        padding: 12px !important;
    }
    .loc-search-container
    {
        width: 300px !important;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
    }
    .slide-me-in
    {
        z-index: 9999 !important;
        width: 55% !important;
    }
    .notify-head
    {
        box-sizing: border-box;
    }
    .notify-head
    {
        padding: 10px 0 !important;
    }
    .notify-head .badge
    {
        right: 25px !important;
    }
    .user-account-info .inner-ac-img-a img
    {
        width: 37px !important;
        height: 37px !important;
    }
    .card-title {
        font-size: 15px;

    }
    .topmainhead .user-account-info .gb_jb {
        margin: 15px !important;
    }
    .topmainhead .user-account-info .gb_jb .inner-ac-img-a
    {
        margin-right: 15px !important;
    }
    .topmainhead .user-account-info .gb_jb .inner-ac-dlts .com-act-btn
    {
        font-weight: 500 !important;
    }
    .mb-pad
    {
        padding: 12px !important;
    }
    .headBlocks2 .value p {
        font-size: 13px;
    }
    .headBlocks2 .value h1
    {
        margin-bottom: 12px;
    }
    /* .headBlocks2 .span12
    {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    } */
    .headBlocks2 .span12 div:last-child
    {
        grid-column: span 2;
    }
    /* .headBlocks2 .panel
    {
        margin-bottom: 5px;
    } */
    .turnovr, .line-graph
    {
        padding: 20px 10px !important;
    }
    .line-graph
    {
        margin-bottom: 0 !important;
    }
    .circle-stat .chart
    {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
        padding: 0;
    }
    .circle-stat .ecCharts
    {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }
    .circle-stat div:last-child
    {
        border-bottom: none;
    }
    .timeline-centered
    {
        margin-bottom: 10px;
        margin-top: 35px;
    }
    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon
    {
        height: 35px;
        line-height: 35px;
        width: 35px;
    }
    .timeline-centered::before
    {
        left: 25px;
    }
    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label
    {
        margin-left: 65px;
    }
    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label .timeline-title
    {
        margin-bottom: 5px;
    }
    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child
    {
        font-size: 14px;
        margin-top: 5px;
    }
    .footer
    {
        padding: 10px;
        line-height: 20px;
    }
    .line-graph
    {
        float: none !important;
    }
    /* #chartContainer2
    {
        min-width: 100% !important;
    } */
    .highcharts-container
    {
        width: 100% !important;
    }
    .topmainhead .user-account-info .gb_jb .inner-ac-dlts .user-login-name {
        margin-bottom: 3px;
    }
    .topmainhead .user-account-info .gb_jb .inner-ac-dlts .user-login-type
    {
        margin-bottom: -6px;
    }
    .headBlocks2 .value h1
    {
        font-size: 20px;
    }
    .card-header .d-flex
    {
        display: block !important;
    }
    .card-header button, .btn
    {
        margin-top: 12px;
        padding: 6px 10px !important;
        font-size: 12px !important;
    }
    .tableContainer .table-responsive
    {
        overflow-x: scroll !important;
    }

    #filterForm .row, #filter-row, .m-list, #agent_form .custom-tabs, .agent-detail-card .custom-tabs
    {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    #agent_form .custom-tabs, .agent-detail-card .custom-tabs
    {
        border-top: 1px solid #ddd;
        gap: 0 10px;
    }
    #agent_form .nav-tabs .nav-item, .agent-detail-card .nav-tabs .nav-item
    {
        border-bottom: 1px solid #ddd;
    }
    .agent-detail-card .nav-tabs
    {
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .m-list
    {
        padding: 0 !important;
    }
    #filterForm .row .col-md-3, #filter-row  .col-md-3, .m-list  .col-md-3
    {
        padding: 0 !important;
    }
    #filterForm .row  .gap-2, #filter-row  .gap-2, .m-list .gap-2
    {
        grid-column: span 2;
        display: flex !important;
    }
    .listitem .table th
    {
        font-size: 12px !important;
    }
    .listitem .table td {
        padding: 0.8rem 2rem  !important;
        font-size: 12px !important;
    }
    #marketReportForm .col-md-4 .d-inline-flex, #agent_form .d-inline-flex, #contactModal .d-inline-flex, #additionalAddressForm .d-flex
    {
        display: block !important;
    }

    #agent_form .row
    {
        padding: 0 !important;
    }
    #agent_form .row .col-md-4 div:first-child .form-check
    {
        margin-left: 0 !important;
    }
    .card-title, .title-container h5
    {
        /* border-bottom: 1px solid #ddd; */
        padding-bottom: 10px;
        margin-bottom: 10px !important;
    }
    .title-container h5
    {
        margin-bottom: 20px !important;
    }
    .pagination
    {
        margin-bottom: 0;
    }
    #pagination-items
    {
        margin-top: 0 !important;
    }
    .pagination li
    {
        line-height: 0;
    }
    .choices
    {
        margin-bottom: 0 !important;
    }
    .card-animate .avatar-sm
    {
        display: none;
    }
    .card-animate h4
    {
        font-size: 15px !important;
        margin-top: 8px !important;
    }
    .card-animate .p-3
    {
        padding: 8px !important;
    }
    .marketing-report .card
    {
        margin-bottom: 5px;
    }
    #marketingDashList #pagination-items
    {
        margin-bottom: 15px;
    }
    .choices__inner
    {
        padding-right: 8px !important;
    }
    #contact_details .contact-wrapper
    {
        overflow: scroll;
    }
    .close-detail-pane
    {
        margin-bottom: 20px;
        margin-top: 0;
    }
    .accordion-button
    {
        font-size: 13px !important;
        font-weight: 600 !important;
    }
    .popover {
        max-width: 500px;
        left: 50% !important;
        top: 80% !important;
        transform: translate(-50%, -50%) !important;
        width: 90%;
    }
    .popover-header, .modal-header {
        padding: 15px !important;
        font-size: 16px !important;
    }
    .modal-header
    {
        border-bottom: 1px solid #ddd !important;
    }
    .accordion-block
    {
        position: relative;
    }
    .agent-detail-card .info-block
    {
        margin-bottom: 20px;
    }
    .company-title
    {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
    #overview h5
    {
        font-size: 16px;
        margin-bottom: 13px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }
    .accordion-add-button
    {
        top: 11px;
    }
    .info-block .customer-logo
    {
        width: 100%;
        margin-bottom: 15px;
    }
    .info-block p
    {
        line-height: 22px;
    }
    .login-page
    {
        width: 100% !important;
        height: auto !important;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin-top: 0 !important;
    }
    #logo {
        width: 230px !important;
        box-sizing: border-box;
        padding: 0 !important;
        margin-bottom: 20px !important;
    }
    #logo img
    {
        width: 100%;
    }
    #login_main
    {
        width: 100% !important;
        height: auto !important;
        background: none !important;
    }
    #login_area
    {
        width: 85% !important;
        height: auto !important;
        border: 1px solid #da0c70;
        padding: 0px 25px 25px 25px !important;
        box-sizing: border-box;
        box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    }
    .login-page .error_msg {
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }
    .login-page .input_bg {
        width: 100% !important;
        box-sizing: border-box !important;
    }
    #login_btn_main {
        width: 100% !important;
        height: auto !important;
        margin-top: 14px !important;
        float: none !important;
        display: inline-block !important;
    }
    .login-page  #btn {
        width: 100%;
        height: auto;
        float: none;
    }
    .login-page .login_btn
    {
        width: 95px;
        background-size: contain;
        margin-top: 10px;
    }
    .login-page .remember_forgot {
        width: 100%;
        height: auto;
        padding-top: 0;
        float: none;
        display: inline-block;
    }
    .login-page .forgot_password, .login-page .forgot_password a
    {
        width: 100%;
        display: block;
    }
    .login-page .forgot_password a
    {
        text-align: center;
    }
    .login-page .sign_in
    {
        display: none;
    }
    .login-page .social
    {
        width: 100%;
        padding-top: 30px;
    }
    .login-page .login_btn:hover
    {
        background-size: contain;
    }
}

@media (min-width:1300px) and (max-width:1600px)
{
    #top-middle
    {
        width: 55% !important;
    }
    .rightInnerLeftColhead
    {
        width: 25% !important;
    }
    .navbar-inner .container
    {
        position: relative;
        display: inline-block;
        width: 100% !important;
    }
    .navbar-search
    {
        position: absolute !important;
        right: 0;
        bottom: 5px;
    }
    .mainheadernavbar .navbar-inner
    {
        margin-bottom: 25px;
    }
}

.menu-marketplace {
    background: linear-gradient(45deg, #ef1b27, #ff5722);
    color: #fff !important;
    font-weight: bold;
    border-radius: 5px;
    margin-right: 10px;
    box-shadow: 0 0 10px rgb(239 27 39, 0.7);
}
.menu-marketplace-bookings {
    background: linear-gradient(135deg, #007aff, #00d4ff);
    color: #fff !important;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(242, 139, 130, 0.3);
}

.dark-shade {

    font-size: 13px;
    font-weight: 600px !important;
    color: #000;
}

.light-shade {

    font-size: 11px;
    color: #B3B3B3;
    font-weight: 200px;
}




.right-links {
    display: none;
}

.snsgrp-holder:hover .right-links {
    display: block;
}

.snsgrp-holder {
    background: #fafafa none repeat scroll 0 0;
    float: left;
    width: 98%;
    border-bottom: 1px dashed rgb(187, 187, 187);
    padding: 12px;
    margin-bottom: 14px;
}

/* addons */
.addon-label {
    line-height: 2;
    font-weight: bold;
    text-align: left;
    float: left;
}

.addon-label1 {
    width: 5%;
}

.addon-content1 {
    float: left;
    width: 14%;
}

.addon-label2 {
    width: 7%;
}

.addon-content2 {
    float: left;
    margin-right: 20px;
    width: 10%;
}

.addon-content4 {
    float: left;
    width: 7%;
    margin-right: 20px;
}

.addon-content5 {
    margin-right: 21px;
    width: 3%;
    float: left;
}

.addon-content6 {
    float: left;
    width: 6%;
    margin-right: 20px;
}

.addon-close-div {
    float: left;
    width: 2%;
}

.propnotfmsg {
    color: white;
    position: fixed;
    bottom: 20px;
    left: 20px;
    background: rgba(5, 159, 88, 0.85);
    width: 300px;
    padding: 20px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.31);
    border-radius: 2px;
    font-size: 15px;
    z-index: 10;
    display: none;
    line-height: 20px;
}

.propnotemsg {
    font-size: 12px;
}

/* end */



.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 28px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #090;
}

input:checked+.round:after {

    color: #fff;
    content: "ON";
    font-size: 14px;
    line-height: 28px;
    padding-left: 5px;
}

input[type="checkbox"]:not(:checked)+.round::after {
    color: #000;
    content: "OFF";
    font-size: 11px;
    line-height: 28px;
    padding-left: 27px;
}

input:checked+.round::after {
    color: #fff;
    content: "ON";
    font-size: 11px;
    line-height: 29px;
    padding-left: 8px;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}


input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.season-label {
    line-height: 22px;
}

.season-input {
    height: 25px;
    min-height: 25px !important;
    box-sizing: border-box !important;
    padding: 4px;
}

.season-select {
    width: 100%;
    padding: 3px 0;
    border: 1px solid #ccc;
}

.fs div {
    padding: 0;
}

.addon-close {
    background: rgb(239, 239, 244) none repeat scroll 0 0;
    border-radius: 20px;
    cursor: pointer;
    float: left;
    height: 20px;
    line-height: 19px;
    margin-left: 6px;
    margin-top: 3px;
    text-align: center;
    width: 21px;
    color: #a5a5a5;
    font-size: 18px;
}

.addon-close1 {
    margin-left: 40px !important;
}

.addon-close:hover {
    color: #b8b8b8;
}
.cut-icon-trashcan {
    display: none;

}
.mbottom {
    margin-bottom: 2px;
}
.mbottom:hover .cut-icon-trashcan {
    float: right;
    line-height: 25px;
    color: #007AFF;
    font-size: 14px;
    display: block;
    cursor: pointer;
}

.add-season {

    float: right;
    left: 49%;
    margin-top: -22px;
    position: absolute;
    color: #06F;
    text-decoration: none;
}

.add-season i {
    color: #06F;
    text-decoration: none;
}

.clearfix {

    margin-bottom: 25px;
}

.searwrt {
    font-family: arial;
    padding-right: 3.25%;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

.searwrt-btn {
    color: rgb(255, 255, 255) ! important;
    font-size: 14px;
    border: medium none ! important;
    padding: 3px 10px;
}

.searwsavbg {
    background: rgb(67, 160, 71) none repeat scroll 0% 0% ! important;

}

.searwrt-btn .searwicn {
    cursor: pointer;
    color: rgb(255, 255, 255);
    margin: 0px 5px 0px 0px;
    font-size: 12px;
}

.searwuptbg {
    background: rgb(255, 160, 0) none repeat scroll 0px 0px ! important;
}

.searwrt-btn:hover {
    opacity: 0.8;
}

.input {
    border-radius: 5px !important;
    height: 35px !important;
}

.select {
    border-radius: 5px !important;
    height: 40px !important;
}

.snsgrp-holder {
    background-color: white !important;
    border: 2px solid black;
    border-radius: 7px;
}

.season-input,
.season-select {
    border-radius: 5px !important;
}

.span5,
.span5 select {
    float: right;
    height: 40px;
}

.span6 {
    float: left;
}

.season-input {
    height: 40px;
    margin-left: 8px;
}

.wth45 {
    width: 45% !important;
}

@media screen and (max-width: 1200px) {
    .wth45 {
        width: 55% !important;
    }
}

.addon-label {
    margin-top: 10px;
    text-align: center;
    margin-left: 10px;
}

.vehicle-container .vtransfer-row {
    background: #fafafa none repeat scroll 0 0;
    float: left;
    width: 85%;
    border-bottom: 1px dashed rgb(187, 187, 187);
    padding: 12px;
    margin-bottom: 14px;
}

.vehicle-container .vehicle-row .vtype {
    margin-left: 0 !important;
    width: 39.5%;
}

.vehicle-container .vtransfer-row input {
    font-size: 12px !important;
}

.vehicle-container .delete-trate .cut-icon-trashcan {
    line-height: 25px;
    color: #db3834;
    font-size: 14px;
    display: block;
    cursor: pointer;
}

.vehicle-container .vtransfer-row {
    background-color: #FFF;
    border-bottom: 1px dashed #CCC;
}

.vehicle-container .searwrt {
    right: -145px !important;
}

@media screen and (min-width: 1200px) {
    .vehicle-container .searwrt {
        right: -165px !important;
    }
}

.vehicle-container .ib-vehicle-delete  {
    display:none;
}

.vehicle-container .elements_holder span {

    margin-top:10px;
    text-align:right;
    margin-right:2%;
    float:right;
    position:absolute;
    right:0;
    top:0;

}

.vehicle-container .elements_holder {
    position:relative;
}

.vehicle-container .elements_holder:hover .ib-vehicle-delete{
    display: block;
    color:#007aff;
    font-size:14px;
    cursor:pointer;
}

.workgroup-container .droptarget.un-assign {
    max-height: 100vh;
    overflow-y: scroll;
}
.workgroup-container .droptarget .sgleader-box {
    background-color: #ef1b27;
    border: 1px solid #fb6870;
    color: #ffffff;
}

.workgroup-container .droptarget .sgleader-box [class^="icomoon-icon-"], [class*=" icomoon-icon-"] {
    color: #ffffff;
}

.checkbox-inline, .radio-inline{
    color:#666;
}

.vehicletype-container .img-wrapper {
    width: 180px;
    border: 1px solid #959595;
    padding: 1px;
    border-radius: 7px;
}

.vehicletype-container .img-wrapper img {
    border-radius: 7px;
}

.vehicletype-container .img-wrapper .img-delete {
    position: absolute;
    bottom: 0;
    right: -24px;
}

.vehicletype-container .img-wrapper .img-delete i::before {
    color: #db0c70;
}

.flatpickr-calendar {
    z-index: 9999 !important;
}

.input-group-normal:focus-within {
    box-shadow: none !important;
    border: 0 !important;
}

.input-group-normal input,
.input-group-normal select {
    border: 1px solid #dddddd !important;
    outline: none;
    box-shadow: none;
}





.li-grh-ico {

    font-size: 30px !important;
    color: #1993FF !important;
    float: right !important;
    position: absolute !important;
    z-index: 1 !important;
    margin-top: 6px !important;
    cursor: pointer !important;
}

.ch-grh-ico {

    color: #1993ff !important;
    float: right !important;
    font-size: 30px !important;
    margin-left: -30px !important;
    margin-top: 9px !important;
    position: absolute !important;
    z-index: 1 !important;
    cursor: pointer !important;
}

.st-grh-ico {

    color: #1993ff !important;
    float: right !important;
    font-size: 30px !important;
    margin-left: -70px !important;
    margin-top: 9px !important;
    position: absolute !important;
    z-index: 1 !important;
    cursor: pointer !important;
}

.textbox {
    width: 140px !important;
    border: #E1E1E1 1px solid !important;
    margin-top: 3px !important;
    padding: 4px !important;

}

.selectbox {

    width: 150px !important;
    border: #E1E1E1 1px solid !important;
    margin-top: 3px !important;
    padding: 4px !important;
}

.filter-ioc {

    font-size: 20px !important;
    line-height: 30px !important;
    color: #1993FF !important;
    cursor: pointer !important;
}

/* .nav-tabs {
    background: white !important;
} */
/* feedbacks */
.ermk-div {
    padding-bottom: 15px;
}

.ermk-div label {
    font-size: 15px;
    vertical-align: top;
}

.ermk-div span {
    width: 100%;
    float: left;
    line-height: 21px;
    font-size: 14px;
    color: #777;
}

.ermk-div textarea {
    height: 50px;
    width: 95%;
}

.ermk-div p {
    line-height: 18px;
    width: 95%;
}

.ermk-div .ermk-delete,
.ermk-div .ermk-edit-save,
.ermk-div .ermk-add-reminder {
    vertical-align: top;
    padding-left: 5px;
    width: auto;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.ermk-div .ermk-hide-reminder {
    text-decoration: none;
    cursor: pointer;
}

.ermk-div .ermk-edit-save {
    right: 17px;
}

.ermk-div .ermk-delete i,
.ermk-div .ermk-edit-save i,
.ermk-add-reminder i {
    color: #007aff;
}

.ermk-div:hover .ermk-delete,
.ermk-div:hover .ermk-edit-save,
.ermk-div:hover .ermk-add-reminder {
    display: block;
}

.ermk-div label input {
    padding: 3px;
    background: none repeat scroll 0% 0% rgb(238, 238, 238);
    border-radius: 3px;
}

.ermk-div .ermkback {
    width: 100%;
}

.ermk-div .ermk-delete {
    right: -83px;
}

.ermk-div .ermk-edit-save {
    right: -60px;
}

.ermk-div .ermk-add-reminder {
    right: -37px;
}
.new-itinerary-panel .send-tab-panel {
    float: left;
    width: 100%;
    display: none;
}

.new-itinerary-panel .send-tab-panel.active {
    display: block;
}

.new-itinerary-panel .flat-tabs-contents .flat-tab-panel {
    width: 100%;
    display: none;
}

.new-itinerary-panel .flat-tabs-contents .flat-tab-panel.active {
    display: block;
}
.poptip span {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.filter-otp input {
    padding: 8px 10px 8px 33px !important;
}

.poptip .active {

    color: #3395FF;
    text-decoration: none;
    cursor: pointer;
}

.filter-otp {
    float: right;
    position: relative;
}

.filter-otp .wpzoom-search {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 15px;
}

.filter-otp input {

    padding: 5px 10px 5px 30px;
    border: solid 1px #dcdcdc;
    transition: box-shadow 0.3s, border 0.3s;
    width: 100%;
}

.filter-otp input:focus,
.filter-otp input.focus {

    border: solid 1px #5da7f8;
    box-shadow: 0 0 5px 1px #5da7f8;
}

.poptip {

    font-size: 13px;
}

.poptip span {

    font-size: 16px;
}



.lead-dropdown  button.btn.dropdown-toggle{
    padding: 5px 14px;
    font-weight: 600;
}
.btn-group.lead-dropdown.ms-3 {
    border: 1px solid #ccc;
    font-weight: 600;
}

.lead-dropdown .dropdown-menu > li > a {
    padding: 9px 20px !important;
    border-radius: 8px !important;
}
.lead-dropdown .dropdown-menu.show {
    display: block !important;
    width: 240px !important;
}

/* .lead-dropdown{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important; } */




.lead-dropdown .btn-danger.dropdown-toggle::after {
    color: red !important; /* or use a hex code like #ff0000 */
}
.custom-red-toggle::after {
    color: red !important;
}
.lead-dropdown .btn-danger.dropdown-toggle::after {
    border-top-color: red !important;
}
.lead-dropdown .btn-danger.dropdown-toggle::after {
    border-top-color: red !important;
}


.loc-search-container {
    background: rgb(255, 255, 255);
    border-radius: 5px;
    cursor: default;
    display: block;
    padding: 0 !important;
    position: absolute;
    right: 0;
    text-align: left;
    top: 41px;
    width: 355px;
    z-index: 300;
    box-shadow: rgba(0, 20, 60, 0.1) 0px 4px 20px 4px;
    display: none;
}

.loc-search-container .top {
    padding: 20px;
    background-color: #fff;
}

.loc-search-container .bottom {
    padding: 7px;
    text-align: center;
    color: #fff;
    border-top: 1px solid #d3d3d3;
    background-color: #ef1b27;
}

.loc-search-container .input-loc {
    width: 100%;
    line-height: 28px;
    padding-left: 8px;
    box-sizing: border-box;
    background-color: transparent;
    border-radius: 5px;
    color: #000;
    border-color: #a7a7a7;
    outline: none;
}

.top-profile-menu-item {
    width: 29%;
    margin: 2%;
    border-radius: 8px;
    padding: 5% 2%;
}

.profile-menu-svg .green {
    fill: #8e9bb5;
}

.header_right_sidebar .dot-icon {
    font-size: 14px;
    color: #fff;
}

.profile-menu-svg .darkblue {
    fill: #516889;
}

.header_right_sidebar #header_right_sidebar_panel {
    position: fixed;
    top: 61px;
    right: -400px;
    width: 400px;
    /* height: calc(100vh - 60px); */
    height: calc(100vh);

    background-color: var(--vz-sideslider-bg);
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease-in-out;
    z-index: 1001;
    /* padding: 20px; */
}

.overflow-auto {
    overflow-y: scroll !important;
    height: 600px;
}

svg.icon.icon-xxs.fill-dropdown-blue.ms-1.arrow-svg svg {
    font-size: 12px !important;
}

svg.icon.icon-xxs.fill-dropdown-blue.ms-1.arrow-svg {
    width: 11px !important;
    height: 9px !important;
    fill: #1b6de0;
}

.assistance-menu-item {
    padding: 12px 0;
}

.avater-wrapper .account_a a {
    font-size: 11px;
    color: #1b6de0;
    text-decoration: none;
    font-weight: 400;
}


a.signout.align-self-center.signout_a svg {
    fill: red;
}

a.signout.align-self-center.signout_a {
    font-weight: 400;
    font-size: 11px;
    color: red;
    text-decoration: none;
}

.font-normal,
.nav.nav-pills.nav-pills-breadcrumbs .nav-item {
    font-size: 14px !important;
}

.profile-menu-svg:hover .blue {
    fill: #1b6de0;
    transition: .2s;
}

.profile-menu-svg:hover .darkblue {
    fill: #000;
    transition: .2s;
}

.font-small {
    font-size: 11px;
}

.profile-menu-svg:hover .green {
    fill: #03ea94;
}

.profile-menu-svg .blue {
    fill: #dae1ea;
}

.myOrg-sidebar-wrapper {
    padding: 10px 20px;
    font-size: 15px;
    color: #000;
    border-bottom: 1px solid #ddd;
}

svg.icon.icon-xxs.fill-dropdown-blue {
    width: 11px;
    height: 12px;
    fill: #1b6de0;
}

.bottom-profile-menu-item {
    width: 44%;
    margin: 7% 2.4% 0;
    padding: 4%;
    border-radius: 8px;
    background-color: #f3f3fa;
}

.top-profile-menu-item {
    width: 29%;
    margin: 2%;
    border-radius: 8px;
    padding: 5% 2%;
}

.Org-sidebar-wrapper {
    background-color: var(--vz-default-bg);
    padding: 20px;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
}

body.sidebar-open::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 100;
    background: linear-gradient(135deg, rgb(10 31 80 / 51%), rgba(108, 117, 125, 0.3));
    pointer-events: none;
}

.font-large {
    font-size: 16px;
}

svg.icon.icon-xxlg-md {
    height: 40px;
    width: 40px;
}

.header_right_sidebar #header_right_sidebar_panel.open {
    right: 0;
}

.header_right_sidebar .list-group-item {

    margin-bottom: 8px;
    background-color: #f7f7fe;
    border-bottom: 1px solid #ddd;


}

.header_right_sidebar img {
    width: 32px;
    height: 32px;
    object-fit: cover;
}

.header_right_sidebar .check-circle {
    width: 18px;
    height: 18px;
    background-color: #0d6efd;
    border-radius: 50%;
    color: white;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header_right_sidebar .arrow-bottom {
    position: absolute;
    top: 9px;
    left: calc(50% + 12px);
    width: 0;
    height: 0;
    transform: rotate(180deg);
    z-index: 1002;
}

.header_right_sidebar .arrow-bottom::before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 11px 11px 0;
    border-color: #ccc transparent;
    display: block;
    width: 0;
    top: 9px;
    left: 45%;
}

.header_right_sidebar .arrow-bottom::after {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 11px 11px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    top: 8px;
    left: 45%;
}

.header_right_sidebar .header_right_sidebar_arrow_icon svg {
    transition: transform 0.3s ease;
    width: 12px;
    height: 12px;
    fill: #fff;
}

.header_right_sidebar .header_right_sidebar_arrow_icon.rotate svg {
    transform: rotate(180deg);
    width: 12px;
    height: 12px;
    fill: #fff;
}

.cursor-pointer {
    cursor: pointer;
}






.avater_right_sidebar .dot-icon {
    font-size: 24px;
}

.avater_right_sidebar #avater_right_sidebar_panel {
    position: fixed;
    top: 60px;
    right: -320px;
    width: 320px;
    height: calc(100vh - 60px);
    background-color: #f9f9f9;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease-in-out;
    z-index: 1001;
    padding: 20px;
}

.avater_right_sidebar #avater_right_sidebar_panel.open {
    right: 0;
}

.avater_right_sidebar .list-group-item {
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 8px;
}

.avater_right_sidebar img {
    width: 32px;
    height: 32px;
    object-fit: cover;
}

.avater_right_sidebar .check-circle {
    width: 18px;
    height: 18px;
    background-color: #0d6efd;
    border-radius: 50%;
    color: white;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.avater_right_sidebar .arrow-bottom-1,
.avater_right_sidebar .arrow-bottom {
    position: absolute;
    top: 9px;
    left: calc(91% + 11px);
    width: 0;
    height: 0;
    transform: rotate(180deg);
    z-index: 1002;
}

.avater_right_sidebar .arrow-bottom-1::before,
.avater_right_sidebar .arrow-bottom::before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 11px 11px 0;
    border-color: #ccc transparent;
    display: block;
    width: 0;
    top: 9px;
    left: 45%;
}

.avater_right_sidebar .arrow-bottom-1::after,
.avater_right_sidebar .arrow-bottom::after {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 11px 11px 0;
    border-color: #fff transparent;
    display: block;
    width: 0;
    top: 8px;
    left: 45%;
}

.avater_right_sidebar .avater_right_sidebar_arrow_icon svg {
    transition: transform 0.3s ease;
}

.avater_right_sidebar .avater_right_sidebar_arrow_icon.rotate svg {
    transform: rotate(180deg);
}

.cursor-pointer {
    cursor: pointer;
}

body.sidebar-open::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: 100;
    background: linear-gradient(135deg, rgb(10 31 80 / 51%), rgba(108, 117, 125, 0.3));
    pointer-events: none;
}

.avater-wrapper {
    position: fixed;
    top: 60px;
    right: -400px;
    width: 400px;
    height: calc(100vh - 60px);
    background-color: var(--vz-sideslider-bg);
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease-in-out;
    z-index: 1001;
    padding: 20px;
}

.font-medium {
    font-size: 15px;
}

.avater-wrapper.open {
    right: 0;
}

.avater-wrapper .modal-backdrop {
    display: none;
    z-index: 0 !important;
}
.cclabels {
    cursor: pointer;
    padding-left: 3px;
    margin-right: 10px;
    margin-bottom: 0 !important;
}