/* Global loader */
#global-loader {
	background-color: rgb(202 202 202 / 55%);
}
#global-loader h5 { 
	bottom: 440px;
    position: fixed;
    margin: 0 auto;
    width: 100%;
}

/* Adjust icon postion on collapsed sidebar */
.main-sidebar-hide .side-menu .main-logo .icon-logo { 
	margin-left: 18px;
	margin-top:  5px !important;
}

/* item sidebar */
.item1-links .nav-item a.active {
    background-color: #000000 !important;
}

/* style code selected*/
.style-code-selected {
    border: 1px solid green !important;
    color: green !important;
    font-weight: 700 !important;
}

/* measurement set*/
.measurement-set {
    border: 1px solid green !important;
    color: green !important;
    font-weight: 700 !important;
}

/* Modal close button adjustment */
.modal-header
{
  display: block!important;
}

.modal-title
{
  float: left;
}

.modal-header .close
{
  float: right;
}

/* Button overrides */

.btn-primary {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}
.btn-primary:active {
	background-color: #8F9CC0 !important;
	border-color:  #8F9CC0 !important;
	box-shadow: none !important;
}
.btn-primary:hover {
	background-color: #8F9CC0 !important;
	border-color:  #8F9CC0 !important;
	box-shadow: none !important;
}
.btn-primary:focus {
	background-color: #8F9CC0 !important;
	border-color:  #8F9CC0 !important;
	box-shadow: none !important;
}
.btn-secondary {
	background-color:  #141414 !important;
	border-color:  #141414 !important;
}
.btn-secondary:active {
	background-color: #2C2C2C !important;
	border-color:  #2C2C2C !important;
	box-shadow: none !important;
}
.btn-secondary:hover {
	background-color: #2C2C2C  !important;
	border-color:  #2C2C2C !important;
	box-shadow: none !important;
}
.btn-secondary:focus {
	background-color: #000 !important;
	border-color:  #000 !important;
	box-shadow: none !important;
}
.btn-dark {
	background-color:  #000 !important;
	border-color:  #000 !important;
}
.btn-dark:active {
	background-color: #8F9CC0 !important;
	border-color:  #8F9CC0 !important;
	box-shadow: none !important;
}
.btn-dark:hover {
	background-color: #8F9CC0 !important;
	border-color:  #8F9CC0 !important;
	box-shadow: none !important;
}
.btn-dark:focus {
	background-color: #8F9CC0 !important;
	border-color:  #8F9CC0 !important;
	box-shadow: none !important;
}

/* Form style overrides */
.form-control {
    color: #252525;
}

.form-control:focus {
	color: #000000
}

/* Font style overrides */
.main-content-title {
    color: #000000;
}

/* Pagenation overrides*/
.page-item.active .page-link {
    background-color: #000000;
    border-color: #000000;
}

/* List group border overrides */
.list-group-item+.list-group-item { border-top: 1px solid #e8e8f7; }

.main-sidebar-sticky { background-color: #2C2C2C; }
.main-body.leftmenu .sidemenu-logo { background-color: #2C2C2C; }
.main-sidebar-body .nav-item.active .nav-link:before, .main-sidebar-body .nav-item.active .nav-link:after { border-right: 20px solid #2C2C2C !important; }

.main-sidebar-body li.active .sidemenu-icon { background-color: #000; }

/* Login page background card */
.login_card {
	background: url('/assets/img/brand/experience.jpg') rgba(0, 0, 0, 0.8);
	background-size: cover; background-repeat: no-repeat;
	background-position: center right;
	background-blend-mode: multiply;
}

/* Text utilities */
.text-underline {
	text-decoration: underline;
}

/* Inputs */
input[type="email"] {
    color: #000;
}

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #000; }

/* Dropzone */
.dropzone { 
	border: 2px dashed rgba(0, 0, 0, 0.3) !important;
	padding-top: 0 !important; 
}
.dz-message { 
	font-size: 16px;
}

.dropzone .dz-preview {
	margin:  5px !important;
}

.dz-remove { color: red !important; }

/* Tables */
.selectable-table-row { cursor: pointer; }
.selectable-table-row:hover {
	background-color:  #efefff;
}

#product_style_codes_datatable_length { 
	margin-top:  20px;
	margin-left:  20px;
}
#product_style_codes_datatable_filter { 
	margin:  10px; 
	text-align: left;
}
#product_style_codes_datatable_filter label { 
	font-weight: 700;
	font-size:  16px;
}
#product_style_codes_datatable_filter input { 
	background-color: #f8f8f9;
	font-weight: 700;
	font-size:  16px;
}
#product_style_codes_datatable_info { margin-left: 20px; }
#product_style_codes_datatable_paginate { 
	margin-right:  20px;
	margin-bottom:  20px;
}


