﻿html .t-container-fluid, html .t-row-wrap > .t-row {
    max-width: none;
    font-size: 100%;
    font-family: Arial !important;
}

body {
    margin: 0;
    height: 100vh;
    overflow-y: hidden;
}


.Pag_Web {
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto auto;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #F5F5F5 !important;
}

.Login_div {
    position: relative;
    height: 99.5%;
    width: 358px;
    display: flex;
    justify-content: center;
}

.Div_Login {
    height: auto;
    width: 100%;
    align-self: center;
    background-color: #F5F5F5 !important;
}

/**     PAGELAYOUT    **/
.sin_Espacio {
    padding: unset;
    margin: unset;
}

    .sin_Espacio .t-container, .t-container-inner, sin_Epacio.t-region, .t-row, .t-col, sin_Epacio .t-col-inner {
        display: flow-root !important;
        padding: unset !important;
    }

.t-row {
    margin-right: unset !important;
}

.t-container {
    padding: unset !important;
    margin: unset !important;
}

.rpl_t-col {
    padding-left: unset !important;
    padding-right: unset !important;
}

.t-col {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.center-content {
    text-align: center;
}

.left-content {
    padding-left: 0;
    padding-right: 0;
}

.right-content {
    padding-left: 1.563em !important;
}

.row-EAsigna {
    padding-top: 0.313em !important;
}

.borderCssClass div {
    margin: unset;
}

.borderCssClass1 div {
    border: .5px solid red;
    margin: unset !important;
}

.Div_espacio {
    height: 10px;
    background-color: transparent;
}

/**/
.Div_logincont {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}

.Div_Welcome {
    width: 348px;
    height: auto;
    align-self: center;
    box-shadow: 0 0 20px #aaaaaa59;
    background-color: #f5f6f7;
    border-radius: 10px;
}

.Div_Logintexto {
    width: 100%;
    height: 55px;
    border: 1px solid lightgray;
    border-radius: 7px;
}

.tabla_Logintexto {
    border-collapse: collapse;
    border-spacing: unset;
    border: none;
    padding: unset;
    width: 95%;
    height: 55px;
}

.Img_Logintexto1 {
    height: 33px;
    width: 33px;
}

.Img_Logintexto {
    height: 33px;
    width: 33px;
    cursor: pointer;
    -webkit-transition: all .5s;
    filter: invert(52%) sepia(22%) saturate(959%) hue-rotate(150deg) brightness(86%) contrast(317%);
}

    .Img_Logintexto:hover {
        -webkit-filter: invert(100%);
    }

.texto_Login {
    border: 0.063em solid lightgray;
    background-color: White;
    background-image: none !important;
    color: black !important;
    font-size: 1rem !important;
    font-family: Arial !important;
    height: 35px;
    text-align: center;
}

/**  CUANDO TIENE EL FOCUS EL OBJETO   **/
.texto_LoginImp {
    border: 0.063em solid LightGray;
    background-color: #117199 !important;
    background-image: none !important;
    color: white !important;
    font-size: 1rem !important;
    font-family: Arial !important;
    height: 35px;
    text-align: center;
}

#TxtName {
    border: none;
    background-color: transparent;
    font-family: Arial;
    font-size: 1.5rem;
    width: 100%;
    text-align: center !important;
    color: black;
}

#LblWelcome {
    border: none;
    background-color: transparent;
    color: steelblue;
    font-family: Arial !important;
    font-size: 2rem !important;
    font-weight: bold;
    margin: auto auto;
}

#LblModulo {
    border: none;
    background-color: transparent;
    color: steelblue;
    font-family: Arial !important;
    font-size: 1.5rem !important;
    margin: auto auto;
}

.riEmpty {
    font-style: normal !important;
    opacity: 0.7 !important;
    text-align: center;
}


.Centrar {
    margin: auto auto;
}

.etiqueta {
    border: none;
    background-color: transparent;
    color: black;
    font-family: Arial !important;
    font-size: 1rem !important;
}

