@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate360 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate360 {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes rotate360 {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes rotate360 {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

.loaderspinner {
    color: rgba(4,106,116,1);
    font-size: 45px;
    text-indent: -9999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    /*position: relative;*/
    transform: translateZ(0);
    animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
    z-index: 90000;
    position: fixed;
    /*width: 100px;
    height: 100px;*/
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}

@keyframes mltShdSpin {
    0% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    5%, 95% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }

    10%, 59% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
    }

    20% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
    }

    38% {
        box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
    }

    100% {
        box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
    }
}

@keyframes round {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}
 

.tab-content .tab-pane {
    max-width: 100% !important;
}

app {
    display: none;
}

.k-grid td {
    padding: .2em .4em;
}

.texBotonesIndex {
    font-size: 24px;
    font-weight: bold;
}

.uk-button-primary:focus, .uk-button-primary:hover {
    background-color: #428bca;
}

.uk-button-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #265a88;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
    }

.btn-uploadfile:hover, .btn-uploadfile:focus {
    background-color: #858585;
}

.btn-uploadfile {
    color: #fff;
    background-color: #2c2c2c;
    border-color: #616161;
    background-image: linear-gradient(to bottom, #858585 0%, #2c2c2c 100%);
    background-repeat: repeat-x;
}

    .btn-uploadfile.disabled, .btn-uploadfile:disabled {
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
    }

h5 {
    margin-top: 2px;
    margin-bottom: 1px;
    font-size: 13px;
}

h4, .h4 {
    font-size: 15px;
}

.col-xs-0, .col-sm-0, .col-md-0, .col-lg-0, .col-0, uk-width-0-0, .uk-width-0-1, .uk-width-0-2, .uk-width-0-3, .uk-width-0-4, .uk-width-0-5, .uk-width-0-6, .uk-width-0-7, .uk-width-0-8, .uk-width-0-9, .uk-width-0-10 {
    width: 0 !important;
    float: left;
}

.Top-Panel {
    margin-top: 15px;
    margin-right: 15px;
    margin-left: 15px;
}

.user_content {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 25px;
}

.labelRadicado {
    font-size: 28px;
    font-weight: bold;
}

.labelCertificar {
    font-size: 24px;
    font-weight: bold;
}

.uk-text-muted {
    color: #313030 !important;
}

.labelDocumento {
    font-size: 22px;
    font-weight: bold;
}

.uk-dropdown.uk-dropdown-small {
    width: 210px;
}

.MenuDasboard {
    width: auto;
    height: 50px;
    margin-bottom: 5px;
    border: 1px solid #ebebeb;
    background: #d4d1d1;
    color: #000000;
    padding: 5px;
    font-size: 16px;
    position: relative;
    box-sizing: border-box;
}

    .MenuDasboard:hover {
        cursor: pointer;
        font-weight: bold;
    }

        .MenuDasboard:hover:before {
            height: 0;
        }

    .MenuDasboard:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.2);
    }

.classNum10 {
    margin-top: 0px;
    margin-left: 30px
}

.material-icons {
    font-size: 24px;
    color: #777;
}

.Chk {
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    background: rgb(255, 255, 255);
}

.panel-body {
    padding: 0;
    font-size: 12px;
}

#glyphicon-user {
    font-size: 18px;
}

.row {
    margin-top: 1px;
}

.k-grid-content {
    height: 650px;
}

.material-icons.sendico {
    font-size: 18px;
    color: white;
}

.md-card {
    margin-left: 15px;
    margin-top: 5px;
    margin-right: 15px;
    padding-left: 0px;
}

.k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content {
    padding: 15px;
}

.marcoLogo {
    background-color: rgb(255, 255, 255);
    width: 370px;
    height: 157px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.customer-photo {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-size: 35px 35px;
    background-position: center center;
    vertical-align: middle;
    line-height: 35px;
    box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
    margin-left: 5px;
}

.customer-name {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 10px;
}

.k-icon {
    color: #357ebd;
}

.k-widget.k-tooltip-validation {
    border-color: #ffffff;
    background-color: #ffffff;
    color: #DF0101;
}

span.k-tooltip {
    padding: 5px 5px 1px 6px;
    font-size: 13px;
}

.k-icon:before {
    font: 14px/1 WebComponentsIcons;
}

.md-btn-flat-primary:hover, .md-btn-flat-primary:focus, .md-btn-flat-primary:active {
    background: #357ebd;
    border-radius: 3px;
    border-color: #357ebd;
    color: #fff;
}

.md-btn-flat-primary:hover, .md-btn-flat-primary:focus, .md-btn-flat-primary {
    background: #357ebd;
    border-radius: 3px;
    border-color: #357ebd;
    color: #fff;
}

.md-btn-flat:hover, .md-btn-flat {
    background: #357ebd;
    border-radius: 3px;
    border-color: #357ebd;
    color: #fff;
}

    .md-btn-flat:hover, .md-btn-flat {
        background: #357ebd;
        border-radius: 3px;
        border-color: #357ebd;
        color: #fff;
        text-transform: none;
    }

.md-btn-flat-primary, .md-btn-flat-primary, .md-btn-flat-primary, .md-btn-flat-primary:active, .md-btn-flat-primary {
    color: #fff;
    font-size: 10px;
    background: #357ebd;
}

/*.uk-modal {
    overflow-y: auto;
}*/

.uk-modal .uk-margin.uk-modal-content {
    background-color: #dae0e0;
    border-bottom-style: inset;
    border-left-style: outset;
    border-radius: 5px;
    padding: 4px;
    padding-left: 10px;
}

#logo_ceropapel_menu {
    width: 30px;
    height: 30px;
    margin-left: -2px;
}

.uk-modal-dialog-large {
    width: 1200px;
}

.uk-modal-dialog-large2 {
    width: 90%;
    height: 90vh;
}

.uk-modal-dialog-md {
  width:900px;   
}

/*.modal {
    overflow-y: auto;
}*/

.modal-Small {
    width: 970px;
    position: center;
}

.modal-md {
    background-color: #dae0e0;
    border-bottom-style: inset;
    border-left-style: outset;
    border-radius: 5px;
    max-width: 660px;
}


.uk-modal-dialog {
    background: #e9e9e9;
    padding: 7px;
    border-radius: 5px;
    min-width: 350px;
}

    .uk-modal-dialog .uk-modal-footer {
        padding: 6px;
        border-radius: 6px;
        background: none;
        margin-left: 0;
        margin-right: 0;
    }

.text-info {
    color: #428bca;
}

.ButtonON {
    background: #428bca;
    color: white;
}

.Rotulo {
    margin-left: 60px;
}

.number {
    color: white;
    height: 45px;
    width: 45px;
    /*font-size: 32px;*/
    font-size: 29px;
    font-weight: bold;
    background: #428bca;
    text-align: center;
    border-radius: 50px;
    margin-top: 5px;
    margin-left:0px;
    text-decoration: none;
    float: inherit;
}

.number2 {
    color: #428bca;
    font-size: 35px;
    font-weight: bold;
}

.number3 {
    color: #428bca;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin-left: 10px;
}

.PasosRadicacion {
    text-align: right;
}

.PasosTareasDoc {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    background-color: #428bca;
    color: white;
    font-weight: bold;
    text-align: center;
    vertical-align: central;
    padding: 5px;
    font-size: medium;
    cursor: default;
}

.numberWF {
    color: #428bca;
    height: 45px;
    width: 45px;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin-top: 17px;
    margin-left: 10px;
}

media screen_large {
    font-size: 16px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-top: -18px;
}

.uk-close:after {
    color: none;
}

.NuevoUsuario {
    background: url(../../App_Images/Iconos/NuevaPersona.svg);
    background-repeat: no-repeat;
    position: center;
    margin-top: 15px;
    width: 52px;
    height: 52px;
    color: #428bca;
    border: none;
    background-size: 52px;
}

.CerrarModal {
    background-image: url('../../App_Images/Iconos/BtnCerrar.svg');
    border-radius: 23px 23px 23px 23px;
    position: absolute;
    right: 20px;
    margin-right: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
    color: #428bca;
    border: none;
    cursor: pointer;
    background-size: 28px;
}

