@charset "UTF-8";

/* Secondary sidebar options */
ul > li > div > ul > li a:hover,
ul > li > div > ul > li a:active {
    background-color: #e2e3e5;
}

/* Customizing the input file */
input[type="file"] {
    position:relative;
}

input[type="file"] {
    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;
}

input[type="file"]: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;
}

input[type="file"]:after {
    pointer-events: none;
    position: absolute;
    top: 36px;
    left: 0;
    width: 50px;
    right: 0;
    height: 56px;
    content: "";
    background-image: url('../img/cloud-plus-fill.svg');
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}

input[type="file"]:before {
    position: absolute;
    bottom: 10px;
    left: 0;
    pointer-events: none;
    width: 100%;
    right: 0;
    height: 57px;
    content: " (o puedes arrastrar y soltar tus archivos aquí) ";
    display: block;
    margin: 0 auto;
    color: #595c5f;
    font-weight: 600;
    text-align: center;
}

input[type="file"]::-ms-browse {
    border-radius: 5px;
    background-color: #ffc107;
}

input[type="file"]::-webkit-file-upload-button {
    border-radius: 5px;
    background-color: #ffc107;
    transition: 1s;
}

input[type="file"]::file-selector-button {
    border-radius: 5px;
    background-color: #ffc107;
    transition: 1s;
}

input[type="file"]::-ms-browse:hover {
    background-color: #ffca2c !important;
}

input[type="file"]::-webkit-file-upload-button:hover {
    background-color: #ffca2c !important;
}

input[type="file"]::file-selector-button:hover {
    background-color: #ffca2c !important;
}

/* Custom red button  */
.btn-custom-red {
    color: #fff;
    background-color: #bf0909;
    border-color: #dc3545;
}

.btn-custom-red:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
}

.btn-custom-red:active {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834;
}

.btn-custom-red:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}