@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
/*------ comman style ----*/
html, body{height:100%;}
body{margin:0;padding:0; background-color: #f0f2f6; font-family: 'Roboto', sans-serif;font-size:16px;color:#1E202C;scroll-behavior:smooth;overflow-x:hidden;font-weight:400;}
a{text-decoration:none;color:#0070c0;transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
a:hover{color:#000000;text-decoration:none}
a:focus{outline:none;text-decoration:none;}
:focus{outline:none;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0;color:#000000;padding:0;line-height:1.2;font-family: 'Roboto', sans-serif;text-transform:none; font-weight: 700;}
h1{font-size:48px;}
h2{font-size:42px;}
h3{font-size:36px;}
h4{font-size:30px;}
h5{font-size:24px;}
h6{font-size:18px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none;font-size:inherit; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;}
small{display:block;margin-top:4px;}
p{margin:0 0 20px 0;line-height:28px;}
p:last-child{margin-bottom:0px;}
ul, ol{margin:0;}
strong, b{font-weight:600;}
button{transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], input[type="submit"], input[type="password"],input[type="hidden"]{-moz-appearance:none;-webkit-appearance:none;border-radius:0px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="submit"]:focus, input[type="password"]:focus, input[type="hidden"]:focus{outline:none;}
textarea{-moz-appearance:none;-webkit-appearance:none;border-radius:5px;}
select{-moz-appearance:none;-webkit-appearance:none;background-color:#ffffff;padding-right:25px;background-image:url(../../images/admin/select-arrow.png);background-repeat:no-repeat;background-position:right center;border-radius:3px;text-overflow:ellipsis;overflow:hidden;}
select::-ms-expand{display:none}
textarea:focus, select:focus{outline:none;}
input:disabled, select:disabled{color:#ffffff !important;opacity:1;}
label{font-weight:600;margin-bottom:5px;}
input[type="submit"]{background-color:#0070c0;border-color:transparent;padding:10px 35px;color:#ffffff;font-weight:500;font-size:16px;line-height:1.2;width:auto;cursor:pointer;border-radius:0px;transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
input[type="submit"]:hover{background-color:#000000;}
.form-group{margin-bottom:25px;}
.form-control{background-color:transparent;height:auto;padding:8px 12px;border:1px solid #cecece;box-shadow:none;border-radius:0px;height:auto;font-weight:400;font-size:16px;color:#333333}
.form-control:focus{box-shadow:0 2px 5px -2px rgba(0,0,0,0.15);border-color:#999999;color:#2d2d2d;background-color:transparent;}
select.form-control{padding:10px 25px 9px 12px;}
 textarea.form-control{height:120px;resize:none;}
input::-webkit-input-placeholder,.form-control::-webkit-input-placeholder{opacity:1;color:inherit;}
input::-ms-input-placeholder, .form-control::-ms-input-placeholder{opacity:1;color:inherit;}
input::placeholder, .form-control::placeholder{opacity:1;color:inherit;}
.content h2, .content h3, .content h4, .content h5, .content h6{margin-top:25px;}
img.alignleft, .alignleft{float:left;margin-right:20px;max-width:50%;}
img.alignright, .alignright{float:right;margin-left:20px;max-width:50%;}
img.aligncenter, .aligncenter, img.alignnone, .alignnone{display:block;margin:30px auto 20px;clear:both;}
img.alignleft, .alignleft, img.alignright, .alignright{display:inline;margin-top:0;}
img.alignleft, img.aligncenter, img.alignright{margin-bottom:20px;}
.alignleft .wp-caption-text{text-align:left;}
.alignright .wp-caption-text{text-align:right;}
.aligncenter .wp-caption-text{text-align:center;}
.wp-caption-text{font-size:16px;color:#2f2f2f;line-height:24px;margin-bottom:30px;}
.content ul, .content ol{margin:0 0 20px 0px;padding:0 0 0 15px;position:relative;}
.content ul{list-style:none;}
.content ul li, .content ol li{margin-bottom:8px;}
.content ul li:before{content:"";position:relative;display:inline-block;left:-15px;top:-2px;width:7px;height:7px;background-color:#1a1a1a;border-radius:100%;}
.table{border:1px solid #dee2e6;font-size:16px;}
.table th, .table thead th{background-color:#f0f0f0;border-bottom:none;font-weight:600;}
.table td, .table th{padding:10px;}

@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.7.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa-remove::before, .fa-close::before, .fa-times::before {content: "\f00d";}

/*-------login-create-account-start---------*/
.loginpagebg {background-color: #1E202C; color: #fff; /*padding: 15px;*/}
.logaccoungsec {/*display: table; height: 100%;*/ max-width: 403px;  margin: auto; width: 100%; padding: 15px;}
.logaccbox {/*display: table-cell; vertical-align: top;*/ padding-top: 75px;}
.loglogo {margin-bottom: 46px; text-align: center;}
.loglogo img {width: 85px; height: auto;}
.logaccbox h4 {font-size: 22px; margin-bottom: 24px; text-align: center;}
.logingform .logaccbox h4 {color: #fff;}
.formMB {margin-bottom: 27px;}
.logaccoungsec label {font-weight: 500; margin-bottom: 7px;}
.logaccoungsec label span {color: #FB2047;}
.logaccoungsec .form-control {color: #fff; background-color: #313545;  border-radius: 6px; padding: 7px 11px; border: 1px solid rgba(91, 97, 120, 1); font-weight: 400; font-size: 16px;}
.logaccoungsec .form-control:focus {box-shadow: 0px 0px 0px 1px #5B6178;}
.errormessage {font-size: 14px; color: #FB2047; margin-top: 11px; display: block;}
.errormessage img {width: 14px; vertical-align: middle; margin-right: 2px;}
input[type="submit"].cominputbgn {width: 100%; display: block; border-radius: 6px; padding:13px 11px; border-radius: 6px; font-weight: 500;
font-size: 16px; color: #fff; border: 1px solid;}
input[type="submit"].purplegbtn {border-color:#7e51ff; background-color: #7e51ff;}
input[type="submit"].purplegbtn:hover {background-color: #fff; color: #7e51ff; border-color:#fff;}
.oroptsec {margin: 0px 15px; position: relative; text-align: center;}
.oroptsec:before, .oroptsec:after {position: absolute; top: 12px; height: 1px; width: 42%; background-color: #454A5F; content: "";}
.oroptsec:before {left: 0px;}
.oroptsec:after {right: 0px;}
a.formlinkbtn {width: 100%; background-color: transparent; display: block; border-radius: 6px; padding:11px 11px; border-radius: 6px; font-weight: 500;
font-size: 16px; color: #fff; border: 1px solid #5B6178; text-align: center; line-height: 23px;}
a:hover.formlinkbtn {background-color: #fff; border-color: #fff; color: #1E202C;}
.createaccountpage input[type="submit"].purplegbtn {border-color:#4D74FF; background-color: #4D74FF;}
.createaccountpage input[type="submit"].purplegbtn:hover {background-color: #1E202C; color: #fff; border-color:#1E202C;}
.createaccountpage a.formlinkbtn {color: #1E202C;}
.createaccountpage a:hover.formlinkbtn {background-color: #1E202C; border-color: #1E202C; color: #fff;}
.createaccountpage {background-color: #fff;  /*padding: 15px;*/}  
.creaccform .logaccbox h4 {color: #1E202C;}
.creaccform .form-control {background-color: #fff; color: #1E202C; border-color: #d1d5e6;}
.formprivacy {font-size: 14px; line-height: 24px; margin-bottom: 24px;}
.formprivacy a {color: #1847ed;}
.formprivacy a:hover {color: #1847ed; text-decoration: underline;}
.form-control.passplaceholder::-webkit-input-placeholder {color: #737992; opacity: 1;}
.form-control.passplaceholder::-moz-placeholder {color: #737992; opacity: 1;}
.form-control.passplaceholder:-ms-input-placeholder {color: #737992; opacity: 1;}
.form-control.passplaceholder:-moz-placeholder {color: #737992; opacity: 1;}
.createaccountpage .form-control.passplaceholder::-webkit-input-placeholder {color: #C1C7DE; opacity: 1;}
.createaccountpage .form-control.passplaceholder::-moz-placeholder {color: #C1C7DE; opacity: 1;}
.createaccountpage .form-control.passplaceholder:-ms-input-placeholder {color: #C1C7DE; opacity: 1;}
.createaccountpage .form-control.passplaceholder:-moz-placeholder {color: #C1C7DE; opacity: 1;}
.form-control.wrongtext {  border:1px solid #FB2047;}
.form-control.wrongtext:focus {box-shadow: 0px 0px 0px 1px #FB2047;}
.btnloginMB {margin-bottom: 24px;}
.loginorMB {margin-bottom: 24px;}
.creaccform .loglogo {margin-bottom: 28px;}

/*-------login-create-account-end---------*/
.dash {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh;}
.dash-nav {min-width: 335px; position: fixed; left: 0; top: 0; bottom: 0; overflow: auto; box-shadow: 1px 0px 0px #454A5F; z-index: 99999; 
    border-radius:0px;  transition: all 0.3s ease-in-out 0s;}
.dash-nav.dash-nav-dark {background-color: #1E202C; }
.dash-nav-dark .dash-nav-dropdown.show {background: rgba(255, 255, 255, 0.04);}
.dash-nav header {min-height: 80px; padding:8px 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: 12px;}
.dash-nav .leftsecpos header a.spur-logo img {height: 54px;}
.dash-app {margin-left: 335px;}
.dash-app {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal;
    -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2;
    flex-grow: 2; margin-top: 80px; transition: all 0.3s ease-in-out 0s;}
.dash-toolbar { min-height: 80px; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -webkit-align-items: flex-start; -ms-flex-align: flex-start; align-items: flex-start; padding: 8px 27px 8px 29px; position: fixed; top: 0; right: 0; left: 0; z-index: 99; -webkit-box-shadow: 0px 1px 0px #C1C7DE; box-shadow: 0px 1px 0px #C1C7DE; transition: all 0.3s ease-in-out 0s;}
.dash-toolbar {left: 335px;}
.dash-content {-webkit-box-flex: 2; -webkit-flex-grow: 2; -ms-flex-positive: 2; flex-grow: 2; /*padding: 25px;*/ display: block; background-color: #f0f2f6;}
.middlesection {padding:12px 15px;}
.dash-content .container {max-width: inherit;}
/*.dash-nav-dropdown-menu {-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; transition: max-height 0.30s ease-out; overflow: hidden; max-height: 0; }
.dash-nav-dropdown.show > .dash-nav-dropdown-menu {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; transition: max-height 0.50s ease-in;  max-height: 500px;}*/
/*.leftnavsearch .dash-nav-dropdown-menu {margin-bottom: 15px;}*/
.dash-nav-list ul {margin: 0px; padding: 0px;}
.dash-nav-list li {list-style-type: none; display: block;}
.dash-nav-list li .dash-nav-item { padding: 10px 20px 10px 60px; display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center; -webkit-align-items: center;  -ms-flex-align: center;  align-items: center; }
.dash-nav-list .dash-nav-item:hover {color: #fff; background-color: #313545; border-radius: 6px;}
.dash-nav-list li.active .dash-nav-item {color: #fff; background-color: #313545; border-radius: 6px;}
.leftsecpos .accordion-button::after {background-image: url(../../images/admin/nav-downarrow.svg); transform: rotate(0deg); background-size: 15px; width: 15px; height: 15px; margin-top: 7px; margin-right: 5px;}
.leftsecpos .accordion-button:not(.collapsed) {color: #fff; background-color: #313545; border-radius: 6px;}
.leftsecpos .accordion-button:not(.collapsed)::after {background-image: url(../../images/admin/nav-downarrow.svg); transform: rotate(0deg);}
.leftsecpos .accordion-button:focus {z-index: 3; border-color: transparent; outline: 0; box-shadow: none;}
.leftsecpos .accordion-button {box-shadow: none; border: none;}
.dash-nav-list li.active .dash-nav-dropdown-item.active  {color: #9B78FF;}
.dash-nav-list li .dash-nav-item i {width: 30px; margin-left: -40px; margin-top: -12px;}
/*.dash-nav-list li .dash-nav-item i img {width: 18px;}*/
.dash-nav-dropdown-item { padding: 10px 20px 10px 50px; font-size: 16px; display: block; color: #fff; position: relative;}
.dash-nav-dropdown-item span { font-size: 14px; color: #fff; font-weight: 500; position: absolute; right: 0px; background: #FB2047;
border-radius: 100px; right: 8px; top: 9px; padding: 2px 10px 3px;}
.dash-nav-dropdown-item:hover {background-color: transparent; color: #9B78FF;}
.dash-nav-dropdown-item.active  {color: #9B78FF;}
.dash-nav-dropdown .dash-nav-dropdown-toggle::after {content: "\f107"; font-size: 18px;  position: absolute; right: 20px; font-family: FontAwesome;font-style: normal;font-weight: normal; }
.dash-nav-dropdown.show > .dash-nav-dropdown-toggle::after {content: "\f106";}
.dash-nav header .menu-toggle {display: none; margin-left: auto; color: #fff;}
.dash-compact .dash-nav {/*display: none;*/ left: -338px;}
.dash-compact .dash-app {margin-left: 0;}
.dash-compact .dash-toolbar {left: 0px;}
.dash-nav-item i {background-repeat: no-repeat; background-position: left center; background-size: 18px;}
.dash-nav-item .iconsize {height: 18px;}
.leftnavsearch {padding-left: 25px; padding-right: 25px;}
.toolbarpadd {padding-left: 0px; padding-right: 0px; width: 100%;}
.toolbarleftrightsec {display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: 64px; flex-wrap: wrap;}
.welcomesec h3 {font-size: 22px; color: #200e32; margin-bottom: 0px;}
.toolrightsec {display: flex; align-items: center; flex-wrap: wrap; margin-right: 0px;}
.leftpanelsearch {margin-bottom: 20px; position: relative;}
.leftpanelsearch input[type="submit"]{position:absolute;left:14px;top:10px;width:20px;height:20px;background:url(../../images/admin/search-white-icon.svg) no-repeat center left;background-size:auto;background-size:100% 100%;border:none;box-shadow:none;padding:0px;}
.leftpanelsearch input{width:100%;background-color:#313545;border-radius:6px;border:none;padding:8px 11px 8px 44px;color:#fff;font-size:16px;font-weight:400;box-shadow:0px 0px 0px 1px #5B6178;}
.leftpanelsearch input::-webkit-input-placeholder{color:#737992;opacity:1;}
.leftpanelsearch input::-moz-placeholder{color:#737992;opacity:1;}
.leftpanelsearch input:-ms-input-placeholder{color:#737992;opacity:1;}
.leftpanelsearch input:-moz-placeholder{color:#737992;opacity:1;}
.dash-nav-list li .dash-nav-item{color:#fff;padding:10px 10px 10px 55px;margin-bottom:5px;font-size:18px;font-weight:700;}
.mainwhitebg{background:#FFFFFF;box-shadow:0px 2px 6px rgba(5, 16, 55, 0.1);border-radius:6px;padding:16px 0px;}
.cstmTable{width:100%;}
.cstmTable th, .cstmTable td{padding:2px 15px; height: 60px;}
.cstmTable th{color:#454A5F;font-size:16px;font-weight:500;}
.cstmTable th a{color:#454A5F; width: 100%;}
.cstmTable th a:hover{color:#454A5F;}
.cstmTable thead{}
.cstmTable thead tr th{background:#F0F2F6;}
.cstmTable thead tr th:first-child{border-radius:6px 0px 0px 6px;}
.cstmTable thead tr th:last-child{border-radius:0px 6px 6px 0px;}
.cstmTable td{color:#1E202C;font-size:16px;border-bottom:1px solid #d9ddea;vertical-align:middle;}
.cstmTable td span.bt-content {width: 100%; display: flex; height: 100%;align-items: center; flex-wrap: wrap;}
.cstmTable td a{color:#1E202C; width: 100%; display: flex; align-items: center; height: 100%;}
.cstmTable td a:hover{color:#7E51FF;}
.invoiceajaxresponsdata h6{margin-bottom:10px;}
.cstmTable tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px;}
.cstmTable tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;}
.tablehovetr tbody tr:hover {background-color: #E8EDFF;}
table.bt thead, table.bt tbody th{display:none;}
.tblth-img{margin-left:10px;}
.mulcommbtn{font-size:14px;color:#000;display:inline-block;padding:2px 12px;line-height:1;border-radius:30px;background-color:#ccc;/*min-width:85px;*/text-align:center;line-height:24px;}
.ligntgreenbtnbg{background-color:#c8ffc7;}
.ligntyellowbtnbg{background-color:#FFE9BF;}
.ligntbluebtnbg{background-color:#B4C5FF;}
.ligntpinkbtnbg{background-color:#FFC0CC;}
.ligntgraybtnbg{background-color:#D9DDEA;}
.ratyellbg a span{display:inline-block;background:#FFD600;border-radius:6px;width:29px;height:29px;line-height:26px;text-align:center;}
.actntxtright{text-align:right;}
.headusernav{display:inline-block;margin-right:10px;}
.headusernav ul{margin:0px;padding:0px;display:flex;}
.headusernav li{list-style-type:none;display:inline-block;margin-right:10px;margin-left:10px;}
.heduserphoto{width:40px;height:40px;position:relative;overflow:hidden;}
.heduserphoto img{border-radius:100%;width:100%;height:100%;object-fit:cover;}
.ftPT{padding-top:17px;}
.des-pagination{text-align:right;}
.des-pagination ul{margin:0px;padding:0px;display:flex;align-items:center;justify-content:flex-end;}
.des-pagination li{list-style-type:none;display:inline-block;margin-right:4px;margin-left:4px;}
.des-pagination li:first-child{margin-left:0px;}
.des-pagination li:last-child{margin-right:0px;}
.des-pagination .pg-link{background:#F0F2F6;border-radius:6px;padding:10px 19px;display:inline-block;font-weight:500;font-size:16px;line-height:19px;color:#1E202C;}
.des-pagination a.pg-link:hover, .des-pagination a.pg-link.active{background-color:#1847ED;color:#fff;}
.dash-nav header .leftaddicon{margin-left:auto;}
.leftaddicon a{background:#7E51FF;border-radius:100%;width:40px;height:40px;display:flex;flex-direction:row;justify-content:center;align-items:center;}
.leftaddicon a:hover{background:#6537ea;}
.topbavbarsec{display:flex;align-items:center;}
.mobilebaricon{margin-right:5px;width:50px;}
.topbavbarsec .desk-none{display:none;}
.headerfilterbtn.headerfilterbtn{background-color:transparent;border:1px solid #1847ED;font-size:14px;font-weight:500;display:inline-block;padding:7px 15px;margin-right:20px;min-height:40px;line-height:22px;color:#1847ED;cursor:pointer;transition:all 0.5s ease-in-out 0s;border-radius:6px; min-width: 94px;}
.headerfilterbtn.headerfilterbtn:hover{background-color:#f0f2f6;}
.headerfilterbtn.headerfilterbtn img{margin-left:7px;}
.filtersearchsec{display:flex;align-items:center;justify-content:flex-start;  margin-bottom: 7px; }
.filtersearch{position:relative; margin-right: 10px;}
.filtersearch input[type="submit"]{position:absolute;left:14px;top:10px;width:20px;height:20px;background:url(../../images/admin/search-black-icon.svg) no-repeat center left;background-size:auto;background-size:100% 100%;border:none;box-shadow:none;padding:0px;}
.filtersearch input{width:100%;background-color:#fff;border-radius:6px;border:none;padding:7px 11px 7px 44px;color:#000;font-size:16px;font-weight:400;height:40px;box-shadow:0px 0px 0px 1px #CDD1DC;}
.filtersearch input::-webkit-input-placeholder{color:#C1C7DE;opacity:1;}
.filtersearch input::-moz-placeholder{color:#C1C7DE;opacity:1;}
.filtersearch input:-ms-input-placeholder{color:#C1C7DE;opacity:1;}
.filtersearch input:-moz-placeholder{color:#C1C7DE;opacity:1;}
.mobile-show-body{overflow:hidden;height:100%;max-height:100%;min-height:100%;}
.show-overlay{width:100%;height:100%;z-index:999;top:0;left:0;position:fixed;background:rgba(0, 0, 0, 0.7);overflow:hidden;}
.desknonecancleicon{display:none;}
.mobile-show-html{overflow:hidden;height:100%;max-height:100%;min-height:100%;}
.pagetopfilsec {display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin-bottom:10px;}
.dowpriraticon {margin-bottom: 7px;}
.dowpriraticon ul {margin: 0px; padding: 0px; display: flex;}
.dowpriraticon li {list-style-type: none; display: inline-block; margin-left: 15px;}
.dowpriraticon li:first-child {margin-left: 0px;}
.dowpriraticon li a {display: inline-block; background: #F0F2F6; border-radius: 6px; width: 40px; height: 40px; display: flex; flex-direction: row;
justify-content: center; align-items: center;} 
.dowpriraticon li a:hover {background-color: #d3e2ed;}
.tableuserdet {display: flex; justify-content: flex-start; align-items: center; min-width: 220px; width: 100%; height: 100%;}
.tableuserdet a {display: flex; justify-content: flex-start; align-items: center;}
.tableauthorimg {width: 40px; height: 40px; position: relative; overflow: hidden; border-radius: 100%;}
.tableauthorimg img {width: 100%; height: 100%; object-fit: cover; border-radius: 100%;}
.tabautname {margin-left: 14px; font-size: 11px;color: #656565; line-height: normal;}
.tabautname h5 {font-size: 16px; color: #1E202C; margin-bottom: 3px; font-weight: 400;}
.tableuserdet a {height: 100%;}
.tableuserdet a .tabautname h5 {color: #1E202C;}
.tableuserdet a:hover .tabautname h5 {color: #7E51FF;}
a.tabseticon {width: 40px; display: inline-block; text-align: center;}
a.tabseticon img {width: 18px;}
.righttablelink a {display: inline-block; text-align: center; width: 40px; height: 40px; line-height: 40px; color: #1E202C; background-color: transparent; border-radius: 100%; justify-content: center;}
.righttablelink a:hover {/*background-color: #F0F2F6;*/}
.righttablelink.onbright a {justify-content: flex-end;}
.innermiddpadd {padding-top: 15px; padding-bottom: 15px;}
.whitebgpadd {padding: 16px 22px;}
.taskdetactsec .col-md-8, .taskdetactsec .col-md-4 {margin-bottom: 25px;}
.taskdetbox {font-size: 14px; line-height: 16px; position: relative;}
.taskdetbox h5 {font-size: 16px; font-weight: 700;}
.taskdetbox h5 span {display: inline-block; border-bottom: 1px solid #1E202C;}
.taskdetbox p {line-height: 16px;}
.taskdetbox p:last-child {margin-bottom: 0px;}
.taskactionsec ul {margin: 0px; padding: 0px;}
.taskactionsec li {list-style-type: none; display: block; margin-bottom: 10px;}
.taskactionsec li:last-child {margin-bottom: 0px;}
.taskactionsec li a {font-size: 14px; display: block; font-weight: 700; color: #fff; padding: 10px 14px 10px; background-color: #7E51FF;  border-radius: 6px; text-align: center;}
.taskactionsec li a.bluebtnbg {background: #1847ED;}
.taskactionsec li a.greenbtnbg {background: #42CD00;}
.taskactionsec li a.redbtnbg {background: #FF0031;}
.taskactionsec li a:hover {opacity: 0.8;}
.taakadddet {padding-bottom: 12px; padding-right: 10px;}
.taskreadmorebtn {/*text-align: right; position: absolute; right: 0px; bottom: 0px;*/  }
.taskreadmorebtn a {display: inline-block; padding: 9px 14px 11px; background: #F0F2F6; border-radius: 6px; color: #1E202C; font-size: 14px; font-weight: 700; line-height: 16px;}
.taskreadmorebtn a:hover {background-color: #7E51FF; color: #fff; } 
.taskaddmore {display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap;}
.taskdetactsec .whitebgpadd {height: 100%;}
.noteuserchatdet {}
.noteuserchatdet ul {margin: 0px; padding: 0px;}
.noteuserchatdet li {list-style-type: none; display: block; border-bottom: 1px solid #d9ddea; }
.notepadd {padding: 16px; display: flex; }
.titleborder {border-bottom: 1px solid #d9ddea; padding:3px 16px 16px 16px;}
.titleborder h2 {font-size: 22px; color: #454A5F; margin-bottom: 0px;} 
.noteuserphoto {width: 40px; height: 40px; position: relative; overflow: hidden; border-radius: 100%; margin-right: 13px; }
.noteuserphoto img {width: 100%; height: 100%; object-fit: cover; border-radius: 100%;}
.noteuserdet {flex: 1; color: #454A5F; line-height: 24px;}
.noteuserdet p {line-height: 24px;}
.noteautname {display: flex; align-items: center; justify-content: flex-start; margin-bottom: 6px; padding-top: 0px;}
.noteautname h5 {margin-right: 10px; margin-bottom: 0px; font-size: 16px; color: #454A5F;}
.notetime {color: #737992;}
.notechatbg {padding: 16px; background-color: #F0F2F6;}
.commentarea {position: relative; flex: 1;}
.commentarea textarea {width: 100%; height:40px;resize:none; box-shadow: 0px 0px 0px 1px #CDD1DC; border-radius: 6px; background-color: #fff; padding: 12px 33px 8px 11px; border: none; line-height: 18px;}
.commentarea textarea::-webkit-input-placeholder {color: #C1C7DE; opacity: 1;}
.commentarea textarea::-moz-placeholder {color: #C1C7DE; opacity: 1;}
.commentarea textarea:-ms-input-placeholder {color: #C1C7DE; opacity: 1;}
.commentarea textarea:-moz-placeholder {color: #C1C7DE; opacity: 1;}
.smiicon {position: absolute; right: 10px; top: 7px; width: 16px;}
.notechatearea {display: flex;}
.lasttablewidht {width: 250px;}
.camMr {margin-right: 5px; display: inline-block;}
.roundcor {font-size: 14px; color: #1E202C; font-weight: 400; display: inline-block; margin: 2px 10px 2px 0; border-radius: 100px; padding: 4px 12px; text-align: center;}
.roundcor.cusbtnlink {width: auto; height: auto;}
.roundcor.cusbtnlink:hover {color: #000;}
.roubluebg {background: #D3E2ED;}
.accadminsec ul {margin: 0px; padding: 0px;}
.accadminsec li {list-style-type: none; display: block; font-size: 16px; font-weight:700; line-height: 24px; position: relative; }
.accadminsec li:hover {background-color: #E8EDFF;}
.accadminsec li a {color: #454A5F; display: block; padding: 17px 15px; border-bottom: 1px solid #D9DDEA;}
.accadminsec .collapse:not(.show) {display: block;}
.accadminsec ul[data-menu-style="accordion"] {width: auto;}
.accadminsec .ace-responsive-menu {float: none;}
.ace-responsive-menu > li {position: relative;}
.ace-responsive-menu > li > ul.sub-menu {display: none; list-style: none; clear: both; margin: 0; position: relative;}
.ace-responsive-menu > li > ul.sub-menu > li a {padding-left: 30px;}
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu {display: none; }
.ace-responsive-menu > li > ul.sub-menu > li ul.sub-menu li  a {padding-left: 60px;}
.ace-responsive-menu > li > ul.sub-menu {position: relative;}
.fldicon {display: inline-block; margin-right: 5px; vertical-align: text-bottom;}
.rightarrowicon {display: inline-block; margin-right: 9px; vertical-align: text-bottom; transition:all 0.3s ease-in-out 0s;} 
.menu-active .rightarrowicon {transform: rotate(90deg);}
.menu-active .sub-menu .rightarrowicon {transform: rotate(0deg);}
.menu-active .sub-menu.slide li.menu-active .rightarrowicon {transform: rotate(90deg);}
.rightellipsis {position: absolute; right: 10px; top: 13px;}
.rightellipsis a {display: flex !important; text-align: center; width: 40px; height: 40px; color: #1E202C; background-color: transparent; border-radius: 100%; justify-content: center; align-items: center; border: none !important; padding: 0px !important;}
.rightellipsis a:hover {/*background-color: #F0F2F6;*/}
.innerpagatabsec {display: flex; justify-content: space-between; align-items: center; background: #FFFFFF; box-shadow: 0px 1px 0px #C1C7DE; padding: 3px 10px; flex-wrap: wrap;}
.tabmenusec {flex: 1; margin-right: 10px; }
.tabmenusec ul {margin: 0px; padding: 0px; display: flex;}
.tabmenusec li {list-style-type: none; display: inline-block;} 
.tabmenusec li a {display: inline-block; padding: 6px 17px; margin-right: 0px 10px; font-size: 15px; color: #1E202C;}
.tabmenusec li a:hover {color: #7E51FF;}
.tabmenusec li.active a {font-weight: 700; color: #1E202C;}
.leaderight span, .leaderight a {display: inline-block; padding: 2px 12px; background: #C8FFC7; border-radius: 100px; font-size: 14px; color: #1E202C;}
.landingMb {margin-bottom: 20px; font-weight: 400; font-size: 14px; color: #5A6575; padding: 9px 22px;}
.landingMb strong {font-weight: 500; color: #1E202C;}
.combugdetsec .col-sm-6 {margin-bottom: 24px;}
.campbud {color: #5A6575; font-weight: 400; font-size: 14px;}
.campbud strong {display: block; color: #1E202C; font-weight: 500;}
.PBnone {padding-bottom: 0px;}
.ovecampdetbox .col-md-7, .taskdetactsec .col-md-5 {margin-bottom: 25px;}
.campleadtitle {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; flex-wrap: wrap;}
.campleadtitle h2 {font-size: 20px; color: #1E202C; margin-bottom: 10px; font-weight: 400; margin-right: 10px;}
.campchartdate {margin-bottom: 10px; font-size: 15px;}
.chartboxpaddd {padding:30px 22px 15px 22px;}
.overciewchat img {width: 100%; }
.MBnone {margin-bottom: 0px;}
.topuserDropdown{background-color: #7E51FF; box-shadow: 0px 10px 30px 3px rgba(5, 16, 55, 0.15); min-width: 210px; text-align: left; position: absolute; top: 65px; right: 24px; margin-top: 15px; opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; z-index: 1; border-radius: 6px; padding: 8px;}
.topuserDropdown ul{margin: 0; padding: 0; list-style: none;}
.topuserDropdown ul li{font-size: 16px;}
.topuserDropdown ul li a{padding: 10px 15px 10px 15px; display: block; color: #fff; line-height: 1.2; font-weight: 700; border-radius: 6px; background-color: transparent; height: 40px; margin-bottom: 2px;}
.topuserDropdown ul li a:hover, .topuserDropdown ul li.active a{color:#fff; background-color: #9B78FF; }
.showtopuserDropdown{margin-top: 8px; opacity: 1; visibility: visible;}
.des-pagination.leftpagenation ul {justify-content: flex-start;}
.custmiddsce {padding: 15px;}
.custmiddsce .ratyellbg a span {background: #F0F2F6; width: 40px; height: 40px; line-height: 40px;}
.customePLR {padding-left: 15px; padding-right: 15px;}
h2.innertitle {font-size: 22px; margin-bottom: 20px;}
.boxMB {margin-bottom: 30px;}
.userseticon img {width: 18px;}
.custodetusersec .righttablelink span.bt-content{justify-content: flex-end;}
.custodetusersec .righttablelink a {width: 20px;}
.detcuMb {margin-bottom: 20px;}
.cusdetsum h5 {font-size: 14px; color: #737992; margin-bottom: 5px; font-weight: 400;}
.cusdetsum h3 {font-size: 18px; font-weight: 700; margin-bottom: 0px;}
.custodetcampaignsec .cstmTable th, .custodetcampaignsec .cstmTable td {height: 49px;}
.custodetusersec .cstmTable th, .custodetusersec .cstmTable td {height: 49px;}
.custmiddsce .mainwhitebg {padding-top: 25px;}
.custodetusersec .tableauthorimg {width: 33px; height: 33px;}
.leadaddressdet {padding: 10px 22px; margin-bottom: 27px;}
.leadaddresstitle {position: relative; margin-bottom: 15px; color: #737992; font-size: 15px;}
.leadcancleicon {position: absolute; right: 0px; top: 0px; width: 30px; height: 30px; text-align: center; line-height: 30px;}
.leadcancleicon a {display: block;}
.leadaddresstitle h2 {font-size: 22px; margin-bottom: 4px;}
.leadfulluserdetail {margin-bottom: 20px;}
.bluebuybtn {max-width: 390px; margin-left: auto; margin-right: auto;}
.bluebuybtn a {display: block; background-color: #1847ED; border-radius: 6px; padding: 11px 14px 12px; color: #fff; font-size: 14px; font-weight: 500; line-height: 16px; text-align: center; }
.bluebuybtn a:hover {background-color: #7E51FF;}
.billingsumsec .ratyellbg a span {background: #F0F2F6; width: 40px; height: 40px; line-height: 40px;}
.createinvbtn {margin-bottom: 7px;}
a.blueborderbtn {font-size: 14px; line-height: 16px; font-weight: 500; color: #1847ED; display: inline-block; padding: 7px 15px; line-height: 24px; min-height: 40px; background-color: transparent; border: 1px solid #1847ED; transition: all 0.5s ease-in-out 0s; border-radius: 6px;}
a:hover.blueborderbtn {background-color: #f0f2f6;}
h2.bigtitle {font-size: 34px; line-height: 40px; margin-bottom: 35px;}
.billingsum {padding-top: 10px; padding-bottom: 10px;}
.billingsum .detcuMb {margin-bottom: 30px;}
.actionboxshadow {padding:25px 15px; box-shadow: 0px 18px 34px rgba(5, 16, 55, 0.15); border-radius: 12px;}
.billactionbtn ul {margin: 0px auto; padding: 0px; max-width: 402px;}
.billactionbtn li {list-style-type: none; display: block; margin-bottom: 16px;}
.billactionbtn li:last-child {margin-bottom: 0px;}
a.actbtn {background-color: #1847ED; border-radius: 6px; padding: 11px 14px 12px; font-size: 14px; line-height: 16px; font-weight: 700; text-align: center; display: block; color: #fff;}
a:hover.actbtn {opacity: 0.8;}
a.actbluebtn {background-color: #1847ED;} 
a.actorangbtn {background-color: #FF9900;} 
a.actredbtn {background-color: #FF0031;} 
.monthprogressbar .progress {background-color: #D9DDEA; }
.monthprogressbar .progress-bar {background-color: #2BC128; border-radius: .25rem;}
.monthprogressbar {padding-top: 5px; padding-right: 35px; position: relative;}
.perres {font-size: 14px; color: #737992; position: absolute; top: -3px; right: 0px;}
.notificationspagesec .mainwhitebg {padding: 15px 15px 15px 15px;}
.lasttebwidth {width: 70px; }
.notititle {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 10px;}
.notititle h4 {font-size: 17px; font-weight: 700; margin-bottom: 10px; margin-right: 10px;}
.notititle h3 {font-size: 22px; font-weight: 700; margin-bottom: 10px; margin-right: 10px;}
.btnaddplus {margin-bottom: 10px;}
a.addplusbtn {display: inline-block; padding: 12px 14px 12px; background: #F0F2F6; border-radius: 6px; font-weight: 500; font-size: 14px; line-height: 16px; color: #1E202C;}
a:hover.addplusbtn {background-color: #d6dae3; color: #1E202C;}
a.addplusbtn img {margin: 0px 7px 0px 5px;}
.usernamewidth {width: 42%;}
.lgserchbx {padding-bottom: 15px; /*border-bottom: 1px solid #eaecf4;*/ position: relative; padding-left: 24px;}
.lgserchbx::before {content: ''; position: absolute; left: 0; top: 3px; background-image: url(../../images/admin/lgsrch-icon.png); background-size: 100%; width: 18px; height: 18px; background-repeat: no-repeat;}
.lgserchbx input {width: 100%; border: none; background-color: #ffffff; color: #1E202C; font-size: 16px;}
.lgserchbx input::-webkit-input-placeholder {opacity:.5;color:#a8a9b2;}
.lgserchbx input::-ms-input-placeholder {opacity:.5;color:#a8a9b2;}
.lgserchbx input::placeholder {opacity:.5;color:#a8a9b2;}
.dttime-tblbx img {max-width: 14px;}
.lgtblftrbar {margin-top: 20px; display: flex; align-items: center; justify-content: space-between; color: #1E202C; font-size: 15px;}
.lgtblftrbarleft select {width: 60px; padding: 6px 10px; margin-left: 10px; border: 1px solid #b1b3c4; border-radius: 3px; -moz-appearance: none; -webkit-appearance: none; background-color: #ffffff; background-image: url(../../images/admin/select-arrow.png); background-repeat: no-repeat; background-position: right center;  color: rgba(0,0,0,0.8); cursor: pointer; }
.lgtblftrbarright {display: flex; justify-content: flex-end; align-items: center;}
.lgtblnxtprev {display: flex; align-items: center;}
.lgtblnxtprevbx a {display: flex; align-items: center; margin-left: 15px; padding: 10px 15px;  min-width: 60px; text-align: center; border: 1px solid #b1b3c4; border-radius: 3px; justify-content: center; color: #1E202C;}
.lgtblnxtprevbx a:hover {color: #7E51FF;}
.logscampdetsec .cstmTable thead tr th {/*background-color: transparent; border-bottom: 1px solid #d9ddea;*/}
.logscampdetsec .usr-tblbx h6 {margin-bottom: 2px; font-size: 16px; font-weight: 500;}
.logscampdetsec .usr-tblbx p {margin-bottom: 0px; line-height: 16px; font-size: 14px; color: #8f959a; word-wrap: break-word; font-weight: 400;}
.logscampdetsec .customePLR {padding-top: 5px; padding-bottom: 10px;}
.logscampdetsec .dwnledtxt {color: #1E202C; font-weight: 500;}
.logscampdetsec a.lgpdfnmelink {color: #2951ff; text-decoration: none; word-wrap: break-word; vertical-align: top; display: initial;}
.logscampdetsec a:hover.lgpdfnmelink {color: #7E51FF;}
.logscampdetsec .cstmTable td span.bt-content {display: inline;;}
.logscampdetsec .dttime-tblbx {width: 20%;}
.logscampdetsec .ipadrs-tblbx {width: 30%;}
.logscampdetsec .usr-tblbx {width: 25%;}
.logscampdetsec .chng-tblbx {width: 25%;}

/*--*/
.selct-dropdown{position:relative;}
.selct-dropdown select{display:none;}
.select-selected:focus, .selct-dropdown:focus {box-shadow: 0 2px 5px -2px rgba(0,0,0,0.15); border-color:#999999; color:#2d2d2d; background-color: transparent;}
.select-selected{background-color:#ffffff;padding:15px;}
/*style the arrow inside the select element:*/
.select-selected:after{position:absolute;content:"\f107";line-height:1;font-family:fontawesome;font-size:21px;color:#222f72;top:13px;right:14px;}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after{content:"\f106";}
/*style the items (options), including the selected item:*/
.select-selected{color:#000;background-color:#ffffff;font-weight:400;border:1px solid #d9ddea;font-size:16px;padding:10px 15px;border-radius:5px;cursor:pointer;user-select:none;}
.select-items div{font-weight:400;font-size:16px;padding:6px 15px;color:#666666;cursor:pointer;position:relative;}
/*style items (options):*/
.select-items{position:absolute;border-radius:0px 0px 5px 5px;background-color:#fff;border:1px solid #d9ddea;top:100%;left:0;right:0;z-index:99;}
/*hide the items when the select box is closed:*/
.select-hide{display:none;}
.select-items div:hover, div.same-as-selected{color:#000;}
div.same-as-selected{font-weight:500;background-color:#e5e7f1;}
div.same-as-selected:after{content:"\f00c";font-family:fontawesome;color:#222f72;position:absolute;right:10px;top:8px;font-size:14px;}
.pageformsection .form-control {padding: 10px 15px; border: 1px solid #d9ddea; color:#000; box-shadow: none; border-radius: 6px; height: auto; font-weight: 400;}
.pageformsection textarea.form-control {height: 70px; resize: none;}
.admmiddbtn {display: flex; justify-content: center; align-items: center; padding-top: 15px; padding-bottom: 15px;}
.admnftrbtn a {min-width: 100px; background-color: #F0F2F6;  border-radius: 6px; margin-left: 5px; margin-right: 5px; display: inline-flex; justify-content: center; align-items: center; text-transform: capitalize; font-weight: 400; padding: 7px 20px; color: #000;}
.admncncelbtn:hover {background-color: #000; color:#fff;} 
.admnftrbtn input {background-color: #1847ED; min-width: 100px; border-radius: 6px; margin-left: 5px; margin-right: 5px; display: inline-flex; justify-content: center; align-items: center; text-transform: capitalize; cursor: pointer; border-color: transparent; padding: 7px 20px; color: #fff; font-weight: 400;}
.admnftrbtn input:hover {background-color: #000;}
.admncncelbtn {border: 1px solid rgba(0,0,0,0.12);}
.logopriviewimg {width: 70px; height: 70px; overflow: hidden; border-radius: 100%;}
.logopriviewimg img {width: 100%; height: 100%; object-fit: cover; border-radius: 100%;}
.inputfilebox {position: relative;}
.inputfile {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden;position: absolute; z-index: -1; }
.inputfilebox .inputfile + label {/*padding-right: 100px;*/ text-align: left; text-transform: inherit;}
.inputfilebox .p-1 {position: absolute; right: 5px; top: 9px; width: 70px;}
.inputfilebox .p-1 img {max-height: 30px;}
.inputfile{width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}
.inputfile + label{max-width:100%;display:block;text-align:center;font-size:16px;text-transform:uppercase;border:1px solid #d9ddea;font-weight:400;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;padding:10px 15px; border-radius: 5px; color: #000; }
.inputfile:focus + label,.inputfile.has-focus + label{outline:1px dotted #000;outline:-webkit-focus-ring-color auto 5px;}
.boxformsecborder {border-bottom: 1px solid #d9ddea; margin-bottom: 25px; padding-bottom: 10px;} 
.formnoneborder {border-bottom: none; padding-bottom: 0px; margin-bottom: 0px;}

/* DEVELOPER CSS  */

.staff_remove_button
{
    position: absolute;
    right: 40px;
    top: 10px;
}
.modal
{
    z-index: 9999999;
}
#LogDetailsModal table th
{
    background-color: #212529 !important;
    color: #ffff !important;
}

.time-customradio input[type="radio"]{left:-99999px;position:absolute;}
.time-customradio label{position:relative;padding:8px 15px;font-weight:500;cursor:pointer;line-height:16px;display:block;text-align:center;font-size:14px;color:#7E51FF;border:1px solid #7E51FF;border-left:none;}
.time-customradio:first-child label{border-left:1px solid #7E51FF;}
.time-customradio [type="radio"]:checked + label{background:#7E51FF;color:#ffffff;}
.shwfltinmbl{display:none;}
.graphdateselct{padding:20px 0;display:flex;justify-content:flex-end;}

.switch {
  position: relative;
  display: block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.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: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

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

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

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

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.campaign-assign-list .bt-content, .campaign-assign-list a
{
    display: inline !important;
}

a.disabled
{
    pointer-events: none;
    opacity: .65;
}

#taskCollapse.collapse:not(.show) 
{
  display: block;
  height: 3rem;
  overflow: hidden;
}
#taskCollapse.collapsing 
{
  height: 3rem;
}
.taskreadmorebtn a.collapsed::after 
{
  content: 'Read More';
}

.taskreadmorebtn a:not(.collapsed)::after 
{
  content: 'Read Less';
}

.notifcation-badge
{
    font-size: 10px;
    color: #fff;
    font-weight: bold;
    padding: 5px !important;
    position: absolute;
    left: 100%!important;
    top: 0!important;
    border-radius: 50%!important;
    background-color: #dc3545 !important;
    transform: translate(-50%,-50%)!important;
    min-width: 25px !important;
    text-align: center !important;
}

.notification-toast
{
    width: 300px !important;
    white-space: initial;
    background-color: #7E51FF !important;
}

.notification-dropdown-menu .dropdown-item:focus, .dropdown-item:hover 
{
    color: unset !important;
    background-color: unset !important;
}

.notification-dropdown-menu
{
    max-height: 250px !important;
    overflow: auto !important;
}

.notification-toast .toast-content
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}



/*---------------*/
.notification-gc {border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px;}
.notification-gc .notification-toast {width: 100%; max-width: 300px; background-color: transparent !important; box-shadow: none;}
.notification-gc .notification-toast .toast-body {display: flex; align-items: flex-start; color: #000; padding: 0px; margin-bottom: 0px;  }
.notification-gc .notification-toast .toast-body .toast-content {flex: 1; margin-right: 7px;}
.notification-gc .notification-toast .toast-body .text-end {margin-top: 0px !important; line-height: normal;}
.notification-gc .notification-toast .toast-body .text-end a.text-white {color: #000 !important; font-size: 13px !important;}
.notification-gc .notification-toast .toast-body .text-end a:hover.text-white {color: #1847ED !important;}
.notification-gc .notification-dropdown-menu {max-height: 400px !important; }
.top-bar-right-gc {display: flex; align-items: center; flex-wrap: wrap;}
.header-phno {margin-right: 20px;}
.header-noti {margin-right: 35px;}
.toolrightsec {margin-right: 10px;}
.drpbtn-gc a {background-color: transparent !important; border: 1px solid #1847ED !important; font-size: 14px; font-weight: 500; display: inline-block;
padding: 5px 15px;  color: #1847ED; cursor: pointer; transition: all 0.5s ease-in-out 0s; border-radius: 6px; box-shadow: none;}
.drpbtn-gc a:hover {background-color: #f0f2f6; border-color: #1847ED; color: #1847ED; box-shadow: none;}
.drpbtn-gc a:focus, .drpbtn-gc a.active {background-color: #f0f2f6; border-color: #1847ED; color: #1847ED; box-shadow: none; outline: none;}
.dropdown-item.drpbtn-gc.active, .dropdown-item.drpbtn-gc:active {color: inherit; background-color:transparent; border: none; outline: none;}

a.commonbluebtn {display: block; background-color: #1847ED; border-radius: 6px; padding: 17px 14px 17px; color: #fff; font-size: 16px; font-weight: 500; line-height: 16px; text-align: center; }
a.commonbluebtn:hover {background-color: #7E51FF;}

button.commonbluebtn {display: block; background-color: #1847ED; border-radius: 6px; padding: 17px 14px 17px; color: #fff; font-size: 16px; font-weight: 500; line-height: 16px; text-align: center; }
button.commonbluebtn:hover {background-color: #7E51FF;}


.modal-dialog button :not(.btn-close) {display: block; background-color: #6c757d; border-radius: 6px; padding: 10px 14px 10px; color: #fff; font-size: 16px; font-weight: 500; line-height: 16px; text-align: center; border-color: #6c757d;}
.modal-dialog button :not(.btn-close) :hover {background-color: #5c636a; border-color: #565e64;}

.modal-dialog a.btn-primary {display: block; background-color: #1847ED; border-radius: 6px; padding: 10px 14px 10px; color: #fff; font-size: 16px; font-weight: 500; line-height: 16px; text-align: center; border-color: #1847ED;}
.modal-dialog a:hover.btn-primary {background-color: #7E51FF; border-color: #7E51FF;}

.ratyellbg a span img{ width: 19px; }

.btn-change-plan{ background-color: #1847ED; }
.btn-change-plan:hover{ background-color: #1847ED; }
.btn-change-plan i{ background-color: transparent !important;padding: 0px !important;display: inline-block !important; }

.ligntgreenbtnbgsp{background-color:#c8ffc7 !important; color: #000 !important;}
.ligntyellowbtnbgsp{background-color:#FFE9BF !important; color: #000 !important;}
.ligntbluebtnbgsp{background-color:#B4C5FF !important; color: #000 !important;}
.ligntpinkbtnbgsp{background-color:#FFC0CC !important; color: #000 !important;}
.ligntgraybtnbgsp{background-color:#D9DDEA !important; color: #000 !important;}
.clsprivacypolicy {margin-top: 20px;text-align: center;color:#808080; }
.clsprivacypolicy a{color:#808080; text-decoration:underline}
.clsprivacypolicy a:hover{text-decoration:none;}