﻿.lblError {
    color: red;
    font-size: 13px;
    text-align: center;
    margin-left: .5rem;
    margin-right: .5rem;
}

.imgBtn {
    height: 20px;
    width:20px;
}

.imgBtn:hover {
    transform: scale(1.3);
    cursor: pointer;
}

.scroll {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 50px !important;
}
.ruFileWrap {
    white-space: normal !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: left;
    max-width: 100%;
}
.RadGrid_Default, .RadGrid div.rgHeaderWrapper {
    border:none!important;
}

.RadGrid_Default .rgHeader {
    background: white!important;
}

.rgRow, .rgAltRow {
    border-radius: 6px !important;
    overflow: hidden !important;
    background: #F0F0F0;
    text-align:center;
}
.RadUpload .ruFakeInput {
    display: none !important;
}

.RadUpload_Default .ruSelectWrap .ruButton {
    background: #D9D9D9 !important;
    min-width: 30px !important;
    height: 30px !important;
    border: none !important;
    background-image: url(../Images/Icon/Add.png) !important;
    border-radius: 0px !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    margin-left: auto !important;
    display: flex !important;
}

.RadUpload_Default .ruSelectWrap {
    display: flex !important;
    justify-content: flex-end !important;
}

.RadUpload .ruFileWrap.ruStyled {
    font-size: 12px !important;
}
.RadUpload .ruFileWrap {
    display: block;
}

.RadUpload .ruButton {
    display: block;
}

.form-group {
    width: 400px;
    display: inline-block;
    margin-right: 24px;
}

.textbox .riTextBox,
.textbox {
    display: inline-block !important;
    width: 100%;
    height: 40px;
    border-radius: 6px;
    border: none !important;
    background-color: #F0F0F0 !important;
    color: #373F41 !important;
    font-family: Nimbus Sans D OT !important;
    font-size: 14px !important;
    /*margin-top: 10px !important;*/
    padding: 5px 10px;
    outline: none !important;
}

.date .riTextBox {
    display: inline-block !important;
    width: 100% !important;
    height: 35px;
    border-radius: 6px;
    border: none !important;
    background-color: #F0F0F0 !important;
    color: #373F41 !important;
    font-family: Nimbus Sans D OT !important;
    font-size: 14px !important;
    /*margin-top: 10px !important;*/
    padding: 5px 10px !important;
}

.date a {
    border: none !important;
    color: rgba(0, 0, 0, 1) !important;
    background-color: transparent !important;
}

.calendar {
    font-family: Nimbus Sans D OT !important;
    font-size: 14px !important;
    border: none !important;
}

.cboGrid {
    display: inline-block !important;
    height: 30px !important;
    width: 100% !important;
    border-radius: 6px;
    margin-top: 10px !important;
    padding: 5px 10px;
    outline: none !important;
    background-color: #F0F0F0 !important;
    border: 1px solid;
}

.txtGrid {
    display: inline-block !important;
    height: 30px;
    width:100% !important;
    border-radius: 6px;
    border: 1px solid;
    background-color: #F0F0F0 !important;
    color: #373F41 !important;
    font-family: Nimbus Sans D OT !important;
    font-size: 14px !important;
    margin-top: 10px !important;
    padding: 5px 10px;
    outline: none !important;
}

.combobx {
    display: inline-block !important;
    width: 100% !important;
    height: 40px !important;
    border-radius: 6px;
    /*margin-top: 10px !important;*/
    padding: 5px 10px;
    outline: none !important;
    background-color: #F0F0F0 !important;
    border: none !important;
}

    .combobx .rcbList {
        font-family: Nimbus Sans D OT !important;
        font-size: 13px !important;
    }

    .combobx .rcbActionButton {
        background-color: #F0F0F0 !important;
        border: none !important;
        border-style: none;
    }

    .combobx .rcbEmptyMessage {
        font-style: normal !important;
        color: rgba(55, 63, 65, 0.54) !important;
    }

    .combobx .rcbInner {
        font-family: Nimbus Sans D OT;
        font-size: 14px;
        border: none !important;
        background-color: #F0F0F0 !important;
        font-style: normal;
        box-shadow: none !important;
        color: #373F41 !important;
        padding: 0px !important;
    }

