select.select2-list:not(.eachElem) + label {
    margin-left: 12px;
}
div#general-datatable_wrapper {
	margin-top: -36px;
    background: #fff;
}
.select2-container.select2-container-disabled .select2-choice,.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    border: 0px;
    background: transparent;
    border-bottom: 1px dashed #e5e5e5;
    cursor: not-allowed;
}
.header-fixed #header {
    position: relative;
    border-radius: 12px;
    top: 13px;
    z-index: 982;
    width: 100%;
    max-width: 100%;
}

.gui-controls {
	padding: 8px;
}
/*.header-fixed #header {
    position: fixed;
    border-radius: 12px;
    top: 13px;
    left: 30rem;
    width: 126rem;
    max-width: 126rem;
}*/
#header {
    position: absolute;
    left: -10px;
	height: 75px;
}
.header-nav {
    margin: 7px 12px; 
}
@media only screen and (min-width: 1200px)  {
	.menubar-pin #base, .menubar-visible #base {
	    padding-left: 298px;
	}
	.menubar-pin #menubar,.menubar-visible #menubar{
	    width: 248px;
	}
	.menubar-pin .gui-controls ,.menubar-visible .gui-controls{
		padding: 0px 18px;
	}
}
#menubar {
    position: fixed;
    z-index: 1004;
    left: 18px;
    top: 16px;
}
#menubar {
	height: 97vh;
}
#menubar.menubar-inverse:before {
   background-image: linear-gradient(195deg,#42424a,#191919);
    border-radius: 1.2rem;
}
.menubar-inverse .gui-controls li .title {
    color: #fff;
    text-shadow: unset;
}
.gui-controls > li > a,.gui-controls > li ul > li > a {
	font-size: 14px;
	border-radius: 12px;
    padding: 14px 0px;
}
.card {
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
    border-color: rgba(0,0,0,.125);
}
.card-head {
	border-radius: 12px 12px 0 0;
}
.gui-controls > li ul > li > a {
	padding-left: 56px;
}
body [class*=" md-"], [class^=md-] {
    font-size: 24px;
}
.gui-icon .fa:first-child, .gui-icon .md:first-child, .gui-icon .glyphicon:first-child {
    line-height: 44px;
    color: #fff;
}
.menubar-inverse .gui-controls > li:not(.gui-folder) > a:hover ,.gui-controls li.gui-folder > a:hover,.menubar-inverse .gui-controls > li ul > li:not(.active) > a:hover, .menubar-inverse .gui-controls > li ul > li > a:focus,.menubar-pin .menubar-inverse .gui-controls > li:not(.gui-folder) > a:hover{
	background: hsla(0,0%,78%,.2);
}
 .menubar-inverse .gui-folder:hover:not(.active) .gui-icon ,.menubar-pin .menubar-inverse .gui-controls > li:not(.gui-folder) .gui-icon:hover{
	background-color: transparent;
    color: transparent;
}
.gui-controls > li, {
    border-radius: 1.2rem;
}

.gui-controls li.gui-folder > a .title {
    font-weight: 300;
    color:#fff;
    font-style:normal;
    text-shadow: unset;
}
.gui-controls li > a .title {
	font-weight: 300;
}
.menubar-inverse .gui-controls li.gui-folder > a .title {
    color: #fff;
}
.gui-folder > a:after {
    content: "\f1b4";
    position: absolute;
    font-family: 'Material Design Iconic Font';
    top: 15px;
    display: inline-block;
    margin-left: -12px;
    color: #fff;
    font-size: 17px;
    font-weight: inherit;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    right: 10px;
}
.gui-folder.expanded > a:after {
    content: "\f1b7";
    position: absolute;
    font-family: 'Material Design Iconic Font';
    top: 15px;
    display: inline-block;
    margin-left: -12px;
    color: #fff;
    font-size: 17px;
    font-weight: inherit;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    right: 10px;
}
.gui-controls > .gui-folder.expanding > a:after, .gui-controls > .gui-folder.expanded > a:after{
    transform: rotate(0deg) !important;
}
.gui-controls > .gui-folder > a:after {
    top: 17px;
    color: #fff !important;
}
.menubar-inverse .gui-controls li.gui-folder.expanded > a .title, .menubar-inverse .gui-controls li.gui-folder.active > a .title {
	color: #fff;
}
.menubar-inverse .gui-controls > li ul > li:before {
	border-left: unset;
}
.menubar-inverse .gui-controls > li ul > li > a:before{
	border-bottom: unset;
}
.gui-controls > li.active:not(.gui-folder) > a,.gui-controls > li ul > li.active a,.menubar-pin .menubar-inverse .gui-controls > li.active:not(.gui-folder) > a:hover {
	background-image: linear-gradient(195deg,#00ecff,#157d85);
}
.template-btn.active {
    background-image: linear-gradient(195deg,#00ecff,#157d85);
    color: #fff;
    border-color: #00ecff;
}
.menubar-inverse .gui-controls a.expanded .gui-icon, .menubar-inverse .gui-controls li.active .gui-icon, .menubar-inverse .gui-controls li.active .gui-icon:hover {
    background-color: transparent;
    border-color: transparent;
}
body {
    background: #f0f2f5 !important;
}
/*.menubar-inverse .gui-controls > li ul > li > a:before {
    border-bottom: 0px dashed rgba(255, 255, 255, 0.3);
    content: "";
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    font-family: inherit;
    position: absolute;
    top: 18px;
}*/
span.text-icon {
    position: absolute;
    left: 25px;
    font-size: 14px;
    color: #fff;
    top: 13px;
    font-weight: 300;
}
#content {
    position: relative;
    width: 100%;
    left: 0;
    padding-top: 78px;
}

#menubar.menubar-inverse {
    color: unset;
}
.gui-controls li.active > a .title {
    color: #0aa89e;
    font-weight: 400;
}
.menubar-scroll-panel .profile-info {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px 0 10px;
    line-height: 15px;
    color: #fff;
}
.menubar-scroll-panel .header-nav-profile .dropdown > a {
	min-width: 218px;
}
.menubar-scroll-panel .header-nav-profile .dropdown.open > a {
	 background: transparent;
	 border-color: transparent;
}
.menubar-scroll-panel .header-nav {
	margin: 0 12px;
}
.menubar-scroll-panel img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin-left: 10px;
    margin-top: -5px;
}
.gui-controls .profile-info small {
    display: block;
    margin: 16px 4px 0px 2px;
    font-size: 10px;
    font-weight: 300;
}
.menubar-scroll-panel .profile-info {
	line-height: 0px;
}
.gui-controls > li ul > li {
    position: relative;
    color: #fff;
}

