/*footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
}
*/
@font-face {
    font-family: 'Outfit';
    src: url(/Source/fonts/Outfit-VariableFont_wght.ttf);
}
body {
    font-family: Outfit;
    font-size:17px;
}
::placeholder {
    color: #005d63;
}

.bg-vv {
    background-color: #268DC2!important;
    color: #fff;
}
.txt-b {
    color: #268DC2!important;
}
.txt-v {
    color: #268DC2;
}
txt-g {
    color: #858796 !important;
}
.disabled {
    color: #005d63 !important;
}
.bg-v {
    background-color: #268DC2 !important;
    color: #fff;
}
    .bg-v:hover {
        background-color: #268DC2!important;
        color: #fff;
    }
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #005d63;
    border-color: #005d63;
}
.border-left-primary {
    border-left: 0.25rem solid #4abaad !important;
}
.border-left-success {
    border-left: 0.25rem solid #005d63 !important;
}
/*.border-left-info {
    border-left: 0.25rem solid #f4b223 !important;
}*/
.text-primary {
    color: #005d63 !important;
}
.sidebar-dark .nav-item .nav-link {
    color: #005d63;
    font-weight: bold;
}
    .sidebar-dark .nav-item .nav-link:hover {
        color: #4bbaad;
    }
    .sidebar-dark .nav-item .nav-link:active, .sidebar-dark .nav-item .nav-link:focus, .sidebar-dark .nav-item .nav-link:hover {
        color: #4bbaad;
    }
.sidebar .nav-item .collapse .collapse-inner .collapse-item.active, .sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
    color: #4bbaad;
    font-weight: 700;
    
}
.nav-tabs .nav-link.active {
    color: #4bbaad;
    background-color: #fff;
    border-color: #dddfeb #dddfeb #fff;
}
.nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #005d63;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
    .nav-link:hover {
        display: block;
        padding: 0.5rem 1rem;
        color: #4bbaad;
        text-decoration: none;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    }
form.user .form-control-user {
     font-size: .8rem;
    border-radius: 1rem; 
     padding: 1rem 1rem;
}
.btn-success {
    color: #fff;
    background-color: #268DC2;
    border-color: #268DC2;
}
    .btn-success:hover {
        color: #fff;
        background-color: #268DC2;
        border-color: #268DC2;
    }
.sidebar-dark .nav-item .nav-link i {
    color: #005d63;
}
.sidebar-dark .nav-item .nav-link[data-toggle=collapse]::after {
    color: #005d63;
}
.img1 {
    box-shadow: 6px 6px 5px -2px rgb(0 133 101 / 75%);
    -webkit-box-shadow: 6px 6px 5px -2px rgb(80 80 80 / 32%);
    -moz-box-shadow: 6px 6px 5px -2px rgba(0,133,101,0.75);
}

.form-check-input:checked {
    background-color: #4abaad !important;
    border-color: #4bbaad !important;
}
.btn-warning {
    color: #fff;
    background-color: #F4B223 !important;
    border-color: #ffb700;
}
.btn-danger {
    color: #fff;
    background-color: #e71400 !important;
    border-color: #e74a3b;
}
.badge-warning {
    color: #fff;
    background-color: #eba000 !important;
    border-color: #ffb700;
}
.btn-primary {
    color: #fff;
    background-color: #268DC2;
    border-color: #4cbbae;
}
    .btn-primary:hover {
        color: #fff;
        background-color: #268DC2 !important;
        border-color: #268DC2 !important;
    }
    .btn-primary:focus {
        color: #fff;
        background-color: #268DC2 !important;
        border-color: #4cbaad !important;
        box-shadow: 0 0 0 0.2rem rgb(105 136 228 / 50%);
    }

.badge-primary {
    color: #fff;
    background-color: #57bfb2;
}
.sidebar .nav-item .collapse .collapse-inner .collapse-header, .sidebar .nav-item .collapsing .collapse-inner .collapse-header {
    margin: 0;
    white-space: nowrap;
    padding: 0.5rem 1.5rem;
    text-transform: uppercase;
    font-weight: 800;
    font-size: .65rem;
    color: #056066;
}

.bg-check {
    background-color: #4bbaad !important;
    color: #fff;
}

.files input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 120px 0px 85px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}

.files input:focus {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    border: 1px solid #92b0b3;
}

.files {
    position: relative;
    background-color: white !important;
}

.files:after {
    pointer-events: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 50px;
    right: 0;
    height: 56px;
    content: "";
    background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}

.color input {
    background-color: #f1f1f1;
}

.files:before {
    position: absolute;
    bottom: 0px;
    left: 0;
    pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: " O arrastra aquí tu archivo. ";
    display: block;
    margin: 0 auto;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;

}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #4bbaad;
    background-color: #ffffff;
    font-weight:bold;
}
.topbar .dropdown-list .dropdown-header {
    background-color: #268DC2;
    border: 1px solid #268DC2;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #fff;
}
.bg-info {
    background-color: #4abaad !important;
}

.btn-primary:disabled {
    color: #fff;
    background-color: #4abaad;
    border-color: #8bd2ca;
}
hr {
    color: #6ec7bc;
}
.bg-primary {
    background-color: #4e73df00 !important;
    color:#fff !important;
}

.flotante7 {
    position: fixed;
    bottom: 70px;
    right: 20px;
}


::-webkit-scrollbar {
    -webkit-appearance: none;
}

    ::-webkit-scrollbar:vertical {
        width: 10px;
    }

::-webkit-scrollbar-button:increment, .contenedor::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar:horizontal {
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #7979796b;
    border-radius: 20px;
    border: 2px solid #f1f2f3;
}

::-webkit-scrollbar-track {
    border-radius: 10px;
}