@import url('colorconfig.css');

/*************************
******* All Skins ******
**************************/

/* Skin default [START] */

/* Basic Elements */
.skin-default a:focus, .skin-default a:hover {
    color: #23527c;
}

.skin-default .control-label {
    color: #666;
}

.skin-default h2 {
    color: #333
}

.skin-default .form-control {color: #252525;background-color: transparent;font-size: 12px;padding: 0;width: 100%;font-weight: normal;height: 25px;font-family: 'PFEncoreSansPro-Regular',sans-serif;}

.skin-default .hd-report-field .form-control {
    color: #252525;
    background-color: #fff;
}

.skin-default .hd-report-field .form-control:focus {
    border-color: #eeeeee;
}

.skin-default .form-control:focus {
    border-color: #FFC73B;
}

.skin-default .daterangepicker select.monthselect:focus,
.skin-default .daterangepicker select.yearselect:focus,
.skin-default .daterangepicker .input-mini:focus {
    border-color: #fcc47b;
}

/* Header */
.skin-default .header-top .hamburger .hamb-top, .skin-default .header-top .hamburger .hamb-middle, .skin-default .header-top .hamburger .hamb-bottom {
    background-color: /*#FFD633*/ var(--main-light-color);
}

/* extra*/

/*<!--extra close-->*/

.skin-default .header-bottom { /*background-color: #6f7179 ;*/
}

/* Buttons */
.skin-default {
    background-color: #ecf0f5;
    color: black;
}

.skin-default .navbar-default {
    background-color: var(--header-bg-color);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    border: none;
    position: relative;
    top: 0;
    left: 0;
    /* z-index: 12; */
    width: 100%;
    /*border-bottom: 3px solid #ddd;*/

}

/*.active {
  background: #d4ae69;
  padding: 5px;
}*/

.bottombar_dark {
    background: /*#d4ae69*/ #231F20;
    padding: 1px;
    height: 23px;
    color: #fff;
    padding-left: /*99px*/ 119px;
    text-align: left;
}

/*.active p {
	color: #fff;
	margin-bottom: 0;
	font-family: 'PFHandbookPro-Light';
	font-size: 18px;
	line-height: 23px;
     text-align: center;
}*/

/*extra close*/

.skin-default .btn-default, .skin-default .btn-flat {
    background: var(--main-bg-color);
    /*background: -webkit-linear-gradient(#ff9d00, #ff8b00);
    background: -o-linear-gradient(#ff9d00, #ff8b00);
    background: -moz-linear-gradient(#ff9d00, #ff8b00);
    background: linear-gradient(#ff9d00, #ff8b00var(--main-light-color)
    border-color: var(--main-bg-color);
    color: /*#231F20*/ #fff;
}

.skin-default .btn-default:hover, .skin-default .btn-flat:hover,
.skin-default .btn-default:focus, .skin-default .btn-flat:focus,
.skin-default .btn-default:active, .skin-default .btn-flat:active,
.skin-default .btn-default.active, .skin-default .btn-flat.active {
    background: var(--main-hover-color) /*#FFD633*/ /*#ffa800*/;
    /*background: -webkit-linear-gradient(#ffa800, #ff9005);
    background: -o-linear-gradient(#ffa800, #ff9005);
    background: -moz-linear-gradient(#ffa800, #ff9005);
    background: linear-gradient(#ffa800, #ff9005var(--main-light-color)
    border-color: var(--main-light-color) /*#FFD633*/;
    color: /*#231F20*/ #fff;
}

.skin-default .btn-cancel {
    border: 1px solid #bfbfc5;
    background-color: #bfbfc5 !important;
    color: #231F20;

}

.skin-default .btn-warning {
    background: #ed6b75 !important;
    border: #ea5460;
}

.skin-default .btn-error {
    border: 1px solid #8b8c97;
    background-color: #ffffff;
    color: #262626;
}

.skin-default .open > .dropdown-toggle.btn-goal {
    background: #f15a23;
    color: #ffffff;
}

.skin-default .btn-gray {
    background-color: #FFD633;
    color: #ffffff;
    border-color: #FFD633;
}

.skin-default .btn-gray:hover, .skin-default .btn-gray:focus, .skin-default .btn-gray:active,
.skin-default .btn-gray.active {
    background: #FFD633;
    color: #ffffff;
    border-color: #FFD633;
}

.skin-default .btn-process {
    background-color: #FFD633;
    color: #ffffff;
    border-color: #FFD633;
}

.skin-default .btn-process:hover, .skin-default .btn-process:focus, .skin-default .btn-process:active,
.skin-default .btn-process.active {
    background: #FFD633;
    color: #ffffff;
    border-color: #FFD633;
}

.skin-default .btn-add-fund {
    background-color: #fff;
    border-color: #ccc;
    font-size: 12px;
    color: #333;
    border-radius: 0;
    margin-right: 5px;
}

/* datepicker */
.skin-default .date-range-input {
    background-color: transparent;
    color: #060606;
}

.skin-default .dash-sidebar .date-range-input {
    background-color: transparent;
    color: #fff;
}

.skin-default .daterangepicker .ranges ul li {
    color: #636363;
}

.skin-default .daterangepicker .ranges ul li:hover,
.skin-default .daterangepicker .ranges ul li.active,
.skin-default .daterangepicker td.active,
.skin-default .daterangepicker td.active:hover {
    background: #FFD633;
    border: 1px solid #FFD633;
    color: #000000;
}

.skin-default .applyBtn, .skin-default .cancelBtn {
    background-color: #fafafb;
    border: 1px solid #94959b;
    color: #404041 !important;;
}

.skin-default .applyBtn:hover, .skin-default .cancelBtn:hover,
.skin-default .applyBtn:focus, .skin-default .cancelBtn:focus {
    background-color: #fafafb;
    border: 1px solid #94959b;
    color: #404041 !important;
}

.skin-default .daterangepicker .calendar-date table tr th.prev i, .skin-default .daterangepicker .calendar-date table tr th.next i {
    color: #FFD633;
}

/* Pagination */
.skin-default .pagination > .active > a,
.skin-default .pagination > .active > a:focus,
.skin-default .pagination > .active > a:hover,
.skin-default .pagination > .active > span,
.skin-default .pagination > .active > span:focus,
.skin-default .pagination > .active > span:hover {
    /*color: var(--main-light-color) ;
    background-color: transparent;
    border-color:#b1b1b1;
    font-weight:bold;*/
}

.skin-default .pagination > li > a, .pagination > li > span {
    /*color: #000;
    background-color: #fcfcfd;
    border-color:#b1b1b1;*/

}

.skin-default .pagination > li > a:focus,
.skin-default .pagination > li > a:hover,
.skin-default .pagination > li > span:focus,
.skin-default .pagination > li > span:hover {
    /*color:  var(--main-light-color) ;
    background-color: #fcfcfd;
    border-color:#b1b1b1;*/
}

/* Menu Bar */
.skin-default #wrapper #sidebar-wrapper {
    background-color: /*rgba(69,73,82,0.98)*/ #f7f7f7;
    color: #231F20;
    border: 0;
}