.check input[type="checkbox"] {
    vertical-align: middle;
    border: 1px solid #C3CBCD;
    background-color: #FFFFFF;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    display: inline;
}

.check label {
    cursor: pointer;
    display: inline;
    color:#373F41;
    font-family: Nimbus Sans D OT;
    font-size: 13px;
}

.checkModal {
    display: flex;
    align-items: center;
    padding-right: 0;
    margin-bottom: 10px;
}

.checkModal input[type="checkbox"] {
    vertical-align: middle;
    border: 1px solid #C3CBCD;
    background-color: #FFFFFF;
    height: 15px;
    margin-right: 5px;
}

.checkModal label {
    cursor: pointer;
    display: inline-block !important;
    color: #373F41;
    font-family: Nimbus Sans D OT;
    font-size: 13px !important;
    vertical-align:middle;
}

.accordion-button {
    height:40px !important;
    font-size:14px !important;
}

.accordion-button:not(.collapsed) {
    background-color:white !important;
    color:black !important;
}

.accordion-button:focus {
    box-shadow: none !important;
}

.form-check-input {
width: 20px !important;
height: 20px !important;
margin: 0px !important;
border: rgba(158, 158, 158, 1) solid 2px !important;
}

.form-check-input:checked {
    background-color: rgba(158, 158, 158, 1) !important;
    border: rgba(158, 158, 158, 1) solid 2px !important;
    box-shadow: none;
}

.form-check-label {
    color: #373F41;
    font-family: Nimbus Sans L;
    font-size: 14px;
    font-style: normal;
    margin-left: 10px;
}

.card {
    backdrop-filter: blur(6px);
    font-family: Nimbus Sans D OT;
    font-size: 13px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.29) !important;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
    border-style: none solid solid solid !important;
    border-color: #CCCCCC !important;
    border-width: thin;
    padding: 0px !important;
    width: 21rem;
}

.card-body {
    color: white !important;
}

.card-header {
    border: 0 !important;
    padding: 0px 0px 8px 8px !important;
    width:100%;
    text-align:center;
}

/*BOTON NARANJA*/
.button {
    border-radius: 20px;
    border: 1px solid #BDB8B8;
    width: 171px;
    height: 35px;
    background: #D24103;
    color: #FFF;
    text-align: center;
    justify-content: center;
    text-transform: uppercase;
    display: flex;
    font-size: 13px;
    align-items: center;
    margin-top: 10px;
    box-shadow: 0px 4px 8px 0px rgba(27, 225, 175, 0.16);
}

/*BOTON BLANCO*/
.button:disabled {
    border-radius: 20px;
    border: 1px solid #B0ACAC;
    width: 171px;
    height: 35px;
    background: #FFF;
    color: #7D7D7D;
    text-align: center;
    justify-content: center;
    text-transform: uppercase;
    display: flex;
    font-size: 13px;
    align-items: center;
    margin-top: 10px;
}

.buttonWhite {
    border-radius: 20px;
    border: 1px solid #B0ACAC;
    width: 171px;
    height: 35px;
    background: #FFF;
    color: #7D7D7D;
    text-align: center;
    justify-content: center;
    text-transform: uppercase;
    display: flex;
    font-size: 13px;
    align-items: center;
    margin-top: 10px;
}

.btnValida {
    display: flex;
    border: 1px solid #B0ACAC;
    width: 77px;
    height: 40px;
    text-align: center;
    justify-content: center;
    background: #FFF;
    color: #7D7D7D;
    text-transform: uppercase;
    font-size: 13px;
    /*margin-top: 10px;*/
    align-items: center;
}

