.text-themecolor {
    color: #0C5D7A !important;
}

.btn-outline-primary {
    color: #0C5D7A !important;
    background-color: #ffffff;
    border-color: #0C5D7A !important;
    -webkit-box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    box-shadow: 0 2px 2px 0 rgba(116, 96, 238, 0.14), 0 3px 1px -2px rgba(116, 96, 238, 0.2), 0 1px 5px 0 rgba(116, 96, 238, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

    .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus {
        background: #0C5D7A !important;
        -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        color: #ffffff !important;
        border-color: #0C5D7A !important;
    }

    .btn-outline-primary.active, .btn-outline-primary:active, .btn-outline-primary:focus {
        -webkit-box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        box-shadow: 0 14px 26px -12px rgba(116, 96, 238, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(116, 96, 238, 0.2);
        background-color: #6352ce;
        border-color: #6352ce;
    }

span[class*="-error"] {
    color: red;
}

.form-group .input-validation-error {
    border-color: #ef5350;
}


.table, .table td,
.table th {
    border-color: #ddd !important;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #0C5D7A;
    border-color: #0C5D7A;
}

.k-widget *, .k-widget :before {
    box-sizing: border-box !important;
}

.k-header {
    background-color: #0C5D7A !important; /*#495585 #08306b */
    color: #f0f0f0 !important;
}

.k-window-titlebar {
    background-color: #0C5D7A !important; /*#495585 #08306b */
    color: #f0f0f0 !important;
}

.k-primary {
    border-color: #0C5D7A !important;
    background-color: #0C5D7A !important;
}

    .k-primary:hover {
        border-color: #0C5D7A !important;
        background-color: #1685ad !important;
    }

.scarbut {
    min-width: 150px !important;
    height: 40px !important;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 20px;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #bebbbb;
    background-color: #fff;
    border-color: #0C5D7A #dee2e6 #fff;
    border-top-width: 2px;
}

.nav-item a.nav-link {
    color: #333;
}

.layout-card {
    border: 1px solid #eaeaea;
    padding: 10px;
}


.card-no-border .left-sidebar,
.card-no-border .sidebar-nav {
    background: #0C5D7A !important;
}


/* NAVIGATION COLORING */

.sidebar-nav ul li.nav-small-cap {
    color: #c9c6c6 !important;
}

.sidebar-nav ul li a {
    color: #ffffff !important;
}

.sidebar-nav > ul > li > a i {
    color: #ffffff !important;
}

.sidebar-nav > ul > li > a.active {
    background: #87afbd !important;
    color: #263238 !important;
}

.sidebar-nav > ul > li > a:hover {
    background: #87afbd !important;
    color: #263238 !important;
}

.sidebar-nav > ul > li > a.active i {
    color: #263238 !important;
}

.sidebar-nav > ul > li > a:hover i {
    color: #263238 !important;
}

.mini-sidebar .sidebar-nav #sidebarnav > li > ul {
    background: #87afbd !important;
}


.navbar-header-custom {
    border-right: 2px solid #0C5D7A;
    border-left: 2px solid #0C5D7A;
    border-top: 2px solid #0C5D7A;
    height: 70px;
    padding-top: 3px
}

.control-label {
    padding-top: 5px !important;
}

.custom-control-label {
    padding-top: 3px !important;
}

[type="radio"].radio-col-custom:checked + label:after {
    background-color: #87afbd;
    border-color: #0C5D7A;
    -webkit-animation: ripple 0.2s linear forwards;
    animation: ripple 0.2s linear forwards;
}

[type="checkbox"]:checked.chk-col-custom + label:before {
    border-right: 2px solid #0C5D7A;
    border-bottom: 2px solid #0C5D7A;
}

[type="checkbox"].filled-in:checked.chk-col-custom + label:after {
    border: 2px solid #0C5D7A;
    background-color: #87afbd;
}

html body .p-t-5 {
    padding-top: 5px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #0C5D7A !important;
    background-color: #0C5D7A !important;
}


.btn-custom,
.btn-custom.disabled {
    color: #ffffff;
    font-weight: 500;
    background-color: #0C5D7A;
    border: 1px solid #0C5D7A;
    -webkit-box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    box-shadow: 0 2px 2px 0 rgba(66, 165, 245, 0.14), 0 3px 1px -2px rgba(66, 165, 245, 0.2), 0 1px 5px 0 rgba(66, 165, 245, 0.12);
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

    .btn-custom:hover,
    .btn-custom.disabled:hover {
        color: #ffffff;
        font-weight: 500;
        background: #1685ad;
        border: 1px solid #0C5D7A;
        -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
        box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
    }

    .btn-custom.active, .btn-custom:active, .btn-custom:focus,
    .btn-custom.disabled.active,
    .btn-custom.disabled:active,
    .btn-custom.disabled:focus {
        color: #ffffff;
        font-weight: 500;
        border-color: #0C5D7A;
        background: #0C5D7A;
        -webkit-box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
        box-shadow: 0 14px 26px -12px rgba(23, 105, 255, 0.42), 0 4px 23px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(23, 105, 255, 0.2);
        border-color: transparent;
    }


        .btn-custom.active.focus,
        .btn-custom.active:focus,
        .btn-custom.active:hover,
        .btn-custom.focus:active,
        .btn-custom:active:focus,
        .btn-custom:active:hover,
        .open > .dropdown-toggle.btn-custom.focus,
        .open > .dropdown-toggle.btn-custom:focus,
        .open > .dropdown-toggle.btn-custom:hover,
        .btn-custom.focus,
        .btn-custom:focus,
        .show > .btn-custom.dropdown-toggle {
            background-color: #0C5D7A;
            border: 1px solid #0C5D7A;
            color: #ffffff;
            font-weight: 500;
        }