.skin-default .sidebar-nav li {
    border-bottom: /*2px solid #444851*/;
}

.skin-default .sidebar-nav li:last-child {
    border-bottom-width: 0;
}

.skin-default .sidebar-nav li a {
    color: #231F20;
}

.skin-default .sidebar-nav li a .menu-badge {
    background-color: #f15a23;
}

.skin-default .sidebar-nav li a:hover,
.skin-default .sidebar-nav li a:focus {
    border-bottom: 1px solid #231F20;
    color: #231F20;
    background-color: /*#3d3f45*/ #f7f7f7;
}

.skin-default .sidebar-nav li.open a:hover,
.skin-default .sidebar-nav li.open a:focus {
    color: #fff;
    background-color: /*#3d3f45*/ #c72222;
}

.skin-default .active-menu a {
    border-bottom: 1px solid #231F20;
}

.skin-default .sidebar-nav li.open a:active, .skin-default .sidebar-nav li a:active {
    border-bottom: 1px solid #ffffff;
}

.skin-default .sidebar-nav .dropdown-menu {
    background-color: #670924;
}

.skin-default .sidebar-nav .dropdown-menu li {
    border-bottom: 1px solid #750A28;
}

.skin-default .sidebar-nav .open > a,
.skin-default .sidebar-nav .open > a:focus,
.skin-default .sidebar-nav .open > a:hover {
    background-color: transparent;
    border-color: #337ab7;
}