/**   RADCOMBOBOX NORMAL  **/
.RadComboBox_Silk .rcbInner {
    background-color: #ffffff !important;
    color: #000000 !important;
    font-family: Arial !important;
    font-size: 1rem !important;
}

.RadComboBox_Silk .rcbLabel {
    border: none;
    background-color: transparent;
    color: black !important;
    font-family: Arial;
    font-size: 1rem !important;
}

.RadComboBox_Silk .rcbDisabled {
    opacity: 0.9 !important;
    color: Black;
}

.RadComboBox_Silk .rcbActionButton {
    background: lightblue !important;
    color: black !important;
    height: 1.44em !important;
}

.RadComboBox_Silk .rcbFocused .rcbActionButton, .RadComboBox_Silk .rcbExpanded .rcbActionButton {
    background-color: lightblue !important;
    background-image: none !important;
}


.RadComboBox_Silk .rcbHovered .rcbActionButton {
    color: #fff !important;
    background-color: #4d5f75 !important;
    background-image: linear-gradient(#576b82,#36485b 50%,#2c3c4d 50%,#4d5f75) !important;
}

.RadComboBoxDropDown_Silk {
    font-family: Arial !important;
    font-size: 1rem !important;
}

    .RadComboBoxDropDown_Silk .rcbScroll {
        height: auto !important;
        max-height: 245px !important;
    }

    .RadComboBoxDropDown_Silk .rcbList .rcbHovered {
        color: White;
        background-color: black !important;
        background-image: none !important;
        cursor: pointer;
        border: 1px solid LightGray;
        overflow: hidden;
    }

.RadComboBox_Silk .rcbReadOnly.rcbHovered {
    border-color: #0092ab;
    color: #fff;
    background-color: lightblue !important;
    background-image: none !important;
}

#Btn_aceptar {
    width: 100%;
    height: 50px;
    border: 1px solid #4A5996;
    background-color: steelblue !important;
    background-image: none !important;
    color: #fff;
    font-family: Arial;
    font-size: 16px;
}

    #Btn_aceptar:hover {
        background-color: #093e54 !important;
        background-image: linear-gradient(#0d5979, #093e54) !important;
    }

    #Btn_aceptar:focus {
        background-color: #093e54 !important;
        background-image: linear-gradient(#0d5979, #093e54) !important;
    }


.Link {
    color: black !important;
    text-align: left !important;
    font-family: Arial !important;
    font-size: 0.875rem !important;
    font-weight: bold !important;
    cursor: pointer;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
}

    .Link:hover {
        color: gray !important;
    }

  .Tips {
    height: 35px !important;
    width: auto !important;
    text-align: center !important;
    font-family: Arial !important;
    font-size: 0.938rem !important;
}

/**   RADWINDOW  **/
.RadWindow .rwTitleBar {
    background-position: 0% 0%;
    border-color: #4682b4;
    color: white !important;
    background-color: #4682b4 !important;
    background-image: none !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    padding: 4px 5px !important;
    font-size: 1rem !important;
}

.RadWindow .rwIcon {
    content: url('../../Iconos/Facturas.png') !important;
    width: 16px !important;
    height: 16px !important;
}

.RadWindow .rwTitleBar .rwTitleWrapper {
    padding: unset !important;
}

.RadWindow .RadWindow_Material .rfeDeleteDialog {
    background-position: 0% 0%;
    font-family: Arial !important;
    border-color: lightgray;
    color: white !important;
    background-image: none !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
    background-color: #4682b4 !important;
}

.RadWindow .rwDialogButtons button {
    font-family: Arial !important;
    font-size: 0.813rem !important;
    background-color: #4682b4 !important;
    color: white !important;
    background-image: none !important;
}

.RadWindow .rwPromptDialog button.rwOkBtn:active, .RadWindow .rwConfirmDialog button.rwOkBtn:active {
    background-image: none !important;
    background-color: #093e54 !important;
    color: white !important;
}