hr.menu-seperator {
    border-top-color: rgb(255 255 255 / 12%) !important;
}
hr.menu-seperator {
    margin-top: 0px;
    margin-bottom: 11px;
    border: 0;
    border-top: 1px solid #ffffff;
}
section:first-child {
	padding-left: 0px;
}
#base {
    overflow: hidden;
    padding-left: 116px;
    width: 100%;
    min-height: 100%;
}
#menubar {
	width: 80px;
}
@media only screen and (max-width: 768px)  {
	.desktop-view {
		display: none;
	}
	.mobile-view {
		display: block;
	}
	#menubar {
		left: 2px;
	}
	#base {
		padding-left: 12px;
	}
	.headerbar-left {
		height: 86px;
	}
	.header-fixed #header {
		top: 0px;
	}
	#content {
		padding-top: 16px;
	}
	.navbar-search.expanded input{
		max-width: 300px;
	}
	.navbar-search.expanded .form-group {
		width: 200px;
	}
	.header-nav > li.pull-right {
		padding: 14px 0 14px 0px;
	}
	@media only screen and (max-width: 423px)  {
		.navbar-search {
			display: none;
		}
	}
}
@media only screen and (min-width: 768px)  {
	.desktop-view {
		display: block;
	}
	.mobile-view {
		display: none;
	}	
}
body.menubar-hoverable.header-fixed:not(.menubar-pin):not(.menubar-visible) .profile-info {
	display: none;
}

