.card-primary.card-outline {
    border-top: 3px solid #17375e;
}

.custom-checkbox .custom-control-input-primary:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input-primary:checked ~ .custom-control-label::before,
.custom-switch.custom-switch-on-primary .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #17375e;
    background-color: #17375e;
}

.custom-checkbox .custom-control-input-primary:disabled:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input-primary:disabled:checked ~ .custom-control-label::before,
.custom-switch.custom-switch-on-primary .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: #86bdff;
    border-color: #86bdff;
    border-color: #86bdff;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #17375e;
    border-color: transparent;
    color: #fff;
}

.callout.callout-primary {
    border-left-color: #17375e;
}

.btn-primary {
    color: #fff;
    background: linear-gradient(315deg, #31619b, #183a60);
    border-color: #fff;
    box-shadow: none;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #17375e;
        border-color: #17375e;
        box-shadow: none;
    }

    .btn-primary:disabled, .btn-primary:disabled:hover {
        background: #6494ce;
        border-color: #6494ce;
        color: #fff;
    }

.btn-primary-light {
    color: #fff ;
    background: linear-gradient(316deg, #31619b, #183a60);
    border-color: #fff;
    box-shadow: none;
}

    .btn-primary-light:hover {
        color: #000;
        background-color: #b9daff;
        border-color: #17375e;
        box-shadow: none;
    }

    .btn-primary-light:disabled, .btn-primary-light:disabled:hover {
        background: #6494ce;
        border-color: #6494ce;
        color: #fff;
    }

.btn-outline-primary {
    color: #17375e;
    border-color: #17375e;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #17375e;
        border-color: #183a60;
    }

    .btn-outline-primary:disabled, .btn-outline-primary:disabled:hover {
        color: #2d6cb9;
        border-color: #2d6cb9;
    }

.text-primary {
    color: #17375e !important;
}

.text-inicon {
    color: #17375e !important;
}

.text-primary-light {
    color: #e2e2f8;
}

.a-primary {
    color: #17375e;
}

    .a-primary:hover {
        color: #31619b;
    }

.btn-tool-primary {
    background-color: transparent;
    color: #183a60;
}

    .btn-tool-primary:hover {
        background-color: #183a60;
        color: #fff;
    }

.btn-tool-primary-light {
    background-color: transparent;
    color: #fff;
}

    .btn-tool-primary-light:hover {
        background-color: #fff;
        color: #183a60;
    }

.primary-dark {
    color: #00254d;
}

.btn-primary-dark {
    color: #fff !important;
    background-color: #00254d;
    border-color: #00254d;
    box-shadow: none;
}

    .btn-primary-dark:hover {
        color: #fff;
        background-color: #001933;
        border-color: #001933;
        box-shadow: none;
    }

.badge-primary {
    color: #fff;
    background-color: #17375e;
}

.bg-primary {
    color: #fff !important;
    background-color: #17375e !important;
}

.alert-primary {
    color: #fff;
    background-color: #31619b;
    border-color: #31619b;
}

.page-item.active .page-link.page-link-primary {
    z-index: 3;
    color: #fff;
    background-color: #31619b;
    border-color: #31619b;
}

.page-link-primary {
    color: #31619b;
}

    .page-link-primary:hover {
        color: #17375e;
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link .nav-link-primary {
    color: #fff;
    background-color: #31619b;
}

.nav-pills .nav-link-primary:not(.active):hover {
    color: #17375e;
}

.input-table-sm input {
    background-color: #7db8ff21;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #fff;
}

.bootstrap-select > .dropdown-toggle, .bootstrap-select > .dropdown-toggle:active, .bootstrap-select > .dropdown-toggle:focus, .bootstrap-select > .dropdown-toggle:hover {
    color: #fff;
}