.RadWindow .rwDialogButtons button:hover {
    border-color: #cecece !important;
    color: #fff !important;
    background-color: #093e54 !important;
    background-image: linear-gradient(#0d5979, #093e54) !important;
}

.RadWindow .rwDialogButtons button:active, .RadWindow .rwDialogButtons button:focus {
    background-image: none !important;
    background-color: #093e54 !important;
    color: white !important;
}

.RadWindow .rwPromptDialog button.rwOkBtn, .RadWindow .rwConfirmDialog button.rwOkBtn {
    color: white !important;
    background-color: #4682b4 !important;
    background-image: none !important;
}

.RadWindow.rfeDeleteDialog div.rwDialogButtons {
    position: unset !important;
}

.rwOkBtn:hover {
    background-color: #093e54 !important;
    background-image: none !important;
}

.rwCancelBtn:hover {
    background-color: #093e54 !important;
    background-image: none !important;
}


.RadWindow_Metro {
    font-family: Arial !important;
    background-color: white !important;
    background-image: none !important;
    font-size: 1rem !important;
}

    .RadWindow_Metro .rwIcon {
        content: url('../../Iconos/Facturas.png') !important;
        width: 16px !important;
        height: 16px !important;
    }


/**     SIN LINEAS GRID PARA TOTALES     **/

.sin_paddingR {
    padding: 0px;
    border-right-width: 0px !important;
}


.sin_borderL {
    border-left: none !important;
    border-left-width: 0px !important;
}

.img_boton {
    height: 33px;
    width: 33px;
    cursor: pointer;
    -webkit-transition: all .5s;
    filter: invert(52%) sepia(22%) saturate(959%) hue-rotate(150deg) brightness(86%) contrast(317%);
}

    .img_boton:hover {
        -webkit-filter: invert(100%);
    }


.only_upper {
    text-transform: uppercase !important;
}

.only_lower {
    text-transform: lowercase !important;
}

.reveal-eye {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    z-index: 2;
    width: 30px;
    background: #fff url(https://dtzbdy9anri2p.cloudfront.net/cache/b55f544d09a0872a74b4427ce1fe18dd78418396/telerik/img/dist/reveal-password.png) 50% 50% no-repeat;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s ease 0s,visibility 0s linear .2s;
}

    .reveal-eye.is-visible {
        display: block;
        visibility: visible;
        opacity: 1;
        transition: opacity .2s ease 0s,visibility 0s linear 0s;
    }

.tetiqueta_Maroon {
    border: 0.063em solid LightGray;
    background: Maroon;
    color: White;
    font-family: Arial;
    font-size: 0.813rem;
    height: 22.2px;
    padding-top: 0.375em;
}

.tetiqueta {
    border: 0.063em solid LightGray;
    background: White;
    color: black;
    font-family: Arial;
    height: 22.2px;
    padding: 7px 0px 4px 8px;
    font-size: 1rem;
}
.B_btnPDF {
    width: 72%;
    height: 50px;
    border: 1px solid #4A5996;
    color: #fff;
    font-family: Arial;
    font-size: 16px;
    background-color: steelblue !important;
    background: url(../../Iconos/CIF.png) no-repeat;
    text-align: right;
}

    .B_btnPDF:hover {
        background-color: #093e54 !important;
        background: url(../../Iconos/CIF.png) no-repeat;
    }

    .B_btnPDF:focus {
        background-color: #093e54 !important;
        background: url(../../Iconos/CIF.png) no-repeat;
    }

.B_btnOK {
    width: 72%;
    height: 50px;
    border: 1px solid #4A5996;
    color: #fff;
    font-family: Arial;
    font-size: 16px;
    background-color: steelblue !important;
    background: url(../../Iconos/CIF_Yes.png) no-repeat;
    text-align: right;
}

    .B_btnOK:hover {
        background-color: #093e54 !important;
        background: url(../../Iconos/CIF_Yes.png) no-repeat;
    }

    .B_btnOK:focus {
        background-color: #093e54 !important;
        background: url(../../Iconos/CIF_Yes.png) no-repeat;
    }

/**    RADGRID   **/
.RadGrid_WebBlue {
    overflow: hidden;
    color: black !important;
    font-size: 0.813rem !important;
    font-family: Arial !important;
    border-color: lightgray !important;
}

    .RadGrid_WebBlue input[type="image"] {
        height: 33px !important;
        width: 33px !important;
    }

    .RadGrid_WebBlue .rgCommandCell {
        color: #fff;
        background-color: #4682b4 !important;
        background-image: none !important;
        border: none !important;
    }

    .RadGrid_WebBlue .customHeader {
        color: #ffffff !important;
    }

    .RadGrid_WebBlue .rgEditForm {
        background: white !important;
        color: black !important;
    }

        .RadGrid_WebBlue .rgEditForm .rgHeader {
            background-color: #4682b4 !important;
        }

    .RadGrid_WebBlue .rgHeader {
        color: #fff !important;
        background-color: #117199 !important;
        background-image: none !important;
    }

    .RadGrid_WebBlue .rgFooter {
        color: white !important;
    }


    .RadGrid_WebBlue .rgHeaderDiv {
        background: none !important;
    }

    .RadGrid_WebBlue .rgHeaderWrapper {
        background: #4682b4 0 -2300px repeat-x #a6d9f4 url('../../Imagenes/sprite.gif') !important;
        background-image: none !important;
        background-color: #117199 !important;
    }

    .RadGrid_WebBlue .t-button {
        color: black !important;
        background-color: #d7e2e7 !important;
    }

    .RadGrid_WebBlue .rgFooter > td, .RadGrid_WebBlue .rgFooterWrapper {
        background-color: #117199 !important;
        background-image: none !important;
    }

    .RadGrid_WebBlue .rgPager {
        font-size: 0.813rem !important;
        font-family: Arial !important;
    }

    .RadGrid_WebBlue .rcuButton {
        background-image: url('../../Imagenes/rsSprites.png') !important;
    }


    .RadGrid_WebBlue .rgHeader .t-button, .RadGrid_WebBlue th.rgResizeCol .t-button {
        background-color: transparent !important;
        background-image: none !important;
        float: right;
    }

    .RadGrid_WebBlue .rgMasterTable .rgActiveCell, .RadGrid_WebBlue .rgActiveRow, .RadGrid_WebBlue .rgHoveredRow {
        background: #4682b4 0 -2900px repeat-x url('../../Imagenes/sprite.gif') !important;
    }

        * + html .RadGrid_WebBlue .rgActiveRow .rgSorted, * + html .RadGrid_WebBlue .rgHoveredRow .rgSorted {
            background-color: #bfe3f6 !important;
        }

    .RadGrid_WebBlue .rgAltRow {
        background: #b0c4de;
        color: black;
        height: 30px !important;
    }

    .RadGrid_WebBlue .rgRow {
        height: 30px !important;
        color: black !important;
    }

    .RadGrid_WebBlue .rgSelectedRow {
        color: white !important;
        background-color: #041c26 !important;
        background-position: 0 -3900px !important;
        background-image: linear-gradient(#08374b, #041c26) !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
    }

    .RadGrid_WebBlue .rgRow:hover > *,
    .RadGrid_WebBlue .rgAltRow:hover > * {
        color: white !important;
        background-color: #041c26 !important;
        background: #041c26 0 -3900px repeat-x url('../../Imagenes/sprite.gif');
        background-image: linear-gradient(#08374b, #041c26);
        background-attachment: scroll !important;
    }

    .RadGrid_WebBlue .rgBatchContainer {
        max-width: 100% !important;
    }

    .RadGrid_WebBlue .rgPagerCell {
        border-color: #4682b4 !important;
        color: #ffffff !important;
        background-color: #4682b4 !important;
        background-image: none !important;
    }

        .RadGrid_WebBlue .rgPagerCell .rgNumPart a.rgCurrentPage {
            border-color: lightgray !important;
            color: white !important;
        }


.RadGrid .rgBatchContainer {
    max-width: 100% !important;
}