.btnEliminar {
    background-color: #ffffff;
    color: #ffffff;
    border: none;
    position: absolute;
}

.MaximizarModal {
    background: url('../../App_Images/Iconos/BtnMaximizar.svg');
    border-radius: 23px 23px 23px 23px;
    position: absolute;
    right: 65px;
    margin-right: 5px;
    margin-top: 3px;
    width: 28px;
    height: 28px;
    border: none;
    cursor: pointer;
    background-size: 28px;
}

.invisible {
    display: none;
}

.classBtnGrid {
    margin-left: 5px;
    padding-left: 5px;
}

.cdspinner {
    position: fixed;
    background-color: rgba(255,255,255,0.6);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 90000;
}

.logocdspinner {
    position: fixed;
    background-color: rgba(255,255,255,0.1);
    width: 70px;
    height: 70px;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -35px;
    z-index: 90001;
}

    .logocdspinner:before {
        content: "";
        display: block;
        position: relative;
        width: 45px;
        height: 45px;
        background: #1ccbf3;
        opacity: 0.7;
        border-bottom-left-radius: 30px;
        border-top-right-radius: 30px;
        -ms-transform: rotate(20deg);
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
        left: 23px;
        top: 8px;
    }

    .logocdspinner:after {
        content: "";
        display: block;
        position: relative;
        width: 45px;
        height: 45px;
        background: #94d646;
        opacity: 0.7;
        border-bottom-left-radius: 30px;
        border-top-right-radius: 30px;
        -ms-transform: rotate(-20deg);
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg);
        top: -22px;
        left: 8px;
    }

.spinner1 {
    position: fixed;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    border-radius: 50px;
    -webkit-animation: 2s rotate360 linear infinite reverse;
    -moz-animation: 2s rotate360 linear infinite reverse;
    -ms-animation: 2s rotate360 linear infinite reverse;
    -o-animation: 2s rotate360 linear infinite reverse;
    animation: 2s rotate360 linear infinite reverse;
    z-index: 90000;
}

    .spinner1:after {
        content: '';
        display: block;
        position: relative;
        top: -47px;
        left: 36px;
        width: 26px;
        height: 26px;
        border-radius: 13px;
        background-color: rgba(4,106,116,1);
        z-index: 90002;
    }

    .spinner1:before {
        content: '';
        display: block;
        position: relative;
        top: 38px;
        left: -21px;
        width: 20px;
        height: 20px;
        border-radius: 10px;
        background-color: rgba(4,106,116,1);
        z-index: 90002;
    }

.spinner2 {
    position: fixed;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    -webkit-animation: 2s rotate360 linear infinite reverse;
    -moz-animation: 2s rotate360 linear infinite reverse;
    -ms-animation: 2s rotate360 linear infinite reverse;
    -o-animation: 2s rotate360 linear infinite reverse;
    animation: 2s rotate360 linear infinite reverse;
    z-index: 90000;
}

    .spinner2:after {
        content: '';
        display: block;
        position: relative;
        top: 96px;
        left: 43px;
        width: 14px;
        height: 14px;
        border-radius: 7px;
        background-color: rgba(4,106,116,1);
        z-index: 90002;
    }

    .spinner2:before {
        content: '';
        display: block;
        position: relative;
        top: 46px;
        left: 105px;
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background-color: rgba(4,106,116,1);
        z-index: 90002;
    }

.spinner3 {
    position: fixed;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    -webkit-animation: 2s rotate360 linear infinite reverse;
    -moz-animation: 2s rotate360 linear infinite reverse;
    -ms-animation: 2s rotate360 linear infinite reverse;
    -o-animation: 2s rotate360 linear infinite reverse;
    animation: 2s rotate360 linear infinite reverse;
    z-index: 90000;
}

    .spinner3:after {
        content: '';
        display: block;
        position: relative;
        top: -37px;
        left: 5px;
        width: 24px;
        height: 24px;
        border-radius: 12px;
        background-color: rgba(4,106,116,1);
        z-index: 90002;
    }

    .spinner3:before {
        content: '';
        display: block;
        position: relative;
        top: 10px;
        left: -15px;
        width: 22px;
        height: 22px;
        border-radius: 11px;
        background-color: rgba(4,106,116,1);
        z-index: 90002;
    }

.spinner4 {
    position: fixed;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    -webkit-animation: 2s rotate360 linear infinite reverse;
    -moz-animation: 2s rotate360 linear infinite reverse;
    -ms-animation: 2s rotate360 linear infinite reverse;
    -o-animation: 2s rotate360 linear infinite reverse;
    animation: 2s rotate360 linear infinite reverse;
    z-index: 90000;
}

    .spinner4:after {
        content: '';
        display: block;
        position: relative;
        top: 56px;
        left: -12px;
        width: 18px;
        height: 18px;
        border-radius: 9px;
        background-color: rgba(4,106,116,1);
        z-index: 90002;
    }

    .spinner4:before {
        content: '';
        display: block;
        position: relative;
        top: 94px;
        left: 11px;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        background-color: rgba(4,106,116,1);
        z-index: 90002;
    }

.spinner5 {
    position: fixed;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    -webkit-animation: 2s rotate360 linear infinite reverse;
    -moz-animation: 2s rotate360 linear infinite reverse;
    -ms-animation: 2s rotate360 linear infinite reverse;
    -o-animation: 2s rotate360 linear infinite reverse;
    animation: 2s rotate360 linear infinite reverse;
    z-index: 90000;
}

    .spinner5:after {
        content: '';
        display: block;
        position: relative;
        top: 86px;
        left: 74px;
        width: 12px;
        height: 12px;
        border-radius: 6px;
        background-color: rgba(4,106,116,1);
        z-index: 90002;
    }

    .spinner5:before {
        content: '';
        display: block;
        position: relative;
        top: 76px;
        left: 96px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: rgba(4,106,116,1);
        z-index: 90002;
    }

.spinner6 {
    position: fixed;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    -webkit-animation: 2s rotate360 linear infinite reverse;
    -moz-animation: 2s rotate360 linear infinite reverse;
    -ms-animation: 2s rotate360 linear infinite reverse;
    -o-animation: 2s rotate360 linear infinite reverse;
    animation: 2s rotate360 linear infinite reverse;
    z-index: 90000;
}

    .spinner6:after {
        content: '';
        display: block;
        position: relative;
        top: 15px;
        left: 100px;
        width: 6px;
        height: 6px;
        border-radius: 3px;
        background-color: rgba(4,106,116,1);
        z-index: 90002;
    }

    .spinner6:before {
        content: '';
        display: block;
        position: relative;
        top: -4px;
        left: 80px;
        width: 4px;
        height: 4px;
        border-radius: 2px;
        background-color: rgba(4,106,116,1);
        z-index: 90002;
    }

.boxspinner {
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -3%;
    margin-top: 26%;
    color: black;
    font-weight: bold;
}

.cerrarspinner {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 90000;
    cursor: pointer;
}

    .cerrarspinner:after {
        content: '';
        display: block;
        position: relative;
        top: -13px;
        width: 20px;
        height: 6px;
        border-radius: 3px;
        background-color: red;
        z-index: 90003;
    }

    .cerrarspinner:before {
        content: '';
        display: block;
        position: relative;
        left: 7px;
        width: 6px;
        height: 20px;
        border-radius: 3px;
        background-color: red;
        z-index: 90004;
    }

.md-card {
    border-radius: 5px;
}