.skin-default .sidebar-nav .dropdown-menu li a:hover {
    color: #fcc47b;
}

.skin-default .navbar .cust-menu-icon {
    color: var(--main-hover-color);
}

.skin-default .footer-bottom {
    border-top: 3px solid #404040;
    background-color: var(--footer-bg-color);
}

/* Login page */
.skin-default .form-out-container .top-signup-div {
    background: var(--header-bg-color);
    border-bottom: solid 1px #ddd;
}

.skin-default #form-forgotpassword .form-div .form-title {
    color: #555;
}

.skin-default .login-text-holder span, .skin-default .action-text {
    color: #337ab7;
}

.skin-default .login-text-holder span:hover, .skin-default .action-text:hover {
    color: #23527c;
}

/* Transaction confirmation */
.skin-default #PaymentTab .nav-pills > li > a {
    background-color: #fcc47b;
    color: #ffffff;
    border-color: #fcc47b;
}

.skin-default #PaymentTab .nav-pills > li > a:focus,
.skin-default #PaymentTab .nav-pills > li > a:hover,
.skin-default #PaymentTab .nav-pills > li.active > a {
    background: #f15a23;
    color: #ffffff;
    border-color: #f15a23;
}

.skin-default #PaymentTab .tab-content {
    background-color: #ffffff;
}

.skin-default .page-holder-payment {
    background: #fff;
}

.skin-default .icon-color {
    color: /*#FFD633*/ var(--main-light-color);
    padding-right: 5px;
}

/* Transction */
.skin-default .goal-amount {
    color: #6f7179;
    font-size: 18px;
    padding: 0;
    height: 22px;
    font-weight: bold;
}

.skin-default .goal-amount:hover {
    color: #ffffff;
}

.skin-default #add-fund-gridHolder .addFund {
    background-color: /*#fcc47b*/ var(--main-light-color);
    color: #ffffff;
    border: 1px solid /*#fcc47b*/ var(--main-light-color);
}

.skin-default #add-fund-gridHolder .addFund:hover {
    background-color: /*#f15a23*/ var(--main-light-color);
    color: #ffffff;
    border: 1px solid /*#f15a23*/ var(--main-light-color);
}

.skin-default .CommodityMisc-amount {
    background-color: #f15a23;
}

.skin-default .CommodityMisc {
    border-left: 8px solid #f15a23;
}

/* PG confirmation */
.skin-default .pg-confirm-content .txt-success, .skin-blue .pg-confirm-content .txt-wait {
    color: #fcc47b;
}

.skin-default .pg-confirm-content .icon-holder,
.skin-default .pg-confirm-content .desc-holder {
    color: #fcc47b;
}

.skin-default .pg-confirm-content .current-stage {
    color: #c71c2c;
}

.skin-default .pg-confirm-content .icon-process {
    color: #ffce67;
}

/* Report */
.skin-default .history-report .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover,
.skin-default .history-report .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    color: #555;
}

.skin-default .history-report .nav-tabs > li > a, .nav-tabs > li > a {
    color: #58595b;
}

/* Report Pagignatoin */
.skin-default .dx-pager .dx-pages .dx-selection,
.skin-default .dx-pager .dx-page-sizes .dx-selection {
    color: /*#FFD633*/ var(--main-light-color);
    background-color: transparent;
    border-color: #b1b1b1;
    font-weight: bold;
}

