/**
 * Author: Álex Lledó Bryant
 * Date: 09/03/2022
 */

/* region *****LOGIN***** */
.auth.auth-bg-1 {
    background:url('../images/loginBackgroundMobile.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
@media (min-width: 768px) {
    .auth.auth-bg-1 {
        background: url('../images/loginBackground.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }
}
/* endregion END LOGIN */
.form-radio.form-radio-flat label input:checked + .input-helper:before {
    background: #9BBF1D;
    border-color: #9BBF1D;
}
.form-check.form-check-flat label input:checked + .input-helper:before {
    background: #9BBF1D;
    border-color: #9BBF1D;
}
.bg-secondary .form-radio label input + .input-helper:before {
    border-color: black;
}
/* region *****NAVBAR***** */
.navbar.default-layout {
    background: #2E7AC1;
}
.sidebar .nav .nav-item.active > .nav-link .menu-title, .sidebar .nav .nav-item.active > .nav-link i{
    color: #2E7AC1!important;
    font-weight: 500;
}
.nav-item.active a.nav-link.active, .nav-item.active a.nav-link[data-toggle="collapse"] {
    color: #2E7AC1!important;
    font-weight: 500!important;
}
/* endregion END NAVBAR */

/* region *****BUTTONS***** */
.btn-primary {
    background: #2E7AC1;
    color: #FAFAFA;
    border: none;
    font-weight: 300;
}
.btn-primary:hover {
    background: #4093E2;
    color: white;
}
.btn-primary:active {
    background: #4093E2!important;
    box-shadow: 0 0 1px 3px #8EC8FF!important;
    color: white!important;
    font-weight: 600;
}
.btn-primary:focus {
    background: #4093E2;
    color: white!important;
    font-weight: 600;
}
.btn-primary.disabled {
    background: #4E7284;
    font-weight: 100;
}
.btn-primary.disabled:hover {
    background: #4E7284;
    font-weight: 100;
    color: #FFFFFF;
}
.btn-primary.disabled:active {
    background: #4E7284!important;
    box-shadow: none!important;
}
.btn-primary.disabled:focus {
    background: #4E7284;
}
.btn-secondary {
    background: #757575;
    color: white;
    border: none;
}
.btn-secondary:hover {
    background: #9d9d9d;
    color: white;
    border: none;
}
.btn-secondary:active {
    background: #9d9d9d;
    color: white!important;
    border: none;
    box-shadow: 0 0 1px 3px #C0C2C3!important;
}
.btn-secondary:focus     {
    background: #9d9d9d;
    border: none;
}
.btn-secondary.disabled {
    background: #C0C2C3;
    color:#9F9F9F;
}
.btn-secondary.disabled:hover {
    background: #C0C2C3;
    color:#9F9F9F;

    
    
}

.btn-secondary.disabled:active {
    background: #C0C2C3!important;
    box-shadow: none!important;
}
.btn-secondary.disabled:focus {
    background: #C0C2C3;
}
.btn-success {
    background: #9BBF1D;
    color: white;
    border: none;
}
.btn-success.disabled {
    background: #B1C07D;
}
.btn-success.disabled:hover {
    background: #B1C07D;
}
.btn-success.disabled:active {
    background: #B1C07D!important;
    box-shadow: none!important;
}
.btn-success.disabled:focus {
    background: #B1C07D;
}
.btn-success:hover {
    background: #8BAC1A;
}
.btn-success:active {
    background: #8BAC1A!important;
    box-shadow: 0 0 1px 3px #C3D977!important;
}
.btn-success:focus {
    background: #8BAC1A;
    color: white;
}
.btn-danger {
    background: #D7192D;
    color: white;
    border: none;
}
.btn-danger.disabled {
    background: #CC7E86;
}
.btn-danger.disabled:hover {
    background: #CC7E86;
}
.btn-danger.disabled:active {
    background: #CC7E86!important;
    box-shadow: none!important;
}
.btn-danger.disabled:focus {
    background: #CC7E86;
}
.btn-danger:hover {
    background: #C11628;
}
.btn-danger:active {
    background: #C11628!important;
    box-shadow: 0 0 1px 3px #FFAAAA!important;
}
.btn-danger:focus {
    background: #C11628;
    color: white;
}
.btn-warning {
    background: #F8B500;
    border: none;
}
.btn-warning.disabled {
    background: #DBC075;
}
.btn-warning.disabled:hover {
    background: #DBC075;
}
.btn-warning.disabled:active {
    background: #DBC075!important;
    box-shadow: none!important;
}
.btn-warning.disabled:focus {
    background: #DBC075;
}
.btn-warning:hover {
    background: #DFA300;
}
.btn-warning:active {
    background: #DFA300!important;
    box-shadow: 0 0 1px 3px #FBD366!important;
}
.btn-warning:focus {
    background: #DFA300;
    color: white;
}

.btn-info {
    background: #59B5E4;
    color: white;
    border: none;
}
.btn-info.disabled {
    background: #A2C8DB;
}
.btn-info.disabled:hover {
    background: #A2C8DB;
}
.btn-info.disabled:active {
    background: #A2C8DB!important;
    box-shadow: none!important;
}
.btn-info.disabled:focus {
    background: #A2C8DB;
}
.btn-info:hover {
    background: #50A3CD;
}
.btn-info:active {
    background: #50A3CD!important;
    box-shadow: 0 0 1px 3px #9BD3EF!important;
}
.btn-info:focus {
    background: #50A3CD;
    color: white;
}

.btn-light {
}
.btn-light.disabled {
}
.btn-light:hover {
}
.btn-light:active {
}

.btn-dark {
}
.btn-dark.disabled {
}
.btn-dark:hover {
}
.btn-dark:active {
}


.btn.btn-outline-primary {
    background: none;
    color: #2E7AC1;
    border: 1px solid #2E7AC1;
}

.btn.btn-outline-primary:hover {
    background: #2E7AC1;
    color: white;
}

.btn.btn-outline-primary:active {
    background: #2E7AC1;
    color: white;
    box-shadow: 0 0 1px 3px #757575;
}

.btn.btn-outline-primary:focus {
    background: #2E7AC1;
    color: white;
}

.btn.btn-outline-primary.disabled {
    background: none;
    color: #81849E;
}
.btn.btn-outline-primary.disabled:hover {
    background: none;
    color: #81849E;
}
.btn.btn-outline-primary.disabled:active {
    background: none;
    box-shadow: none;
    color: #81849E;
}
.btn.btn-outline-primary.disabled:focus {
    background: none;
    color: #81849E;
}
.btn.btn-outline-secondary {
    background: none;
    color: #BFBFBF;
    border: 1px solid #BFBFBF;
}

.btn.btn-outline-secondary:hover {
    background: #BFBFBF;
    color: #FFFFFF;
}

.btn.btn-outline-secondary:active {
    background: #BFBFBF;
    color: #FFFFFF;
    box-shadow: 0 0 1px 3px #F0F0F0;
}

.btn.btn-outline-secondary:focus {
    background: #BFBFBF;
    color: #FFFFFF;
}

.btn.btn-outline-secondary.disabled {
    background: none;
    color: #CDCDCD;
}
.btn.btn-outline-secondary.disabled:hover {
    background: none;
    color: #CDCDCD;
}
.btn.btn-outline-secondary.disabled:active {
    background: none;
    box-shadow: none;
    color: #CDCDCD;
}
.btn.btn-outline-secondary.disabled:focus {
    background: none;
    color: #CDCDCD;
}

.btn.btn-outline-success {
    background: none;
    color: #78B428;
    border: 1px solid #78B428;
}

.btn.btn-outline-success:hover {
    background: #78B428;
    color: #FFFFFF;
}

.btn.btn-outline-success:active {
    background: #78B428;
    color: #FFFFFF;
    box-shadow: 0 0 1px 3px #B1C07D;
}

.btn.btn-outline-success:focus {
    background: #78B428;
    color: #FFFFFF;
}

.btn.btn-outline-success.disabled {
    background: none;
    color: #B1C07D;
}
.btn.btn-outline-success.disabled:hover {
    background: none;
    color: #B1C07D;
}
.btn.btn-outline-success.disabled:active {
    background: none;
    box-shadow: none;
    color: #B1C07D;
}
.btn.btn-outline-success.disabled:focus {
    background: none;
    color: #B1C07D;
}

.btn.btn-outline-danger {
    background: none;
    color: #D7192D;
    border: 1px solid #D7192D;
}

.btn.btn-outline-danger:hover {
    background: #D7192D;
    color: #FFFFFF;
}

.btn.btn-outline-danger:active {
    background: #D7192D;
    color: #FFFFFF;
    box-shadow: 0 0 1px 3px #CC7E86;
}

.btn.btn-outline-danger:focus {
    background: #D7192D;
    color: #FFFFFF;
}

.btn.btn-outline-danger.disabled {
    background: none;
    color: #CC7E86;
}

.btn.btn-outline-danger.disabled:hover {
    background: none;
    color: #CC7E86;
}

.btn.btn-outline-danger.disabled:active {
    background: none;
    box-shadow: none;
    color: #CC7E86;
}

.btn.btn-outline-danger.disabled:focus {
    background: none;
    color: #CC7E86;
}

.btn.btn-outline-warning {
    background: none;
    color: #F8B500;
    border: 1px solid #F8B500;
}

.btn.btn-outline-warning:hover {
    background: #F8B500;
    color: #FFFFFF;
}

.btn.btn-outline-warning:active {
    background: #F8B500;
    color: #FFFFFF;
    box-shadow: 0 0 1px 3px #DBC075;
}

.btn.btn-outline-warning:focus {
    background: #F8B500;
    color: #FFFFFF;
}

.btn.btn-outline-warning.disabled {
    background: none;
    color: #DBC075;
}

.btn.btn-outline-warning.disabled:hover {
    background: none;
    color: #DBC075;
}

.btn.btn-outline-warning.disabled:active {
    background: none;
    box-shadow: none;
    color: #DBC075;
}

.btn.btn-outline-warning.disabled:focus {
    background: none;
    color: #DBC075;
}

.btn.btn-outline-info {
    background: none;
    color: #59B5E4;
    border: 1px solid #59B5E4;
}

.btn.btn-outline-info:hover {
    background: #59B5E4;
    color: #FFFFFF;
}

.btn.btn-outline-info:active {
    background: #59B5E4;
    color: #FFFFFF;
    box-shadow: 0 0 1px 3px #A2C8DB;
}

.btn.btn-outline-info:focus {
    background: #59B5E4;
    color: #FFFFFF;
}

.btn.btn-outline-info.disabled {
    background: none;
    color: #A2C8DB;
}

.btn.btn-outline-info.disabled:hover {
    background: none;
    color: #A2C8DB;
}

.btn.btn-outline-info.disabled:active {
    background: none;
    box-shadow: none;
    color: #A2C8DB;
}

.btn.btn-outline-info.disabled:focus {
    background: none;
    color: #A2C8DB;
}
/* endregion END BUTTONS */

/* region *****ALERTS***** */
.alert-primary {
    background: #2E7AC1;
    color: white;
    border: none;
}

.alert-secondary {
    background: #757575;
    color: white;
    border: none;
}

.alert-success {
    background: #E4EEC2;
    color: #82963E;
    border: 1px solid #82963E;
}
.alert-danger {
    background: #F4C1C7;
    color: #B5434F;
    border: 1px solid #B5434F;
}
.alert-warning {
    background: #FDEBBA;
    color: #B5912E;
    border: 1px solid #B5912E;
}
.alert-info {
    background: #D3EBF8;
    color: #5F91AA;
    border: 1px solid #5F91AA;
}

.alert-light {
}

.alert-dark {
}
/* endregion END ALERTS */

/* region *****BADGES***** */
.badge-primary {
    background: #2E7AC1;
    color: white;
    border: none;
}

.badge-secondary {
    background: #747474;
    color: white;
    border: none;
}

.badge-success {
    background: #9BBF1D;
    color: white;
    border: none;
}

.badge-danger {
    background: #D7192D;
    color: white;
    border: none;
}

.badge-warning {
    background: #F8B500;
    color: white;
    border: none;
}

.badge-info {
    background: #59B5E4;
    color: white;
    border: none;
}

.badge-light {
}

.badge-dark {
}
/* endregion END BADGES */

/* region *****BACKGROUND COLORS***** */
.bg-primary {
    background: #2E7AC1!important;
    color: white!important;
}

.bg-secondary {
    background: #757575!important;
    color: white;
}

.bg-success {
    background: #C3D977!important;
}

.bg-danger {
    background: #FFAAAA!important;
}

.bg-warning {
    background: #FBD366!important;
}

.bg-info {
    background: #9BD3EF!important;
}

.bg-light {
}

.bg-dark {
}
/* endregion END BACKGROUND COLORS */

/* region *****LIST GROUP ITEMS***** */
.list-group-item.active {
    background: #2E7AC1;
    border: none;
    color: white;
    font-weight: 600;
}

.list-group-item-primary {
    background: #2E7AC1;
    border: none;
    color: white;
}

.list-group-item-secondary {
    background: #757575;
    border: none;
    color: white;
}

.list-group-item-success {
    background: #C3D977;
}

.list-group-item-danger {
    background: #FFAAAA;
}

.list-group-item-warning {
    background: #FBD366;
}

.list-group-item-info {
    background: #9BD3EF;
}

.list-group-item-light {
}

.list-group-item-dark {
}
/* endregion END LIST GROUP ITEMS */

/* region *****PAGINATION***** */
.page-item .page-link{
    color: #757575;
    box-shadow: none !important;
}
.page-item .page-link:hover {
    background: #2E7AC1!important;
    border: 1px solid #2E7AC1!important;
}
.page-item .page-link:active {
    background: #E60004!important;
    border: 1px solid #2E7AC1!important;
    box-shadow: none!important;
}
.page-item.active .page-link {
    background: #2E7AC1!important;
    border: 1px solid #2E7AC1!important;
    box-shadow: none!important;
}

/* endregion END PAGINATION */

/* region *****TEXT***** */
.text-primary {
    color: black!important;
}

.text-secondary {
    color: #757575!important;
}

.text-success {
    color: #82963E!important;
}

.text-danger {
    color: #B5434F!important;
}

.text-warning {
    color: #B5912E!important;
}

.text-warning-saturated {
    color: #E3B203!important;
}

.text-info {
    color: #5F91AA!important;
}

.text-light {
}

.text-dark {
}
/* endregion END TEXT */

/* region *****SELECTS***** */
.dropdown-item.selected.active {
    background: #2E7AC1;
}

body > div.container-scroller > div > div.main-panel > div > div > form > div:nth-child(3) > div > div > div.bs-actionsbox > div > button.actions-btn {
    background: #2E7AC1;
    color: white;
}
/* endregion END SELECTS */

/* region NOTIFICATIONS */

.jq-toast-single.jq-has-icon.jq-icon-success {
    background-color: #C3D977;
    color: #212529;
}

.jq-toast-single.jq-has-icon.jq-icon-warning {
    background-color: #FBD366;
    color: #212529;
}
.jq-toast-single.jq-has-icon.jq-icon-error {
    background-color: #FFAAAA;
    color: #212529;
}
.jq-toast-single.jq-has-icon.jq-icon-info {
    background-color: #9BD3EF;
    color: #212529;
}

/* endregion END NOTIFICATIONS */

/* region SWITCHS */
.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #ACACAC!important;
    background-color: #9BBF1D!important;
}

.custom-switch.notCheckedDanger .custom-control-label::before {
    border-color: #D7192D;
    background-color: #D7192D
}

.custom-switch.notCheckedDanger .custom-control-label::after {
    background-color: white;
}
/* endregion END SWITCHS */

/* region SWEETALERT */
.swal-icon--success__ring {
    border-color: #C3D977;
}

.swal-icon--success__line.swal-icon--success__line--long {
    background-color: #C3D977;
}

.swal-icon--success__line.swal-icon--success__line--tip {
    background-color: #C3D977;
}
/* endregion END SWEETALERT */

/* region POPOVER */
.popover-body {
    background-color: white!important;
}
/* endregion END POPOVER */

/* region *****BORDERS***** */
.border-primary {
    border-color: #2E7AC1!important;
}

.border-secondary {
    border-color: #FBFBFB!important;
}

.border-success {
    border-color: #9BBF1D!important;
}

.border-danger {
    border-color: #D7192D!important;
}

.border-warning {
    border-color: #F8B500!important;
}

.border-info {
    border-color: #59B5E4!important;
}

.border-light {
}

.border-dark {
}
/* endregion END BORDERS */

/* region STARS */
.br-theme-css-stars .br-widget a.br-active::after, .br-theme-css-stars .br-widget a.br-selected::after, .br-theme-fontawesome-stars .br-widget a.br-active::after, .br-theme-fontawesome-stars .br-widget a.br-selected::after {
    color: #2E7AC1;
}
/* endregion */

/* region BARS */
.br-theme-bars-1to10 .br-widget a.br-active, .br-theme-bars-1to10 .br-widget a.br-selected, .br-theme-bars-horizontal .br-widget a.br-active, .br-theme-bars-horizontal .br-widget a.br-selected, .br-theme-bars-movie .br-widget a.br-active, .br-theme-bars-movie .br-widget a.br-selected, .br-theme-bars-pill .br-widget a.br-active, .br-theme-bars-pill .br-widget a.br-selected, .br-theme-bars-reversed .br-widget a.br-active, .br-theme-bars-reversed .br-widget a.br-selected {
    background-color: #2E7AC1;
}

.br-theme-bars-1to10 .br-widget a, .br-theme-bars-horizontal .br-widget a, .br-theme-bars-movie .br-widget a, .br-theme-bars-pill .br-widget a, .br-theme-bars-reversed .br-widget a {
    background-color: #D2D2D2;
    color: #FFFFFF;
}
/* endregion */

/* region SLIDER */
.noUi-target .noUi-base .noUi-connect {
    background: #2E7AC1;
}
.noUi-target .noUi-base .noUi-origin .noUi-handle::after {
    background: #2E7AC1;
}
.noUi-target .noUi-base {
    background: #CCC;
}
.noUi-tooltip {
    background: #2E7AC1;
    color: black;
    border-color: none;
}
/* endregion */