.user-hading2 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.classNone {
    background: url('../../App_Images/Iconos/Transparente.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px;
    height: 42px;
    border: none;
}

.classModales {
    padding: 5px 20px 10px 20px;
    background: white;
    border-radius: 5px;
    min-height: 300px;
    max-height: 500px;
    overflow-y: scroll;
}

.classModalesXSmall {
    padding: 5px 20px 10px 20px;
    background: white;
    border-radius: 5px;
}

.classModalesSmall {
    padding: 15px;
    background: white;
    border-radius: 5px;
    min-height: 250px;
    max-height: 400px;
    overflow-y: auto;
}

.classModalesMedium {
    padding: 5px 20px 20px 20px;
    background: white;
    border-radius: 5px;
    height: auto; /*500px*/
    min-height: 400px;
}

.classModalesLarge {
    padding: 15px;
    background: white;
    border-radius: 5px;
    min-height: 300px;
}

.classModalesL{
    padding: 15px;
    background: white;
    border-radius: 5px;
    min-height: 200px;
}

.classModalesAlerta {
    background-color: #ffffff;
    min-height: 120px;
    padding: 15px;
    width: 35%;
}

.classModalesAlertaFrame {
    background-color: #ffffff;
    min-height: 180px;
    padding: 15px;
    width: 75%;
}

.VisorPdf {
    background: linear-gradient(#e6f2ff, #80bfff);
    width: 100%;
    height: 720px;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
}

.VisorPdf2 {
    width: 100%;
    height: 350vh;
}

.VisorInformes {
    background: #FFFFFF;
    width: 100%;
    height: 725px;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
}

.VisorPdfDoc {
    background: linear-gradient(#e6f2ff, #80bfff);
    width: 100%;
    height: 600px;
    border: 1px solid #b4b4b4;
}

.VisorPdfDoc2 {
    background: linear-gradient(#e6f2ff, #80bfff);
    width: 100%;
    height:650px;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
}

.VisorPdfDoc3 {
    width: 100%;
    height: 600px;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
    padding: 5px;
}

.VisorInformes2 {
    background: #FFFFFF;
    width: 100%;
    height: 725px;
    /*border: 1px solid #b4b4b4;
    border-radius: 5px;*/
}

.ImgError {
    background: url(../assets/img/ImagenError.svg);
    height: auto;
    width: auto;
    border: none;
}

.classTituloGrid {
    font-size: 10px;
    color: #428bca;
    text-align: left;
}

.classTituloGrid2 {
    font-size: 12px;
    color: #428bca;
    text-align: left;
}

.classTitulo {
    font-size: 22px;
    color: #428bca;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
}

.classTituloModales {
    font-size: 18px;
    color: #428bca;
    font-weight: bold;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -40px;  
}

.classTitulo2 {
    font-size: 22px;
    color: #428bca;
    font-weight: bold;
}

.classSubTitulo {
    font-size: 18px;
    color: #428bca;
    font-weight: bold;
    margin-left: 15px;
}

.classTituloCardHeader {
    font-size: 18px;
    color: #428bca;
    font-weight: bold;
    margin-left: 7px;
    position: absolute;
    top: 4px;
}

.subTitulo {
    font-size: 18px;
    color: #428bca;
    font-weight: bold;
    margin-left: 0px;
}


.titulosilver {
    font-size: 12px;
    color: #C0C0C0;
    font-weight: 600;
    margin-left: 0px;
}

.tituloazul {
    font-size: 12px;
    color: #428bca;
    font-weight: bold;
    margin-left: 0px;
}

.tituloazul1 {
    font-size: 13px;
    color: #428bca;
    font-weight: 500;
    margin-left: 0px;
}

.tituloazul14 {
    font-size: 14px;
    color: #428bca;
    font-weight: bold;
    margin-left: 0px;
}

.tituloazul2 {
    font-size: 18px;
    color: #428bca;
    font-weight: bold;
    margin-left: 0px;
}

.tituloazul3 {
    font-size: 16px;
    color: #428bca;
    font-weight: bold;
    margin-left: 0px;
}

.titulonegrita {
    font-size: 12px;
    color: black;
    font-weight: 500;
    margin-left: 0px;
}


.titulonegrita14 {
    font-size: 14px;
    color: black;
    font-weight: 500;
    margin-left: 0px;
}

.negrita2 {
    font-size: 12px;
    color: black;
    font-weight: 500;
    margin-left: 0px;
}

.negrita1 {
    font-size: 12px;
    color: #707070;
    font-weight: 500;
    margin-left: 0px;
}

.titulonegrita16 {
    font-size: 16px;
    color: black;
    font-weight: bold;
    margin-left: 0px;
}

.negrita9 {
    font-size: 9px;
    color: black;
    font-weight: bold;
    margin-left: 0px;
}

.negrita7 {
    font-size:7px;
    color: black;
    font-weight: bold;
    margin-left: 0px;
}

.estadonegrita {
    font-size: 9px;
    color: black;
    text-align: center;
}

.requeridos {
    font-size: 12px;
    color: #DF0101;
    font-weight: 700;
}

.requeridos1 {
    font-size: 12px;
    color: #DF0101;
    font-weight: 400;
}

.requeridos2 {
    font-size: 13px;
    color: #DF0101;
    font-weight: normal;
}

.IndTerminada {
    font-size: 12px;
    color: #00821a;
    font-weight: bold;
    margin-left: 0px;
}

.SinIndexar {
    font-size: 12px;
    color: #ff2900;
    font-weight: bold;
    margin-left: 0px;
}

.IndNoTerminada {
    font-size: 12px;
    color: #3777d5;
    font-weight: bold;
    margin-left: 0px;
}

.NoAplica {
    font-size: 12px;
    color: #ff8e22;
    font-weight: bold;
    margin-left: 0px;
}

#gradverde {
    background: url('../../App_Images/Iconos/thumb-up.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

#gradRojo {
    background: url('../../App_Images/Iconos/thumb-down.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

#gradAzul {
    background: url('../../App_Images/Iconos/warning.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

#gradnaranja {
    background: url('../../App_Images/Iconos/exclamation-mark.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

#btnvisualizar {
    background: url('../../App_Images/Iconos/BuscarDocumentoOFF.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    height: 25px;
    border: none;
}

.btnInf {
    background: url(../../App_Images/Iconos/Info.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 20px;
    height: 20px;
    width: 20px;
    border: none;
}

.CerrarRojo {
    background: url(../App_Images/Iconos/CerrarRojo.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 33px;
    height: 40px;
    border: none;
}

.classEliminar {
    background: url(../../App_Images/Iconos/BtnEliminar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 33px;
    height: 40px;
    border: none;
    color: transparent;
}
    .classEliminar:focus {
        background-size: 40px;
        color: transparent;
    }
    .classEliminar:hover {
        background-size: 40px;
        background-position: center;
        background-repeat: no-repeat;
        transition: all .2s ease-in-out;
        color: transparent;
    }

.classEditar {
    background: url(../../App_Images/Iconos/BtnEditar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
    color: transparent;
}
    .classEditar:focus {
        background-size: 40px;
        color: transparent;
    }
    .classEditar:hover {
        background: url(../../App_Images/Iconos/BtnEditarON.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40px;
        transition: all .2s ease-in-out;
        color: transparent;
    }

.classTramitar {
    background: url(../../App_Images/Iconos/TramitarOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    height: 42px;
    border: none;
    color: transparent;
}
    .classTramitar:focus {
        background-size: 36px;
        color: transparent;
    }
    .classTramitar:hover {
        background: url(../../App_Images/Iconos/TramitarON.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 36px;
        transition: all .2s ease-in-out;
        color: transparent;
    }

.classinfo {
    background: url(../../App_Images/Iconos/infoOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
    color: transparent;
}
    .classinfo:focus {
        background-size: 40px;
        color: transparent;
    }
    .classinfo:hover {
        background: url(../../App_Images/Iconos/infoON.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40px;
        transition: all .2s ease-in-out;
        color: transparent;
    }

.classSeleccionarCopiaON {
    background: url(../../App_Images/Iconos/BtnCopiaON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}
.classSeleccionarCopiaON:focus {
    background-size: 40px;
}
.classSeleccionarCopiaON:hover {
    background: url(../../App_Images/Iconos/BtnCopiaOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    transition: all .2s ease-in-out;
}

.classSeleccionarCopiaOFF {
    background: url(../../App_Images/Iconos/BtnCopiaOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}
.classSeleccionarCopiaOFF:focus {
    background-size: 40px;
}
.classSeleccionarCopiaOFF:hover {
    background: url(../../App_Images/Iconos/BtnCopiaON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    transition: all .2s ease-in-out;
}

.classSeleccionarOFF {
    background: url(../../App_Images/Iconos/SeleccionarOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}
.classSeleccionarOFF:focus {
        background-size: 40px;
    }
.classSeleccionarOFF:hover {
        background: url(../../App_Images/Iconos/SeleccionarON.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40px;
        transition: all .2s ease-in-out;
    }

.classSeleccionarON {
    background: url(../../App_Images/Iconos/SeleccionarON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}
.classSeleccionarON:focus {
    background-size: 40px;
}
.classSeleccionarON:hover {
    background: url(../../App_Images/Iconos/SeleccionarOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    transition: all .2s ease-in-out;
}

.classSeleccionar_SIPOST_OFF {
    background: url(../../App_Images/Iconos/SeleccionarOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}

.classSeleccionar_SIPOST_ON {
    background: url(../../App_Images/Iconos/SeleccionarON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}

.classMas {
    background: url(../../App_Images/Iconos/BtnMas.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}

.classMas:focus {
    background-size: 40px;
}

.classMas:hover {
    background: url(../../App_Images/Iconos/BtnMas.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    transition: all .2s ease-in-out;
}

.classMenos {
    background: url(../../App_Images/Iconos/BtnMenos.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}

.classMenos:focus {
    background-size: 40px;
}

.classMenos:hover {
    background: url(../../App_Images/Iconos/BtnMenos.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    transition: all .2s ease-in-out;
}

.classDevolver {
    background: url(../../App_Images/Iconos/BtnDevolver.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}

.classDevolver:focus {
    background-size: 40px;
}

.classDevolver:hover {
    background: url(../../App_Images/Iconos/BtnDevolver.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    transition: all .2s ease-in-out;
}

.classduplicate {
    background: url(../../App_Images/Iconos/duplicateOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}
.classduplicate:focus {
    background-size: 40px;
}
.classduplicate:hover {
    background: url(../../App_Images/Iconos/duplicateON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    transition: all .2s ease-in-out;
}

.classAddButton {
    background: url(../../App_Images/Iconos/AddButtonOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}
.classAddButton:focus {
    background-size: 40px;
}
.classAddButton:hover {
    background: url(../../App_Images/Iconos/AddButtonON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    transition: all .2s ease-in-out;
}

.classprestamo {
    background: url(../../App_Images/Iconos/prestamoOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}
.classprestamo:focus {
    background-size: 40px;
}
.classprestamo:hover {
    background: url(../../App_Images/Iconos/prestamoON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    transition: all .2s ease-in-out;
}

.classDelFiles {
    background: url(../../App_Images/Iconos/DelFilesOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}
.classDelFiles:focus {
    background-size: 40px;
}
.classDelFiles:hover {
    background: url(../../App_Images/Iconos/DelFilesON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    transition: all .2s ease-in-out;
}

.classAdjuntar {
    background: url(../../App_Images/Iconos/BtnAdjuntar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}
.classAdjuntar:focus {
    background-size: 40px;
}
.classAdjuntar:hover {
    background: url(../../App_Images/Iconos/BtnAdjuntar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    transition: all .2s ease-in-out;
}

.classJustAdjunto {
    background: url(../../App_Images/Iconos/BtnJustAdjunto.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}

.classJustAdjunto:focus {
    background-size: 40px;
}

.classJustAdjunto:hover {
    background: url(../../App_Images/Iconos/BtnJustAdjunto.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    transition: all .2s ease-in-out;
}

.classAdjuntosOK {
    background: url(../../App_Images/Iconos/AdjuntosOk.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 38px;
    border: none;
}

.classVerDocumento {
    background: url(../../App_Images/Iconos/BtnVerArchivo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: 33px;
    height: 40px;
    border: none;
    color:transparent;
}
    .classVerDocumento:focus {
        background-size: 40px;
        color: transparent;
    }
    .classVerDocumento:hover {
        background-image: url(../../App_Images/Iconos/BtnVerArchivo.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40px;
        border: none;
        color: transparent;
    }

.classMailOpen {
    background: url(../../App_Images/Iconos/BtnMail.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    height: 42px;
    border: none;
    color:transparent;
}
    .classMailOpen:focus {
        background-size: 36px;
        color: transparent;
    }
    .classMailOpen:hover {
        background: url(../../App_Images/Iconos/BtnMail.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 36px;
        transition: all .2s ease-in-out;
        color: transparent;
    }


.classSeleccionarPDF {
    background: url(../../App_Images/Iconos/BtnPDFon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

.classSeleccionarPDFON {
    background: url(../../App_Images/Iconos/BtnPDFon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

.classSeleccionarWORD {
    background: url(../../App_Images/Iconos/BtnWORD.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

.classSelTramitar {
    background: url(../../App_Images/Iconos/BtnTramitar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

.classSelRestablecer {
    background: url(../../App_Images/Iconos/BtnTramitar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}

.classSelRestablecer:focus {
    background-size: 40px;
}

.classSelRestablecer:hover {
    background: url(../../App_Images/Iconos/BtnTramitar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    transition: all .2s ease-in-out;
}

.classSI_OFF {
    background: url(../../App_Images/Iconos/BtnSi.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

.classSI_ON {
    background: url(../../App_Images/Iconos/BtnSi_ON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

.classNO_OFF {
    background: url(../../App_Images/Iconos/BtnNo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

.classNO_ON {
    background: url(../../App_Images/Iconos/BtnNo_ON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

.classSelDocumentoCP {
    background: url(../../App_Images/Iconos/abrirCeroPapelOF.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 36px;
    height: 42px;
    border: none;
}

.classSelAttachment {
    background: url(../../App_Images/Iconos/attachmentOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    height: 42px;
    border: none;
    color: transparent;
}

.classSelindexmetadato {
    background: url(../../App_Images/Iconos/indexmetadatoOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}

.classSelMetadato {
    background: url(../../App_Images/Iconos/metadatoOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}

.classSelpdffile {
    background: url(../../App_Images/Iconos/pdffileOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    height: 42px;
    border: none;
}

.classBtnCerrarCirculo {
    background: url(../../App_Images/Iconos/BtnCerrarCirculoOFF.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 18px;
    height: 20px;
    border: none;
}

.classampliar {
    background: url(../../App_Images/Iconos/ampliarOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 42px;
    border: none;
}

.classrotulo {
    background: url(../../App_Images/Iconos/rotuloOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    height: 42px;
    border: none;
}

.classreporte {
    background: url(../../App_Images/Iconos/reporteOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    height: 42px;
    border: none;
}

.classBuscarDocumento {
    background: url(../../App_Images/Iconos/BuscarDocumentoOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

.classreporte2 {
    background: url(../../App_Images/Iconos/reporteOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

.botonsolicitud {
    background: url(../assets/img/Calidad/MenuAplicacion/Solicitud.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px;
    height: 75px;
    border: none;
    cursor: pointer;
}

.botonGestionSolic {
    background: url(../assets/img/Calidad/MenuAplicacion/Gestión_de_Solicitudes_2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px;
    height: 75px;
    border: none;
    cursor: pointer;
}

.botonFormatosInst {
    background: url(../assets/img/Calidad/MenuAplicacion/Formatos_Institucionales_2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px;
    height: 75px;
    border: none;
    cursor: pointer;
}

.botonPlanesMejora {
    background: url(../assets/img/Calidad/MenuAplicacion/PlanesMejoramiento.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px;
    height: 75px;
    border: none;
    cursor: pointer;
}

.botonGraficarProces {
    background: url(../assets/img/Calidad/MenuAplicacion/Graficarprocesos.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px;
    height: 75px;
    border: none;
    cursor: pointer;
}

.botonListadoMaestro {
    background: url(../assets/img/Calidad/MenuAplicacion/ListadoMaestro.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px;
    height: 75px;
    border: none;
    cursor: pointer;
}

.botonSeguridadPaciente {
    background: url(../assets/img/Calidad/MenuAplicacion/Imagen_Seguridad_Paciente.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px;
    height: 75px;
    border: none;
    cursor: pointer;
}

.botonIndicadores {
    background: url(../assets/img/Calidad/MenuAplicacion/Indicadores.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px;
    height: 75px;
    border: none;
    cursor: pointer;
}

.botonReportes {
    background: url(../assets/img/Calidad/MenuAplicacion/IconoReportes.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px;
    height: 75px;
    border: none;
    cursor: pointer;
}

.botonEpidemiologico {
    background: url(../assets/img/Calidad/MenuAplicacion/PerfilEpidemiologico.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px;
    height: 75px;
    border: none;
    cursor: pointer;
}

.botonSocializacionEvaluacion {
    background: url(../assets/img/Calidad/MenuAplicacion/SocilalizacionEvaluacionesAdherencia.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px;
    height: 75px;
    border: none;
    cursor: pointer;
}

.botonAnalisisEventosAdv {
    background: url(../assets/img/Calidad/MenuAplicacion/Análisis_eventos_adversos.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75px;
    height: 75px;
    border: none;
    cursor: pointer;
}

.classfloppydisk {
    background: url(../../App_Images/Iconos/floppydiskOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

.classAddFiles {
    background: url(../../App_Images/Iconos/AddFilesOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
}

.classTrash {
    background: url(../../App_Images/Iconos/TrashOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    height: 42px;
    border: none;
    color: transparent;
}

.classBtnIndex {
    background-position: center;
    height: 50px;
    border: none;
    margin-top: 0px;
}

.classSeleccionON {
    background: url(../../App_Images/Iconos/SeleccionarON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    height: 25px;
    border: none;
}

.classSeleccionOFF {
    background: url(../../App_Images/Iconos/SeleccionarOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    height: 25px;
    border: none;
}

.classSeleccionarPDF:focus {
    background-image: url(../../App_Images/Iconos/BtnPDFon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
}

.classSeleccionarWORD:focus {
    background: url(../../App_Images/Iconos/BtnWORDon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
}

.classSeleccionarPDFON:focus {
    background: url(../../App_Images/Iconos/BtnPDFon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px;
}

.classSelDocumentoCP:focus {
    background: url(../../App_Images/Iconos/abrirCeroPapelOF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px;
}

.classSelAttachment:focus {
    background: url(../../App_Images/Iconos/attachmentOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    color: transparent;
}

.classSelindexmetadato:focus {
    background: url(../../App_Images/Iconos/indexmetadatoOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
}

.classSelMetadato:focus {
    background: url(../../App_Images/Iconos/metadatoOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
}

.classSelpdffile:focus {
    background: url(../../App_Images/Iconos/pdffileOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
}

.classBtnCerrarCirculo:focus {
    background: url(../../App_Images/Iconos/BtnCerrarCirculoOFF.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 20px;
}



.classampliar:focus {
    background: url(../../App_Images/Iconos/ampliarOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
}



.classrotulo:focus {
    background: url(../../App_Images/Iconos/rotuloOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
}

.classreporte:focus {
    background: url(../../App_Images/Iconos/reporteOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
}

.classBuscarDocumento:focus {
    background: url(../../App_Images/Iconos/BuscarDocumentoOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px;
}

.classfloppydisk:focus {
    background: url(../../App_Images/Iconos/floppydiskOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px;
}

.classAddFiles:focus {
    background: url(../../App_Images/Iconos/AddFilesOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px;
}

.classTrash:focus {
    background: url(../../App_Images/Iconos/TrashOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    border: none;
    color: transparent;
}

.classSeleccionON:focus {
    background: url(../../App_Images/Iconos/SeleccionarON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}

.classSeleccionOFF:focus {
    background: url(../../App_Images/Iconos/SeleccionarOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
}

.classSelDocumentoCP:hover {
    background: url(../../App_Images/Iconos/abrirCeroPapelON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px;
    transition: all .2s ease-in-out;
}

.classSeleccionarPDF:hover {
    background: url(../../App_Images/Iconos/BtnPDFon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    transition: all .2s ease-in-out;
}

.classSeleccionarWORD:hover {
    background: url(../../App_Images/Iconos/BtnWORDon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    transition: all .2s ease-in-out;
}

.classSeleccionarPDFON :hover {
    background: url(../../App_Images/Iconos/BtnPDF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px;
    transition: all .2s ease-in-out;
}

.classSelAttachment:hover {
    background: url(../../App_Images/Iconos/attachmentON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    transition: all .2s ease-in-out;
    color: transparent;
}

.classSelindexmetadato:hover {
    background: url(../../App_Images/Iconos/indexmetadatoON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    transition: all .2s ease-in-out;
}

.classSelMetadato:hover {
    background: url(../../App_Images/Iconos/metadatoON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    transition: all .2s ease-in-out;
}

.classSelpdffile:hover {
    background: url(../../App_Images/Iconos/pdffileON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    transition: all .2s ease-in-out;
}

.classBtnCerrarCirculo:hover {
    background: url(../../App_Images/Iconos/BtnCerrarCirculoON.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 20px;
    /*transition: all .2s ease-in-out;*/
}

.classampliar:hover {
    background: url(../../App_Images/Iconos/ampliarON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    transition: all .2s ease-in-out;
}

.classrotulo:hover {
    background: url(../../App_Images/Iconos/rotuloON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    transition: all .2s ease-in-out;
}

.classreporte:hover {
    background: url(../../App_Images/Iconos/reporteON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    transition: all .2s ease-in-out;
}

.classBuscarDocumento:hover {
    background: url(../../App_Images/Iconos/BuscarDocumentoON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px;
    transition: all .2s ease-in-out;
}

.classfloppydisk:hover {
    background: url(../../App_Images/Iconos/floppydiskON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px;
    transition: all .2s ease-in-out;
}

.classAddFiles:hover {
    background: url(../../App_Images/Iconos/AddFilesON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 42px;
    transition: all .2s ease-in-out;
}

.classTrash:hover {
    background: url(../../App_Images/Iconos/TrashON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    transition: all .2s ease-in-out;
    color: transparent;
}

.classSeleccionON:hover {
    background: url(../../App_Images/Iconos/SeleccionarOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    transition: all .2s ease-in-out;
}

.classSeleccionOFF:hover {
    background: url(../../App_Images/Iconos/SeleccionarON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    transition: all .2s ease-in-out;
}

.classAgregarUsuario {
    background: url(../../App_Images/Iconos/BtnAddUsuario.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
    color: transparent;
}

.classAgregarUsuario:focus {
    background-size: 40px;
    color: transparent;
}

.classAgregarUsuario:hover {
    background: url(../../App_Images/Iconos/BtnAddUsuarioON.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    transition: all .2s ease-in-out;
    color: transparent;
}

.col-7 {
    width: 14.28%;
}

.col-14 {
    width: 5%;
}

.k-upload-files {
    padding-bottom: 0px;
}

#sidebar_main {
    padding-top: 0px;
}

    #sidebar_main .menu_section {
        margin-top: 10px;
    }

    #sidebar_main .sidebar_main_header {
        width: 300px;
        background-color: #d8e2ee;
    }

.scrollbar-inner {
    margin-bottom: 0px;
    margin-right: 0px;
}

#sidebar_main .menu_section > ul > li ul a {
    font-family: "Segoe UI", Arial, sans-serif;
}

.menu_title {
    font-family: "Segoe UI", sans-serif;
}

@media screen and (max-width:1750px) {
    .Column2 {
        margin-left: -20px;
    }
    .MenuDasboard {
        font-size: 16px;
    }
    .classModalesAlerta {
        width: 40%;
    }
}

@media screen and (max-width:1500px) {
    .Column2 {
        margin-left: -20px;
    }
    .MenuDasboard {
        font-size: 13px;
    }
    .material-icons {
        font-size: 22px;
    }
    .labelCertificar {
        font-size: 22px;
        font-weight: bold;
    }
    .texBotonesIndex {
        font-size: 20px;
        font-weight: bold;
    }
    .classBtnIndex {
        background-position: center;
        height: 42px;
        border: none;
    }
    .classModalesAlerta {
        width: 45%;
    }
}

@media screen and (max-width:1300px) {
    .texBotonesIndex {
        font-size: 18px;
        font-weight: bold;
    }
    .classBtnIndex {
        background-position: center;
        height: 42px;
        border: none;
    }
    .Column2 {
        margin-left: -10px;
    }
    .MenuDasboard {
        font-size: 13px;
    }
    .MenuDasboard {
        font-size: 12px;
    }
    .labelCertificar {
        font-size: 20px;
        font-weight: bold;
    }
    .classModalesAlerta {
        width: 55%;
    }
    .classModalesAlertaFrame {
        width: 60%;
    }
    #sidebar_main .menu-footer {
        visibility: collapse;
    }
}

@media screen and (max-width:1200px) {

    .labelRadicado {
        font-size: 20px;
        font-weight: bold;
    }

    .texBotonesIndex {
        font-size: 18px;
        font-weight: bold;
    }

    .labelCertificar {
        font-size: 18px;
        font-weight: bold;
    }
}

@media screen and (max-width:1100px) {

    .labelRadicado {
        font-size: 18px;
        font-weight: bold;
    }

    .labelCertificar {
        font-size: 16px;
        font-weight: bold;
    }

    .classModalesAlerta {
        width: 75%;
    }

    .classModalesAlertaFrame {
        width: 75%;
    }

    .classBtnRadicacion {
        background-position: left;
        height: 52px;
        border: none;
    }
}

@media screen and (max-width:1000px) {
    .texBotonesIndex {
        font-size: 24px;
        font-weight: bold;
    }
    .col-14 {
        width: 100%;
    }
    .Top-Panel {
        margin-top: 50px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .Rotulo {
        margin-left: 30px;
    }
    .k-grid .k-button {
        margin: -5px;
    }
    .labelRadicado {
        font-size: 16px;
        font-weight: bold;
    }
    .labelCertificar {
        font-size: 14px;
        font-weight: bold;
    }
    .MenuDasboard {
        width: 210px;
        font-size: 16px;
    }
    .classModalesSmall {
        margin-top: 0px;
    }
    .classModalesAlerta {
        width: 85%;
    }
    .classTitulo {
        font-size: 18px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .classNum10 {
        margin-top: 10px;
        margin-left: 0;
    }
    .number {
        color: white;
        height: 35px;
        width: 35px;
        font-size: 25px;
        font-weight: bold;
        background: #428bca;
        text-align: center;
        border-radius: 50px;
        margin-top: 15px;
        margin-left: 3px;
        text-decoration: none;
        float: none;
    }
    .Column2 {
        margin-left: 0;
    }
    .MargenControles {
        margin-top: 5px;
    }
    .md-card {
        margin-top: 5px;
        margin-right: 1px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width:767px) {
    .md-card .md-card-content {
        padding: 0px;
    }
    .classModalesAlerta {
        width: 90%;
    }
    .classModalesAlertaFrame {
        width: 90%;
    }
    .Rotulo {
        margin-left: 0px;
    }
    #sidebar_main {
        width: 85%;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    #sidebar_main .sidebar_main_header {
            width: 100%;
        }
    .menu_title {
        font-size: 13px;
    }
    #sidebar_main .menu_section > ul > li > a > .menu_icon {
        width: 28px;
    }
    #sidebar_main .menu_section > ul > li ul a {
        font-family: "Segoe UI";
        font-size: 12px;
        padding: 8px 10px 8px 52px;
    }
    .texBotonesIndex {
        font-size: 20px;
        font-weight: bold;
    }
    .classBtnIndex {
        display: none;
    }
    .classTituloModales {
        font-size: 17px;
        width: 500px;
        margin-left: 5px;
    }
}

@media screen and (max-width:576px) {
    .Rotulo {
        margin-left: -60px;
    }
    .texBotonesIndex {
        font-size: 14px;
        font-weight: bold;
    }
    .number {
        float: none;
    }
    .classTituloModales {
        font-size: 15px;
        width: 350px;
        margin-left: 0px;
    }
}


#modal_alerta {
    border-radius: 5px;
}

#modal-encabezado {
    border-bottom: 1px solid #e9e8e8;
    background: #e9e8e8;
}

    #modal-encabezado > h3 {
        margin-bottom: 6px;
    }

#modal-pie {
    border: 3px solid #f1e9e9;
    background: none;
}

.k-grid tbody .k-button {
    min-width: 50px;
}

.k-grid tbody button.k-button {
    min-width: 50px;
}

.k-grid tr {
    border-width: 0 0 1px 1px;
    background-color: #ffffff;
}
k-grid tr:hover {
    background-color: #f5f5f5;
}
.k-grid-header th.k-header {
    text-transform: uppercase;
}
#modalalert {
    border-bottom-style: solid;
}

#headconfirmacion {
    background-color: rgba(217, 213, 218, 0.93);
    background: linear-gradient(rgba(236, 232, 237, 0.88),rgba(161, 160, 160, 0.64) );
    border-bottom: 1px solid rgba(128, 128, 128, 0.55);
    margin: -20px -24px 20px -24px;
    padding: 22px;
}

#bodyconfirmacion {
    font-size: 13px;
    padding: 0;
}

#pieconfirmacion {
    background-color: none;
    border: none;
    margin-left: 20px;
    padding: 5px;
}

#modal_confirmdialog {
    background: linear-gradient(#ffffff,#e9e8e8 );
}

#headfiltro {
    background-color: rgba(217, 213, 218, 0.93);
    background: linear-gradient(rgba(236, 232, 237, 0.88),rgba(161, 160, 160, 0.64) );
    border-bottom: 1px solid rgba(128, 128, 128, 0.55);
    margin: -20px -24px 20px -24px;
    padding: 17px;
}

#modal_filtro {
    background: linear-gradient(#ffffff,#e9e8e8 );
    padding-bottom: 12px;
}

#piefiltro {
    background-color: none;
    border: none;
    padding: 16px;
}

#headguardado {
    background-color: rgba(217, 213, 218, 0.93);
    background: linear-gradient(rgba(236, 232, 237, 0.88),rgba(161, 160, 160, 0.64) );
}

#modal_guardadoDialog {
    background: linear-gradient(#ffffff,#e9e8e8 );
    padding-bottom: 12px;
}

#pieguardado {
    background-color: none;
    border: none;
    padding: 16px;
}

#headBorradoAdjunto {
    background-color: rgba(217, 213, 218, 0.93);
    background: linear-gradient(rgba(236, 232, 237, 0.88),rgba(161, 160, 160, 0.64) );
    border-bottom: 1px solid rgba(128, 128, 128, 0.55);
    margin: -20px -24px 20px -24px;
    padding: 17px;
}

#modal_BorraAdjuntoDialog {
    background: linear-gradient(#ffffff,#e9e8e8 );
    padding-bottom: 12px;
}

#pieBorradoAdjunto {
    background-color: none;
    border: none;
    padding: 16px;
}

#headEditPerEnt {
    background-color: rgba(217, 213, 218, 0.93);
    background: linear-gradient(rgba(236, 232, 237, 0.88),rgba(161, 160, 160, 0.64) );
    border-bottom: 1px solid rgba(128, 128, 128, 0.55);
    margin: -20px -24px 20px -24px;
    padding: 21px;
}

#modal_EditPerEntDialog {
    background: linear-gradient(#ffffff,#e9e8e8 );
    padding-bottom: 12px;
}

#pieEditPerEnt {
    background-color: none;
    border: none;
    padding-top: 64px;
    padding-bottom: 19px;
    margin-left: 30px;
}

#headradicaExito {
    background-color: rgba(217, 213, 218, 0.93);
    background: linear-gradient(rgba(236, 232, 237, 0.88),rgba(161, 160, 160, 0.64) );
    border-bottom: 1px solid rgba(128, 128, 128, 0.55);
    margin: -20px -24px 20px -24px;
    padding: 17px;
}

.requeridorojo {
    box-shadow: 0 2px 0 0 #ff0000;
}

.objectControlDocCeroPapel {
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
}

.objectControlDocCeroPapelMin {
    width: 100%;
    height: 75vh;
    margin: 0 0 0 0;
}

.objectPqr {
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
}

.classChartPieOFF {
    background: url(../../App_Images/Iconos/BtnChartPieOFF.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 36px;
    height: 42px;
    border: none;
}

    .classChartPieOFF:focus {
        background: url(../../App_Images/Iconos/BtnChartPieOFF.svg);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 42px;
    }

    .classChartPieOFF:hover {
        background: url(../../App_Images/Iconos/BtnChartPieON.svg);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 42px;
    }

.classAnalisisOFF {
    background: url(../images/charts/AnalisisOFF.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 36px;
    height: 42px;
    border: none;
}

    .classAnalisisOFF:focus {
        background: url(../images/charts/AnalisisOFF.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 42px;
    }

    .classAnalisisOFF:hover {
        background: url(../images/charts/AnalisisON.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: 42px;
    }

#PBimputacion {
    padding-left: 10px;
}

#contenedorPerfilcontroldoc {
    padding-right: 7px;
    padding-bottom: 6px;
    border: 2px;
}

#IdentifiqueSolicitud {
    padding: 8px;
    border-radius: 4px;
    width: 100%;
}

#TipoSolicitud {
    padding: 8px;
    border-radius: 4px;
    width: 100%;
}

.tbody2 {
    /*border: none;
        border-collapse:collapse;*/
    height: 130px;
    display: inline-block;
    width: 100%;
    overflow: auto;
}

.tbody3 {
    /*border: none;
        border-collapse:collapse;*/
    height: 53px;
    display: inline-block;
    width: 100%;
    overflow: auto;
}

.btnc {
    width: 32px;
    height: 32px;
}

    .btnc:hover {
        opacity: 0.50;
        -moz-opacity: .50;
        filter: alpha (opacity=50);
    }

.textoTab {
    font-size: 10px;
    font-weight: bold;
}

.BtnDocT {
    background: url(../../App_Images/Iconos/BtnDOCT.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    height: 40px;
    border: none;
}
    .BtnDocT:hover {
        background: url(../../App_Images/Iconos/BtnDOCTON.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 36px;
        transition: all .2s ease-in-out;
    }
.BtnXlsT {
    background: url(../../App_Images/Iconos/BtnXLST.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 40px;
    border: none;
}

    .BtnXlsT:hover {
        background: url(../../App_Images/Iconos/BtnXLSTON.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 40px;
        transition: all .2s ease-in-out;
    }

.BtnPdfT {
    background: url(../../App_Images/Iconos/BtnPDFT.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    height: 42px;
    border: none;
    color:transparent;
}

    .BtnPdfT:hover {
        background: url(../../App_Images/Iconos/BtnPDFTON.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 36px;
        transition: all .2s ease-in-out;
        color: transparent;
    }

.classEliminarDisabled {
    background-image: url(../../App_Images/Iconos/BtnEliminarDisabled.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
    background-color: transparent;
}

.classEliminarEnabled {
    background-image: url(../../App_Images/Iconos/BtnEliminar.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
    background-color: transparent;
}

.classUploadDisabled {
    background-image: url(../../App_Images/Iconos/UploadNone.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
    background-color: transparent;
}

.classUploadEnabled {
    background-image: url(../../App_Images/Iconos/UploadON.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
    background-color: transparent;
}

.classCheckDisabled {
    background-image: url(../../App_Images/Iconos/SeleccionarNone.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
    background-color: transparent;
}

.classCheckEnabled {
    background-image: url(../../App_Images/Iconos/SeleccionarOFF.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
    background-color: transparent;
}

.classCheckSuccess {
    background-image: url(../../App_Images/Iconos/SeleccionarON.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36px;
    height: 42px;
    border: none;
    background-color: transparent;
}

.classCheckDisabled, .classCheckEnabled:focus, .classCheckSuccess:focus {
        box-shadow: none !important;
}

.cell {
    max-height: 70px;  
    overflow-y: auto;  
    text-align: justify;
}
.cell2 {
    max-height:40px;
    overflow-y: auto;
    text-align: justify;
}
.cell3 {
    max-height: 650px;
    overflow-y: auto;
    text-align: justify;
}

._VistaDoc {
    height: 400px;
    overflow-y: auto;
    width:100%;
}
.campo {
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #898989;
}

.informacion {
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 12px;
    color: #428bca;
}

.campo2 {
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size:9px;
    font-weight: bold;
    color: #898989;
}

#docRecibido {
    background: url('../../App_Images/Orfeo/Anexado.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    height: 22px;
    border: none;
}

#docRadicado {
    background: url('../../App_Images/Orfeo/Radicado.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    height: 22px;
    border: none;
}

#docImpreso {
    background: url('../../App_Images/Orfeo/impreso.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    height: 22px;
    border: none;
}

#docInviado {
    background: url('../../App_Images/Orfeo/enviado.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    height: 22px;
    border: none;
}

#docConfirmado {
    background: url('../../App_Images/Orfeo/tick.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    height: 16px;
    border: none;
}

.classAsignarPre {
    background: url(../../App_Images/Iconos/btnRadicacion.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}

.classAsignarPre:focus {
    background-size: 40px;
}

.classAsignarPre:hover {
    background: url(../../App_Images/Iconos/btnRadicacion.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    transition: all .2s ease-in-out;
}

.backgroundError {
    background-color: #ffdcdc;
}

.backgroundError > td {
    border-bottom: 2px solid #f37474 !important;
}

.backgroundSucces {
    background-color: #dfffde;
}

.maxmincontent2 {
  min-height: 85vh;
}

.uk-button:disabled {
    background-color: #fafafa !important;
    cursor: not-allowed;
}

.md-32 {
    font-size: 32px !important;
    vertical-align: -16px !important;
}

#Adjuntos_General ul.k-upload-files {
    max-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
}

.max-fixed {
    top: 0 !important;
    border-radius: 0px !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    margin: 0px !important;
    max-width: 100% !important;
}

.max-fixed .max-content-fixed {
height: calc(100% - 40px) !important;
overflow-y: auto;
}

.max-fixed .max-content-fixed .k-grid-content {
    height: auto !important;
}

.spinner-por {
    display: flex;
    justify-content: center;
    align-items: center;
}

.porcentaje-por {
    font-size: 17px;
    margin: 5px 0;
}

.text-por {
    font-size: 15px;
    color: #616161;
}

#sidebar_main .menu_section > ul > li > a .menu_title {
    display: inline-block !important;
}

.quantity::-webkit-inner-spin-button,
.quantity::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#pswd_info {
    position: absolute;
    bottom: -75px;
    bottom: -115px\9;
    /* IE Specific */
    left:56%;
    width: 250px;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
}

    #pswd_info h4 {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
    }

    #pswd_info::before {
        content: "\25B2";
        position: absolute;
        top: -12px;
        left: 45%;
        font-size: 14px;
        line-height: 14px;
        color: #ddd;
        text-shadow: none;
        display: block;
    }

#pswd_info2 {
    position: absolute;
    bottom: -70px;
    bottom: -110px\9;
    /* IE Specific */
    left: 23%;
    width: 250px;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
}

    #pswd_info2 h4 {
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: normal;
    }

    #pswd_info2::before {
        content: "\25B2";
        position: absolute;
        top: -12px;
        left: 45%;
        font-size: 14px;
        line-height: 14px;
        color: #ddd;
        text-shadow: none;
        display: block;
    }

.invalid {
    background: url(../../App_Images/Iconos/cancel.png) no-repeat 0 10%;
    padding-left: 22px;
    line-height: 24px;
    color: #ec3f41;
}

.valid {
    background: url(../../App_Images/Iconos/Aceptar.png) no-repeat 0 10%;
    padding-left: 22px;
    line-height: 24px;
    color: #3a7d34;
}

#pswd_info, #pswd_info2 {
    display: none;
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

form ul li:last-child {
    text-align: center;
    margin: 0 0 0 0;
}


.classSeleccionarGray {
    background: url(../../App_Images/Iconos/ModalidadContra/SeleccionarGray.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}

    .classSeleccionarGray:focus {
        background-size: 40px;
    }

    .classSeleccionarGray:hover {
        /*background: url(../../App_Images/Iconos/SeleccionarOFF.svg);
        background-repeat: no-repeat;*/
        background-position: center;
        background-size: 40px;
        transition: all .2s ease-in-out;
    }


.classSeleccionarCopiaGray {
    background: url(../../App_Images/Iconos/ModalidadContra/BtnCopiaGray.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px;
    height: 40px;
    border: none;
}

    .classSeleccionarCopiaGray:focus {
        background-size: 40px;
    }

    .classSeleccionarCopiaGray:hover {
        /*background: url(../../App_Images/Iconos/BtnCopiaOFF.svg);
        background-repeat: no-repeat;*/
        background-position: center;
        background-size: 40px;
        transition: all .2s ease-in-out;
    }

.form-control:read-only {
    background-color: white;
}

.k-grouping-header, .k-grid-header, .k-grid-header th, .k-pager-wrap {
    background-color: #ffffff;
}

/*#region Botones Nuevo*/

.btnGridCalidad {
    cursor: pointer;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #00000000 !important;
    background-size: cover;
    margin: 0 !important;
    min-height: 35px !important;
    min-width: 35px !important;
    height: 35px;
    width: 35px;
    border: none;
}

.btnGrid {
    cursor: pointer;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #00000000 !important;
    background-size: cover;
    margin: 0 !important;
    min-height: 35px !important;
    min-width: 35px !important;
    height: 35px;
    width: 35px;
    border: none;
}

    .btnGrid:hover,
    .btnGrid:focus {
        background-size: 100%;
        -webkit-filter: hue-rotate(262deg);
        filter: hue-rotate(262deg) 0.5s;
        -webkit-transform: scale(1.25);
        transform: scale(1.25);
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

.btnGrid-Doct {
    background-image: url(../../App_Images/Iconos/BtnDOCT.svg);
}
.btnGrid-Excel {
    background-image: url(../../App_Images/Iconos/BtnXLST.svg);
}
.btnGrid-Search {
    background-image: url(../../App_Images/Iconos/BtnSearch.svg);
}
.btnGrid-UploadFile {
    background-image: url(../../App_Images/Iconos/attachmentOFF.svg);
}

.btnGrid-Delete {
    background-image: url(../../App_Images/Iconos/BtnEliminar.svg);
}

.btnGrid-Tramit {
    background-image: url(../../App_Images/Iconos/BtnTramitar.svg);
}

.btnGrid-Editar {
    background-image: url(../../App_Images/Iconos/BtnEditar.svg);
}
.btnGrid-Copia {
    background-image: url(../../App_Images/Iconos/btnCopia.svg);
}

.btnGrid-Copia {
    background-image: url(../../App_Images/Iconos/btnCopia.svg);
}

.btnGrid-Guardar {
    background-image: url(../../App_Images/Iconos/BtnGuardar.svg);
}
.btnGrid-VerDoc {
    background-image: url(../../App_Images/Iconos/BuscarDocumentoOFF.svg);
}

.btnGrid-AddDoc {
    background-image: url(../../App_Images/Iconos/AddFilesOFF.svg);
}

.btnGrid-SeleccionNone {
    background-image: url(../../App_Images/Iconos/SeleccionarNone.svg);
}

.btnGrid-SeleccionON {
    background-image: url(../../App_Images/Iconos/SeleccionarON.svg);
}

/*#endregion */

/*#region Card*/

.numberSP {
    margin-left:3%;
    color: white;
    height: 45px;
    width: 45px;
    font-size: 29px;
    font-weight: bold;
    background: #428bca;
    text-align: center;
    border-radius: 50px;
    margin-top: 5px;
    text-decoration: none;
    float: inherit;
}

.tituloazulSP {
    font-size: 18px;
    color: #428bca;
    font-weight: bold;
    margin-left: 0px;
    position: relative;
    top: 14px;
    left: 31px;
}

@media only screen and (max-width: 768px){
    .numberSP {
        margin-left: 7%;
        color: white;
        height: 45px;
        width: 45px;
        font-size: 29px;
        font-weight: bold;
        background: #428bca;
        text-align: center;
        border-radius: 50px;
        margin-top: 5px;
        text-decoration: none;
        float: inherit;
    }

    .tituloazulSP {
        font-size: 18px;
        color: #428bca;
        font-weight: bold;
        margin-left: 0px;
        position: relative;
        top: 14px;
        left: 25px;
    }
}
/*#endregiom*/

.validarCampos{
    border: 1px red solid !important;
}

.classSelReferenciaCruzada {
    background: url(../../App_Images/Iconos/ReferenciaCruzadaOFF.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px;
    height: 42px;
    border: none;
}

    .classSelReferenciaCruzada:focus {
        background: url(../../App_Images/Iconos/ReferenciaCruzadaOFF.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 36px;
    }

    .classSelReferenciaCruzada:hover {
        background: url(../../App_Images/Iconos/ReferenciaCruzadaON.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 36px;
        transition: all .2s ease-in-out;
    }


.classHidden {
    display: none;
}

/*-------------------Estilos Arcordeon de reportes-----------------------*/

.accordion-header {
    border-radius: 10px;
    background-color: #f4f4f4;
    padding: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .accordion-header h4 {
        margin: 8px 10px;
    }

.arrow-down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
    margin-left: 10px;
    position: relative;
    right: 14px;
}

.accordion-content {
    display: block;
    padding: 24px 32px;
    padding-bottom: 10px !important;
    border-radius: 0px 0px 20px 20px;
    margin: 0px 5px;
    background-color: #e0e0e024;
}

/*#region Paginación Design */

#gridReport {
    padding: 15px;
    margin: 20px 1px;
    margin-bottom: 0px;
    background-color: #f1f1f1ee;
    border-radius: 10px 10px 0px 0px;
}

.style-pagination-controls {
    margin: 20px 0px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.panel-functions {
    background-color: #e7e7e7;
    border-radius: 0px 0px 10px 10px;
    margin: 0px 1px;
}

.contenedor-pagination-controls {
    width: 356px;
    padding: 12px;
    border-radius: 30px;
    background-color: #f4f4f4;
}

    .contenedor-pagination-controls button {
        background-color: #428bca;
        padding: 5px;
        width: 85px;
        border-radius: 20px;
        color: white;
        border: none;
    }

#pageInfo {
    padding: 0px 14px;
}

#generate-excel button {
    background-color: #f4f4f4;
    color: #428bca;
    padding: 10px 20px;
    border: 1px solid #c7c7c7;
    border-radius: 25px;
    cursor: pointer;
}

    #generate-excel button:hover {
        background-color: #428bca;
        color: #f4f4f4;
        border: 1px solid #428bca;
    }

#generate-excel button i{
    color: #428bca;
}

    #generate-excel button:hover i {
        color: #f4f4f4;
    }
/*#endregion */

/*#region k-textbox*/

.k-textbox > input:read-only, .k-maskedtextbox > input:read-only {
    background-color: rgb(248 248 248);
}

.k-pager-numbers-wrap select.k-dropdown {
    padding: 1px 12px;
}

/*#endregion*/

/*#region progress-bar*/
.progress-bar-container {
    width: 90%;
    border: 1px solid #d6d6d6;
    position: relative;
    height: 23px;
    border-radius: 11px;
    padding: 3px;
    margin: 4px;
}

.progress-bar-pm {
    height: 100%;
    border-radius: 10px;
}

.red-bar {
    background-color: #f44336; /* Rojo para porcentaje 0-33% */
}

.yellow-bar {
    background-color: #ffeb3b; /* Amarillo para porcentaje 34-66% */
}

.green-bar {
    background-color: #4CAF50; /* Verde para porcentaje 67-100% */
}

.progress-bar-container span {
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-weight: bold;
    line-height: 20px; /* Para alinear verticalmente el texto */
}
/*#endregion*/