.skin-blue .icon-color {
    color: #FFD633;
}

.skin-default .dx-checkbox-checked .dx-checkbox-icon {
    color: #555;
}

.skin-default .dx-texteditor.dx-state-focused,
.skin-default .dx-texteditor.dx-state-active {
    border-bottom: 1px solid #FFD633;
}

.skin-default .dx-texteditor.dx-state-hover {
    border-bottom: 1px solid #7b7b7b;
}

.skin-default .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #58595b;
}

/* Popup */
.skin-default .popup-main-section .nav-tabs > li.active > a,
.skin-default .popup-main-section .nav-tabs > li.active > a:focus,
.skin-default .popup-main-section .nav-tabs > li.active > a:hover,
.skin-default .popup-main-section .nav-tabs > li > a:focus,
.skin-default .popup-main-section .nav-tabs > li > a:hover {
    color: /*#FFD633*/ var(--main-light-color);
    cursor: pointer;
    background-color: #fff;
    border: 0;
    border-bottom: 4px solid /*#FFD633*/ var(--main-light-color);

}

.skin-default .popup-main-section .popup-main-header {
    border-bottom: 2px solid /*#FFD633*/ var(--main-light-color);
}

/*dashboard*/
.skin-default .btn-action-dash .action-icon,
.skin-default .btn-detail-icon i,
.skin-default .btn-icon,
.skin-default .scheme-row-content .scheme-content .fundbox-compare i,
.skin-default .dx-datagrid-export-button .dx-icon-export-excel-button,
.skin-defaul .dx-toolbar-text-auto-hide .dx-button .dx-icon, .skin-default .sip-icon {
    color: /*#f7a500*/ var(--main-light-color);
}

/*Loader*/
.skin-default .sk-cube-grid .sk-cube {
    background-color: /*#FFD633*/ var(--main-light-color);
}

/*Slider*/
.skin-default .ui-slider-range {
    background-color: /*#FFD633*/ var(--main-light-color);
}

.skin-default .ui-slider-handle.ui-state-default.ui-corner-all {
    background: #ffffff;
    border: 3px solid /*#FFD633*/ var(--main-light-color);
}

/*Account*/
.skin-default .account-panel > .panel-header {
    border-bottom: 2px solid /*#FFD633*/ var(--main-light-color);
}

.skin-default .ui-datepicker .ui-state-active, .skin-default .ui-datepicker .ui-widget-content .ui-state-active {
    background: /*#FFD633*/ var(--main-light-color);
    border: 1px solid /*#FFD633*/ var(--main-light-color);
    color: #000000 !important;
}

/* Skin default [END] */

/* Skin Blue [START] */

/* Basic Elements */
.skin-blue a:focus, .skin-default a:hover {
    color: #23527c;
}

.skin-blue .control-label {
    color: #777;
}

.skin-blue h2 {
    color: #333
}

.skin-blue .form-control {
    color: #555;
    background-color: transparent;
}

.skin-blue .form-control:focus {
    border-color: #7790b7;
}

.skin-blue .daterangepicker select.monthselect:focus,
.skin-blue .daterangepicker select.yearselect:focus,
.skin-blue .daterangepicker .input-mini:focus {
    border-color: #7790b7;
}

/* Header */
.skin-blue .header-top .hamburger .hamb-top, .skin-blue .header-top .hamburger .hamb-middle, .skin-blue .header-top .hamburger .hamb-bottom {
    background-color: #19468b;
}

.skin-blue .header-bottom {
    background-color: #19468b;
}

/* Buttons */
.skin-blue {
    background-color: #ebeaf0;
    color: #777;
}

.skin-blue .navbar-default {
    background-color: #ffffff;
    border-bottom: 1px solid #19468b;
}

