/* 
    #26BBE3 => green
    #26BAE2 => green
    #4FDBC5 => black
*/

:root {
    --color-primary: #c00122;
    --color-secondary: #181716;
    --color-opacity: ;
}
  

.notocolor {
    color: var(--color-primary) !important;
}

.sidebar-nav > ul > li.active > a, .sidebar-nav > ul > li.active:hover > a {
    background: var(--color-primary);
}

/*.btn-css {
    background-color: var(--color-primary) !important;
    padding: 5px;
    font-size: 14px;
    border: none;
}*/

.label-success {
    background-color:var(--color-primary) !important;
}

.topbar ul.dropdown-user li a:hover{
    color: var(--color-primary);
}

.sidebar-nav ul li a.active, .sidebar-nav ul li a:hover{
    color: var(--color-primary) !important;
}

.profile-tab li a.nav-link.active, .customtab li a.nav-link.active {
    border-bottom: 2px solid var(--color-primary);
    color: var(--color-primary);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

.switch label input[type=checkbox]:checked+.lever {
    background-color: var(--color-primary);
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: var(--color-primary);
}

.btn-success, .btn-success.disabled {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.btn-success.disabled:hover, .btn-success:hover {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .btn-success:focus, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover{
    background-color: var(--color-primary) !important;
    border: 1px solid var(--color-primary) !important;
}

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

.btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:hover {
    background: var(--color-secondary);
    border-color: var(--color-secondary);
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    background: var(--color-secondary);
    border-color: var(--color-secondary);
}


.tabs-vertical li .nav-link.active, .tabs-vertical li .nav-link.active:focus, .tabs-vertical li .nav-link:hover {
    background : var(--color-secondary);
}

.label-primary {
    background-color: var(--color-primary);
}

.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus{
    background-image: linear-gradient( var(--color-primary), var(--color-primary)), linear-gradient(#d9d9d9, #d9d9d9);
}

.chosen-container-active .chosen-choices{
    border: 1px solid var(--color-primary);
}

#agency_sel_chosen li.highlighted, #advertiser_sel_chosen li.highlighted{
    background-color: var(--color-primary);
    background-image: linear-gradient(var(--color-primary) 20%, var(--color-primary) 90%);
}

.form-control:focus{
    border-color: var(--color-primary);
    box-shadow: 0 0 0 0.2rem var(--color-opacity);
}

.btn.focus, .btn:focus{
    box-shadow: 0 0 0 0.2rem var(--color-opacity);
}

.chosen-container-active.chosen-with-drop .chosen-single{
    border: 1px solid var(--color-primary);
}

.chosen-container .chosen-results li.highlighted{
    background-color: var(--color-primary);
    background-image: -webkit-linear-gradient(var(--color-primary) 20%, var(--color-primary) 90%);
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled]{
    background-color: var(--color-primary);
}

option:hover{
    background: var(--color-primary);
}

.custom-style-chosen + div.chosen-container li.highlighted{
    background-color: var(--color-primary);
    background-image: linear-gradient(var(--color-primary) 20%, var(--color-primary) 90%);
}

/* .sweet-alert .sa-icon.sa-success .sa-placeholder{
    border: 4px solid var(--color-opacity) !important;
}

.sweet-alert .sa-icon.sa-success .sa-line{
    background-color: var(--color-opacity) !important;
} */

.custom-style-chosen + div.chosen-container li.highlighted{
    background-color: var(--color-primary);
    background-image: linear-gradient(var(--color-primary) 20%, var(--color-primary) 90%);
}

.tab_one_detail_campaign{
    color: var(--color-primary);
}