.form-control,
.form-control:focus{
    background-color: transparent !important;
    color: white !important;
    border: none !important;
    outline: none !important;
    box-shadow:none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: white;
    transition: background-color 5000s ease-in-out 0s;
}

.txtUser {
    color: #FFF;
    font-family: Nimbus Sans D OT;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 128.906%;
    outline: none !important;
    border-radius: 0px !important;
    border-style: none none solid none !important;
    border-width: 0px 0px 2px 0px !important;
    border-bottom-color: #FFFFFF !important;
    height: 25px;
    padding: 10px !important;
    width: 100%;
    display: flex;
    background: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"%3E%3Cpath d="M19.5 20.5834V19.2292C19.5 16.9856 17.4211 15.1667 14.8568 15.1667H11.1432C8.57892 15.1667 6.5 16.9856 6.5 19.2292V20.5834M16.25 8.66669C16.25 9.52864 15.9076 10.3553 15.2981 10.9648C14.6886 11.5743 13.862 11.9167 13 11.9167C12.138 11.9167 11.3114 11.5743 10.7019 10.9648C10.0924 10.3553 9.75 9.52864 9.75 8.66669C9.75 7.80473 10.0924 6.97808 10.7019 6.36859C11.3114 5.7591 12.138 5.41669 13 5.41669C13.862 5.41669 14.6886 5.7591 15.2981 6.36859C15.9076 6.97808 16.25 7.80473 16.25 8.66669Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3C/path%3E%3C/svg%3E') no-repeat right center;
}

    .txtPass{
    color: #FFF;
    font-family: Nimbus Sans D OT;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 128.906%;
    outline: none !important;
    border-radius: 0px !important;
    border-style: none none solid none !important;
    border-width: 0px 0px 2px 0px !important;
    border-bottom-color: #FFFFFF !important;
    height: 25px;
    padding: 10px !important;
    width: 100%;
    display: flex;
    background: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"%3E%3Cpath d="M10.5 14.875C10.0359 14.875 9.59075 14.6906 9.26256 14.3624C8.93438 14.0342 8.75 13.5891 8.75 13.125C8.75 12.1538 9.52875 11.375 10.5 11.375C10.9641 11.375 11.4092 11.5594 11.7374 11.8876C12.0656 12.2158 12.25 12.6609 12.25 13.125C12.25 13.5891 12.0656 14.0342 11.7374 14.3624C11.4092 14.6906 10.9641 14.875 10.5 14.875ZM15.75 17.5V8.75H5.25V17.5H15.75ZM15.75 7C16.2141 7 16.6592 7.18437 16.9874 7.51256C17.3156 7.84075 17.5 8.28587 17.5 8.75V17.5C17.5 17.9641 17.3156 18.4092 16.9874 18.7374C16.6592 19.0656 16.2141 19.25 15.75 19.25H5.25C4.78587 19.25 4.34075 19.0656 4.01256 18.7374C3.68437 18.4092 3.5 17.9641 3.5 17.5V8.75C3.5 7.77875 4.27875 7 5.25 7H6.125V5.25C6.125 4.08968 6.58594 2.97688 7.40641 2.15641C8.22688 1.33594 9.33968 0.875 10.5 0.875C11.0745 0.875 11.6434 0.988163 12.1742 1.20803C12.705 1.42789 13.1873 1.75015 13.5936 2.15641C13.9998 2.56266 14.3221 3.04496 14.542 3.57576C14.7618 4.10656 14.875 4.67547 14.875 5.25V7H15.75ZM10.5 2.625C9.80381 2.625 9.13613 2.90156 8.64384 3.39384C8.15156 3.88613 7.875 4.55381 7.875 5.25V7H13.125V5.25C13.125 4.55381 12.8484 3.88613 12.3562 3.39384C11.8639 2.90156 11.1962 2.625 10.5 2.625Z" fill="white"%3E%3C/path%3E%3C/svg%3E') no-repeat right center;
    
}