.skin-blue .btn-default, .skin-blue .btn-flat {
    background: #27559c;
    background: -webkit-linear-gradient(#27559c, #1b488d);
    background: -o-linear-gradient(#27559c, #1b488d);
    background: -moz-linear-gradient(#27559c, #1b488d);
    background: linear-gradient(#27559c, #1b488d);
    border-color: #1b488d;
    color: #ffffff;
}

.skin-blue .btn-default:hover, .skin-blue .btn-flat:hover,
.skin-blue .btn-default:focus, .skin-blue .btn-flat:focus,
.skin-blue .btn-default:active, .skin-blue .btn-flat:active,
.skin-blue .btn-default.active, .skin-blue .btn-flat.active {
    background: #5374a7;
    background: -webkit-linear-gradient(#5374a7, #426cab);
    background: -o-linear-gradient(#5374a7, #426cab);
    background: -moz-linear-gradient(#5374a7, #426cab);
    background: linear-gradient(#5374a7, #426cab);
    border-color: #5374a7;
    color: #ffffff;
}

.skin-blue .btn-cancel {
    border: 1px solid #8b8c97;
    background-color: #ffffff;
    color: #808080;
}

.skin-blue .btn-cancel:hover, .skin-blue .btn-cancel:focus {
    -o-box-shadow: 0px 0px 4px 2px #d1d1d1;
    -ms-box-shadow: 0px 0px 4px 2px #d1d1d1;
    -moz-box-shadow: 0px 0px 4px 2px #d1d1d1;
    -webkit-box-shadow: 0px 0px 4px 2px #d1d1d1;
    box-shadow: 0px 0px 4px 2px #d1d1d1;
}

.skin-blue .btn-error {
    border: 1px solid #8b8c97;
    background-color: #ffffff;
    color: #262626;
}

.skin-blue .btn-error:hover, .skin-blue .btn-error:focus {
    -o-box-shadow: 0px 0px 4px 2px #d1d1d1;
    -ms-box-shadow: 0px 0px 4px 2px #d1d1d1;
    -moz-box-shadow: 0px 0px 4px 2px #d1d1d1;
    -webkit-box-shadow: 0px 0px 4px 2px #d1d1d1;
    box-shadow: 0px 0px 4px 2px #d1d1d1;
}

.skin-default .btn-feedback {
    background-color: #3d3d44;
    color: #ffffff;
}

.skin-default .btn-feedback:hover,
.skin-default .btn-feedback:focus {
    background-color: #3d3d44;
    color: #ffffff;
}

.skin-default .open > .dropdown-toggle.btn-goal {
    background: #f15a23;
    color: #ffffff;
}

.skin-default .btn-gray {
    background-color: #FFD633;
    color: #ffffff;
    border-color: #FFD633;
}

.skin-default .btn-gray:hover, .skin-default .btn-gray:focus, .skin-default .btn-gray:active,
.skin-default .btn-gray.active {
    background: #FFD633;
    color: #ffffff;
    border-color: #FFD633;
}

.skin-default .btn-process {
    background-color: #FFD633;
    color: #ffffff;
    border-color: #FFD633;
}

.skin-default .btn-process:hover, .skin-default .btn-process:focus, .skin-default .btn-process:active,
.skin-default .btn-process.active {
    background: #FFD633;
    color: #ffffff;
    border-color: #FFD633;
}

/* datepicker */
.skin-blue .daterangepicker .ranges ul li {
    color: #636363;
}

.skin-blue .daterangepicker .ranges ul li:hover,
.skin-blue .daterangepicker .ranges ul li.active,
.skin-blue .daterangepicker td.active,
.skin-blue .daterangepicker td.active:hover {
    background-color: #78bded;
    border: 1px solid #78bded;
    color: #ffffff;
}

.skin-blue .applyBtn, .skin-blue .cancelBtn {
    background-color: #fafafb;
    border: 1px solid #94959b;
    color: #404041 !important;
}

.skin-blue .daterangepicker .calendar-date table tr th.prev i, .skin-blue .daterangepicker .calendar-date table tr th.next i {
    color: #19468b;
}

/* Pagination */
.skin-blue .pagination > .active > a,
.skin-blue .pagination > .active > a:focus,
.skin-blue .pagination > .active > a:hover,
.skin-blue .pagination > .active > span,
.skin-blue .pagination > .active > span:focus,
.skin-blue .pagination > .active > span:hover {
    color: #19468b;
    background-color: transparent;
    border-color: #b1b1b1;
    font-weight: bold;
}

.skin-blue .pagination > li > a, .pagination > li > span {
    color: #000;
    background-color: #fcfcfd;
    border-color: #b1b1b1;
}

.skin-blue .pagination > li > a:focus,
.skin-blue .pagination > li > a:hover,
.skin-blue .pagination > li > span:focus,
.skin-blue .pagination > li > span:hover {
    color: #19468b;
    background-color: #fcfcfd;
    border-color: #b1b1b1;
}

/* Menu Bar */
.skin-blue #wrapper #sidebar-wrapper {
    background-color: #e8e9ee;
    color: #ffffff;
    border: 0;
}

.skin-blue .sidebar-nav li {
    border-bottom: 1px solid #d6d6db;
}

.skin-blue .sidebar-nav li:last-child {
    border-bottom-width: 0;
}

.skin-blue .sidebar-nav li a {
    color: #606062;
}

.skin-blue .sidebar-nav li a .menu-badge {
    background-color: #f15a23;
}

.skin-blue .sidebar-nav li a:hover,
.skin-blue .sidebar-nav li a:focus,
.skin-blue .sidebar-nav li.open a:hover,
.skin-blue .sidebar-nav li.open a:focus {
    color: #3a3a3c;
    background-color: #d6d6db;
}

.skin-blue .active-menu {
    border-left: 5px solid #19468b;
}

.skin-blue .sidebar-nav li.open a:active, .skin-blue .sidebar-nav li a:active {
    border-left: 5px solid #19468b;
}

.skin-blue .sidebar-nav .dropdown-menu {
    background-color: #670924;
}

.skin-blue .sidebar-nav .dropdown-menu li {
    border-bottom: 1px solid #750A28;
}

.skin-blue .sidebar-nav .open > a,
.skin-blue .sidebar-nav .open > a:focus,
.skin-blue .sidebar-nav .open > a:hover {
    background-color: transparent;
    border-color: #337ab7;
}

.skin-blue .sidebar-nav .dropdown-menu li a:hover {
    color: #fcc47b;
}

.skin-blue .navbar .cust-menu-icon {
    color: #747c92;
}

/* Login page */
.skin-blue .form-out-container .top-signup-div {
    border-bottom: 1px solid #19468b;
}

.skin-blue #form-forgotpassword .form-div .form-title {
    color: #555;
}

.skin-blue .login-text-holder span, .skin-blue .action-text {
    color: #337ab7;
}

.skin-blue .login-text-holder span:hover, .skin-blue .action-text:hover {
    color: #23527c;
}

/* Transaction confirmation */
.skin-blue #PaymentTab .nav-pills > li > a {
    background-color: #fcc47b;
    color: #ffffff;
    border-color: #fcc47b;
}

.skin-blue #PaymentTab .nav-pills > li > a:focus,
.skin-blue #PaymentTab .nav-pills > li > a:hover,
.skin-blue #PaymentTab .nav-pills > li.active > a {
    background: #f15a23;
    color: #ffffff;
    border-color: #f15a23;
}

.skin-blue #PaymentTab .tab-content {
    background-color: #ffffff;
}

.skin-blue .page-holder-payment {
    background: #fff;
}

.skin-blue .icon-color {
    color: #19468b;
    padding-right: 5px;
}

/* Transction */
.skin-blue .goal-amount {
    background-color: #367fa9;
    color: #ffffff;
}

.skin-blue .goal-amount:hover {
    color: #ffffff;
}

.skin-blue #add-fund-gridHolder .addFund {
    background-color: #19468b;
    color: #ffffff;
    border: 1px solid #19468b;
}

.skin-blue #add-fund-gridHolder .addFund:hover {
    background-color: #58595b;
    color: #ffffff;
    border: 1px solid #58595b;
}

.skin-blue .CommodityMisc-amount {
    background-color: #58595b;
}

.skin-blue .CommodityMisc {
    border-left: 8px solid #58595b;
}

/* PG confirmation */
.skin-blue .pg-confirm-content .txt-success, .skin-blue .pg-confirm-content .txt-wait {
    color: #19468b;
}

.skin-blue .pg-confirm-content .icon-holder,
.skin-blue .pg-confirm-content .desc-holder {
    color: #58595b;
}

.skin-blue .pg-confirm-content .current-stage {
    color: #19468b;
}

.skin-blue .pg-confirm-content .icon-process {
    color: #58595b;
}

/* Report Pagignatoin */
.skin-blue .dx-pager .dx-pages .dx-selection,
.skin-blue .dx-pager .dx-page-sizes .dx-selection {
    background-color: #19468b;
    color: #ffffff;
    border-color: #19468b;
}

.skin-blue .icon-color {
    color: #19468b;
    padding-right: 5px;
}

.skin-blue .dx-checkbox-checked .dx-checkbox-icon {
    color: #555;
}

.skin-blue .dx-texteditor.dx-state-focused,
.skin-blue .dx-texteditor.dx-state-active {
    border-bottom: 1px solid #7790b7;
}

.skin-blue .dx-texteditor.dx-state-hover {
    border-bottom: 1px solid #7790b7;
}

.skin-blue .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    background-color: #58595b;
}

