:root {
    --custom-brand: #34588E;
    --custom-brand-text: #fff;
    --custom-brand-dark-shadow: 0px 4px 16px 0px rgba(52, 88, 142, 0.15);
    --custom-brand-light-shadow: 0px 4px 16px 0px rgba(52, 88, 142, 0.25);
    --custom-brand-border-shadow: 0 0 0 0.2rem rgba(52, 88, 142, 0.35);
    --custom-brand-shadow: 0px 9px 16px 0px rgba(52, 88, 142, 0.25);
    --custom-primary: #345877;
    --custom-primary-dark-shadow: 0px 4px 16px 0px rgba(52, 88, 119, 0.15);
    --custom-primary-light-shadow: 0px 4px 16px 0px rgba(52, 88, 119, 0.25);
    --custom-primary-border-shadow: 0 0 0 0.2rem rgba(52, 88, 119, 0.35);
    --custom-primary-shadow: 0px 9px 16px 0px rgba(52, 88, 119, 0.25);
    --custom-info: #34689B;
    --custom-info-dark-shadow: 0 4px 16px 0 rgba(52, 104, 155, 0.15);
    --custom-info-light-shadow: 0 4px 16px 0 rgba(52, 104, 155, 0.25);
    --custom-info-border-shadow: 0 0 0 0.2rem rgba(52, 104, 155, 0.35);
    --custom-info-shadow: 0 9px 16px 0 rgba(52, 104, 155, 0.25);
    --custom-hover-contrast: contrast(1.35);
    --custom-active-contrast: contrast(1.65);
    --custom-menu: #5CA5CC;
    --custom-menu-light: #9EDBFF;
    --custom-label: #648395;
    --custom-font-color-disabled: #a7abc3;
    --default-text-color: #6c7293;
    --default-radio-check-color: #a9adb7;
    --default-radio-check-inner-color: #9196a0;
    --custom-app-color: #515fa6;
}



/* ================= DEFAULT COLOUR ================= */


/* Default Colours */

.btn.btn-default.active,
.btn.btn-default:active,
.btn.btn-default:hover {
    background-color: var(--custom-brand);
    border-color: var(--custom-brand);
    color: #fff;
}



/* ================= SOLID COLOURS ================= */


/* Hover & Active Contrasts */

.btn-brand:hover, .btn-primary:hover, .btn-info:hover {
    filter: var(--custom-hover-contrast);
}

.btn-brand:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled):active {
    filter: var(--custom-active-contrast) !important;
}


/* Brand Colours */

.btn-brand, .btn-brand:hover,
.btn-brand:not(:disabled):not(.disabled):active {
    background-color: var(--custom-brand);
    border-color: var(--custom-brand);
}

/*parche para el login de ie10 - editar en el caso de que el color por defecto de la variable --custom-brand se modifique*/
.btn-brand, .btn-brand:hover, .btn-brand:not(:disabled):not(.disabled):active {
    background-color: #34588e;
    border-color: #34588e;
}

.btn.btn-brand.btn-elevate,
.btn.btn-brand.btn-elevate:focus,
.btn.btn-brand.btn-elevate.active,
.btn.btn-brand.btn-elevate:active {
    -webkit-box-shadow: var(--custom-brand-dark-shadow) !important;
    box-shadow: var(--custom-brand-dark-shadow) !important;
}

.btn.btn-brand.btn-elevate:hover {
    -webkit-box-shadow: var(--custom-brand-light-shadow) !important;
    box-shadow: var(--custom-brand-light-shadow) !important;
}


/* Primary Colours */

.btn-primary, .btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--custom-primary);
    border-color: var(--custom-primary);
}

.btn.btn-primary.btn-elevate,
.btn.btn-primary.btn-elevate:focus,
.btn.btn-primary.btn-elevate.active,
.btn.btn-primary.btn-elevate:active {
    -webkit-box-shadow: var(--custom-primary-dark-shadow) !important;
    box-shadow: var(--custom-primary-dark-shadow) !important;
}

