body,
html {
    font: 12px Arial, Helvetica, sans-serif;
    height: 100%;
    margin: 0;
    background-color: #fcfdfd !important;
    background-color: #1BC5BD;
    background-image: linear-gradient(-40deg, #ecbc1d 16%, #1BC5BD 74%);
}



.container {
    text-align: center;
    display: block;
    width: 100%;
}



.cintillo {
    vertical-align: middle;
    Width: 100%;
    background: #eee;
    height: 60px;
    padding: 15px 0 15px 0;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(64, 63, 64, 0.22);
    -moz-box-shadow: 0px 1px 1px 1px rgba(64, 63, 64, 0.22);
    box-shadow: 0px 1px 1px 1px rgba(64, 63, 64, 0.22);
}

.cintillodt {
    vertical-align: middle;
    Width: 100%;
    background: #eee;
    height: 40px;
    padding: 15px 0 15px 0;
    position: absolute;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(64, 63, 64, 0.22);
    -moz-box-shadow: 0px 1px 1px 1px rgba(64, 63, 64, 0.22);
    box-shadow: 0px 1px 1px 1px rgba(64, 63, 64, 0.22);
    top: 0;
}

.logo-trs {
    height: 40px;
    margin-bottom: 35px;
    margin-right: 35px;
    text-align: right;
}


/********************************************************************************************************************/

#wrapper {
    overflow: auto;
}



a.toprigthbtn {
    float: right;
    margin-right: 40px;
    font-size: 30px;
    color: #5e5e5e;
    cursor: pointer;
    margin-top: 6px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    a.toprigthbtn:hover {
        float: right;
        font-size: 32px;
        color: #5e5e5e;
    }

#ptitulo {
    margin: 0;
    font-size: 19px;
    text-align: left;
    padding-top: 10px;
    display: block;
    padding-left: 15px;
    color: #5e5e5e;
    background: #eee;
    padding-bottom: 10px;
    -webkit-box-shadow: 2px 1px 1px 1px rgba(64, 63, 64, 0.22);
    -moz-box-shadow: 2px 1px 1px 1px rgba(64, 63, 64, 0.22);
    box-shadow: 2px 1px 1px 1px rgba(64, 63, 64, 0.22);
}

.btn-outline-secondary:hover {
    color: black !important;
    font-size: 13px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}




.container-fluid {
    margin-top: 10px
}

    .container-fluid::before, .container::after {
        display: table;
        content: " ";
    }

@media (min-width: 1200px) {
    .col-xl-2 {
        float: left;
    }
}


.panel-section .card-panel .lateral-buttons a:hover i {
    font-size: 16px !important;
}

@media (min-width:1400px) {

    .panel-section .card-panel .panel .panel-footer .size {
        width: 50% !important;
        padding-bottom: 4px
    }
   
    .panel-section .card-panel .panel .panel-footer .date {
        width: 50% !important;
    }
  
}
@media (max-width: 1660px) and (min-width: 993px) {

    .panel-section .card-panel .panel .panel-footer .size {
        padding-bottom: 4px
    }
    .headboxnuevo {
    width:75% !important;
    }

}
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');

.headboxnuevo {
    width: 80%;
    height: 30px;
    -webkit-box-shadow: 1px 0px 5px 0px rgba(0,0,0,.15);
    -moz-box-shadow: 1px 0px 5px 0px rgba(0,0,0,.15);
    box-shadow: 1px 0px 5px 0px rgba(0,0,0,.15);
    color: #5d5d5d;
    border-radius: .15rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #F3F6F9;
    border-radius:5px 5px 0 0;
}


.tituloheader {
    margin-bottom: unset;
    padding-left: 5px;
    padding-top: 8px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*.headboxnuevo:hover {
    overflow: visible;
}*/
    /*.headboxnuevo:hover {
        text-overflow: clip;
        white-space: normal;
        word-break: break-all;
    }*/


/*@media (min-width: 1200px) {
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 20%;
    }
}*/

.card-panel {
    margin-bottom: 20px;
}

@media (max-width: 500px) and (min-width:600px) {
    .headboxnuevo {
        width: 88%
    }
}


.panel-section .card-panel .lateral-buttons a.document {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}


.panel-footer {
    background-color: #F3F6F9;
    border-radius: 0 0 5px 5px ;
}

#btnokbuscarRTMusuarios {
    border-radius: 0 5px 5px 0;
}

#btnokbuscarRTMusuarios:hover {
    cursor:pointer;
    color:white !important;
}