/*Web Fonts CSS*/
@import url('https://fonts.googleapis.com/css2?family=Biryani:wght@200;300;400;600;700;800;900&display=swap');

/*Global CSS*/
:root { font-size: 100% }
* { margin: 0; padding: 0 }
html { scroll-behavior: smooth; height:auto;min-height:100vh }
body { width: 100%; min-width: 320px; background-color: #fff; color: #333; font-size: 16px; font-weight: 400; font-family: 'Biryani', sans-serif; overflow-x: hidden;height:auto;min-height:100vh; line-height: 1.2; }
.clear { clear: both }
a, button { transition: all 0.3s ease;  cursor: pointer }
a { text-decoration: none; color: #3c8dbc; }
a:hover { text-decoration: none; outline: 0; color: #3EAC9C }
a:focus, :focus, button:focus { outline: none!important; outline-offset: none!important; text-decoration: none!important }
a, img { border: none; outline: none }
img, svg { max-width: 100%; height: auto;}
label { font-weight: 400 }
h1, h2, h3, h4, h5, h6 {font-family:'Biryani', sans-serif;  margin: 0; padding: 0 0 15px; position: relative; line-height: 1.2; }
h1, h2{ font-size: 24px;}
h3, h4 { font-size: 20px;}
h5, h6{ font-size: 18px;}
b, strong { font-weight: 700 }
ul, ol { list-style: none; margin: 0 }
ul li, ol li { list-style: none }
p { display: block; line-height: 20px;  }
p:last-child { padding: 0 }
.font300 { font-weight: 300; }
.font400 { font-weight: 400; }
.font600 { font-weight: 600; }
.font700 { font-weight: 700; }
.relative { position: relative }
.btn{background-color: #3EAC9C; border-radius: 0; border:0; padding:9px 10px 5px; color: #fff; font-size: 14px; font-weight: 400; text-align: center; line-height: 1.2; white-space: normal;}
.btn:hover{color: #fff;}
.green-btn{background-color: #3EAC9C; }
.green-btn:hover{background-color: #556DB7;}
.blue-btn{background-color: #556DB7; }
.blue-btn:hover{background-color: #3EAC9C; }
.form-group { margin-bottom: 20px }
.form-group label { margin-bottom: 5px }
.form-control {box-shadow: none !important;  color: #aaaaaa;  font-family: 'Biryani', sans-serif;  background: #fff;
font-size: 14px;  font-weight: 400;  height: 30px;   border: 1px solid #707070;    padding:6px 10px 3px;  border-radius: 0px;
}
select.form-control { padding: 4px 10px 0px;}

/* select, select.form-control { text-overflow: ellipsis; white-space: nowrap; padding-right: 28px; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; width: 100%; background: #f6f5f5 url(../images/sltd-arw.png) no-repeat scroll calc(100% - 15px) center!important } */
.form-control:focus {	border-color: #3c8dbc;	box-shadow: none;}

textarea.form-control {min-height: 150px;resize: none;height: auto;color: #aaaaaa;; opacity:1;}
.form-control::-webkit-input-placeholder {color:#aaaaaa;opacity:1;}
.form-control:focus::-webkit-input-placeholder {color:#aaaaaa ; opacity:1;}
.form-control:focus::-moz-placeholder {color:#aaaaaa; opacity:1;}
.form-control:focus:-ms-input-placeholder {color:#aaaaaa ; opacity:1;}
.form-control:focus:-moz-placeholder {color:#aaaaaa ; opacity:1;}
.content-header {padding:30px 15px; padding-bottom: 0; position: relative;}
.content-header h1, .content-header h2 {background: #41ac9c;border-radius: 10px;color: #fff;padding: 18px 20px 12px 30px;}
h2.box-title{  font-size: 16px; font-weight: 400;}
.table tr th {  background: #aae6dd;   font-weight: 400;  border-right: solid 1px #97c1ba;}
.table tr th , .table tr td {border-right: solid 1px rgba(112,112,112, 0.3);  padding: 15px 20px 12px; font-size: 14px; color: #41AC9C; border-top: solid 1px rgba(112,112,112, 0.3);}
.table tr th:last-child {  border-right: none !important;}
.table tr td:last-child {  border-right: none !important;}

.mb-30{ margin-bottom: 30px;}
.table {margin-bottom: 0 !important; border:solid 1px rgba(112,112,112, 0.3) }
.dark-blue-btn{ background-color: #566db0;}
.btn-success {
background-color: #41ac9c;
border-color: #41ac9c;
}
.pagination-style ul li {
font-size: 13px;
margin-bottom: 5px;
}
.pagination-style ul li a {
padding: 10px 15px 6px;
color: #333;
}

.pagination-style .page-item.active .page-link {
color: #fff;
background: #3EAC9C;
border-color: #3EAC9C;
}
.pagination-style .page-link:hover {
color: #333;
background-color: #e9ecef;
border-color: #dee2e6;
}
/*Global CSS*/

/*Login page css start*/
.login-bg{ background: transparent linear-gradient(119deg, #65D3C3 0%, #52ACD8 28%, #32388A 75%, #5E3389 100%) 0% 0% ;	min-height: 100vh; display: flex;
justify-content: center;  align-items: center;  min-height: 100vh;}
.login-container { max-width: 630px; padding:15px;  margin: auto;  width: 100%;}
.logo-white {  text-align: center;}
.login-whitebg {  background: #fff;  border-radius: 20px;  box-shadow: 0px 33px 56px #00000029;  padding: 40px 35px 13px;  margin: 25px 0;}
.login-title {  font-size: 24px;  color: #000; padding-bottom: 45px;}
.login-inner .form-group label {  color: #979797;  font-size: 14px;}
.login-inner .form-group { margin-bottom: 25px; position: relative;}
.login-inner .form-control {  border: 0;  border-bottom: 1px solid #ededed;  padding: 0;  font-size: 16px;  padding-bottom: 5px;  height: auto;   color: #000;  font-weight: 700; padding-right: 30px;}
.login-btn {  width: 100%; background: #FFFFFF;  border-radius: 42px;  color: #32388A;  font-size: 27px;  padding:30px 0 20px;   margin-top: 20px;}
.login-btn:hover{  background-color: #000; color: #fff;}
.forgot-password a {color: #fff; text-decoration: underline;}
.forgot-password a:hover {color: #fff; text-decoration: none;}
.login-inner .form-control:focus{border-bottom-color: #000 ;}
/* .login-inner .form-control::-webkit-input-placeholder {color:#000;}
.login-inner .form-control:focus::-webkit-input-placeholder {color:#000 ;}
.login-inner .form-control:focus::-moz-placeholder {color:#000; }
.login-inner .form-control:focus:-ms-input-placeholder {color:#000 ;}
.login-inner .form-control:focus:-moz-placeholder {color:#000 ; } */
.reset-password .login-whitebg{ margin-bottom: 25px;}
.password-visible {position: absolute;right: 0;	top: 50%;	transform: translateY(-50%); color: #4a4a4a; margin-top: 8px;}
.password-visible a {color: #4a4a4a;}
.password-show .fa-eye-slash{display:none;}
.password-hide .fa-eye-slash{display:block;}
.password-hide .fa-eye{ display: none;}
.password-visible i{ width: 25px; height: 25px; line-height: 25px; text-align: center;}
.forgot-btn {  background: transparent;   color: #fff;    border: 1px solid #fff;    padding: 20px 10px 14px;  font-size: 18px; }
.forgot-btn:hover {    background: rgba(0,0,0,0.5);    border-color: rgba(0,0,0,0.5);  }
/*Login page css end*/

/*Dashboard V2 css start*/

/*Dashboard Base start*/
.layout-boxed html, .layout-boxed body { height: 100% }
.wrapper { height: 100%; position: relative; overflow-x: hidden; overflow-y: auto }
.wrapper:before, .wrapper:after { content: " "; display: table }
.wrapper:after { clear: both }
.layout-boxed .wrapper { max-width: 1250px; margin: 0 auto; min-height: 100%; box-shadow: 0 0 8px rgba(0,0,0,0.5); position: relative }
.content-wrapper, .main-footer {  transition: transform .3s ease-in-out, margin .3s ease-in-out; margin-left: 230px; z-index: 820 }
.layout-top-nav .content-wrapper, .layout-top-nav .main-footer { margin-left: 0 }
@media (max-width:767px) {
.content-wrapper, .main-footer { margin-left: 0 }
}
@media (min-width:768px) {
.sidebar-collapse .content-wrapper, .sidebar-collapse .main-footer { margin-left: 0 }
}
@media (max-width:767px) {
.sidebar-open .content-wrapper, .sidebar-open .main-footer { transform: translate(230px, 0) }
}
.content-wrapper { min-height: 100%; background-color: #ecf0f5; z-index: 800 }
.main-footer {background: #fff;padding: 15px;color: #444;border-top: 1px solid #d2d6de;font-size: 13px;}
.footer-inner {	display: flex;	align-items: center;	justify-content: space-between;}
.fixed .main-header, .fixed .main-sidebar, .fixed .left-side { position: fixed }
.fixed .main-header { top: 0; right: 0; left: 0 }
.fixed .content-wrapper, .fixed .right-side { padding-top: 50px }
@media (max-width:767px) {
.fixed .content-wrapper, .fixed .right-side { padding-top: 100px }
}
.fixed.layout-boxed .wrapper { max-width: 100% }
.fixed .wrapper { overflow: hidden }
.hold-transition .content-wrapper, .hold-transition .right-side, .hold-transition .main-footer, .hold-transition .main-sidebar, .hold-transition .left-side, .hold-transition .main-header .navbar, .hold-transition .main-header .logo, .hold-transition .menu-open .fa-angle-left { -webkit-transition: none; -o-transition: none; transition: none }
.content { min-height: 250px; padding: 15px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px }

.main-header { position: relative;  z-index: 1030; display: flex; }
.main-header .navbar {  transition: margin-left .3s ease-in-out;    min-height: 50px; box-shadow: 20px 0 30px rgba(0, 0, 0, 0.15); background: #fff; padding: 0; flex: auto;}
.layout-top-nav .main-header .navbar { margin-left: 0 }

@media (max-width:767px) {
.main-header .navbar-right { float: none }
.navbar-collapse .main-header .navbar-right { margin: 7.5px -15px }
.main-header .navbar-right>li { color: inherit; border: 0 }
}
.main-header .sidebar-toggle { padding: 0 15px; font-family:"Font Awesome 5 Free"; font-weight: 900; }
.main-header .sidebar-toggle:before { content: "\f0c9" }
.main-header .sidebar-toggle:hover { color: #fff }
.main-header .sidebar-toggle:focus, .main-header .sidebar-toggle:active { background: transparent }
.main-header .sidebar-toggle .icon-bar { display: none }
.main-header .navbar .nav>li.user>a>.fa, .main-header .navbar .nav>li.user>a>.glyphicon, .main-header .navbar .nav>li.user>a>.ion { margin-right: 5px }
.main-header .navbar .nav>li>a>.label { position: absolute; top: 9px; right: 7px; text-align: center; font-size: 9px; padding: 2px 3px; line-height: .9 }
.main-header .logo { transition: width .3s ease-in-out; display: block;  height: 50px;  line-height: 50px; width: 230px; padding: 0 15px;  background-color: #ffffff;  box-shadow: 20px 0 30px rgb(0 0 0 / 15%);}
.main-header .logo .logo-lg { display: block }
.main-header .logo .logo-mini { display: none }
.main-header .navbar-brand { color: #fff }
@media (max-width:767px) {
.main-header { position: relative;  flex-direction: column;}
.main-header .logo, .main-header .navbar { width: 100%; float: none }
.main-header .navbar { margin: 0 }
.main-header .navbar-custom-menu { float: right }
}
@media (max-width:991px) {
.navbar-collapse.pull-left { float: none !important }
.navbar-collapse.pull-left+.navbar-custom-menu { display: block; position: absolute; top: 0; right: 40px }
}
.main-sidebar { position: absolute; top: 0; left: 0; padding-top: 50px; min-height: 100%; width: 230px; z-index: 810; -webkit-transition: -webkit-transform .3s ease-in-out, width .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out, width .3s ease-in-out; -o-transition: -o-transform .3s ease-in-out, width .3s ease-in-out; transition: transform .3s ease-in-out, width .3s ease-in-out }
@media (max-width:767px) {
.main-sidebar { padding-top: 100px }
}
@media (max-width:767px) {
.main-sidebar { -webkit-transform: translate(-230px, 0); -ms-transform: translate(-230px, 0); -o-transform: translate(-230px, 0); transform: translate(-230px, 0) }
}
@media (min-width:768px) {
.sidebar-collapse .main-sidebar { -webkit-transform: translate(-230px, 0); -ms-transform: translate(-230px, 0); -o-transform: translate(-230px, 0); transform: translate(-230px, 0) }
}
@media (max-width:767px) {
.sidebar-open .main-sidebar { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) }
}
.sidebar { padding-bottom: 10px }

.sidebar-menu { list-style: none; margin: 0; padding: 0 }
.sidebar-menu>li { position: relative; margin: 0;  padding: 0 0 10px;}
.sidebar-menu>li>a { padding: 15px 5px 10px 10px;
display: block;
font-size: 13px;
position: relative;
border-radius: 5px;
border: solid 1px transparent;
color: #fff;}
.sidebar-menu > li > a i.fa-caret-right::before{  background: url(../img/arrow-green.png) no-repeat center left; width: 8px; left: 0; height: 14px; content: ''; display: block; position: relative; top:1px;}
.sidebar-menu > li > a:hover i.fa-caret-right::before , .sidebar-menu > li.active > a i.fa-caret-right::before{ background: url(../img/green-arrow.png) no-repeat center left;   }

.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion { width: 20px }
.sidebar-menu>li .label, .sidebar-menu>li .badge { margin-right: 5px }
.sidebar-menu>li .badge { margin-top: 3px }
.sidebar-menu li.header { padding: 10px 25px 10px 15px; font-size: 12px }
.sidebar-menu li>a>.fa-angle-left, .sidebar-menu li>a>.pull-right-container>.fa-angle-left { width: auto; height: auto; padding: 0; margin-right: 10px; -webkit-transition: transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease }
.sidebar-menu li>a>.fa-angle-left { position: absolute; top: 50%; right: 10px; margin-top: -8px }
.sidebar-menu .menu-open>a>.fa-angle-left, .sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-left { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) }
.sidebar-menu .active>.treeview-menu { display: block }
@media (min-width:768px) {
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer { margin-left: 50px !important; z-index: 840 }
.sidebar-mini.sidebar-collapse .main-sidebar { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); width: 50px !important; z-index: 850 }
.sidebar-mini.sidebar-collapse .sidebar-menu>li { position: relative }
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a { margin-right: 0 }
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span { border-top-right-radius: 4px }
.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span { border-bottom-right-radius: 4px }
.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu { padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 4px }
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span, .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header { display: none !important; -webkit-transform: translateZ(0); transform: translateZ(0); }
.sidebar-mini.sidebar-collapse .main-header .logo { width: 50px }
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini { display: block; margin-left: -15px; margin-right: -15px; font-size: 18px }
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg { display: none }
.sidebar-mini.sidebar-collapse .main-header .navbar { margin-left: 0 }

.sidebar-mini.sidebar-collapse .treeview ul.treeview-menu {  display: none !important;}
.sidebar-mini.sidebar-collapse .treeview.menu-open ul.treeview-menu {	display: block !important;	left: 44px;	position: absolute;}
.sidebar-mini.sidebar-collapse .treeview.menu-open ul.treeview-menu li.treeview ul.treeview-menu {	display: none !important;}
.sidebar-mini.sidebar-collapse .treeview.menu-open ul.treeview-menu li.treeview.menu-open ul.treeview-menu {
display: block !important;	position: relative;	left: 0;}
.sidebar-mini.sidebar-collapse .treeview.menu-open .pull-right-container {right: 5px;  }

}

.sidebar-menu > li ul.treeview-menu li.treeview { position: relative; }
.sidebar-menu > li ul.treeview-menu li.treeview .pull-right-container { margin-top: 0;  top: 7px;  }
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right){display: block !important; position: absolute; width: 250px; left: 40px; background: #556db7; color: #fff;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
/*display: block !important*/ position: absolute; width: 250px; left: 40px; background: #556db7; color: #fff; }
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span { top: 0; margin-left: -1px; padding:20px 5px 15px 20px; background-color: inherit }
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span.pull-right-container{ padding: 0px 0 0 0 !important;
top: -5px !important;
height: auto !important;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container { position: relative !important; float: right; width: auto !important; left: 269px !important; top: -18px !important; z-index: 900; height: 40px; }
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type) { display: none }
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu { top: 42px; margin-left: 0;  }

.sidebar-expanded-on-hover .main-footer, .sidebar-expanded-on-hover .content-wrapper { margin-left: 50px }
.sidebar-expanded-on-hover .main-sidebar { box-shadow: 3px 0 8px rgba(0,0,0,0.125) }
/* .sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header { overflow: hidden }
.sidebar-menu:hover { overflow: visible }
.sidebar-form, .sidebar-menu>li.header { overflow: hidden; text-overflow: clip } */
.sidebar-menu li>a>.pull-right-container { position: absolute; right: -2px; top: 50%; margin-top: -4px }

.treeview-menu { display: none; list-style: none;padding-left: 20px; padding-top: 10px; margin: 0; }
.treeview-menu .treeview-menu { padding-left: 20px }
.treeview-menu>li { margin: 0 }
.treeview-menu>li>a { padding:10px 5px 5px 15px; display: block; font-size: 13px }
.treeview-menu>li>a>.fa, .treeview-menu>li>a>.glyphicon, .treeview-menu>li>a>.ion { width: 20px }
.treeview-menu>li>a>.pull-right-container>.fa-angle-left, .treeview-menu>li>a>.pull-right-container>.fa-angle-down, .treeview-menu>li>a>.fa-angle-left, .treeview-menu>li>a>.fa-angle-down { width: auto }

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {position: absolute;right: 0;	left: auto; border-top-right-radius: 0;	border-top-left-radius: 0;	padding: 1px 0 0 0;	border-top-width: 0;	width: 280px;}

.navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body {border-bottom-right-radius: 4px;	border-bottom-left-radius: 4px;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {	background: #fff;	text-decoration: none;  padding: 15px;  text-align: center;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {	background: #fff;	text-decoration: none;  width: 90px;  height: 90px;}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {	margin: 0;	font-size: 12px;	color: #888888;	background: #f4f4f4;	display: flex;	justify-content: space-between;	padding: 10px;}
.main-header .dropdown-toggle{ font-size: 12px;}
.btn-default.btn {	background-color: #f4f4f4;	color: #666666;	border: 1px solid #ddd;}

.btn-default.btn:hover{background-color: #e7e7e7; border-color: #adadad;}
.user-menu {padding: 15px 0 15px 15px;}
.left-menu { padding-left: 10px;}

.sidebar-menu > li a:hover i, .sidebar-menu > li.active i{color:#aae6dd;}
.sidebar-collapse .sidebar-menu>li>a{padding:10px 22px 6px 14px}
.sidebar-collapse .sidebar-menu {	padding: 30px 6px;}
.content-wrapper {  background-color: #ffffff;}
.main-sidebar{  background: rgb(93,52,138);  background: linear-gradient(0deg, rgba(93,52,138,1) 0%, rgba(81,167,212,1) 100%);}
.sidebar-menu {  padding: 30px 10px;}
.skin-blue .sidebar-menu>li.header{display:none;}
.skin-blue .main-header .navbar .sidebar-toggle {  color: #bf76ce;}
.skin-blue .main-header .navbar .nav > li > a {	color: #bf76ce;	padding: 16px 15px 14px 14px;}

.skin-blue .sidebar-menu>li:hover>a,
.skin-blue .sidebar-menu>li.active>a,
.skin-blue .sidebar-menu>li.menu-open>a
{color: #fff; border-color:#fff;}
.skin-blue .main-header .navbar .sidebar-toggle:hover { background-color: #fff;  color: #bf76ce;}
.skin-blue .sidebar-menu .treeview-menu>li>a {color: #ffffff;}
.skin-blue .sidebar-menu .treeview-menu>li>a:hover{color: #000;}
.treeview-menu>li>a>.fa, .treeview-menu>li>a>.glyphicon, .treeview-menu>li>a>.ion { width: 14px;}
.navbar-custom-menu .dropdown-toggle:hover,.navbar-custom-menu .dropdown-toggle:focus{background:#4f9bca!important;color:#fff!important}
/*.sidebar-menu>li>a>i {  border:1px solid #65d3c3;}*/

.logo-small{max-height:38px;}
.logo-large{max-height:40px; max-width:200px;}

/*Dashboard Base css end*/

/*Small Box*/
.content { padding:15px;}
.small-box {text-align: center; height: 100%;}
.small-box>.inner {  padding:0;}
.dash-box-sec .row {margin-left: -25px; margin-right: -25px;}
.dash-box-sec .row [class*="col-"] { padding-left: 25px; padding-right: 25px; margin-bottom: 30px; }
.dash-box .inner {background: #78549c;border-radius: 10px;	padding: 20px 10px 12px;	box-shadow: 7px 7px 25px #0000001A;  border:1px solid transparent; height: 100%;}

.dash-box.bg-blue .inner{background: #53589d;}
.dash-box.bg-aqua .inner{background: #6eb9de;}
.dash-box.bg-green .inner{background: #7edacd;}
.dash-box.bg-sky .inner{background: #b8eae2;}
.dash-box.bg-grey .inner{background: #f5f5f5; border-color:#aaa;}
.dash-box .inner p{margin:0; padding-bottom: 10px; color: #fff; font-size: 16px; font-weight: 400;}
.bg-grey .inner p{color:#aaa}
.bg-grey .inner .dash-circle{border-color:#aaa; color: #aaa;}
/* .row-dash{margin-bottom:30px} */

.dash-circle {width: 92px;height: 92px;border-radius: 100%;	border: 2px solid #F3F3F3;	color: #fff;
font-size: 22px;	margin: 0 auto 10px;}

.dash-circle i {	font-style: normal;	display: flex;	justify-content: center;	align-items: center;	height: 100%; position: relative; top:4px}
/*Small Box*/

/*Gray table*/
.gray-tbl-box {	box-shadow: 0px 10px 10px #00000029;	border-radius: 0px 0px 10px 10px;	overflow: hidden; }
.gray-tbl-box-head {background: #aaa;padding: 23px 20px 20px 30px;border-radius: 10px 10px 0 0;	color: #fff;	font-size: 16px;font-weight: 700;}

.gray-tbl-box .table{ margin-bottom: 0 !important; border:0}
.gray-tbl-box .table tr th {background: #ebebeb;	color: #32388A;	font-weight: 700;	font-size: 16px; 	padding: 18px 20px 15px;	border-right: solid 1px rgba(112,112,112, 0.3);	text-align: center; border-top: 0;}
.gray-tbl-box .table tr td {border-right: solid 1px rgba(112,112,112, 0.3) ; padding: 18px 20px; text-align: center;	}
.gray-tbl-box .selected{ background-color:#aae6dd !important; color: #fff !important;}
.gray-tbl-header{ display: flex; align-items: center; justify-content: space-between;}
.show-all-btn .btn {	border-radius: 6px;	color: #fff;	padding: 10px 25px 5px;	background: transparent;	border: 1px solid #fff; }
.show-all-btn .btn:hover{ background-color: #fff; color: #333;}
.gray-tbl-box .table tr th a {color: #32388A;}
.gray-tbl-box .table tr th a:hover {color: #000; text-decoration: underline;}
.show-all-btn{position: absolute;	right: 50px;	top: 13px;}

.table-striped > tbody > tr:nth-of-type(2n) {background-color: #fff;}
.table-striped > tbody > tr:nth-of-type(2n+1) {	background-color: #f3f3f3;}
/*Gray table*/

/*Dashboard V2 css end*/

/*Company Dashboard css start*/
.company-dashboard .row [class*="col-"]{ flex: 0 0 20%; max-width: 20%; -ms-flex:0 0 20%;}
.rate-list td { background-color: #52ACD8; color: #fff !important; font-weight: 700;}
.team-stats { overflow: inherit;}
.team-stats .table tr td {font-size: 12px; text-align: left; padding: 25px 20px 20px;}
.team-stats .data {font-size: 14px; color: #10218B;}
.volume{ padding-bottom: 5px;}
.totalinter {padding-bottom: 7px;}
.volume:last-child{padding-bottom: 0;}
.total-interactions {color: #41AC9C;}
.stats-lbl {color: #41AC9C; padding-bottom: 2px; display: inline-block;}
.team-stats .see-more-link {color: #10218B;}
.team-stats .table tr td:first-child{ color:#41AC9C; text-align: center; vertical-align: middle;}
.team-stats .table-striped > tbody > tr:nth-of-type(2n) td:first-child {background-color: #DBF6F2; }
.team-stats .table-striped > tbody > tr:nth-of-type(2n+1) td:first-child {	background-color: #AAE6DD}
/*Company Dashboard css end*/

/*Subscriptions billing css start*/
.top-right{ padding: 10px 0;}
.top-right a {color: #000;margin-left: 20px;position: relative;font-size: 14px;}
.top-right a::after{ position: absolute; left: -12px; top: 5px; background-color: #aaa; height: 12px; content: ''; width: 1px;}
.top-right a:hover{color: #333}
.top-right a:first-child { margin-left: 0;}
.top-right a:first-child::after{ display: none;}
.sub-bill-filter{width:48%}
.green-tbl-box{box-shadow: 0px 5px 5px #00000029;  border-radius: 5px; overflow: hidden;}
.see-more-link {color: #41AC9C;}
.see-more-link:hover {color: #000;}

.subscriptions-modal .modal-dialog {max-width: 830px;	margin: auto; width: 96%;}
.subscriptions-modal .modal-content{border-radius: 18px 18px 0 0; background: transparent; border: 0; overflow: hidden;}
.subscriptions-body{ text-align: center; color:#7E6795; background-color: #fff; border-radius: 0 0 18px 18px; overflow: hidden;}
.info-icon {clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);	background-color: #92278F;
width: 111px;	height: 96px;	margin: 5px auto 30px;	position: relative;}
.subscriptions-body .modal-header {background: #5E3389;	text-align: center;	padding: 25px 0 17px;  border-radius: 0; border: 0;}
.subscriptions-body .modal-title {text-align: center;	color: #fff;	padding: 0;	margin: 0;	font-size: 16px;
width: 100%;}
.subscriptions-modal .modal-footer {border-top: 0;	justify-content: space-between;	padding: 24px 0 0 0; flex-wrap: wrap;}
.btn.large-btn {background: #65D3C3;border-radius: 35px;	height: 70px;	line-height: 72px; 	padding: 0 10px;	min-width: 221px; border:1px solid transparent;}
.info-icon i {	position: absolute;	right: 0;	top: 0;	bottom: 0;	left: 0;	text-align: center;	display: flex;	justify-content: center;
align-items: center;}
.subscriptions-modal .modal-footer .email-btn {background-color: #52acd8;}
.subscriptions-modal .modal-footer .clear-btn {background-color: #92278f;}
.subscriptions-modal .modal-footer .btn:hover{ background-color: #333 !important; border-color:#fff;}
.modal-backdrop.show {opacity: .79; }
.bdr-none .table{border: 0}
.bdr-none .table tr th { border-top: 0;}
.bdr-none .table tr td { border-top: 0;}
.feedback-filter{ width: 30%;}
.dash-feedback .modal-header {background: #F1F1F1;  }
.dash-feedback .modal-title {color: #7E6795;  }
.dash-feedback .modal-body { padding: 0; }
.feed-row { display: flex; align-items: center; background: #DED4E5; border-bottom: 1px solid #9a9a9a;  }

.feedback-opt { padding: 20px 15px; background: #fff;  width: 100%;  }
.feedback-lbl {  flex: 0 0 235px;  }
.feedback-opt textarea { background: rgb(207, 207, 207,0.3); border: 0; border-radius: 12px;  padding: 15px; border:1px solid rgb(207, 207, 207,0.3);min-height: 115px; }
.feedback-opt .form-control { height: 37px; }
.dash-feedback .modal-footer {  justify-content: center; }
.dash-feedback .modal-footer .btn { min-width: inherit; max-width: 430px;  width: 100%; text-transform: uppercase;  }
.subscriptions-billing table th { font-weight: 700;  }
.subscriptions-billing table td {  vertical-align: middle;  }
/*Subscriptions billing css end*/

/*Callbacks Company Manager css Start*/
.callback-filter{width: 67%;}
.violet-tbl-box { box-shadow: 0px 5px 5px #00000029;}
.violet-tbl-box .table {border: 1px solid #707070; font-weight: 600;}
.violet-tbl-box .table th {font-weight: 600; background: #e3dae8; color: #60447a; font-size: 16px; border-right: solid 1px #f3f3f3; vertical-align: middle; }
.violet-tbl-box .table td{ color: #60447a; font-size: 16px; border-right: solid 1px #f3f3f3;  vertical-align: middle;}
.violet-tbl-box .table-striped > tbody > tr:nth-of-type(2n) {background-color: #fff;}
.violet-tbl-box .table-striped > tbody > tr:nth-of-type(2n+1) {	background-color: #e3dae8;}
.violet-tbl-box .table th:first-child, .violet-tbl-box .table td:first-child{ text-align: left;}
.callback { width: 100%; }
.callback-filter-admin{ width: 90%;}
.callback-master-admin { width: 100%;  }
/*Callbacks Company Manager css end*/

/*My Team css start  */
.my-team a{color: #41AC9C;}
.my-team a:hover{color: #333;}
.my-team .table tr td, .my-team .table tr td table tr th {font-size: 12px;}

.team-col-width{ width: 80px;}
.tbl-toggle{ padding: 0 !important;}
.tbl-toggle .table th  { font-size: 12px;}
.my-team table th {
font-weight: 700;
}

/* .my-team .table-striped > tbody > tr:nth-of-type(2n) {background-color: #fff;}
.my-team .table-striped > tbody > tr:nth-of-type(2n+1) {	background-color: #f3f3f3;} */

.my-team table tr:nth-child(3n+1)
{
background-color: #fff;
}
.my-team table tr:nth-child(3n+2)
{
background-color: #fff;
}
.my-team table tr:nth-child(4n)
{
background-color: #f3f3f3;
}

.team-member{ position: relative; padding-left: 30px; }
.team-member::before{
position: absolute;
left: 0;
font-family:"Font Awesome 5 Free";
top: -2px;
content:'\f055';
font-size: 16px;
color: #70A659;
font-weight: 900;
transition: all 0.3s ease;
}
.team-member:hover::before{color: #333; }
.collapse td{ background-color: #fff; border-bottom:  solid 1px rgba(112,112,112, 0.15);; }
/* .my-team table tr:nth-child(2) td{background-color: #fff !important;} */

.team-member[aria-expanded="true"]::before { content:'\f056';  color: #70A659;   }

/* .my-team .table-striped > tbody > tr:nth-child(even) {background-color: #f2f2f2;} */
/*My Team css end  */

/*territory data*/
.callback-filter-admin-full{ width:100%;}
/*territory data end*/

/*Ot dashboard team manager css start*/
.box-header h3 { font-size: 18px;  color: #000;  }
.team-search{display: flex; justify-content: flex-end;}
.team-search .media{width:75%}
.team-manager .team-col-width { width: 78px;   text-align: center;}
.team-manager .team-member{ padding-left: 0;}
.team-manager .team-member::before{color: #65d3c3;}
.team-manager th:first-child, .team-manager td:first-child{ text-align: center; }
.list{ text-align: center;}
.list .team-member::before{ position: relative;}
.list-collapse-tbl th{ position: relative; vertical-align: middle;}
.sorting {position: absolute;right: 12px;top: 0;display: flex;justify-content: center;	align-items: center;	flex-direction: column;
height: 100%;	line-height: 0;}
.sorting i { line-height: 8px;  }
.sorting a{color:#41AC9C;}
.sorting a:hover{color:#333;}
.violet-btn{ background-color: #BF76CE; color: #fff;}
.list-collapse-tbl .btn{ border-radius: 10px; color: #fff ; font-size: 12px; padding-bottom: 5px; width: 100%;}
.list-collapse-tbl .btn:hover{ background-color: #333; color: #fff;}
.btn-colum{padding: 8px 10px !important; width: 140px;}
.btn-colum .blue-btn{background-color: #52ACD8; color: #fff;}
.light-green-btn{ background-color: #3EAC9C !important;}
.list-collapse-tbl tr{ background-color: #fff !important;}
.list-collapse-tbl {padding: 5px;}
.list-collapse-tbl .team-col-width{width: 73px;}

.team-manager .table tr td, .team-manager .table tr td table tr th {font-size: 12px;}
.whitebg{ background-color: #fff ;}
.graybg{ background-color: #f3f3f3 !important;}
.team-manager table th {
font-weight: 700;
}
/*Ot dashboard team manager css end*

/*company-sales-manager-team-manager*/
.add-new-team-block {box-shadow: 0px 3px 6px rgba(0,0,0, 0.2); border-radius: 7px;overflow: hidden;margin-right:100px;}
.add-heading{display: block;background-color: #AAE6DD;color: #41AC9C;font-weight:700;padding: 15px 40px 10px;}
.add-new-team-form{padding:20px 40px;}
.add-new-team-form label{margin-bottom: 0;margin-top:10px;color: #32388A;font-size: 16px;font-weight: 700;flex: 0 0 150px;}
.input-block {flex: auto;}
.input-block .form-control{height:38px;}
.input-block .table{border-color:#707070;}
.input-block .table tr th{background-color: #fff;border-bottom: none; font-weight: 700; color: #707070;border-color:#707070}
.input-block .table tr td{border-top: none;color: #707070;border-color:#707070}
.table-dark.table-striped tbody tr:nth-of-type(odd) {background-color: rgba(255,255,255,.05);}

.sales-block{box-shadow: 0px 3px 6px rgba(0,0,0, 0.1);border-radius: 7px;overflow: hidden;}
.sales-block .table{border: none;}
.sales-block .table tr th{border-bottom: none;border-top: none;color:#41AC9C;padding: 19px 20px 15px; font-weight: 700;}
.sales-block .table tr td{border-top: none;color:#32388A;padding: 19px 20px 15px;font-size:16px;;}
.view-teams {margin-top: 40px;}
.location-wd, .status-wd{width:170px;}
/*company-sales-manager-team-manager end*/

/* Checkbox */
.checkbox-typ {display: block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin:0 !important; padding:2px 0 15px 25px;}
.checkbox-typ input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;left: 0;height:18px;width:18px;background-color: #fff;border: 1px solid #707070;}
.checkmark:after {content: "";position: absolute;display: none;}
.checkbox-typ input:checked ~ .checkmark:after {display: block;}
.checkbox-typ .checkmark:after {left: 8px;top: -3px;width: 8px;height: 15px;border: solid #3EAC9C;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/* Checkbox */

/*Dashboard - Company Sales Manager – V2  css start*/
.actions-wd{ width: 150px; text-align: center}
.sales-manager .table tr td{color:#32388A; font-weight: 700; vertical-align: middle; font-size: 16px;}
.actions{ text-align: center;}
.setup-reasons {
background: #fff;
box-shadow: 0px 2px 11px 0px rgba(0,0,0,0.1);
margin-bottom: 30px;
border-radius: 8px;
padding: 20px 0;
}
.setup-reasons .box-header {
padding: 0 0 0 20px;
border-bottom: 1px solid rgba(0,0,0,0.15);
margin-bottom: 20px;
position: relative;
}
.setup-reasons .box-header h3 {
padding-bottom: 10px;
}
.setup-reasons .submit {
border-top: 1px solid rgba(0,0,0,0.15);
display: flex;
justify-content: flex-end;
padding: 15px 20px 0 0;
}
.setup-group {
padding: 0 20px 10px;
}
.slaes-step-manager{ margin-top: 10px;}
.view, .edit{
width: 35px;
height: 27px;
line-height: 30px;
display: inline-block;
color: #fff;
font-size: 12px;
border-radius: 3px;
margin: 0 0 5px 5px;
}
.view:hover, .edit:hover{ background-color: #333; color: #fff;}
.view {background: #566db0;}
.edit {background: #40ac9c;}
/*Dashboard - Company Sales Manager – V2  css start*/

/* master admin void data */
.purple-tbl-box{box-shadow: 0px 3px 6px rgba(0,0,0, 0.2);border-radius:0 0 8px 8px;overflow: hidden;}
.purple-tbl-box .table tr th{background: #e3dae8;font-weight:700;}
.purple-tbl-box .table tr th, .purple-tbl-box .table tr td{color: #765e96;font-size:16px;}
.purple-tbl-box .table tr td.prst{padding:0;}
.purple-tbl-box .table tr td.prst .table{border-top: none;border-color:#fff;border-right: none;border-left: none; margin-bottom: 0 !important;}
.purple-tbl-box .table tr td.prst .table tr{background: #cfcfcf;}
.purple-tbl-box .table tr td.prst .table td{border-color:#fff;}
.purple-tbl-box .table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #fff;}
.purple-tbl-box .table tr td.prst.white-prst .table tr {background: #fff;}
.void-data-filter{ width: 90%;}
.purple-tbl-box .table tr td.prst.white-prst .table td {border-color: #d4d4d4;border-top: none;}
/*.void-data-filter .row [class*="col-"]{ flex: 0 0 20%; max-width: 20%; -ms-flex:0 0 20%;}*/
/* master admin void data */

/*Company Manager Void Data css start*/
.company-void-data-filter{ width: 100%;}
/*Company Manager Void Data css end*/

/* metrics */
.report-block{margin-bottom:15px;}
.total-card {border: solid 1px #c2bec4; border-radius:14px;}
.total-card-tab{font-size:20px;color: #6D458E;background-color: #f3f3f3;border-radius:14px 14px 0 0;padding:36px 0 26px 20px; margin-bottom:8px;}
.total-card-tab span{display: block;flex: 0 0 125px;text-align: center;position: relative;}
.total-card-tab span:after{position: absolute;top:-36px;bottom:-26px;left:0;width:1px;background: #ededed;content: "";}
.total-card-tab-per{border-bottom:none;background-color: #e3dae8;border-radius:0 0 14px 14px;margin-bottom:0;}

.weeks-card-tab {border: solid 1px #c2bec4; border-radius:14px;font-size:18px;color: #6D458E;padding:30px 0 22px 20px;margin:10px 0; position: relative;}
.weeks-card-tab span{display: block;text-align: center; height: 100%;}
.weeks-card-tab span small {font-size: 13px;font-weight: 700;position: relative;top: -8px;}
.weeks-card-tab span:after{position: absolute;top:0;right:100px;width:1px;background: #ededed;content: ""; height: 100%;}

.step-block{border: solid 1px #c2bec4; border-radius:14px;padding-bottom:20px;margin-bottom:30px;}
.col-w{flex: 0 0 30%;max-width: 30%;}
.col-wf {flex: 0 0 40%;max-width: 40%;}
.hd-total {
display: block;
font-size: 18px;
color: #6D458E;
text-align: center;
padding: 40px 0 35px;
}
.total-step ul li{font-size: 20px;color: #293269;text-align: center;background: #f3f3f3;padding:38px 0 32px;}
.total-step ul li:nth-child(2n+2){background: #fff;}
.total-step img{width:100%;display: block;}

.standard-step ul li{font-size: 18px;color:#6D458E;text-align: center;background: #f3f3f3;padding:38px 0 32px;position: relative;}
.standard-step ul li:after{position: absolute;left:0;right:0;bottom:0;height:2px;background:#cecece;content:"";z-index:1;}
.standard-step ul li:nth-child(2n+2){background: #fff;}
.prsnt-list {
display: block;
background: #e3dae8;
padding: 8px 10px 1px;
position: absolute;
bottom: -46px;
border: solid 1px #e3dae8;
left: 0;
right: 0;
margin: 0 auto;
max-width: 70px;
z-index: 2;
border-radius: 5px;
font-size: 16px;
}
.cutoff-block .purple-tbl-box{border: solid 1px #c2bec4; border-radius:14px;box-shadow: none;}
.cutoff-block .purple-tbl-box .table {border: none;}
.cutoff-block .purple-tbl-box .table tr th {border-top: none;}
.cutoff-block .purple-tbl-box .table tr th, .cutoff-block .purple-tbl-box .table tr td{padding:22px 20px 18px;white-space: nowrap;}
.cutoff-block .purple-tbl-box .table tr td.prst {padding: 0;}
.cutoff-heading {display: block;text-align: center;color: #6D458E;background-color: #f3f3f3;font-size: 20px;padding: 30px 0 22px;}

.appointments-block .purple-tbl-box .table-striped > tbody > tr:nth-of-type(2n+1) {background-color: #e3dae8;}
.step-chart {padding: 0 5px;}
/* metrics end*/

/* breadcrumb-item css*/

.content-header > .breadcrumb {background: transparent;	margin-top: 0;	margin-bottom: 0;	font-size: 12px; padding: 7px 5px;	position: absolute;  top: 47px;  right: 50px;color: #fff;}
.content-header > .breadcrumb > li > a {	color: #fff;}
.breadcrumb > .active {color: #fff; text-decoration: underline;}
.content-header .breadcrumb-item + .breadcrumb-item::before {color: #fff;}
.required label::after {color: #cc0000;content: "*";	font-weight: bold;	margin-left: 5px;  font-size: 12px;}
.lbl{ font-size: 12px; font-weight: 700;}

.profile-photo .form-control {	box-shadow: none !important;	color: #aaaaaa;
background: #fff;	font-size: 14px;	font-weight: 400;
height: 37px;	border: 1px solid #707070;	padding: 6px 10px 3px;
border-radius: 0px;  margin-top: 10px;  width: auto;}
.box-footer {
border-top: 1px solid rgba(0,0,0,0.2);
padding-top: 20px;
text-align: center;
padding-bottom: 15px;
}
/* breadcrumb-item end*/

/* company manager css*/
.content-header > h1 > small {font-size: 13px;	display: inline-block;	padding-left: 4px;	font-weight: 300;}
.nav-tabs {
border-bottom: 0 !important;
background: transparent;
}
.card-tabs ul li{ margin-right: 10px; margin-bottom: 5px !important;}
.card-tabs ul li a {
padding: 18px 25px;
font-size: 14px;
padding-bottom: 15px;
background-color: #eee;
color: #444;
border: 0 !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
background-color: #51a7d4;
border: 0 !important;
border-radius: 0;
color: #fff;
}

.company-tab .table th{ width: 150px; font-weight: 700;}
.card-tabs .table th { font-weight: 700;}
.sale-step{ width: 300px;}
.card-body .tab-content > .active{padding-bottom: 15px;}
.back-btn{ position:absolute; top:-7px ; right: 15px;}
.view-team-members-sec table th, .view-teams-sec table th{ font-weight: 700;}
.bg-none th{ background-color: transparent !important;}
/* company manager end*/

/*Hooks page css start*/
.box {
border-radius: 10px;
border-top: none;
margin-bottom: 30px;
box-shadow: 0 0 30px rgb(0 0 0 / 15%);
background: #ffffff;
position: relative;
width: 100%;
}
.box-header > .box-tools {
position: absolute;
right: 10px;
top: 5px;
}

.timeline {
position: relative;
margin: 0 0 30px 0;
padding: 0;
list-style: none;
}

.timeline::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 3px;
background: #ddd;
left: 40px;
margin: 0;
border-radius: 2px;
}

.box-body {
padding: 0 20px;
}
.timeline > li {
position: relative;
margin-right: 10px;
margin-bottom: 15px;
}

.timeline > li::before, .timeline > li::after {
content: " ";
display: table;
}

.timeline > .time-label > span {
font-weight: 600;
padding: 8px 10px 5px 10px;
display: inline-block;
background-color: #fff;
border-radius: 4px;
font-size: 12px;
}

.bg-navy {
background-color: #001f3f !important;
color: #fff;
}

.timeline > li > .timeline-item {
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
border-radius: 3px;
margin-top: 0;
background: #fff;
color: #444;
margin-left: 60px;
margin-right: 15px;
padding: 0;
position: relative;
}

.timeline > li > .timeline-item > .time {
color: #999;
padding: 10px;
font-size: 12px;
position: absolute;
right:0;
top:0;
}

.timeline > li > .timeline-item > .timeline-header {
margin: 0 0 8px 0;
border-bottom: 1px solid #f4f4f4;
padding: 10px;
font-size: 14px;
line-height: 1.1;
font-weight: 600;
padding-right: 80px;

}

.timeline > li > .timeline-item > .timeline-body, .timeline > li > .timeline-item > .timeline-footer {
padding: 10px;
font-size: 13px;
line-height: 24px;
}
.timeline-footer .btn {
width: 28px;
height: 26px;
line-height: 28px;
font-size: 10px;
display: inline-block;
padding: 0;
margin: 0 1px;
}
.svg-inline--fa {
display: inline-block;
font-size: inherit;
height: 1em;
overflow: visible;
vertical-align: -.125em;
}
.svg-inline--fa.fa-w-18 {
width: 1.125em;
}

.btn-default {
background-color: #f4f4f4;
color: #444;
border-color: #ddd;
}

.btn-primary {
background-color: #566fb0;
border-color: #566fb0;
}

.svg-inline--fa.fa-w-16 {
width: 1em;
}

.box .box-body {
padding: 20px;
}

.svg-inline--fa.fa-w-14 {
width: .875em;
}

.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
font-size: 12px;
}

/*Hooks page css end*/

/*Logo page css start*/
.rules-block {padding:0 20px; font-size:13px;}
.rules-block ul li{position: relative;margin-bottom:2px;padding-left:15px;}
.rules-block ul li small{display:inline-block;background-color:#f39c12; color:#fff;font-weight:600;padding: 5px 5px 1px;font-size:10px;border-radius:2px;margin-bottom:5px;}
.rules-block ul li:after{position:absolute;width:5px;height:5px;border-radius:50%;content:"";background-color: #000;top:6px;left:0;}

.options-block tr td{white-space:nowrap;}
.td-logo{margin-bottom:10px;}
.upload-btn{position: relative;border: none;padding:0;width:90px;}
.upload-btn span{position: absolute;top:11px;left:0;right:0;justify-content: center;}
.upload-btn span svg {display: block;position: relative;top: -2px;margin-right: 5px;}
.upload-btn input[type="file"] {display:block;text-indent:-200px;overflow:hidden;font-size:0px;height:36px;width:100%;background: none;position: relative;z-index: 1;cursor: pointer;}
.add-tab .blue-btn{width:32px;}
.options-block .table th{ font-weight: 700;}
/*Logo page css end*/

/* filter-search-sec */

.filter-search-sec .form-group .form-control {border-radius: 4px;background: transparent;}
.filter-search-sec .form-group {position: relative;z-index: 2;}
.filter-search-sec .form-group-icon .form-control {padding-right: 50px;text-align: left !important;}
.filter-search-sec .form-group-icon .icon {position: absolute;top: 5px;right: 8px;z-index: -1}
.filter-search-sec .form-group-icon .icon img {height: 20px;}
.filter-search-sec  .select2-container--default .select2-selection--single .select2-selection__rendered {color: #aaaaaa; font-size: 14px;}
.filter-search-sec  .select2-container--default .select2-selection--multiple {background-color: transparent; padding-left: 3px; text-align: left;}
.filter-search-sec  .select2-container--default .select2-search__field {text-align: left !important;}
.filter-search-sec .form-group select.form-control{background: url(../img/arrow-black.png) no-repeat center right 15px;    appearance: none;}
.custom-multiselect  .select2-container--default .select2-selection--multiple .select2-selection__choice {padding-right: 20px;padding-left: 0;white-space: nowrap;}
.custom-multiselect  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {left: auto;border: 0;top: 0;line-height: 26px;color: #000;right: 0;}
.custom-multiselect .select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: #c2c2c2;border: 0;font-size: 12px;color: #fff;padding: 6px 20px 2px 4px;}
.filter-search-sec  .select2-container--default .select2-selection--single .select2-selection__arrow {background: url(../img/arrow-black.png) no-repeat center right 5px; }
.filter-search-sec  .select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
.location-div {position: relative}
.location-div .delete-row.confirmDeleteBtnLocation {bottom: 9px;right: 23px;}
.custom-multiselect2 .select2-container--default.select2-container--disabled .select2-selection--multiple {background-color: transparent;}
.custom-multiselect2 .select2-container--default .select2-selection--multiple .select2-selection__choice {background-color: #c2c2c2;border: 0;font-size: 12px;color: #fff;padding: 6px 20px 2px 4px;}
.custom-multiselect2 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {left: auto;border: 0;top: 0;line-height: 26px;color: #000;right: 0;display: block;}
.average-conversions .gray-tbl-box-head {background: #e3dae8;color: #765e96;}

/*******Mobile Design******/
.moblile-block{display: none;}
.moblile-block .cutoff-heading{margin-bottom:10px;}
.cutoff-block-tab{border: solid 1px #d1d1d1;border-radius:1rem;overflow: hidden;margin-bottom:16px;}
.cutoff-block-card{padding:10px;}
.cutoff-block-tab .card{border: solid 1px #d1d1d1;border-radius:16px;overflow: hidden;background: #f2f2f2;margin-bottom:10px;}
.cutoff-block-tab .card-header{padding:0;border: none;background:inherit;}
.cutoff-block-tab .card-header .card-link{display: block;padding:16px 16px 12px;border-bottom: solid 1px #d1d1d1;margin-bottom: -1px;color: #5e3288;position: relative;background: #d0c3dc;}
.cutoff-block-tab .card-header .card-link:after {position: absolute;content: "\f078";top:15px;right:15px;font-family:"Font Awesome 5 Free";font-weight:900;}
.cutoff-block-tab .card-header .card-link[aria-expanded="true"]{background:#a8e7de;}
.cutoff-block-tab .card-header .card-link[aria-expanded="true"]:after {content: "\f077";}
.cutoff-block-tab-reasons #accordion {padding: 0 10px;}
.cutoff-block-tab-reasons .cutoff-block-card {background: #fff;}

.accordion-body{padding:10px;}
.accordion-list {display: flex;border: solid 1px #d1d1d1;background: #fff;border-radius:16px;}
.accordion-list li{width:50%;flex:0 0 50%;text-align: center;border-right: solid 1px #d1d1d1;padding:15px 10px;}
.accordion-list li:last-child{border-right:none;}
.accordion-list li span{display: block;color: #b0aaa9;}
.accordion-list li span strong{display: block;color: #5e3288;padding-top:10px;}
.occurred-block-tab .accordion-list li{width:33.333%;flex:0 0 33.333%;border: none;}
.accordion-list li .large-span{ display:flex; min-height: 100%;  flex-direction: column;}
.accordion-list li .large-span label{ flex-grow: 1; margin: 0;}


.moblile-block .territory-data-block .cutoff-heading {margin-bottom:0;}
.territory-data-block .table {border: none;}
.territory-data-block .table tr th {background: #d0c3dc;color: #6D458E;}
.territory-data-block .table tr th, .territory-data-block .table tr td {border-top: none;padding: 10px 20px 10px;vertical-align: middle;}
.territory-data-block .table tr td {color: #a9a9a9;}
.plus-btn{display:block;background:#41ac9c;color:#fff!important;text-align: center;width:40px;height:40px;padding:0;display: flex; align-items: center;justify-content: center;}
.plus-btn[aria-expanded="true"] .fa-plus{display: none;}
.plus-btn .fa-minus{display: none;}
.plus-btn[aria-expanded="true"] .fa-minus{display: block;}

.mob-show{display: none;}
.colspanSho{background: #fff;border-top: solid 1px #eaeaea !important;border-bottom: solid 1px #eaeaea;}
.card-form{display: flex;margin:5px 0;}
.card-form label {margin: 0;width: 100px;color: #6D458E;}
.card-form span {margin: 0;flex: 1;display: block;border-bottom: solid 1px #eaeaea;}
.bgCol {background:#f6f6f6 !important;}
.total-card-new-block {border: none;border-radius: 0;}
.total-card-new-block .total-card-tab {font-size:15px;background-color: #ffffff;border-radius: 10px;padding: 0;border: solid 1px #c2c2c2;overflow: hidden;margin-bottom: 10px !important;}
.total-card-new-block .total-card-tab:last-child{margin-bottom:0 !important;}
.total-card-new-block .total-card-tab span:after{display: none;}
.total-card-new-block .total-span-card-left {background: #aaaaaa;width: 42%;flex: 0 0 42%;padding:25px 15px 20px;text-align: left;color:#fff;font-size:12px;font-weight:700;}
.total-card-new-block .total-card-tab-per .total-span-card-left{background: #dedede;color: #6D458E;}
.total-card-new-block .total-card-tab-per .seen-sale{background: #e0d8e8;}

.total-card-new-block .total-card-tab-per-new .total-span-card-left{background: #e0d8e8;color: #6D458E;}
.total-card-new-block .total-span-card-right {width: 57%;flex: 0 0 57%;padding-top: 5px;font-weight:700;font-size: 20px;}
.weeks-card-md-block{background-color: #ffffff;border-radius: 10px;padding: 0;border: solid 1px #c2c2c2;overflow: hidden;}
.weeks-card-tab-new-block {border: none;font-size: 15px;padding: 0;border-bottom: solid 1px #c2c2c2;border-radius: 0;margin: 0;}
.weeks-card-tab-new-block:last-child{border-bottom:none;}
.weeks-card-tab-new-block .weeks-card-inner{background: #e0d8e8;color: #6D458E;width: 42%;flex: 0 0 42%;padding:20px 15px 15px;text-align: left;font-size: 12px;font-weight:700;}
.weeks-card-tab-new-block .weeks-card-inner .week-code{padding-left:2px !important;}
.weeks-card-tab-new-block span{width: 57%;flex: 0 0 57%;padding-top: 5px;font-weight:700;display: block;font-size: 20px;}
.weeks-card-tab-new-block span:after{display: none;}
.report-block .row{margin-right: -7.5px;margin-left: -7.5px;}
.report-block .col-lg-3{padding-right:7.5px;padding-left:7.5px;}
.col-frm-block .row{margin-right: -7.5px;margin-left: -7.5px;}
.col-frm-block .col-lg-3{padding-right:7.5px;padding-left:7.5px;}
.col-frm-block .form-group {margin-bottom:15px;}
.report-metrics-info-list-top{padding-bottom:15px;}
.report-metrics-info-list-top .row{margin-right: -7.5px;margin-left: -7.5px;}
.report-metrics-info-list-top .col-md-4{padding-right:7.5px;padding-left:7.5px;}
.report-metrics-card {display: flex;align-items: self-start;background-color: #ffffff;border-radius: 10px;padding: 0;border: solid 1px #c2c2c2;text-align: center;overflow: hidden;}
.report-metrics-card-inst {width: 50%;flex: 0 0 50%;border-right: solid 1px #cfcfcf;}
.report-metrics-card-inst:last-child{border-right:none;}
.report-metrics-heading {display: block;background: #aaaaaa;color: #fff;font-size: 11px;font-weight: 700;padding: 20px 4px 15px;}
.report-metrics-text{font-size:18px;color: #5e3389;padding:18px 10px 13px;display: block;font-weight:700;}
.report-metrics-card-two .report-metrics-heading{background: #eeeeee;color: #5e3389;}
.report-metrics-card-three .report-metrics-heading{background: #e0d8e8;color: #5e3389;}
.report-metrics-info-list-bottom .row{margin-right: -7.5px;margin-left: -7.5px;}
.report-metrics-info-list-bottom .col-md-6{padding-right:7.5px;padding-left:7.5px;}
.report-metrics-bottom-card{display: flex;align-items: center;background-color: #ffffff;border-radius: 10px;border: solid 1px #c2c2c2;overflow: hidden;margin-bottom: 15px;}
.report-metrics-bottom-card-left {width: 50%;flex: 0 0 50%;font-size: 12px;font-weight: 700;padding:24px 20px 18px;display: block;text-align: left;background: #e0d8e8;color: #5e3389;}
.report-metrics-bottom-card-right{width: 50%;flex: 0 0 50%;font-size:18px;color: #5e3389;padding:8px 20px 0;display: block;font-weight:700;text-align: center;}
.weeks-card-tab-new-block.bg-tag-block .weeks-card-inner{background: #a9a9a9;color:#fff;}
.report-metrics-bottom-card.bg-tag-block .report-metrics-bottom-card-left{background: #a9a9a9;color:#fff;}