.btn.btn-primary.btn-elevate:hover {
    -webkit-box-shadow: var(--custom-primary-light-shadow) !important;
    box-shadow: var(--custom-primary-light-shadow) !important;
}


/* Info Colours */

.btn-info, .btn-info:hover,
.btn-info:not(:disabled):not(.disabled):active {
    background-color: var(--custom-info);
    border-color: var(--custom-info);
}

.btn.btn-info.btn-elevate,
.btn.btn-info.btn-elevate:focus,
.btn.btn-info.btn-elevate.active,
.btn.btn-info.btn-elevate:active {
    -webkit-box-shadow: var(--custom-info-dark-shadow) !important;
    box-shadow: var(--custom-info-dark-shadow) !important;
}

.btn.btn-info.btn-elevate:hover {
    -webkit-box-shadow: var(--custom-info-light-shadow) !important;
    box-shadow: var(--custom-info-light-shadow) !important;
}



/* ================= OUTLINE COLOURS ================= */


/* Hover & Active Contrasts */

.btn-outline-brand:hover, .btn-outline-primary:hover, .btn-outline-info:hover {
    filter: var(--custom-hover-contrast);
}

.btn-outline-brand:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled):active {
    filter: var(--custom-active-contrast) !important;
}


/* Brand Colours */

.btn-outline-brand {
    border-color: var(--custom-brand);
    color: var(--custom-brand);
}

.btn-outline-brand:hover,
.btn-outline-brand:not(:disabled):not(.disabled):active {
    background-color: var(--custom-brand);
    border-color: var(--custom-brand);
    color: #fff;
}

.btn-outline-brand:focus,
.btn-outline-brand.focus {
    -webkit-box-shadow: var(--custom-brand-border-shadow) !important;
    box-shadow: var(--custom-brand-border-shadow) !important;
}


/* Primary Colours */

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

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: var(--custom-primary);
    border-color: var(--custom-primary);
    color: #fff;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    -webkit-box-shadow: var(--custom-primary-border-shadow) !important;
    box-shadow: var(--custom-primary-border-shadow) !important;
}


/* Info Colours */

.btn-outline-info {
    border-color: var(--custom-info);
    color: var(--custom-info);
}

.btn-outline-info:hover,
.btn-outline-info:not(:disabled):not(.disabled):active {
    background-color: var(--custom-info);
    border-color: var(--custom-info);
    color: #fff;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
    -webkit-box-shadow: var(--custom-info-border-shadow) !important;
    box-shadow: var(--custom-info-border-shadow) !important;
}



/* ================= HOVER COLOURS ================= */


/* Hover & Active Contrasts */

.btn-hover-brand:hover, .btn-hover-primary:hover, .btn-hover-info:hover {
    filter: var(--custom-hover-contrast);
}

.btn-hover-brand:not(:disabled):not(.disabled):active,
.btn-hover-primary:not(:disabled):not(.disabled):active,
.btn-hover-info:not(:disabled):not(.disabled):active {
    filter: var(--custom-active-contrast) !important;
}


/* Brand Colours */

.btn-hover-brand {
    color: var(--custom-brand);
}

.btn-hover-brand.active,
.btn-hover-brand:active,
.btn-hover-brand:hover {
    background-color: var(--custom-brand);
    border-color: var(--custom-brand);
    color: #fff;
}

.btn-hover-brand:focus,
.btn-hover-brand.focus {
    -webkit-box-shadow: var(--custom-brand-border-shadow) !important;
    box-shadow: var(--custom-brand-border-shadow) !important;
}


/* Primary Colours */

.btn-hover-primary {
    color: var(--custom-primary);
}

.btn-hover-primary.active,
.btn-hover-primary:active,
.btn-hover-primary:hover {
    background-color: var(--custom-primary);
    border-color: var(--custom-primary);
    color: #fff;
}

.btn-hover-primary:focus,
.btn-hover-primary.focus {
    -webkit-box-shadow: var(--custom-primary-border-shadow) !important;
    box-shadow: var(--custom-primary-border-shadow) !important;
}