/*body.menubar-hoverable.header-fixed:not(.menubar-pin):not(.menubar-visible) [class*=" md-"],body.menubar-hoverable.header-fixed:not(.menubar-pin):not(.menubar-visible) [class^=md-] {
	font-size: 24px;
}*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color: #344767;
}
.text-primary {
	color: #157d85;
}

.sticky {
  width: -webkit-fill-available;
  z-index: 999;
  position: fixed;
}

.header-fix:not(.sticky) #header {
	background: transparent;
	box-shadow: unset;
}
.sticky #header {
	box-shadow: inset 0 0 2px #fefefed1;
    -webkit-backdrop-filter: saturate(200%) blur(30px);
    backdrop-filter: saturate(200%) blur(30px);
    background: hsla(0,0%,100%,.8)!important;
    box-shadow: inset 0 0 1px 1px hsla(0,0%,100%,.9),0 20px 27px 0 rgba(0,0,0,.05)!important;
}
.card-head header {
    font-size: 20px;
    line-height: 1.375;
    font-weight: 600;
    text-transform: capitalize;
    position: absolute;
    top: 4px;
    left: 8rem;
    /*padding-top: 24px;*/
}
.select2-results .select2-highlighted {
	background: #f0f2f5;
	border-radius: 0.8rem;
	color: #495057;
}
.select2-container .select2-choice .select2-arrow b:before {
    color: #7B809A;
    font-size:12px !important;
}
.form-control {
	color: #495057;
}
.form-group .form-control:focus ~ label {
    color: #157d85;
    opacity: 1;
}
.form-group .form-control ~ label:after, .form-group .form-control ~ .form-control-line:after {
	background-color: red;
    background-image: linear-gradient(195deg,#00ecff,#157d85);
}
.select2-dropdown-open.form-control:not(.details_multiselect ) {
    border-bottom-color:transparent;
    background-image: linear-gradient(195deg,#00ecff,#157d85);
}
.floating-label .form-control ~ label {
    top: 26px;
    font-size: 14px;
}
/*.has-error .form-control ~ label {
    top: 4px;
    width: auto;
    height: 24px;
    background-color: #fff;
    color: #f44336;
    z-index: 999999;
    left: 14px;
    opacity: 1;
    font-size: 13px;
}
.has-error .help-block {
	left: 14px;
}
.has-error .form-group .form-control ~ label:after,.has-error .form-group .form-control ~ .form-control-line:after {
	background-color: unset;
}
.has-error .form-control {
    border: 1px solid #f44336;
    border-radius: 7px;
}
.has-error .form-control >label{
  position:absolute;
  top:-1px;
  left:20px;
  background-color:white;
}

.has-error .form-control > input{
  border:none;
}*/
.btn-primary {
    color: #ffffff;
    background-color: #42424a;
    border-color: #42424a;
    background-image: linear-gradient(195deg,#42424a,#191919);
    box-shadow: 0 3px 3px 0 rgb(52 71 103 / 15%), 0 3px 1px -2px rgb(52 71 103 / 20%), 0 1px 5px 0 rgb(52 71 103 / 15%);
    margin: 0px 10px;
    padding: 8px 20px;
    font-size: 12px;
}
.btn {
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 0.8rem;
    font-weight: 700;
}
.btn-primary:hover {
    background-color: #344767;
    border-color: #344767;
    box-shadow: 0 14px 26px -12px rgb(52 71 103 / 40%), 0 4px 23px 0 rgb(52 71 103 / 15%), 0 8px 10px -5px rgb(52 71 103 / 20%);
}
.border-radius-xl {
    border-radius: 0.75rem;
}
.icon-lg {
    width: 64px;
    height: 64px;
}
.icon-shape {
    width: 48px;
    height: 48px;
    background-position: 50%;
    border-radius: 0.5rem;
}
.bg-gradient-success {
    background-image: linear-gradient(195deg,#66bb6a,#43a047);
}
.card-head:before,.d-card .card-head:before {
    height: 64px;
    width: 64px;
    /* background: red; */
    margin-top: -17px;
    margin-left: 18px;
    border-radius: 10px;
    content: "\f067";
    text-align: center;
    font-size: 32px;
    color: white;
    font-family: 'FontAwesome';
    font-weight: 400 !important;
    background-image: linear-gradient(195deg,#66bb6a,#43a047);
    padding: 6px;
}
.icon-not-required .card-head header {
    left: 5px;
    top:5px;
}
.panel-group .card {
    border-radius: 12px;
}
i.fa.fa-calender:before {
    content: "\f073" !important;
}
.menubar-pin .menubar-inverse .gui-folder:hover:not(.active) .gui-icon {
    background-color: transparent;
    color: #ffffff;
}
#menubar .fa {
    font-size: 24px;
}
.card-head.table-header:before {
    content: "\f022";
    background-image: linear-gradient(195deg,#49a3f1,#1a73e8);
    display: inline-block;
} 
.card-head.acc1:before {
    background-image: linear-gradient(195deg,#66bb6a,#43a047);
}
.card-head.acc2:before {
    background-image: linear-gradient(195deg,#909798,#012124);
} 
.card-head.acc3:before {
    background-image: linear-gradient(195deg,#42424a,#191919);
} 
.select2-drop-active {
    border: 1px solid rgba(12, 12, 12, 0.12);
    border-top: 2px solid;
    border-image: linear-gradient(195deg,#00ecff,#157d85);
    border-top-color: transparent;
} 

.form-group .form-control:focus ~ label {
    color: #157d85;
    opacity: 1;
    background: -webkit-linear-gradient(#157d85, #157d85);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_desc_disabled {
    position: relative;
    cursor: pointer;
    *: ;
    /* text-transform: uppercase !important; */
    text-transform: capitalize;
    font-size: 10.4px;
    font-weight: 700;
    font-weight: 700;
    line-height: 16.64px;
    text-align: left;
    text-indent: 0;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    padding: 12px 24px;
    opacity: 0.7;
    -webkit-font-smoothing: antialiased;
    caption-side: bottom;
    color: #7b809a !important;
}
.dataTable-wrapper .dataTable-container .table thead tr th {
    padding: 0.75rem 1.5rem;
    opacity: .7;
    font-weight: bolder;
    color: #7b809a;
    text-transform: uppercase;
    font-size: .65rem;
    font-weight: 700 !important;
}
.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #f0f2f5;
}
.dataTable-table>thead>tr>th {
    vertical-align: bottom;
    text-align: left;
    border-bottom: 1px solid #d9d9d9;
}
.dataTable-table>tbody>tr>td, .dataTable-table>tbody>tr>th, .dataTable-table>tfoot>tr>td, .dataTable-table>tfoot>tr>th, .dataTable-table>thead>tr>td, .dataTable-table>thead>tr>th {
    vertical-align: top;
    padding: 8px 10px;
}
.dataTable-table tbody td, .dataTable-table tbody th, .dataTable-table tfoot td, .dataTable-table tfoot th, .dataTable-table thead td, .dataTable-table thead th {
    vertical-align: middle!important;
}
.table thead th {
    padding: 0.75rem 1.5rem;
    text-transform: capitalize;
    letter-spacing: 0;
    border-bottom: 1px solid #f0f2f5;
}
.dataTable-table>tfoot>tr>th, .dataTable-table th {
    vertical-align: bottom;
    text-align: left;
}
.dataTables_wrapper .dataTables_length {
    margin-bottom: 0;
    margin-left: 0;
    color: #7b809a;
    font-weight: 400;
    font-size: 14px;
    line-height: 22.4px;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #7b809a !important;
    font-size: 14px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: transparent;
    background-image: linear-gradient(195deg,#00ecff,#157d85);
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 6px 12px;
    margin-left: 6px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *: ;
    cursor: hand;
    background-color: #fff;
    color: #969c9c;
    border: 1px solid #e5e6e6;
    height: 36px;
    width: 36px;
    margin: 0 3px;
    border: 1px solid #dee2e6;
    color: #7b809a;
    border-radius: 50%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #969c9c;
    border: 1px solid #e5e6e6 !important;
    background: transparent;
    cursor: no-drop;
    border-radius: 50%;
}
.paginate_button .fa:before {
    font-size: 10px !important;
    vertical-align: top;
    padding: 12px 0px;
    font-weight: normal !important;
}
.dataTables_wrapper .dataTables_length select {
    height: 35px;
    padding: 6px;
    font-size: 14px;
    line-height: 1.846153846;
    margin-right: 5px;
    /* border: none; */
    border: 1px solid #f0f2f5 !important;
    background: transparent;
    color: #0c0c0c;
    border-radius: 7px;
    font-weight: 400;
    border-color: #f0f2f5;
    border-radius: 0.375rem;
}

.dataTables_wrapper .dataTables_filter input {
    font-size: 14px;
    line-height: 1.846153846;
    margin-right: 5px;
    /* border: none; */
    border: 1px solid #f0f2f5 !important;
    background: transparent;
    color: #0c0c0c;
    border-radius: 7px;
    font-weight: 400;
    border-color: #f0f2f5;
    border-radius: 0.8rem; 
}
table.dataTable.row-border tbody th, table.dataTable.display tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody td {
    border-top: 1px solid #e5e6e6;
    padding: 1rem 1.9rem;
    white-space: nowrap;
    background-color: #fff;
    box-shadow: inset 0 0 0 9999px transparent;
    font-weight: 400;
    font-size: 14px !important;
    color: #7b809a !important;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1, table.dataTable.table-striped tbody tr.odd > .sorting_1 {
    background-color: #fff;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1, table.dataTable.table-striped tbody tr.odd > .sorting_1 {
    background-color: transparent;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1, table.dataTable.table-striped tbody tr.odd > .sorting_1 {
    background-color: #fff !important;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1, table.dataTable.table-striped tbody tr.even > .sorting_1 {
    background-color: #fff !important;
}
table.dataTable.row-border tbody th, table.dataTable.display tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody td {
    border-top: 1px solid #f0f2f5;
}
.select2-dropdown-open.form-control:not(.details_multiselect ) {
    border: none;
    border-bottom: 1px solid #f0f2f5;
    border-image: linear-gradient(195deg,#00ecff,#157d85);
}
.select2-container-multi .select2-choices .select2-search-choice {
    border-image: linear-gradient(195deg,#00ecff,#157d85);
    background-image: linear-gradient(195deg,#00ecff,#157d85);
}
span.text-lg.text-bold.text-primary.logotext {
    color: #344767;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    text-align: start;
}
body::-webkit-scrollbar {
  width: 0.6em;
}
body::-webkit-scrollbar:hover {
  /*width: 2em;*/
}
 
body::-webkit-scrollbar-track {
  /*box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
}
 
body::-webkit-scrollbar-thumb {
  background-color: #c5c5c5;
  outline: 1px solid #c5c5c5;
  border-radius: 10px;
}
header .btn-icon-toggle .fa, header .btn-icon-toggle .md, header .btn-icon-toggle .glyphicon {
    margin: 0;
    line-height: 34px;
    font-size: 16px;
}
.dashboard.card-head:before {
    content: "\f009";
}
p.title-style {
    font-size: 14px;
    font-weight: 300;
    color: #7B809A;
    margin: 0px;
}
.t-align {
    text-align: end;
    line-height: 6px;
    padding: 13px 24px;
}
.t-align .text-xl {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.8px;
    color: #344767;
    margin: 5px 0px;
}
.card-footer.d-footer {
    padding: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.card-footer.d-footer p {
    font-weight: 300;
    margin: 0px;
    margin-bottom: 2px;
    margin-left: 13px;
}
span.text-success.text-sm.font-weight-bolder {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
}
.d-body {
    padding:7px;
}
.d-card .card-head,.d-card1 .card-head,.d-card2 .card-head,.d-card3 .card-head {
    position: absolute;
}
.card-head:before {
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(64,64,64,.4)!important;
}
.d-card .card-head:before {
    content: "\f15b";
    background-image: linear-gradient(195deg,#42424a,#191919);
}
.d-card2 .card-head:before {
    content: "\f21b";
    background-image: linear-gradient(195deg,#00ecff,#157d85);
}
.d-card1 .card-head:before {
    content: "\f0f7";
    background-image:linear-gradient(195deg,#66bb6a,#43a047);
}
.d-card3 .card-head:before {
   content: "\f0c0";
    background-image:linear-gradient(195deg,#49a3f1,#1a73e8)
}
.d-card4 .card-head:before {
   content: "\f0e9";
    background-image: linear-gradient(to left, rgb(252, 155, 90, 225), rgba(252, 197, 70, 255));
}
.d-card5 .card-head:before {
   content: "\f156";
    background-image:linear-gradient(to left, rgb(194, 29, 162, 200), rgba(96, 10, 135, 255));
}
.d-card6 .card-head:before {
   content: "\f080";
    background-image:linear-gradient(to right, rgb(240 82 126), rgb(37 4 17));
}
.table > thead > tr > th {
    vertical-align: initial;
    border-bottom: 2px solid rgba(189, 193, 193, 0.2);
    font-size: 11px;
    font-weight: 700 !important;
    text-transform: uppercase;
    color: #344767;
    padding: 1rem 1.9rem;
}
/*.table-condensed:not(.datepicker .table-condensed) > tbody > tr > td {
    border-top: 1px solid #f2f2f2;
    padding: 0.2rem 1.9rem;
    white-space: nowrap;
    background-color: #fff;
    box-shadow: inset 0 0 0 9999px transparent;
    font-weight: 400;
    font-size: 14px !important;
    color: #7b809a !important;
}*/
.benficiarry.table-condensed:not(.datepicker .table-condensed) > tbody > tr > td {
    border-top: 1px solid #f2f2f2;
    padding: 0.2rem 1.9rem;
    white-space: break-spaces;
    background-color: #fff;
    box-shadow: inset 0 0 0 9999px transparent;
    font-weight: 400;
    font-size: 14px !important;
    color: #7b809a !important;
    line-height: 18px;
    vertical-align: top;
}


.checkbox-styled:not(ie8) input ~ span:before, .radio-styled:not(ie8) input ~ span:before {
   border: 2px solid #7b809a;
}
.checkbox-styled:not(ie8) input:checked ~ span:before {
    border-color: #7b809a;
}
hr.dark.horizontal.my-0 {
    margin: 0px;
    height: 1px;
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
    color: #344767;
    background-image: linear-gradient(90deg,transparent,rgba(0,0,0,0.3),transparent);
    border-bottom-color: #344767;
    border-top-color: transparent;
    border: none;
}
button.btn-secondary {
    padding: 8px 20px;
    font-size: 12px;
    font-stretch: 100%;
    font-weight: 700;
    background-color: #f0f2f5;
    color: #3a416f;
    border-color: #f0f2f5;
    box-shadow: 0 14px 26px -12px rgb(240 242 245 / 40%), 0 4px 23px 0 rgb(240 242 245 / 15%), 0 8px 10px -5px rgb(240 242 245 / 20%);
    background-image: linear-gradient(195deg,#ebeff4,#ced4da);
}
.brokerIcon:before {
    content: "\f007" !important;
}
.table-condensed > tbody > tr.header-seperator > td {
    background-color: transparent !important;
    color: #313534 !important;
    font-weight: bold;
    font-size: 20px !important;
}
.table-condensed > tbody > tr.header-seperator {
    background: linear-gradient(195deg,#00ecff 25%,#157d85 100%,#00ecff 13%), transparent;
    background-size: 100% 2px, 11px 58px;
    background-position: left bottom, left top;
    background-repeat: no-repeat;
    height: 50px;
    border-bottom: 2px !important;
}
/*.table-condensed > tbody > tr.header-seperator {
    background-image: linear-gradient(195deg,#00ecff,#157d85) !important;
    height: 46px;
}*/
/*.relative-div {
    position: relative;
    display: none;
}
.fixed-div {
    position: fixed;
    top: 100px;
    z-index: 9999999;
    width: -webkit-fill-available;
    padding: 0px 3rem;
    padding-left: 23px;
    padding-right: 46px;
}
.fixed-div table {
    background: #fff
}

.fixed-div .table > thead > tr > th div.checkbox {
    margin-left: -6px;
}
.fixed-div .table > thead > tr > th {
    border:none;
    border-bottom: 1px solid #f2f2f2;
}*/
.table-condensed > tbody > tr.header-seperator:nth-child(2) {
    background-size: 100% 3px, 11px 58px !important;
}
.row.added {
    border-top: 2px solid #313534 !important;
}
.vertically-center {
    margin:auto;
    width:50%;
    margin-top: 100px;
}
a.icons .fa {
    font-size: 2rem;
}
a.icons {
    padding: 1rem;
    height: 10px;
    width: 10px;
}
a.icons:hover {
    background-image: linear-gradient(195deg,#00ecff,#157d85);
    color: #fff;
    border-radius: 50%;
}
.check-text {
    outline: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-color: #f2f2f2;
}
.benefits thead.style-primary {
    background-image:  linear-gradient(195deg,#00ecff,#157d85);
    color: #fff;
}
.benefits.table > thead > tr > th {
    color: #fff !important;
}
.verticalwiz {
    display: block;
    list-style: none;
    position: relative;
    width: 100%
}

.verticalwiz a:hover,.verticalwiz a:active,.verticalwiz a:focus {
    text-decoration: none
}

.verticalwiz li {
   display: table;
    height: 100%;
    min-height: 45px;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

.verticalwiz li:before {
    border-top: 10px solid #555F6E;
    content: "";
    display: block;
    font-size: 0;
    overflow: auto;
    position: relative;
    top: 39px;
    left: 0px;
    width: 100%;
    z-index: 1;
    transform: rotate(90deg) translateY(87px);
    left: -92px;
    max-width: 32%;
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
    display: table-caption;
}
.verticalwiz li.complete .step {
    background: #0aa66e;
    padding: 1px 6px;
    border: 3px solid #55606E
}

.verticalwiz li .step i {
    font-size: 10px;
    font-weight: 400;
    position: relative;
    top: -1.5px
}

.verticalwiz li .step {
    background: #B2B5B9;
    color: #fff;
    display: inline;
    font-size: 15px;
    font-weight: 700;
    line-height: 12px;
    padding: 7px 13px;
    border: 3px solid transparent;
    border-radius: 50%;
    line-height: 5;
    position: relative;
    text-align: center;
    z-index: 2;
    transition: all .1s linear 0s;
}

.verticalwiz li.done .step {
    background: #4CAF50 !important;
    border: 3px solid #4CAF50 !important;
}
.verticalwiz li.active .step {
    background: #000;
    opacity: 0.8;
}
/*.verticalwiz li.complete .title,.verticalwiz li.active .title {
    color: #2B3D53
}*/

.verticalwiz li .title {
    font-size: 13px;
    position: relative;
    top: 2rem;
    display: table-cell;
    left: 5rem;
    position: absolute;
    margin-left: 0px !important;
}

.rightab {
    /*border: 1px solid #dedede; */*/
    border-radius: 3px;
    padding: 8px;
    /* box-shadow: 1px 1px 11px #ccc; */
    min-height: 320px;
}

@media (max-width: 460px){
  .verticalwiz li:before {
    left: -39px;
  }
}
.savepopup {
    z-index: 99999999;
}
ul.verticalwiz>li>a {
    display: table-row;
    position: relative;
}
.modal-backdrop {
    height: 130vh !important;
}
.verticalwiz li.active:before, .verticalwiz li.active:after,.verticalwiz li.done:before, .verticalwiz li.done:after {
    border-top: 10px solid transparent;
    /* border-image: linear-gradient(195deg,#00ecff,#157d85); */
    background: linear-gradient(195deg,#00ecff 25%,#157d85 100%,#00ecff 13%), transparent;
    background-size: 100% 2px, 11px 58px;
}
.savepopup .modal-title {
    font-size: 17px;
    text-align: center;
    font-weight: bold;
}
.step i.fa.fa-spinner.fa-spin {
    position: absolute;
    font-size: 33px;
    left: 0px;
    background-image: linear-gradient(195deg,#00ecff,#157d85);
    border-radius: 50%;
    top: 0px;
    visibility: hidden;
}
.verticalwiz li.active .step .fa {
    visibility: unset;
}
.verticalwiz li.active .step .fa {
    visibility: hidden;
}
/*.verticalwiz li.complete .step {
    background: #0aa66e;
    padding: 7px 13px;
    border: 3px solid #55606E;
    line-height: 12px;
}*/
.check-text + span {
    display: none !important;
}
.verticalwiz li.initial-step .step .fa {
    visibility: unset;
}
/*loader changes*/
.overlay {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: relative;
    background: #222;
}
.overlay__inner {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    opacity: 0.8;
    z-index: 999999999;
    display: none;
}
.overlay__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.spinner {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.05);
    border-top-color: #fff;
    animation: spin 1s infinite linear;
    border-radius: 100%;
    border-style: solid;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
span.loader-messages {
    color: #fff !important;
    display: block !important;
    font-size: 16px !important;
}

.verticalwiz li .step .spinner {
    font-size: 10px;
    font-weight: 400;
    position: absolute;
    /* top: -1.5px; */
    height: 40px;
    border-color: #00ecff;
    width: 40px;
    border-top-color: #000000;
    border-width: 3px;
    top: -3px;
    left: -3px;
    display: none;
}
.verticalwiz li.initial-step>a>.step, .verticalwiz li.activea>.step {
    background: #000;
    opacity: 0.8;
}
.verticalwiz li.initial-step .step .spinner,.verticalwiz li.active .step .spinner {
    display: block;
}
.hideTable {
    display: none;
}
.form-card {
    border: 1px solid #f2f2f2;
    margin: 28px;
    padding: 6px 16px;
    box-shadow: 3px 18px 15px -2px #f2f2f2;
    border-radius: 13px;
}
.wow.m-3 .card-header {
    padding: 10px;
    background: linear-gradient(195deg,#00ecff,#157d85);
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.wow.m-3 {
    padding: 0px;
}
.plans .card-body {
    padding: 10px 15px;
}
/*.eachElem.select2-allowclear {
    display: none;
}*/
div#dependent-div {
    position: fixed;
    right: 0;
    bottom: 0;
} 
.error-pop .modal-body{
    color: red;
    font-size: 14px;
    text-align: center;
}
.card-header.secondary-bg.current {
    background-image: linear-gradient(to right, rgb(240 82 126), rgb(37 4 17)) !important;
    color: #fff!important;
}
/*.card-header.secondary-bg.plan {
    background: transparent;
    border: 1px solid #00ecff;
    color: #000;
}*/
.card-header.secondary-bg.plan {
    background: transparent;
    color: #000;
    border: 1px solid #f2f2f2;
    text-align: left;
}
.plan .radio-styled:not(ie8) input ~ span:before {
    top: 2px;
    height: 15px;
    width: 15px;
}
.plan .radio-styled:not(ie8) input:checked ~ span:after {
    top: 6px;
    height: 7px;
    width: 7px;
    left: 4px;
}
.wow.m-3 {
    cursor: pointer;
}
span.plan-badge {
    position: absolute;
    top: 38px;
    background: red;
    border-top-right-radius: 12px;
    background: yellow;
    padding: 3px 10px;
    background-image: linear-gradient(to left, rgb(0 0 0), rgb(31 201 91));
    color: #fff;
    /* display: none; */
    width: 100%;
    border-radius: 30px;
    text-align: center;
    width: 121px;
    left: 13%;
    background-image: linear-gradient(to left, rgb(194, 29, 162, 200), rgba(96, 10, 135, 255));
}
.plan .radio-styled:not(ie8) input ~ span {
    padding-left: 18px;
    font-size: 12px;
    font-weight: bold;
}
.plans > div:hover .card-header,.plans .card.active .card-header{
    background-image: linear-gradient(195deg,#00ecff,#157d85);
    color: #fff !important;
    background-image: linear-gradient(to left, rgb(252, 155, 90, 225), rgba(252, 197, 70, 255));
}
.updgraded .card-header{
    background-image: linear-gradient(195deg,#00ecff,#157d85);
    color: #fff !important;
    background-image: linear-gradient(to left, rgb(252, 155, 90, 225), rgba(252, 197, 70, 255)) !important;
}
.plans > div:hover .card,.plans .card.active{
    cursor: pointer;
    box-shadow: 0px 4px 12px 1px #000;
    color: #fff !important;
    transform: scale(1.07);
    border:1px solid #f2f2f2;
}
/*.plans > div:not(div:first-child):hover .card-title,.plans > div:not(div:first-child):hover .card-body {
    color: #fff;
}*/
.plans .badge {
    margin:2px;
}
input.form-control.datetime {
    text-align: left;
}
.icon-not-required .card-head:before {
    display: none;
}
span.badge.bg-custome {
    background-image: linear-gradient(to left, rgb(252, 155, 90, 225), rgba(252, 197, 70, 255));
}
.card-head.nav-tabs > li > a, .card-head > .nav-tabs > li > a {
    line-height: 40px;
}
.nav.nav-tabs.c-tab {
    background: #fff;
    border-radius: 9px;
}
#second11,#third11 {
    display: none;
}
.fixed-div .permission_table thead {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 9999999999999;
    opacity: 1;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 5px;
    margin-bottom: 12px;
}
#plan-content img{
    width: 100% !important;
}
.benficiarry.table-condensed>tbody>tr>td:first-child, .default-header .table-condensed>tbody>tr>td:first-child {
    width: 18% !important;
}
.benficiarry.table-condensed, .default-header .table-condensed {
    table-layout: fixed;
}
.benficiarry.table-condensed:not(.datepicker .table-condensed) > tbody > tr > td, .default-header .table-condensed:not(.datepicker .table-condensed) > tbody > tr > td {
    border: none;
    width: 16%;
}
.icon-not-required .listcard:first-child {
    box-shadow: unset !important;
}
.form-group.control-width-normal {
    max-width: 100%;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.second11 {
    display: none;
}
.c-button {
    margin-bottom: 10px;
}
.default-header,.dependents-table > thead {
    background-image: linear-gradient(195deg,#00ecff,#157d85) !important;
    color: #fff;
}
.default-header .table-condensed:not(.datepicker .table-condensed) > tbody > tr > td {
    background: transparent;
    color: #fff !important;
    line-height: 10px;
}
.benficiarry>tbody>tr>td:nth-child(5) {
    text-align: center;
}
.dependents-table > thead > tr > td {
    background: transparent;
    color: #fff !important;
}
.dependents-table > tbody > tr > td {
    font-size: 13px;
    line-height: 8px;
    padding: 5px 12px;
}
.card-header.secondary-bg.current .radio span:before, .card-header.secondary-bg.current .radio span:after {
    display: none;
}
.plans .card.wow.m-3 {
    box-shadow: 1px 2px 7px 2px #000;
}
.updgraded .radio span:before {
    opacity: 0;
}
.savedTable.dependents-table tr>td:last-child {
    display: none;
}
#changePlan .modal-dialog {
    width: 750px !important;
    margin: 40px auto !important;
}
.login-drop {
    position: absolute;
    top: 16px;
    right: 0rem;
    width: 35%;
}
ul.dropdown-menu.login-menu {
    left: unset !important;
    right: 0 !important;
}
/*.dropdown-menu{
    position: absolute;
    top: 100%;
    right: 10px;
    left:unset;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}*/
.login-drop button {
    float: right;
}
.profile-info {
    width: 40px !important;
    line-height: inherit !important;
}
div#benficiary-details {
    zoom:75%;
}
a.btn.ink-reaction.btn-primary.pull-right.btn-right {
    margin: 10px 25px;
}
input.form-control.input-search {
    height: 30px;
    position: absolute;
    top: 17px;
    width: 50%;
    left: 33%;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 0px 2px 0px #000;
    outline: none;
    border-radius: 20px;
    padding: 0 14px;
    font-size: 13px;
    font-family: 'FontAwesome';
}
.errorClass {
    border-bottom: 1px solid red;
}
.dataTables_wrapper.no-footer {
    margin-top: -36px;
    background: #fff;
}
.table-hover > tbody > tr:hover {
    background-color: unset;
}
table.dataTable tbody th, table.dataTable tbody td,table.dataTable > thead > tr > th {
    white-space: nowrap;
}
.fixed-btns {
    position: fixed;
    right: -16px;
    top: 14px;
    border:transparent;
    background-image: linear-gradient(195deg,#00ecff,#157d85);
    z-index:999999;
}
ul.list-styles li {
    white-space: pre-line;
    font-weight: bold;
}
.col-md-2.col-sm-12.current {
    pointer-events: none !important;
}
@media (max-width: 768px){ 
    .desktop-view {
        display: block;
    }
    .fixed-btns {
        top: 85px;
    }
}
@media only screen and (max-width: 769px) {
    .dependents-body {
        overflow-x: scroll;
        margin-bottom: 2rem;
        padding-bottom: 0px;
    }
    .dependents-table > tbody > tr > td,.dependents-table11 > tbody > tr > td {
        white-space: nowrap !important;
    }
    div#dependent-div {
        position: relative;
    }
    #benficiary-details .benficiarry.table-condensed, .default-header .table-condensed {
        table-layout: auto;
    }
    div#benficiary-details {
        zoom: 80%;
        overflow-x: auto;
    }
    #benficiary-details .card:not(.default-header.card) {
        background: transparent !important;
        box-shadow: unset !important;
    }
    #benficiary-details .card-head header {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33) !important;
        width: 100rem !important;
        background: #fff;
        position: relative;
        border-radius: 12px;
    }
    .benficiarry.table-condensed:not(.datepicker .table-condensed) > tbody > tr > td {
        background-color :transparent !important;
    }
     #benficiary-details .card-head .tools {
        padding-right: 16px;
        float: right;
        display: none;
    }
    .default-header header {
        background-image: linear-gradient(195deg,#00ecff,#157d85) !important;
        color: #fff;
    }
    #benficiary-details .default-header,#benficiary-details .dependents-table > thead {
        background-image: unset !important;
        color: #fff;
    }
    .default-header .table-condensed:not(.datepicker .table-condensed) > tbody > tr > td {
        white-space: nowrap !important;

    }
    .default-header {
        box-shadow: unset;
    }
}
#whatsapp-chat-widget .wa-widget-send-button {
    margin: 0px !important;
    right: 6px !important;
    margin-bottom: 0px !important;
}