@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.woff2') format('woff2'), url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'latoregular';
    font-size: 15px;
    margin: 0;
    padding: 0;
}

/* ---------------------------------------------------
    GENERALES
----------------------------------------------------- */
.asteriscorojo{color: #ff0000;}
.cpointer{cursor: pointer;}
.fl {float: left !important;}
.fr {float: right !important;}
.padding0{padding:0px;}
.fblanco {background-color: #fff !important;}
.fblack {background-color: #000 !important;}
.fazul {background: #3d8bfd !important;}
.cnegro {color: #000 !important;}
.cblanco {color: #fff !important;}
.crojo {color: #d5183a !important;}
.cverde{color: #33d518 !important;}
.fnivel1 {background-color: #a98eda;}
.fnivel2 {background-color: #c5b3e6;}
.fnivel3 {background-color: #e2d9f3;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top: 50px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom: 50px;}

.ml10 {margin-left: 10px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}

.mr5 {margin-left: 5px;}
.mr10 {margin-left: 10px;}
.mr15 {margin-left: 15px;}
.mr20 {margin-left: 20px;}

.gris {
  background-color: #e2d9f3;
}

.padding2{padding:  2px;}
.padding4{padding:  4px;}
.padding5{padding:  5px;}
.padding6{padding:  6px;}
.padding8{padding:  8px;}
.padding10{padding:  10px;}

.borderbotom {
    border-bottom: 1px solid #ccc;
}

.icologo{
    width: 100px;
}

.inputreadonly{
    background-color: #f3f298;
}
.inputreadonly::placeholder{
    background-color: #f3f298 !important; 
}

/* panel de control ------------------------ */
.navusuario{
    color: #fff;
    margin-left: 20px;
}
.mnutop{
    margin-right: 10px;
}

.wrapper {
    display: flex;
    align-items: stretch;
}
#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #101010;
    color: #fff;
    transition: all 0.3s;
}
#sidebar.active {
    margin-left: -250px;
}
#sidebar .sidebar-header {
    padding: 10px;
    margin-top: 90px;
    /*background: #243475;*/
    background:#101010;
}
#sidebar ul.components {
    padding: 20px 0;
    /* border-bottom: 1px solid #4e75cd; */
}
#sidebar ul p {
    color: #fff;
    padding: 10px;
}
#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
    /*color: #b6dd00;*/
    color: #fff;
}
#sidebar ul li a:hover {
    color: #000;
    background: #fff;
}
#sidebar ul li.active > a,
a[aria-expanded="true"] {
    color: #fff;
    /* background: #6a8006; */
    background: #6f42c1;
}
a[data-toggle="collapse"] {
    position: relative;
}
#sidebar a[aria-expanded="false"]::before,
#sidebar a[aria-expanded="true"]::before {
    content: '\e259';
    display: block;
    position: absolute;
    right: 20px;
    font-family: 'Glyphicons Halflings';
    font-size: 0.6em;
}
#sidebar a[aria-expanded="true"]::before {
    content: '\e260';
}
ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #3a8fd8;
}
.widthcontrolestabla {
    width: 90px;
}

.lnksidebar{
    text-decoration: none;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
body{
    display: flex;
    align-items: stretch;
}

#content {
    padding: 105px 20px 20px 20px;
    min-height: 100vh;
    width: 100%;
    transition: all 0.3s;
}


.hidden {
    display: none;
}
.visible {
    display: block;
}

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

#myTabContent{
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-right:  1px solid #dee2e6;
}


.breadcrumb{
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
}

/*DEPORTES*/
.imgw-80{
    width: 80px;
}

.cajalistadocorreos{
    height: 550px;
    overflow-y: auto;
}


/*USUARIOS*/
.scrollmodules{
    height: 300px;
    overflow-y: auto;
}

.imguserpanel{
    width:40px;
    display: inline-block;
    margin-right: 10px;
}

.txttabladesactivado{
    opacity: 33%;
}

/*USUARIOS*/


/*SECCIONES*/

.listamenunombre{
    background-color: #000;
    color:#fff;
}


.listamenunombre{
    background-color: #2d2d2d;;
    color:#fff;
}

.itemlistamenunombre0{
    background-color: #a98eda;
    color:#000;
    border-bottom: 1px solid #cddbe8;
}
.itemlistamenunombre1{
    background-color: #c5b3e6;
    color:#000;
    border-bottom: 1px solid #cddbe8;
}
.itemlistamenunombre2{
    background-color: #e2d9f3;
    color:#000;
    border-bottom: 1px solid #cddbe8;
}

.capalistaitems{
    height: 490px;
    overflow-y: scroll;
}

.sinfototabla{
    height:50px;
}

.fntpeque{
    font-size: 0.8rem;
}




.capatitulolistaitems{
    background-color: #000;
    color:#fff;
}

.capalistaitemsseccion{
    height: 260px;
    overflow-y: scroll;
}

.capaitemseccion{
    background-color: #a98eda;
    color:#000;
    border-bottom: 1px solid #cddbe8;
}

/* REPOSITORIO----------------------------------- */
.breadcr{
    padding: 8px 15px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.icorepositorio{
    width: 40px;
}
.lnkrepositorio{
    text-decoration: none;
    color: #000;
}
.itemrepositoriofic {
    width: 100%;
    height: 150px;
    overflow: hidden;
}
.itemrepositorio{
    width: 120px;
    height: 200px;
    float: left;
    margin: 10px;
}

.itemrepositoriodir {
    width: 100%;
    height: 120px;
    overflow: hidden;
}

.itemrepositorioctrl {
    width: 100%;
    text-align: center;
}

.itemrepositorionom {
    width: 120px;
    height: 53px;
    padding: 4px;
    font-size: 11px !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.itemrepositorioimg {
    width: 120px;
    height: 120px;
    overflow: hidden;
    background-color: #f5f5f5;
}
.imagenrepositorio {
    width: 100%;
}
.itemrepositoriofic {
    width: 120px;
    height: 120px;
    overflow: hidden;
}



.capaalerta{
    display: none;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    background: url('/img/admin/bgmodal.png') repeat;
}
.pupuprepositorio{
    height: 100%;
    width: 100%;
    line-height: 1.3em;
   
    margin-top: 0px;
    overflow: scroll;
   
    position: relative;
    top: 0%;
    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    font-size: 10px;
    background: #ffffff url('/img/admin/bgmodal.png') no-repeat scroll center top;
}
/*
.btnfilebrowser{

}
*/

.divmultimedia{
    height: 300px;
    overflow-y: scroll;
}

.icoasc{
    background-image: url(/img/icoascdesc.png);
    width:16px;
    height:18px;
    background-position:0px 0px;
}
.icodesc{
    background-image: url(/img/icoascdesc.png);
    width:16px;
    height:18px;
    background-position:-16px 0px;
}
.icoascdesc{
    background-image: url(/img/icoascdesc.png);
    width:16px;
    height:18px;
    background-position:-32px 0px;
}
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (max-width: 768px) {
  #sidebar {
    margin-left: -250px;
  }
  #sidebar.active {
    margin-left: 0;
  }
  #sidebarCollapse span {
    display: none;
  }
}
@media (max-width: 468px) {
    .logoempresabig{
        width: 50%;
    }
}