/* Info Colours */

.btn-hover-info {
    color: var(--custom-info);
}

.btn-hover-info.active,
.btn-hover-info:active,
.btn-hover-info:hover {
    background-color: var(--custom-info);
    border-color: var(--custom-info);
    color: #fff;
}

.btn-hover-info:focus,
.btn-hover-info.focus {
    -webkit-box-shadow: var(--custom-info-border-shadow) !important;
    box-shadow: var(--custom-info-border-shadow) !important;
}


/* ================= LIKNS COLORS ================= */

.kt-link--secondary {
    color: var(--custom-brand) !important;
}

.btn-secondary.btn-hover-brand:not(:disabled):not(.disabled):hover {
    color: #ffffff;
    background-color: var(--custom-brand) !important;
}

/* ================= OTHER COMPONENTS ================= */


/* Page Item */

.pagination .page-item.active > .page-link,
.pagination .page-item:hover > .page-link,
.pagination .page-item.previous > .page-link:hover,
.pagination .page-item.next > .page-link:hover,
.pagination .page-item.last > .page-link:hover,
.pagination .page-item.first > .page-link:hover {
    background: var(--custom-brand) !important;
}

.kt-nav .kt-nav__section .kt-nav__section-text,
.kt-nav .kt-nav__item.kt-nav__item--active > .kt-nav__link .kt-nav__link-icon,
.kt-nav .kt-nav__item.kt-nav__item--active > .kt-nav__link .kt-nav__link-text,
.kt-nav .kt-nav__item.kt-nav__item--active > .kt-nav__link .kt-nav__link-arrow,
.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-icon,
.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-text,
.kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link .kt-nav__link-arrow {
    color: var(--custom-brand) !important;
}

.btn-secondary.btn-hover-brand:not(:disabled):not(.disabled):hover {
    color: #ffffff;
    background-color: var(--custom-brand) !important;
}

table.dataTable tbody tr.selected .input-group-append a.btn-secondary.btn-hover-brand, .btn-secondary.btn-hover-brand i{
    color: var(--custom-brand);
}

table.dataTable tbody tr.selected .input-group-append a.btn-secondary.btn-hover-brand, .btn-secondary.btn-hover-brand:hover i {
    color: var(--custom-brand-text);
}

table.dataTable tbody tr.selected a.btn-secondary.btn-hover-brand, .btn-secondary.btn-hover-brand {
    color: var(--default-text-color);
}

.slider-handle {
    background-image: linear-gradient(to bottom,var(--custom-brand) 0,var(--custom-brand) 100%);
}

.dropdown-item.active, .dropdown-item:active {
    color: #ffffff;
    text-decoration: none;
    background-color: var(--custom-brand);
}

.show > .btn-hover-brand, .btn-hover-brand.active, .btn-hover-brand:active, .btn-hover-brand:hover {
    color: var(--custom-brand-text);
    background: var(--custom-brand);
    border-color: var(--custom-brand);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background: var(--custom-primary);
    border-color: var(--custom-primary);
}

/*para botones del tipo a*/
.btn[disabled]{
    opacity: 0.65;
}

.badge.badge-brand {
    background-color: var(--custom-brand);
    color: var(--custom-brand-text);
}


.show > .btn.btn-primary.btn-elevate-hover, .btn.btn-primary.btn-elevate-hover.active, .btn.btn-primary.btn-elevate-hover:focus, .btn.btn-primary.btn-elevate-hover:active, .btn.btn-primary.btn-elevate-hover:hover {
    -webkit-box-shadow: var(--custom-primary-shadow) !important;
    box-shadow: var(--custom-primary-shadow) !important;
}

.table {
    color: var(--default-text-color);
}

.kt-radio > input:checked ~ span,
.kt-checkbox > input:checked ~ span {
    border: 1px solid var(--default-radio-check-color);
}

.kt-radio > span:after,
.kt-checkbox > span:after {
    border: solid var(--default-radio-check-inner-color);
}