/* Popup */
.skin-blue .popup-main-section .nav-tabs > li.active > a,
.skin-blue .popup-main-section .nav-tabs > li.active > a:focus,
.skin-blue .popup-main-section .nav-tabs > li.active > a:hover,
.skin-blue .popup-main-section .nav-tabs > li > a:focus,
.skin-blue .popup-main-section .nav-tabs > li > a:hover {
    color: #19468b;
    cursor: pointer;
    background-color: #fff;
    border: 0;
    border-bottom: 4px solid #19468b;

}

.skin-blue .popup-main-section .popup-main-header {
    border-bottom: 2px solid #19468b;
}

/*dashboard*/
.skin-blue .btn-action-dash .action-icon,
.skin-blue .btn-detail-icon i,
.skin-blue .btn-icon,
.skin-blue .dx-datagrid-export-button .dx-icon-export-excel-button,
.skin-blue .scheme-row-content .scheme-content .fundbox-compare i,
.skin-blue .dx-toolbar-text-auto-hide .dx-button .dx-icon,
.skin-blue .sip-icon {
    color: #78bded;
}

/*Loader*/
.skin-blue .sk-cube-grid .sk-cube {
    background-color: #19468b;
}

/*Slider*/
.skin-blue .ui-slider-range {
    background-color: #19468b;
}

.skin-blue .ui-slider-handle.ui-state-default.ui-corner-all {
    background: #ffffff;
    border: 3px solid #19468b;
}

/*Account*/
.skin-blue .account-panel > .panel-header {
    border-bottom: 2px solid #19468b;
}

.skin-blue .ui-datepicker .ui-state-active, .skin-blue .ui-datepicker .ui-widget-content .ui-state-active {
    background: #19468b;
    border: 1px solid #19468b;
    color: #ffffff !important;
}

/* Skin Blue [END] */

.skin-default .abc {
    color: var(--header-text-color);/*#231F20;*/
}

.padding_text {
    padding-top: 10px;
}

.skin-default .container-fluid ul.dash-filter-section li.a {
    color: #fff;
    margin-left: 105px;
}

.user-notification {
    margin-top: 14px !important;

    position: fixed;
    right: 13rem !important;
    left: 79rem;
    min-width: 150px;
    width: 254px;
    border-radius: 0 !important;
    border: none;
}