:root {
	--complyra-navy: #062B63;
	--complyra-navy-dark: #041F47;
	--complyra-teal: #00A88F;
	--complyra-teal-dark: #008F79;
	--complyra-green: #00a88f;
	--complyra-green-dark: #41983A;
	--complyra-page: #F2F6FC;
	--complyra-surface: #FFFFFF;
	--complyra-border: #D8E3F0;
	--complyra-text: #142B4A;
	--complyra-muted: #637894;
	--complyra-danger: #E5484D;
	--complyra-shadow: 0 8px 24px rgba(6, 43, 99, 0.08);
}

.sidebar .tabs-menu ul li .active{
	background:#00A88F;
    color:  #fff;
}
a {
	color: #00A88F;
}
a:hover {
	color: #00A88F;
}
.bg-primary {
	background:#00A88F !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
	background-color: #008F79 !important;
}
.bg-secondary {
	background: #062B63 !important;
}
a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
	background-color: #041F47 !important;
}
/*--- gradient-backgrounds --*/
.bg-primary-gradient {
	background:linear-gradient(to right,#00A88F,#54B948)!important;
}
a.bg-primary-gradient:hover, a.bg-primary-gradient:focus, button.bg-primary-gradient:hover, button.bg-primary-gradient:focus {
	background:linear-gradient(to right,#00A88F,#54B948) !important;
}
.bg-secondary-gradient {
	background: linear-gradient(to bottom right, #062B63 0% , #54B948 100%) !important;
}
a.bg-secondary-gradient:hover, a.bg-secondary-gradient:focus, button.bg-secondary-gradient:hover, button.bg-secondary-gradient:focus {
	background:linear-gradient(to bottom right, #062B63 0% , #54B948 100%) !important;
}
.border-primary {
	border-color:#00A88F !important;
}
.border-secondary {
	border-color: #062B63 !important;
}
.text-primary {
	color: #00A88F !important;
}
a.text-primary:hover, a.text-primary:focus {
	color: #00A88F  !important;
}
.text-secondary {
	color: #062B63 !important;
}
a.text-secondary:hover, a.text-secondary:focus {
	color: #062B63 !important;
}
.table-primary, .table-primary>th, .table-primary>td {
	background-color: #E5F7F3;
}
.table-hover .table-primary:hover {
	background-color: #E5F7F3;
}
.table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th {
	background-color: #E5F7F3;
}
.table-secondary, .table-secondary>th, .table-secondary>td {
	background-color:#E8F4FB;
}
.table-hover .table-secondary:hover {
	background-color: #E8F4FB;
}
.table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th {
	background-color: #E8F4FB;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color:#00A88F !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #00A88F !important;
    border: 1px solid #00A88F !important;
}
.form-control:focus {
	border-color:#00A88F;
}
.btn-primary {
	color: #fff;
	background: #00A88F !important;
	border-color: #00A88F  !important;
}
.btn-primary:hover {
	color: #fff;
	background-color: #008F79;
	border-color:#008F79;
}
.btn-primary:focus, .btn-primary.focus {
	box-shadow: 0 0 0 2px rgba(0, 168, 143, 0.28);
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #00A88F;
	border-color: #00A88F;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #00A88F;
	border-color: #00A88F;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(0, 168, 143, 0.28);
}
.btn-secondary {
	color: #fff;
	background: #062B63 !important;
	border-color: #062B63;
}
.btn-secondary:hover {
	color: #fff;
	background-color: #041F47;
	border-color:#041F47;
}
.btn-secondary:focus, .btn-secondary.focus {
	box-shadow: 0 0 0 2px rgba(6, 43, 99, 0.28);
}
.btn-secondary.disabled, .btn-secondary:disabled {
	color: #fff;
	background-color: #062B63;
	border-color: #062B63;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #062B63;
	border-color: #062B63;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(6, 43, 99, 0.28);
}
.btn-primary-light {
	color: #00A88F;
    background: #D7F3EE !important;
    border-color: #D7F3EE !important;
}
.btn-primary-light:hover {
	color: #fff;
	background-color: #00A88F !important;
	border-color: #00A88F !important;
}
.btn-primary-light:focus, .btn-primary-light.focus {
	box-shadow: 0 0 0 2px rgba(0, 168, 143, 0.28);
}
.btn-secondary-light {
	color: #062B63;
	background:#E8F4FB !important;
	border-color:#E8F4FB;
}
.btn-secondary-light:hover {
	color: #fff;
	background-color: #062B63 !important;
	border-color: #062B63;
}
.btn-secondary-light:focus, .btn-secondary-light.focus {
	box-shadow: 0 0 0 2px rgba(240, 239, 241, 0.9);
}
.btn.dropdown-toggle.btn-primary~.dropdown-menu .dropdown-plus-title{
	border-color: rgb(0, 168, 143)  !important
}

/*--gradient-buttons--*/
.btn-primary-gradient {
	color: #fff;
	background: linear-gradient(to right, #00A88F 0%, #54B948 100%) !important;
	border-color: #00A88F !important;
}
.btn-primary-gradient:hover {
	color: #fff;
	background-color: #00A88F;
	border-color: #00A88F;
}
.btn-primary-gradient:focus, .btn-primary-gradient.focus {
	box-shadow: 0 0 0 2px rgba(0, 168, 143, 0.28);
}
.btn-primary-gradient.disabled, .btn-primary-gradient:disabled {
	color: #fff;
	background-color: #00A88F;
	border-color: #00A88F;
}
.btn-primary-gradient:not(:disabled):not(.disabled):active, .btn-primary-gradient:not(:disabled):not(.disabled).active, .show>.btn-primary-gradient.dropdown-toggle {
	color: #fff;
	background-color: #00A88F;
	border-color: #00A88F;
}
.btn-primary-gradient:not(:disabled):not(.disabled):active:focus, .btn-primary-gradient:not(:disabled):not(.disabled).active:focus, .show>.btn-primary-gradient.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(0, 168, 143, 0.28);
}
.btn-secondary-gradient {
	color: #fff;
	background:linear-gradient(to right, #062B63 0% , #54B948 100%) !important;
	border-color: #062B63;
}
.btn-secondary-gradient:hover {
	color: #fff;
	background-color: #062B63;
	border-color: #062B63;
}
.btn-secondary-gradient:focus, .btn-secondary-gradient.focus {
	box-shadow: 0 0 0 2px rgba(6, 43, 99, 0.28);
}
.btn-secondary-gradient.disabled, .btn-secondary-gradient:disabled {
	color: #fff;
	background-color: #062B63;
}
.btn-secondary-gradient:not(:disabled):not(.disabled):active, .btn-secondary-gradient:not(:disabled):not(.disabled).active, .show>.btn-secondary-gradient.dropdown-toggle {
	color: #fff;
	background-color: #062B63;
	border-color:#062B63;
}
.btn-secondary-gradient:not(:disabled):not(.disabled):active:focus, .btn-secondary-gradient:not(:disabled):not(.disabled).active:focus, .show>.btn-secondary-gradient.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(6, 43, 99, 0.28);
}
.btn-outline-primary {
	color: #00A88F;
	background: transparent;
	background-image: none;
	border-color: #00A88F;
}
.btn-outline-primary:hover {
	color: #fff;
	background: #00A88F;
	border-color: #00A88F;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
	box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.1);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
	color: #00A88F;
	background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle {
	color: #fff;
	background-color: #00A88F;
	border-color: #00A88F;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.1);
}
.btn-outline-secondary {
	color: #062B63;
	background-color: transparent;
	background-image: none;
	border-color: #062B63;
}
.btn-outline-secondary:hover {
	color: #fff;
	background-color: #062B63;
	border-color: #062B63;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
	box-shadow: 0 0 0 2px rgba(6, 43, 99, 0.28);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
	color: #062B63;
	background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show>.btn-outline-secondary.dropdown-toggle {
	color: #fff;
	background-color: #062B63;
	border-color: #062B63;
}
.btn-link {
	color: #00A88F;
}
.btn-link:hover {
	color: #008F79;
}
/*------Drop Downs-------*/
.notifyimg {
	background-image:linear-gradient(to right, #00A88F 0%, #54B948 100%);
}
.drop-icon-wrap .drop-icon-item:hover{
	color: #00A88F;
}	
.dropdown-item:hover, .dropdown-item:focus {
	color: #00A88F;
}
.dropdown-item.active, .dropdown-item:active {
	color: #00A88F;
}
/*----- Custom control -----*/
.timeline__item:after {
    border: 6px solid #00A88F;
}
.custom-control-input:checked~.custom-control-label::before {
	background-color: #00A88F;
}
.custom-control-label::before {
	background-color: #eae8ef;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
	background-color: #00A88F;
	border-color: #00A88F;
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
	background-color: #00A88F;
}
.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #00A88F;
	border-color: #00A88F;
}
.custom-select:focus {
	border-color: #00A88F;
}
.custom-file-label::after {
	background-color: #00A88F;
}
.custom-range::-webkit-slider-thumb {
	background-color: #00A88F;
}
.custom-range::-moz-range-thumb {
	background-color: #00A88F;
}
.custom-range::-ms-thumb {
	background-color: #00A88F;
}

/*------ Navigation -------*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: #00A88F;
}

/*------ Accordion -------*/
.page-link:hover {
	color: #00A88F;
}
.page-item.active .page-link {
	color: #fff;
	background-color: #00A88F;
}

/*------ Email services -------*/
.range.range-primary input[type="range"]::-webkit-slider-thumb {
	background-color: #00A88F;
}
.range.range-primary input[type="range"]::-moz-slider-thumb {
	background-color: #00A88F;
}
.range.range-primary output {
	background-color: #00A88F;
}
.range.range-primary input[type="range"] {
	outline-color: #00A88F;
}

/*------ Pricing Styles ---------*/
.panel.price>.panel-heading {
	background:#00A88F;
}
.nav-tabs .nav-item1 .nav-link:hover:not(.disabled) {
	background: #00A88F;
}
.nav-tabs .nav-item1 .nav-link.active {
	background: #00A88F;
}

/*alerts*/
.pop-primary {
	color: #00A88F;
}
.popsecondary {
	color: #062B63;
}

/*----- Typography ------*/

.heading-primary {
	background-color: #00A88F;
}
.heading-secondary {
	background-color:#062B63;
}
/*------ Breadcrumb ------*/
.breadcrumb-item.active {
	color: #00A88F;
}
.breadcrumb-item1 a {
	color: #00A88F;
}
.breadcrumb-item1 a:hover {
	color: #008F79;
}

/*-------Accordion-----------*/
.panel-default>.panel-heading {
	color: #00A88F;
}

/* ----- v CAN BE DELETED v ----- */
.panel-title1 a {
	color:#fff;
	background:linear-gradient(to right, #00A88F 0%, #54B948 100%);
}

/*-----Badges-----*/
.badge-primary {
	color: #fff;
	background: #00A88F;
}
.badge-primary[href]:hover, .badge-primary[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #00A88F;
}
.badge-secondary {
	color: #fff;
	background: #062B63  !important;
}
.badge-secondary[href]:hover, .badge-secondary[href]:focus {
	color: #fff;
	text-decoration: none;
	background: #062B63 ;
}

/*-----Badges-----*/
.badge-primary-gradient {
	color: #fff;
	background-image:linear-gradient(to right, #00A88F 0%, #54B948 100%);
}
.badge-primary-gradient[href]:hover, .badge-primary-gradient[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #00A88F;
}
.badge-secondary-gradient {
	color: #fff;
	background: linear-gradient(to bottom right, #062B63 0% , #54B948 100%) !important;
}
.badge-secondary-gradient[href]:hover, .badge-secondary-gradient[href]:focus {
	color: #fff;
	text-decoration: none;
	background:#062B63;
}
.badge-secondary-gradient[href]:hover, .badge-secondary-gradient[href]:focus {
	color: #fff;
	text-decoration: none;
	background:linear-gradient(to bottom right, #062B63 0% , #54B948 100%) !important;
}
.progress-bar{
	background-color: #00A88F;
}
/*-----Alerts-----*/
.alert-primary {
	color: #E5F7F3;
    background-color: #00A88F;
    border-color: #00A88F;
}
.alert-primary hr {
	border-top-color: #00A88F;
}
.alert-primary .alert-link {
	color: #172b46;
}
.alert-secondary {
	color: #fbe9ee;
    background-color: #062B63;
    border-color: #062B63;
}
.alert-secondary hr {
	border-top-color: #062B63;
}
.alert-secondary .alert-link {
	color: #2e3133;
}


/*-----Lists-----*/
.list-group-item-action:hover, .list-group-item-action:focus {
	color: #00A88F;
}

/*------ Background colors -------*/
.text-blue {
	color: #00A88F!important;
}
.nav-tabs .nav-link:hover:not(.disabled) {
	color: #fff;
	background: #00A88F;
}
.nav-tabs .nav-link.active {
	color: #fff;
	background: #00A88F;
}
@media (max-width: 992px) {
	.nav-item.with-sub .sub-item{
		border-top:2px solid #00A88F;
	}
}	

/*--------panel----------*/
.expanel-primary>.expanel-heading {
	color: #fff !important;
	background-color: #00A88F!important;
	border-color: #00A88F!important;
}
.expanel-secondary>.expanel-heading {
	color: #fff !important;
	background-color: #062B63 !important;
	border-color: #062B63 !important;
}

/*----- Avatars -----*/
.avatar {
	background: #00A88F no-repeat center/cover;
}


/*-------- Loaders ---------*/
.spinner {
	background-color: #00A88F;
}
.spinner-lg {
	background-color: #00A88F;
}
.double-bounce1, .double-bounce2 {
	background-color: #00A88F;
}
.cube1, .cube2 {
	background-color: #00A88F;
}
.lds-heart div {
	background: #00A88F;
}
.lds-heart div:after,
.lds-heart div:before {
	background: #00A88F;
}
.lds-ring div {
	border: 6px solid #00A88F;
	border-color: #00A88F transparent transparent transparent;
}
.lds-hourglass:after {
	border: 26px solid #00A88F;
	border-color: #00A88F transparent ;
}
.form-signin .form-control:focus{
	border-bottom:1px solid #00A88F;
}


/*-----Icon input-----*/
a.chip:hover {
	background-color: #00A88F;
}

/*---- Tags-----*/
.tag-primary {
	background-color: #00A88F;
	color: #fff;
}
.tag-secondary {
	background-color:#062B63;
	color: #fff;
}
.selectgroup-input:checked+.selectgroup-button {
	border-color: #00A88F;
	color: #00A88F;
}
.selectgroup-input:focus+.selectgroup-button {
	border-color: #00A88F;
	color: #00A88F;
}
.custom-switch-input:checked~.custom-switch-indicator {
	background:#00A88F;
}

/***** time-line*****/
.timeline--horizontal .timeline-divider {
	background: #00A88F!important;
}

/*-----Back to Top-----*/
#back-to-top {
	background:#00A88F;
}

#back-to-top:hover {
	color: #00A88F!important;
	border: 2px solid #00A88F;
}

.tabs-menu ul li .active{
	background:#00A88F;
}
.tabs-menu1 ul li .active{
	border-bottom:5px solid #00A88F;
}
.tab-content i{
	color:#00A88F;
}
.tabs-menu2 ul li .active{
	color: #00A88F;
}

/*-- rating--*/

.message-feed:not(.right) .mf-content {
    background: #00A88F;
}
.message-feed:not(.right) .mf-content:before{
    border-right-color: #00A88F;
}
.msb-reply button {
    background: #00A88F;
}

/* --------Added--------- css*/
.wizard-card .moving-tab {
	margin-top:5px;
	background:linear-gradient(to right, #00A88F 0%, #54B948 100%);
}
.cal1 .clndr .clndr-table .header-days {
	background: #00A88F;
}
.cal1 .clndr .clndr-table tr .day.today.event,
.cal1 .clndr .clndr-table tr .day.my-today.event {
	background: #00A88F;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button {
    background: #00A88F;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button {
    background: #00A88F;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-next-button:hover {
    background: #00A88F;
}
.cal1 .clndr .clndr-controls .clndr-control-button .clndr-previous-button:hover {
    background: #00A88F;
}
.cal1 .clndr .clndr-table tr .day.event:hover, .cal1 .clndr .clndr-table tr .day.my-event:hover{
	background: #00A88F !important;
}
.fc-event {
	border: 1px solid #00A88F;
}
.fc-event,
.fc-event-dot {
	background-color: #00A88F;
}

/* ----Added css----*/
div.conv-form-wrapper div.options div.option {
	color: #00A88F;
	border: 1px solid #00A88F;
}
form.convFormDynamic button.submit {
	color:#00A88F;
    border:1px solid #00A88F!important;  
}
div.conv-form-wrapper div.options div.option.selected {
    background: #00A88F;
}
div.conv-form-wrapper div.options div.option.selected:hover {
    background: #00A88F;
}
form.convFormDynamic button.submit:hover {
    background:#00A88F!important;
}
div.conv-form-wrapper div#messages div.message.from {
    background:#00A88F;
}
.addui-slider .addui-slider-track .addui-slider-handle:after {
	background: #00A88F;
}
.addui-slider .addui-slider-track .addui-slider-range {
	background: #00A88F;
}
/* line 77, C:/wamp/www/github/addSlider/src/partials/_addSlider.scss */
.timeline__item:after {
	 border: 6px solid #00A88F;
}
.accordionjs .acc_section.acc_active > .acc_head {
    background: #00A88F;
}
.tab_wrapper > ul li.active {
    border-color: #00A88F;
    background: #00A88F;
}
.tab_wrapper.right_side > ul li.active:after {
	background:linear-gradient(to right, #00A88F 0%, #54B948  100%);
}
.cal1 .clndr .clndr-table tr .day.today,
.cal1 .clndr .clndr-table tr .day.my-today {
	background: #00A88F;
}
.cal1 .clndr .clndr-table tr .day.today:hover,
.cal1 .clndr .clndr-table tr .day.my-today:hover {
	background:#008F79;
}

.weather-card .top {
	background:linear-gradient(to right,#00A88F,#54B948);
}
.primary .pricing-divider{
	background:linear-gradient(to right,#00A88F,#54B948) !important;
}
.secondary .pricing-divider{
	background:linear-gradient(to bottom right, #062B63 0% , #54B948 100%) !important;
	padding: 1em 0 4em;
	position: relative;
}
.product-grid6 .title a:hover{
	color:#00A88F;
}
.product-grid6 .icons li a{
	color:#00A88F;
	border:1px solid #00A88F;
}
.product-grid6 .icons li a:hover{
	background-image:linear-gradient(to right,#00A88F,#54B948);
	color:#fff;
}
.product-grid6 .icons li a:after,.product-grid6 .icons li a:before{
	background-image:linear-gradient(to right,#00A88F,#54B948);
}
 .card-counter.primary{
    background-image:linear-gradient(to right,#00A88F,#54B948);
    color: #FFF;
}
.card-counter.secondary{
    background:linear-gradient(to bottom right, #062B63 0% , #54B948 100%) !important;
    color: #FFF;
  }  

 
/*-----user-profile----*/
#user-profile .profile-details a > i {
	color: #00A88F;
}
#user-profile .profile-details i{
	color: #00A88F;
}

/* CONVERSATION */
@media (max-width: 767.98px) and (min-width: 576px){
	.search-show .search-element {
		background-image:linear-gradient(to right,#00A88F,#54B948);
	}
}
@media (max-width: 575.98px){
	.search-show .search-element {
		background-image:linear-gradient(to right,#00A88F,#54B948);
	}
}

.text-primary-gradient {
	background: #00A88F;
}
.text-primary-gradient {
	background: #00A88F;
}
.text-secondary-gradient{
	text-transform: uppercase;
	background: linear-gradient(to bottom right, #062B63 0% , #54B948 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.fc button {
	background: #00A88F !important;
}
/*---about us---*/
.statistics-info .counter-icon i {
    color: #00A88F;
}
.statistics-info .counter-icon {
    border: 1px solid #00A88F;
}

/*--home2 category effect--*/
.item-card-img{
	overflow:hidden;
}
.chat .msg_head{
	background:#00A88F;
}
.msb-reply button {
    background:#00A88F;
}

.top-footer p:hover{
	color:#00A88F;
}
.top-footer a address:hover{
	color:#00A88F;
}
.top-footer a:hover{
	color:#00A88F;
}
.footer-payments a:hover{
	color:#00A88F;
}
.footer-social-list a:hover{
	color:#00A88F;
}
.sw-theme-dots .nav-tabs .nav-link:hover:not(.disabled) {
	color: #00A88F;
}

/*--header-3--*/
.custom-switch-input:checked~.custom-switch-indicator {
	background: #00A88F;
}
.custom-switch-input:focus~.custom-switch-indicator {
	border-color:#00A88F;
}
.label-primary{
	background:#00A88F;
}
.header.top-header{
	background:linear-gradient(to right,#00A88F,#54B948);
}
/*--bg-transparents--*/
.bg-secondary-transparent {
    background-color: rgba(6, 43, 99, 0.08) ;
}
.bg-primary-transparent {
    background-color: rgba(0, 168, 143, 0.10) ;
}
.richText .richText-form button{
	background-color: #00A88F;
}
.countdown li{
	background: #00A88F;
}
/*--left-menu--*/
.first-sidemenu{
	background:#062B63;
}
.side-account li a:hover{ 
	color:#00A88F;
}
.sidetab-menu .panel-tabs li a.active:before{
	background:#00A88F;
}
.sidetab-menu .panel-tabs li a:hover:before{
	background:#00A88F;
}
.sidetab-menu .panel-tabs li a.active{
	color:#00A88F;
	background:none;
}
.sidetab-menu .panel-tabs li a.hover{
	color:#00A88F;
	background:none;
}
/*--Resposive tabs left-menu--*/
.resp-vtabs li.resp-tab-active {
	background-color:rgba(255,255,255,0.05) !important;
}
.resp-vtabs .first-sidemenu  li.active{
	background: rgba(255,255,255,0.05)!important;
}
.resp-vtabs .first-sidemenu  li:hover{
	background:rgba(255,255,255,0.05) !important;
	color:#00A88F;
}
.resp-vtabs .first-sidemenu  li.active .side-menu__icon,  .resp-vtabs .first-sidemenu  li:hover .side-menu__icon{
	color:#54B948 !important;
}
.app-header{
	background:linear-gradient(to right,#00A88F,#54B948);
}
/*--Horizontal menu--*/
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a.active {
    color: #00A88F !important;
}
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover {
    color: #00A88F;
}
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active {
    color: #00A88F;
}
.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a.active{
	color: #00A88F;
}
.hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active{
	color: #00A88F;
    background: transparent;
}
.hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover{
	color: #00A88F;
    background: transparent;
}
.hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active:hover{
	color: #00A88F;
}
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>a:hover {
	color: #00A88F;
}
.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{
	color:#00A88F;
}
.horizontalMenu>.horizontalMenu-list>li>.horizontal-megamenu .link-list li a:hover{
	color:#00A88F;
}
.horizontal-main2.horizontal-main {
    background: #00A88F;
}
.horizontal-main1.horizontal-main {
    background: #00A88F;
}
@media only screen and (max-width: 991px) {
	.horizontalMenu>.horizontalMenu-list>li>ul.sub-menu li:hover>a {
		color: #00A88F!important;
	}
	.horizontalMenu>.horizontalMenu-list>li:hover>a {
		background:#00A88F;
	}
	.hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active{
		background: #00A88F !important;
	}
	.hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover{
		background: #00A88F !important;
	}
	.horizontalMenu>.horizontalMenu-list>li:hover>a {
		background:#00A88F;
	}
}
.card-header:before, .resp-tabs-list li.active:before{
	background: #00A88F !important;
}
/*header logo*/
@media (max-width: 575.98px){
	.color-headerlogo .header-mobile{

		background-repeat: no-repeat;
	}
}
@media (max-width: 767.98px) and (min-width: 576px){
	.header-desktop{
		
		background-repeat: no-repeat;
	}
}
@media (max-width: 992px) and (min-width: 767px){
	.header-desktop{
	
		background-repeat: no-repeat;
	}
}
@media (min-width: 992px){
	.header-desktop{
	
		background-repeat: no-repeat;
	}
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #00A88F;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #00A88F;
}
.onoffswitch2-checkbox:checked + .onoffswitch2-label {
    background-color:#00A88F;
}
.onoffswitch2-checkbox:checked + .onoffswitch-label2, .onoffswitch2-checkbox:checked + .onoffswitch2-label:before {
   border-color:#00A88F;
}

/*dark-mode */
.dark-mode .side-account li a:hover{ 
	color:#00A88F !important;
}
.dark-mode .sidetab-menu .panel-tabs li a.active:before{
	background:#00A88F !important;
}
.dark-mode .sidetab-menu .panel-tabs li a:hover:before{
	background:#00A88F !important;
}
.dark-mode .sidetab-menu .panel-tabs li a.active{
	color:#00A88F !important;
	background:none;
}
.dark-mode .sidetab-menu .panel-tabs li a.hover{
	color:#00A88F !important;
	background:none;
}
.dark-mode .breadcrumb-item.active{
	color:#00A88F;
}
.dark-mode.color-leftmenu.app.sidebar-mini .first-sidemenu{
	background: linear-gradient(to right,#00A88F,#54B948);
}
/*.default-header .sidemenu-sidebar {
    background: linear-gradient(to right,#00A88F,#54B948);
}*/
.color-hor .horizontal-main.hor-menu {
	background:linear-gradient(to right,#00A88F,#54B948);	
}
@media only screen and (max-width: 991px){
	.color-hor .horizontalMenu>.horizontalMenu-list {
		background:linear-gradient(to right,#00A88F,#54B948);	
	}
	.color-hor .header.top-header{
		background:linear-gradient(to right,#00A88F,#54B948);	
	}
}
.dark-hor .hor-menu .horizontalMenu>.horizontalMenu-list>li>a.active {
	color:#54B948;
}
.dark-hor .hor-menu .horizontalMenu>.horizontalMenu-list>li>a:hover{
	color:#54B948;
}
.color-leftmenu .first-sidemenu{
	background:linear-gradient(135deg, #00A88F 10%, #54B948 100%);
}
.color-leftmenu .sidemenu-sidebar{
	background:linear-gradient(135deg, #00A88F 10%, #54B948 100%);
}
.color-hor.dark-mode .horizontal-main.hor-menu {
	background:linear-gradient(to right,#00A88F,#54B948);	
}

/* ==========================================================
   ComplyRA professional UI refresh
   Login, navigation, listing tables and form pages
   ========================================================== */
html,
body {
	color: var(--complyra-text);
	background-color: var(--complyra-page);
}

a {
	color: var(--complyra-teal);
	transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

a:hover,
a:focus {
	color: var(--complyra-teal-dark);
}

.app-header,
.header.top-header,
.bg-primary-gradient {
	background: linear-gradient(120deg, var(--complyra-navy) 0%, var(--complyra-teal) 68%, var(--complyra-green) 100%) !important;
}

.first-sidemenu,
.color-leftmenu .first-sidemenu,
.color-leftmenu .sidemenu-sidebar {
	background: var(--complyra-surface) !important;
	border-right: 1px solid var(--complyra-border);
	box-shadow: 4px 0 18px rgba(6, 43, 99, 0.05);
}

.side-menu__item,
.side-account li a,
.sidetab-menu .panel-tabs li a {
	color: var(--complyra-text);
}

.side-menu__item:hover,
.side-menu__item.active,
.sidetab-menu .panel-tabs li a:hover,
.sidetab-menu .panel-tabs li a.active {
	color: var(--complyra-teal) !important;
	background: #E8F8F5 !important;
}

.side-menu__item.active,
.sidetab-menu .panel-tabs li a.active {
	border-left: 3px solid var(--complyra-teal);
}

.card,
.expanel,
.panel,
.login-card,
.login-page .card {
	background: var(--complyra-surface);
	border: 1px solid var(--complyra-border);
	border-radius: 10px;
	box-shadow: var(--complyra-shadow);
}

.card-header,
.expanel-heading,
.panel-heading {
	color: var(--complyra-navy);
	background: var(--complyra-surface);
	border-bottom: 1px solid var(--complyra-border);
}

.card-header:before,
.resp-tabs-list li.active:before {
	background: var(--complyra-teal) !important;
}

.form-control,
.custom-select,
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
	color: var(--complyra-text);
	background-color: var(--complyra-surface);
	border: 1px solid #B9C9DC;
	border-radius: 7px;
	min-height: 40px;
	transition: border-color .2s ease, box-shadow .2s ease;
}

.form-control:focus,
.custom-select:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: var(--complyra-teal) !important;
	box-shadow: 0 0 0 3px rgba(0, 168, 143, 0.14);
}

.form-control::placeholder {
	color: #8798AD;
}

.btn {
	border-radius: 7px;
	font-weight: 600;
	transition: transform .15s ease, box-shadow .2s ease, background-color .2s ease;
}

.btn:hover {
	transform: translateY(-1px);
}

.btn-primary,
.btn-primary-gradient {
	color: #fff;
	background: var(--complyra-teal) !important;
	border-color: var(--complyra-teal) !important;
	box-shadow: 0 4px 10px rgba(0, 168, 143, 0.18);
}

.btn-primary:hover,
.btn-primary-gradient:hover,
.btn-primary:focus,
.btn-primary-gradient:focus {
	background: var(--complyra-teal-dark) !important;
	border-color: var(--complyra-teal-dark) !important;
}

.btn-secondary {
	color: #fff;
	background: var(--complyra-navy) !important;
	border-color: var(--complyra-navy) !important;
}

.btn-secondary:hover,
.btn-secondary:focus {
	background: var(--complyra-navy-dark) !important;
	border-color: var(--complyra-navy-dark) !important;
}

.btn-success {
	background: var(--complyra-green) !important;
	border-color: var(--complyra-green) !important;
}

.btn-success:hover,
.btn-success:focus {
	background: var(--complyra-green-dark) !important;
	border-color: var(--complyra-green-dark) !important;
}

.btn-danger {
	background: var(--complyra-danger) !important;
	border-color: var(--complyra-danger) !important;
}

.btn-outline-primary {
	color: var(--complyra-teal);
	border-color: var(--complyra-teal);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
	color: #fff;
	background: var(--complyra-teal);
	border-color: var(--complyra-teal);
}

.table {
	color: var(--complyra-text);
	background: var(--complyra-surface);
}

.table thead th {
	color: var(--complyra-navy);
	background: #00a88f !important;
	border-top: 0;
	border-bottom: 1px solid #00a88f !important;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.table td,
.table th {
	padding: .8rem .75rem;
	vertical-align: middle;
}

.table td {
	border-color: #E3EBF4;
}

.table-hover tbody tr:hover {
	background-color: #F4FBFA;
}

.table-primary,
.table-primary > th,
.table-primary > td {
	background-color: #E5F7F3;
}

.badge-primary {
	background: var(--complyra-teal);
}

.badge-success {
	background: var(--complyra-green);
}

.badge-secondary {
	background: var(--complyra-navy) !important;
}

.page-item.active .page-link {
	background: var(--complyra-teal);
	border-color: var(--complyra-teal);
}

.page-link {
	color: var(--complyra-navy);
}

.page-link:hover {
	color: var(--complyra-teal-dark);
	background: #E8F8F5;
}

.breadcrumb-item.active,
.breadcrumb-item1 a {
	color: var(--complyra-teal);
}

.richText,
.note-editor,
.tox-tinymce {
	border: 1px solid var(--complyra-border) !important;
	border-radius: 8px !important;
	overflow: hidden;
}

.richText .richText-toolbar,
.note-toolbar,
.tox .tox-editor-header {
	background: #F8FAFD !important;
	border-bottom-color: var(--complyra-border) !important;
}

.alert-primary {
	color: var(--complyra-navy);
	background: #EAF6FC;
	border-color: #B8DDEF;
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
	background-color: var(--complyra-teal);
	border-color: var(--complyra-teal);
}

/* Login page: retains existing markup while applying the new brand system. */
.login-page,
.login-bg,
body.login-page {
	background: linear-gradient(120deg, var(--complyra-navy) 0%, var(--complyra-teal) 64%, var(--complyra-green) 100%) !important;
	background-attachment: fixed !important;
}

.login-page .card,
.login-page .login-card {
	border: 0;
	border-radius: 12px;
	box-shadow: 0 20px 50px rgba(4, 31, 71, 0.24);
}

/* Responsive refinement for forms and data-heavy listings. */
@media (max-width: 991.98px) {
	.table-responsive {
		border: 1px solid var(--complyra-border);
		border-radius: 8px;
	}

	.card-body {
		padding: 1rem;
	}
}

@media (max-width: 575.98px) {
	.btn {
		min-height: 40px;
	}

	.table td,
	.table th {
		padding: .65rem .55rem;
	}
}