/* Soto Color Override*/
body {
    background: #eaedf7;
  }
  
  .custom-card {
    -webkit-box-shadow: 0 10px 30px 0 rgba(24, 28, 33, 0.05);
            box-shadow: 0 10px 30px 0 rgba(24, 28, 33, 0.05);
  }
  
  .main-header-center .form-control {
    border: 1px solid #eceef5;
  }
  
  .main-header-center .form-control:focus {
    background: transparent;
  }
  
  .main-header-center .select2-container--default .select2-selection--single {
    border-right: 0;
  }
  
  .bg-primary {
    background-color: #000000!important;
  }
  
  .bg-primary::hover, .bg-primary::focus {
    background-color: #000000!important;
  }
  
  .bg-primary-transparent {
    background-color: rgba(29, 81, 235, 0.1);
  }
  
  .select2-container--classic .select2-selection--single:focus, .select2-container--classic.select2-container--open .select2-selection--single, .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #000000;
  }
  
  .select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #000000;
  }
  
  .select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #000000;
  }
  
  .main-header-center .search-btn {
    background-color: #000000;
  }
  
  .text-primary {
    color: #000000!important;
  }
  
  .text-primary:hover, .text-primary :focus {
    color: #000000!important;
  }
  
  .border-primary {
    border-color: #000000!important;
  }
  
  .bd-primary {
    border-color: #000000;
  }
  
  .card-item .card-item-icon.card-icon {
    background: rgba(77, 76, 178, 0.1);
    fill: #000000;
  }
  
  .card-dashboard-calendar .ui-datepicker .ui-datepicker-month {
    color: #000000;
  }
  
  .card-dashboard-calendar .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    background-color: #000000;
    border: 1px solid #000000;
  }
  
  #back-to-top {
    background: #000000;
  }
  
  .ckbox span:after {
    background-color: #000000;
  }
  
  .btn-primary {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
  }
  
  .btn-primary:hover {
    color: #fff;
    background-color: #403fad;
    border-color: #403fad;
  }
  
  .btn-primary:focus, .btn-primary.focus {
    background-color: #403fad;
    border-color: #403fad;
    -webkit-box-shadow: 0 0 0 1px rgba(98, 89, 202, 0.2);
            box-shadow: 0 0 0 1px rgba(98, 89, 202, 0.2);
  }
  
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
  }
  
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #4c4bb7;
    border-color: #5554c5;
  }
  
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #4c4bb7;
    border-color: #5554c5;
  }
  
  .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus {
    -webkit-box-shadow: 0 0 0 1px rgba(98, 89, 202, 0.2);
            box-shadow: 0 0 0 1px rgba(98, 89, 202, 0.2);
  }
  
  .show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 1px rgba(98, 89, 202, 0.2);
            box-shadow: 0 0 0 1px rgba(98, 89, 202, 0.2);
  }
  
  .btn-main-primary {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
  }
  
  .btn-main-primary:hover {
    color: #fff;
    background-color: #403fad;
    border-color: #403fad;
  }
  
  .btn-main-primary:focus, .btn-main-primary.focus {
    -webkit-box-shadow: 0 0 0 1px rgba(64, 63, 173, 0.3);
            box-shadow: 0 0 0 1px rgba(64, 63, 173, 0.3);
  }
  
  .btn-main-primary.disabled, .btn-main-primary:disabled {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
  }
  
  .btn-main-primary:not(:disabled):not(.disabled):active, .btn-main-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #4c4bb7;
    border-color: #5554c5;
  }
  
  .show > .btn-main-primary.dropdown-toggle {
    color: #fff;
    background-color: #4c4bb7;
    border-color: #5554c5;
  }
  
  .btn-main-primary:not(:disabled):not(.disabled):active:focus, .btn-main-primary:not(:disabled):not(.disabled).active:focus {
    -webkit-box-shadow: 0 0 0 1px rgba(64, 63, 173, 0.3);
            box-shadow: 0 0 0 1px rgba(64, 63, 173, 0.3);
  }
  
  .show > .btn-main-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 1px rgba(64, 63, 173, 0.3);
            box-shadow: 0 0 0 1px rgba(64, 63, 173, 0.3);
  }
  
  .btn-outline-primary {
    color: #000000!important;
    border-color: #000000;
  }
  
  .btn-outline-primary:hover {
    color: #fff !important;
    background-color: #000000;
    border-color: #000000;
  }
  
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 1px rgba(98, 89, 202, 0.2);
            box-shadow: 0 0 0 1px rgba(98, 89, 202, 0.2);
  }
  
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #000000;
    background-color: transparent;
  }
  
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #fff !important;
    background-color: #000000;
    border-color: #000000;
  }
  
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #000000;
    border-color: #000000;
  }
  
  .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus {
    -webkit-box-shadow: 0 0 0 1px rgba(98, 89, 202, 0.2);
            box-shadow: 0 0 0 1px rgba(98, 89, 202, 0.2);
  }
  
  .show > .btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 1px rgba(98, 89, 202, 0.2);
            box-shadow: 0 0 0 1px rgba(98, 89, 202, 0.2);
  }
  
  .btn-light {
    color: #2c3033;
    background-color: #f0f0ff;
    border-color: #f0f0ff;
  }
  
  .btn-light:hover {
    color: #2c3033;
    background-color: #dbe0ea;
    border-color: #dbe0ea;
  }
  
  .btn-light:focus, .btn-light.focus {
    -webkit-box-shadow: 0 0 0 1px #e1e6f1;
            box-shadow: 0 0 0 1px #e1e6f1;
  }
  
  .btn-light.disabled, .btn-light:disabled {
    color: #2c3033;
    background-color: #dbe0ea;
    border-color: #dbe0ea;
  }
  
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active {
    color: #2c3033;
    background-color: #dbe0ea;
    border-color: #dbe0ea;
  }
  
  .show > .btn-light.dropdown-toggle {
    color: #2c3033;
    background-color: #dbe0ea;
    border-color: #dbe0ea;
  }
  
  .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus {
    -webkit-box-shadow: 0 0 0 1px #e1e6f1;
            box-shadow: 0 0 0 1px #e1e6f1;
  }
  
  .show > .btn-light.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 1px #e1e6f1;
            box-shadow: 0 0 0 1px #e1e6f1;
  }
  
  .badge-primary {
    color: #fff !important;
    background-color: #000000;
  }
  
  a.badge-primary:hover {
    color: #fff !important;
    background-color: #000000;
  }
  
  a.badge-primary:focus {
    color: #fff !important;
    background-color: #000000;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(135, 96, 251, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(135, 96, 251, 0.5);
  }
  
  a.badge-primary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(135, 96, 251, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(135, 96, 251, 0.5);
  }
  
  .badge-light {
    color: #55556b;
    background-color: #f0f0ff;
  }
  
  a.badge-light:hover {
    color: #8f9cc0;
    background-color: #d5d9e4;
  }
  
  a.badge-light:focus {
    color: #8f9cc0;
    background-color: #d5d9e4;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(244, 245, 248, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(244, 245, 248, 0.5);
  }
  
  a.badge-light.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(244, 245, 248, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(244, 245, 248, 0.5);
  }
  
  .main-nav-column .nav-link.active {
    color: #000000;
  }
  
  .main-nav-column .nav-link.active:hover, .main-nav-column .nav-link.active:focus {
    color: #000000;
  }
  
  a {
    color: #000000;
  }
  
  a:hover {
    color: #000000;
  }
  
  .main-nav-line-chat .nav-link.active, .main-msg-send {
    color: #000000;
  }
  
  .main-calendar .fc-view.fc-agenda-view .fc-day-header.fc-today > a {
    color: #000000;
  }
  
  .main-calendar td.fc-today .fc-day-number {
    background-color: #000000;
  }
  
  .main-calendar td.fc-today .fc-day-number:hover, .main-calendar td.fc-today .fc-day-number:focus {
    background-color: #000000;
  }
  
  .main-avatar {
    background-color: #000000;
  }
  
  .page-item.active .page-link {
    background-color: #000000;
    border-color: #000000;
  }
  
  table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
    background-color: #000000;
  }
  
  pre {
    background-color: #ecebfb;
  }
  
  .flat a:hover, .flat a.active, .flat a:hover:after, .flat a.active:after {
    background: #000000;
    color: #fff;
  }
  
  .nav-pills .nav-link.active {
    background-color: #000000;
  }

  .nav-pills .nav-link:hover, .nav-pills .nav-link:focus {
    color: #000000;
    font-weight: 600;
}
  
  .main-nav .nav-link.active {
    color: #000000;
  }
  
  .accordion .card-header a {
    color: #000000;
    background-color: #e1e1f9;
  }
  
  .accordion-color .card-header a.collapsed {
    background-color: #000000;
  }
  
  .timeline-wrapper-primary .timeline-panel:before, .timeline-wrapper-primary .timeline-badge {
    background: #000000;
  }
  
  .br-theme-bars-1to10 .br-widget a {
    background-color: #f0f2f8;
  }
  
  .br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected {
    background-color: #000000;
  }
  
  .br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected {
    background-color: #000000;
  }
  
  .br-theme-bars-square .br-widget a.br-active, .br-theme-bars-square .br-widget a.br-selected {
    border: 2px solid #f0f2f8;
    color: #000000;
  }
  
  .br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected {
    background-color: #000000;
    color: white;
  }
  
  .br-theme-bars-horizontal .br-widget a.br-active, .br-theme-bars-horizontal .br-widget a.br-selected {
    background-color: #000000;
  }
  
  .main-content-body-profile .main-nav-line .nav-link.active {
    color: #000000;
  }
  
  .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #f6f8ff;
  }
  
  .custom-switch-input:checked ~ .custom-switch-indicator {
    background: #000000;
  }
  
  .rdiobox input[type='radio']:checked + span:before {
    border-color: transparent;
    background-color: #000000;
  }
  
  .form-control:disabled, .form-control[readonly] {
    background-color: #f6f6ff;
  }
  
  .selectgroup-input:checked + .selectgroup-button {
    border-color: #000000;
    color: #000000;
    background: #e5e9f3;
  }
  
  .input-group-text {
    background-color: #f6f6ff;
    border: 1px solid #e8e8f7;
  }
  
  .ui-datepicker .ui-datepicker-header .ui-datepicker-next::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
    background: rgba(77, 76, 178, 0.1);
    color: #000000;
  }
  
  .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    background-color: #000000;
    color: #fff;
  }
  
  .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:hover, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a:focus {
    background-color: #000000;
    color: #fff;
  }
  
  .irs-bar {
    background-color: #000000;
  }
  
  .irs-from, .irs-to, .irs-single {
    color: #fff;
    background: #000000;
  }
  
  .irs-line-mid, .irs-line-right {
    background-color: #f0f0ff;
  }
  
  .irs-min, .irs-max {
    color: #78769a;
    background: #f2f1ff;
  }
  
  .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f2f1ff;
  }
  
  .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e8e8f7;
  }
  
  .ff_fileupload_wrap .ff_fileupload_dropzone {
    border: 2px dashed #dcd9f5;
    background-color: #f2f1ff;
  }
  
  .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f8f9ff !important;
    color: #000000;
  }
  
  .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f1f2f9;
  }
  
  .wizard > .steps .current a .number, .wizard > .steps .current a:hover .number, .wizard > .steps .current a:active .number {
    background-color: #000000;
    color: #fff;
  }
  
  .wizard > .steps a .number, .wizard > .steps a:hover .number, .wizard > .steps a:active .number {
    color: #8f9cc0;
    background-color: #f0f0ff;
  }
  
  .profile-cover__info .nav strong, .profile-tab .main-nav-line .nav-link.active {
    color: #000000;
  }
  
  .pricing-tabs .nav-price li .active {
    background: #ececfc;
    color: #000000;
  }
  
  .table-hover tbody tr:hover {
    background-color: #f8f8ff;
  }
  
  .bg-transparent {
    background-color: transparent;
  }
  
  .bg-gray-100 {
    background-color: #eaeafb;
  }
  
  .bg-gray-200 {
    background-color: #d0d0ec;
  }
  
  .bg-gray-300 {
    background-color: #babade;
  }
  
  .bg-gray-400 {
    background-color: #8f8fb7;
  }
  
  .bg-gray-500 {
    background-color: #717196;
  }
  
  .bg-gray-600 {
    background-color: #4f4f71;
  }
  
  .bg-gray-700 {
    background-color: #3c3c5d;
  }
  
  .bg-gray-800 {
    background-color: #262644;
  }
  
  .bg-gray-900 {
    background-color: #1b1b33;
  }
  
  .signpages .details:before {
    background: rgba(150, 150, 150, 0.9);
  }
  
  .construction:before {
    background: rgba(110, 110, 110, 0.96);
  }
  
  .tag-primary, .progress-bar {
    background-color: #000000;
  }
  
  .breadcrumb {
    background-color: #f0f0ff;
  }
  

  .page-header .breadcrumb-item.active {
    color: #646464;
}

  .bg-primary .main-nav .nav-link.active, .bg-secondary .main-nav .nav-link.active {
    color: #fff;
  }
  
  .popover-header {
    background-color: #000000;
    color: #fff;
  }
  
  .lds-heart div:after, .lds-heart div:before {
    background: #000000;
  }
  
  .lds-ripple div {
    border: 4px solid #000000;
  }
  
  .lds-spinner div:after {
    background: #000000;
  }
  
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e0e2f7;
    border: 1px solid #e0e2f7;
    color: #1d212f;
  }
  
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #1d212f;
  }
  
  .lds-circle > div {
    background: #000000;
  }
  
  .lds-dual-ring:after {
    border: 5px solid #000000;
    border-color: #000000transparent #000000transparent;
  }
  
  .lds-facebook div {
    background: #000000;
  }
  
  .main-navbar .nav-item.active .nav-link {
    color: #000000;
  }
  
  .main-navbar .nav-item.active .nav-link.with-sub::after {
    color: #000000;
  }
  
  .main-navbar .nav-sub-item.active > .nav-sub-link {
    color: #000000;
  }
  
  .main-navbar .nav-sub-item.active > .nav-sub-link:before {
    color: #000000;
  }
  
  .main-navbar .nav-sub-link:hover, .main-navbar .nav-sub-link:focus {
    color: #000000;
  }
  
  @media (min-width: 992px) {
    .main-navbar .nav-sub-link:hover, .main-navbar .nav-sub-link:focus {
      color: #000000;
    }
    .main-navbar.hor-menu .nav-sub-item.active a {
      color: #000000;
    }
    .main-navbar .nav-sub-item.active > .nav-sub-link {
      color: #000000;
    }
    .main-navbar .nav-sub-item.active > .nav-sub-link:before {
      color: #000000;
    }
  }
  
  @media (max-width: 991px) {
    .main-navbar.hor-menu .nav-sub-item.active a {
      color: #ffffff;
    }
    .main-navbar .nav-sub-item.active > .nav-sub-link {
      color: #ffffff;
    }
    .main-navbar .nav-sub-item.active > .nav-sub-link:before {
      color: #ffffff;
    }
  }
  
  .main-form-search .btn, .main-form-search .sp-container button {
    background-color: #000000;
  }
  
  .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    background-color: #000000 !important;
    color: #ffffff !important;
  }
  
  .lds-heart div {
    background: #000000;
  }
  
  .accordion .card-header a.collapsed:hover, .accordion .card-header a.collapsed:focus {
    background-color: #000000;
    color: #fff;
  }
  
  .main-sidebar-body li.active .sidemenu-label, .main-sidebar-body li.active i {
    color: #000000;
  }
  
  .light-horizontal .main-navbar.hor-menu .nav-item.active .nav-link, .light-horizontal .main-navbar.hor-menu .nav-item:hover .nav-link {
    color: #000000;
  }
  
  .light-horizontal .main-navbar .nav-link, .light-horizontal .main-navbar .nav-item:hover .nav-link.with-sub::after {
    color: #9c9c9c;
  }
  
  .first-sidemenu {
    background: #25233c;
  }
  
  .resp-tabs-list li.resp-tab-item.active::after, .resp-tabs-list li.resp-tab-active::after, .resp-tabs-list li.resp-tab-item.active::before, .resp-tabs-list li.resp-tab-active::before {
    border-right: 20px solid #25233c;
  }
  
  .second-sidemenu .slide-item.active, .second-sidemenu .menu .slide-item.active:before, .second-sidemenu .slide-item:hover, .second-sidemenu .menu .slide-item:hover:before {
    color: #000000;
  }
  
  .main-sidebar-body .nav-sub-link:hover, .main-sidebar-body .nav-sub-link:focus {
    color: #fff;
  }
  
  .main-sidebar-body .nav-sub .nav-sub-item.active .nav-sub-link:before {
    color: #fff;
    opacity: 0.9;
  }
  
  .main-sidebar-body li.active .sidemenu-icon {
    background: #000000;
  }
  
  .project .deadline {
    background: #eaedf7;
  }
  
  .project-status.primary:before {
    border-left: 3px solid #000000;
  }
  
  .badge-primary-light {
    background-color: rgba(98, 89, 202, 0.16);
    color: #6259c9;
  }
  
  .badge-warning-light {
    background-color: #fdf5e2;
    color: #ebb322;
  }
  
  .badge-danger-light {
    background-color: #ffe7e8;
    color: #f16d75;
  }
  
  .peity {
    position: relative;
  }
  
  .peity:before {
    content: '5%';
    position: absolute;
  }
  
  .list-card {
    background: #f6f6fb;
  }
  
  .forth.circle .chart-circle-value.circle-style {
    border: 2px dotted #f3f3f3f;
    background: #fcfcff;
  }
  
  .color-leftmenu .main-sidebar-sticky {
    background: #000000;
  }
  
  .color-leftmenu .main-sidebar-body .sub-txt {
    color: #f3f3f3;
  }
  
  .color-leftmenu .main-sidebar-body .nav-label {
    color: rgba(209, 213, 230, 0.4);
  }
  
  .dark-theme.light-leftmenu .second-sidemenu .slide-item.active, .dark-theme.light-leftmenu .second-sidemenu .menu .slide-item.active:before {
    color: #000000;
  }
  
  .resp-tabs-list li.resp-tab-item.active .side-menu__icon, .resp-tabs-list li.resp-tab-active .side-menu__icon {
    background: #000000;
  }
  
  .crypto-btc-usd .nav-link.active {
    background-color: #000000!important;
    color: #fff;
  }
  
  .irs-slider:before {
    background-color: #000000!important;
  }
  
  .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #000000;
    background-color: #000000;
  }
  
  .sweet-alert button {
    background-color: #000000!important;
  }
  
  .alert-message {
    border: 1px solid #000000;
    border-radius: 3px;
    background: rgb(0, 0, 0);
    padding: 1rem;
  }
  
  .alert-icons {
    height: 70px;
    width: 70px;
    fill: #fff;
  }
  
  .popover-primary {
    background-color: #000000;
    border-color: #000000;
  }
  
  .popover-secondary {
    background-color: #f1388b;
    border-color: #f1388b;
  }
  
  .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #ffffff;
  }
  /*# sourceMappingURL=color.css.map */

  .main-contacts-list {
    overflow: scroll;
  }