@import url('https://fonts.googleapis.com/css?family=Heebo:400,700');
@import url('/css/fontello/css/load.css');
@import url('/css/fontello/css/animation.css');

body{margin:0;padding:0;font-family: 'Heebo', sans-serif; background-color: #F8F8F8}
.contenedor{padding: 20px;max-width: 1600px;}
div.login .contenedor{max-width:400px}
ul{list-style-type:none;margin:0;padding:0;}
h1{color:#3AA85F;margin: 0 0 10px 20px;font-weight: normal;}
a{text-decoration:none;padding: 3px;margin: 3px;}
a:hover{text-decoration:none;}
input[type="text"],[type="password"],input[type="date"]{font-size: 15px;padding: 10px;width: 100%;border:0;border-bottom:1px solid black;}
input[type="text"]:focus,[type="password"]:focus{border-bottom:1px solid #03A9F4;color:#03A9F4;}
input[type="submit"],[type='button']{cursor:pointer;}
input:focus,
select:focus,
textarea:focus,
button:focus {outline: none; }
.trumbowyg-editor{height: 350px!important;}
.trumbowyg-editor li{    list-style: outside; margin-left: 40px!important;}

/* MENSAJE INFORMATIVO */
div#mensaje>div{text-align: center; padding: 10px; font-weight:bold; }
div#mensaje>.ko{background: #D33F49; color:#FFF; }
div#mensaje>.ok{background: #3AA85F}
div#mensaje>.info{background: #03A9F4;}

/* COLORES ICONOS CON ITERACCIÓN */
a.icon-edit{color: #03A9F4!important;cursor: pointer!important;}
a.icon-trash{color: #D33F49!important;cursor: pointer!important;}
a.icon-folder-add{color: #3AA85F!important;cursor: pointer!important;}

/* TAMAÑOS CONTENEDORES */
div.third{width: 30%; display: inline-block; vertical-align: top;}
div.half{width: 50%; display: inline-block; vertical-align: top;}
div.contHalf{margin: 40px 0px;}
/* INFORMACIÓN CAMPOS DE FORMULARIO */
div.notas{font-size: 10px;text-align: right;color: #999;margin: 1px 0 0 0; max-width: 300px}

.logotipo{width: 200px;height: 70px;}
.animate-spin{font-size: 35px;margin: 40px auto 20px auto;display:block;text-align: center;color: #39a85f;}
.moxie-shim{visibility: hidden;}/*OCULTA EL CUADRO DE ARRASTRAR ARCHIVOS PORQUE AL AUMENTAR EL ARBOL DE CARPETAS SE MANTIENE EN POS ABSOLUTE*/
.highlight{font-weight: bold; color: #39a85f;}

/* AVISO DE ELIMINACIÓN DE UN OBJETO */
div#alerta.modal{display: none;position: fixed;z-index:99999;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
div#alerta.modal>.modal-content{position: relative;background-color: #E5E5E5;margin: auto;padding: 10px;border:1px solid #888;width: 50%;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
div#alerta.modal>.modal-content>.modal-header{border-bottom: 1px solid #ddd; margin:5px;}
div#alerta.modal>.modal-content>.modal-header>h3{margin: 0 0 5px}
div#alerta.modal>.modal-content>.modal-header>h3>.icon-attention{font-size: 15px; margin: 0 5px;}
div#alerta.modal>.modal-content>.modal-body{padding: 0 25px;}
div#alerta.modal>.modal-content>.modal-footer{text-align: right;}
div#alerta.modal>.modal-content>.modal-footer>button{padding: 10px 5px; margin: 5px 0 5px 10px; width: 100px; color: white; border-radius: 5px; border: 0;}
div#alerta.modal>.modal-content>.modal-footer>#accept{background-color: #3AA85F}
div#alerta.modal>.modal-content>.modal-footer>#cancel{background-color: #D33F49}

#head,
#foot{background-color:#E5E5E5;width:100%;position: relative;}

#head>div.contenedor{padding-bottom:0;    display: block; margin: auto;}

#head h2{color: #39a85f; font-weight: normal; margin: 0 0 10px 20px;font-size: 14px;}

/* ICONOS -> CONFIGURACÍON, PERFIL Y CIERRE DE SESIÓN */
#head .contenedor>ul.session{text-align: right;margin-bottom: 30px;position: absolute;top: 30px;right: 10px;}
#head .contenedor>ul.session>li{display:inline-block;}
#head .contenedor>ul.session>li>a{font-size:20px;border-radius: 50%;background: #A0A0A0;color:#FFFFFF;padding: 10px 10px;}
#head .contenedor>ul.session>li:last-child>a{background: #D33F49;}
#head .contenedor>ul.session>li>a:hover{background: #FFF;color:#A0A0A0;}
#head .contenedor>ul.session>li:last-child>a:hover{background-color: #FFF;color:#D33F49;}
#usuarioLogueado{color: #3aa85f; text-transform: capitalize; padding: 0px 10px; font-size: 14px;}
/* PESTAÑAS -> DOCUMENTOS, MENSAJES, CLIENTES Y USUARIOS */
#head .contenedor>ul.tabs{font-weight: bold;max-height: 0px;overflow: hidden; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; }
#head .contenedor>ul.tabs.tabVisible{max-height:500px; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; }
#head .contenedor>ul.tabs>li{background: #d2d2d2;position: relative;}
#head .contenedor>ul.tabs>li:hover,
#head .contenedor>ul.tabs>li.active{background-color:#F8F8F8;cursor: pointer;}
#head .contenedor>ul.tabs>li.active>a{color:#3AA85F}
#head .contenedor>ul.tabs>li>a{display:block;color: #535252;padding: 10px;}
#head .contenedor>ul.tabs .nMensajesNoLeidos{    position: absolute; right: 0px; padding: 1px 6px; background: #3aa85f; border-radius: 0px 5px 0px 0px; font-size: 11px; color: white;}
@media (min-width: 800px) { /* a partir de 800px */
	#head .contenedor>ul{list-style-type:none;margin:0;padding:0}
	#head .contenedor>ul.session{text-align: right;margin:0;}
	#head .contenedor>ul.session>li{display:inline-block;}
	#head .contenedor>ul.session>li>a{font-size: 25px;border-radius: 50%;background: #A0A0A0;color:#FFFFFF;padding: 5px;}
	#head .contenedor>ul.session>li:last-child>a{background: #D33F49;}
	#head .contenedor>ul.session>li>a:hover{background: #FFF;color:#A0A0A0;}
	#head .contenedor>ul.session>li:last-child>a:hover{background-color: #FFF;color:#D33F49;}
	#head .contenedor>ul.session>li>a.icon-menu{display:none;}

	#head .contenedor>ul.tabs{max-height:500px;text-align: center;margin: 20px 0 0 0;}
	#head .contenedor>ul.tabs>li{display:inline-block;background-color: #D2D2D2;margin-left: 5px;border-radius: 5px 5px 0 0;}
	#head .contenedor>ul.tabs>li:hover,
	#head .contenedor>ul.tabs>li.active{background-color:#F8F8F8}
	#head .contenedor>ul.tabs>li.active>a{color:#3AA85F}
	#head .contenedor>ul.tabs>li>a{font-weight: bold;text-align: center;padding: 10px 30px;color: #535252;}
}

@media (min-width: 1100px) { /* a partir de 1100px */
	#head h1{position:absolute;max-width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	#head h2{position: absolute; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; top: 57px;}
	#head ul.session{top:20px;}
}

#body{min-height: calc(100vh - 225px);}

#body .contenedor{padding: 25px 50px;margin: auto; display: block;}

@media (min-width: 1680px) { /* a partir de 1100px */
	#body .contenedor{padding: 25px}
}

/* SUBPESTAÑAS -> DOCUMENTOS Y MENSAJES */
#body .contenedor>ul.tabs{background: #F8F8F8;}
#body .contenedor>ul.tabs>li{display: inline-block;background-color: #A0A0A0;border-radius: 5px 5px 0 0;margin-left: 5px;}F}
#body .contenedor>ul.tabs>li:last-child:hover a{color: white}
#body .contenedor>ul.tabs>li:hover{background-color:white;cursor: pointer;}
#body .contenedor>ul.tabs>li:hover a{color:#A0A0A0;}
#body .contenedor>ul.tabs>li.active{background-color:white;position: relative;top: 1px;border-top: 1px solid #CAC9C9;border-right: 1px solid #CAC9C9;border-left: 1px solid #CAC9C9;}
#body .contenedor>ul.tabs>li.active>a{color:#3AA85F}
#body .contenedor>ul.tabs>li>a{font-weight: bold;text-align: center;padding: 5px 30px;display: block;color: white;}

/* BOTONES FLOTANTES -> ATRÁS Y ENVIAR MENSAJE */
#body .contenedor>.btns{background: #3aa85f; color: white; border-radius: 5px; display: inline-block; padding: 10px 15px; margin-bottom: 25px; white-space: nowrap; border-radius: 5px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);}
#body .contenedor>.btns>i:before{font-size: 20px;margin: 0;}
#body .contenedor>#btnNewMsj{position: fixed; z-index: 99999; bottom: 100px; right: 15px; padding: 15px; margin: 0;border-radius: 50%; box-shadow:  0 5px 5px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08)}
#body .contenedor>#btnNewMsj>i:before{font-size: 40px; margin: 0;}
#body .contenedor>#infoBtMensaje{    position: fixed;display: none;
    z-index: 99999;
    bottom: 75px;
    right: 0px;
    padding: 15px;
    margin: 0;
    border-radius: 50%;}
    #body .contenedor>#infoBtMensaje span{position: absolute;
    left: -295px;
    font-size: 12px;
    background: #67a1f7;
    color: white;
    padding: 3px 10px;
    border-radius: 25px;}

    #body .contenedor>#btnNewMsj:hover ~ #infoBtMensaje{display: inline-block;}
@media (min-width: 1680px) { 
	#body .contenedor>#btnNewMsj{right: 30px;/*padding: 20px; bottom: 200px*/}
	#body .contenedor>#btnNewMsj>i:before{font-size: 45px;}
}

#body .contenedor>.seccion{background-color: #FFFFFF;padding: 50px;border: 1px solid #CAC9C9;margin: 0 0 25px;}

@media (min-width: 1680px) { /* a partir de 1100px */
	#body .contenedor>.seccion{padding: 30px;margin: auto; display: block;}
}

/* FORMULARIOS */
#body .contenedor>.seccion>form{width:100%;margin: 0;position: relative;overflow: hidden;display: inline-block;}
#body .contenedor>.seccion select{font-size: 15px;padding: 9px;margin:5px 10px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);border-radius: 5px}
#body .contenedor>.seccion>form>input[type='text'],
#body .contenedor>.seccion>form>input[type='date']{border: 1px solid #ccc;width: calc(100% - 500px);max-width: 400px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);border-radius: 5px;}
#body .contenedor>.seccion>form>input[type='text']:focus{color: black}
#body .contenedor>.seccion>form>div>label{display: block;margin: 20px 0 0 0;color: #AAA;font-size: 12px;}
#body .contenedor>.seccion>form>div>input[type='file']{padding: 10px}
#body .contenedor>.seccion>a{font-size: 16px; margin: 20px 5px 30px 10px; color: white;background-color: #3AA85F;font-weight: bold;padding: 15px;white-space: nowrap;border-radius: 5px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);float: right;}
#body .contenedor>.seccion>a::before{font-size: 25px;margin-right: 10px;}

/* BUSCADOR TABLAS -> MENSAJES, CLIENTES Y USUARIOS */
#body .contenedor>.seccion form.search{min-width: 190px;max-width: 400px;display:inline-block;position: relative;width: calc(100% - 205px);vertical-align: middle; padding: 30px 0;}
#body .contenedor>.seccion form.search input{width: 100%;border: 1px solid #ccc;border-radius: 5px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);}
#body .contenedor>.seccion form.search input:focus{color: black}
#body .contenedor>.seccion form.search button{position: absolute;right: 0;top: 30px;padding:  9px;cursor: pointer;font-size: 20px;color:#3AA85F;background:transparent;border:transparent;}

/* BUSCADOR TABLA -> DOCUMENTOS */
#body.documentos>.contenedor>.seccion>form.search{max-width:100%;}
#body.documentos>.contenedor>.seccion>form.search>div{position:relative;width: 100%;max-width: 400px;display: inline-block;margin: 0 20px 20px 0}
#body.documentos>.contenedor>.seccion>form.search>div>button{top: 0}
#body.documentos>.contenedor>.seccion>form.search>select{margin: 0 20px 20px 0;width: 190px}

/* TABLA DOCUMENSOTS */
.tablamagic[data-id="documentos"] tr>td:last-child{overflow: visible!important;position: 	relative;	}
.tablamagic[data-id="documentos"] tr>td .icon-users, .tablamagic[data-id="documentos"] tr>td .icon-left-big{color: #464646;padding: 0px 5px;}
.tablamagic[data-id="documentos"] tr>td .contUleido{position: absolute; background: #67a1f7; right: 90px; padding: 2px 10px; top: 6px; color: white; border-radius: 5px; font-size: 12px;}
.tablamagic[data-id="documentos"] tr>td:nth-child(13){font-size: 13px;}



/* VISTA DE CARPETAS Y DOCUMENTOS */
#body .contenedor>.seccion>.listaCarpetasDoc{display: inline-block;width: calc(30% - 25px); max-width: 280px;border-right: 1px solid #d2d2d2;}
#body .contenedor>.seccion>.listaCarpetasDoc>select{width: calc(100% - 30px); margin: 0 0 20px 0;}
#body .contenedor>.seccion>.listaCarpetasDoc>.carpetas>ul.tree>li{padding-left: 0px;}
#body .contenedor>.seccion>.listaCarpetasDoc>.contChecks{display: inline-block;width: 110px;vertical-align: top;margin: 20px 0px;}
#body .contenedor>.seccion>.listaCarpetasDoc>.contChecks>span,
#body .contenedor>.seccion>.listaCarpetasDoc>.contChecks>label{display: block;margin: 3px 0px}
#body .contenedor>.seccion>.listaCarpetasDoc .carpetas>ul.tree>li ul.option li{display: none!important;}

#body .contenedor>.seccion>.contListaDocumentos{display: inline-block;width: 70%;vertical-align: top;padding-left: 20px;}

/* FORMULARIOS DE EDICIÓN Y CREACIÓN */
#body .contenedor>.seccion>form div.third{margin: 0px 15px;min-width: 180px;}
#body .contenedor>.seccion>form div.third>ul{padding: 5px 10px}
#body .contenedor>.seccion>form div.third>ul>li{font-size: 15px;margin:10px 0;}
#body .contenedor>.seccion>form div.third>label{max-width: 300px}
#body .contenedor>.seccion>form div.third>input{max-width: 300px}
#body .contenedor>.seccion>form div.third>input:disabled {border-color: white;background: white}
#body .contenedor>.seccion>form div.half .editorTexto{    width: calc(100% - 30px);}


/* LISTADO PLANTILLAS DE USUARIO EN SU PERFIL*/
#body .contenedor>.seccion>form div.third ul#listaPlantillasUsu{}
#body .contenedor>.seccion>form div.third ul#listaPlantillasUsu li{}
#body .contenedor>.seccion>form div.third ul#listaPlantillasUsu li .tituloPlantilla{display: inline-block;}
#body .contenedor>.seccion>form div.third ul#listaPlantillasUsu li ul li{cursor: pointer;}
#body .contenedor>.seccion>form div.third ul#listaPlantillasUsu li ul, #body .contenedor>.seccion>form div.third ul#listaPlantillasUsu li ul li{display: inline-block;}
#body .contenedor>.seccion>form div.third ul#listaPlantillasUsu li ul, #body .contenedor>.seccion>form div.third ul#listaPlantillasUsu li ul li .icon-plus{color:#565656;}
#body .contenedor>.seccion>form div.third ul#listaPlantillasUsu li .textoPlantilla{display: none; margin: 10px 0px; border: 1px solid #e6e6e6; padding: 10px 10px; font-size: 12px;}
/* CHECKS PERMISOS USUARIOS */
#body .contenedor>.seccion>form div.third>.checkmark{width: fit-content;display: block;margin: 20px 15px; cursor: pointer;}
#body .contenedor>.seccion>form div.third>.checkmark:hover>input[type="checkbox"]{background-color: #ccc}
#body .contenedor>.seccion>form div.third>.checkmark>span{font-size: 15px; vertical-align: middle; color: black;}
#body .contenedor>.seccion>form div.third>.checkmark>input[type="checkbox"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; vertical-align: middle; border: 2px solid #ccc; background-color: #eee;margin-right: 10px; border-radius: 3px; cursor: pointer;}
#body .contenedor>.seccion>form div.third>.checkmark>input[type="checkbox"]:checked{background-color: #46A95E; border: 2px solid #46A95E; border-radius: 3px;}
#body .contenedor>.seccion>form div.third>.checkmark>input[type="checkbox"]:checked:before{color: white; content: '\e806';text-align: center; padding: 1px 0; display: block; font-family: "load";}

/* BOTONES CANCELAR Y ACEPTAR FORMULARIO */
#body .contenedor>.seccion>form>div.buttons{display: block;text-align: center;}
#body .contenedor>.seccion>form>div.buttons>input,
#body .contenedor>.seccion>form>div.buttons>a{vertical-align: middle;font-size: 16px;font-weight:  bold;max-width:300px;padding: 15px;background-color:#3AA85F;border:0;border-radius: 5px;color: white;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);margin: 50px 5px 5px 5px;}
#body .contenedor>.seccion>form>div.buttons>a{background-color: #D1D1D1;display: inline-block;text-align: center;vertical-align: middle;height: 18px}

@media (min-width: 800px){ /* a partir de 800px */
	#body{min-height: calc(100vh - 154px);}
	#body .contenedor>.seccion>form>div.buttons{text-align: right;}
	#body .contenedor>.seccion>form>div.buttons>input,
	#body .contenedor>.seccion>form>div.buttons>a{width: 100%;cursor: pointer;}
}

/* VISTA FICHA CLIENTE -> DATOS ENTIDAD */
#body.clientes>.contenedor>.seccion>ul>li{display: inline-block;width:17%;font-size: 1.4em;margin:0 10px 0 0;overflow:hidden;text-overflow: ellipsis;}
#body.clientes>.contenedor>.seccion>ul>li:first-child{font-weight: bold;width:calc(40% - 100px)}
#body.clientes>.contenedor>.seccion>ul>li:last-child{text-align: right;width:120px}

/* VISTA DETALLE MENSAJE */
#body.mensajes>.contenedor>.seccion>div.txt{word-break: break-word;display: block; margin: 25px 0 0 0; border: 1px solid #efefef; width: calc(100% - 50px); padding: 20px 20px 50px 20px; }
#body.mensajes>.contenedor>.seccion>h1{word-break: break-word;color: black; margin: 0;}
#body.mensajes>.contenedor>.seccion>ul>li{display: block; margin: 20px 0;font-size:14px;}
#body.mensajes>.contenedor>.seccion>ul>li>label{width: 50px; display: inline-block; font-size: 12px; vertical-align: top;}
#body.mensajes>.contenedor>.seccion>ul>li>p{font-weight: bold;display: inline-block; margin: 0;}
#body.mensajes>.contenedor>.seccion>ul>li>ul{display: inline-block; margin: 0; width: calc(100% - 50px);}
#body.mensajes>.contenedor>.seccion>ul>li>ul>li{display:inline-block;}
#body.mensajes>.contenedor>.seccion>ul>li>ul>li:after{content:",";margin:0 5px 0 0;}
#body.mensajes>.contenedor>.seccion>ul>li>ul>li:last-child::after{display:none;}
#body.mensajes>.contenedor>.seccion>ul>li>ul>li>span,
#body.mensajes>.contenedor>.seccion>ul>li>p>span{font-size: 13px; font-weight: normal; color: grey; margin: 0 1px 0 10px;}
#body.mensajes>.contenedor>.seccion>hr{margin: 50px 0 25px;}
#body.mensajes>.contenedor>.seccion>ul.records>li{display: inline-block; margin: 10px; background: #d2d2d2; border: 1px solid #d2d2d2; border-radius: 25px;}
#body.mensajes>.contenedor>.seccion>ul.records>li:hover{background:#F8F8F8;border: 1px solid #46A95E}
#body.mensajes>.contenedor>.seccion>ul.records>li:hover>a{color: #46A95E;}
#body.mensajes>.contenedor>.seccion>ul.records>li>a{display: block; margin: 0;padding: 5px 20px; color: black; font-size:15px;}
#body.mensajes>.contenedor>.seccion>ul.records>li>a>i{margin: 0 0 0 15px;}

/* BOTONES IMPORTAR / EXPORTAR EXCEL */
#body .contenedor>.seccion #capaImpExpCSV form#importarExcel label{cursor: pointer;}
#body .contenedor>.seccion #capaImpExpCSV form#importarExcel{margin:0px;cursor: pointer; display: inline-block; margin-right: 25px; padding: 0px; width: 250px; height: auto; vertical-align: middle;}
#body .contenedor>.seccion #capaImpExpCSV{display: block;margin-top: 20px;}
#body .contenedor>.seccion #btExportarCSV{display: inline-block;cursor: pointer;}
#body .contenedor>.seccion #capaImpExpCSV .icon-upload, 
#body .contenedor>.seccion #capaImpExpCSV .icon-download{margin-right: 15px;}
#body .contenedor>.seccion .buttons-excel{display: none;}

/* VISTA ENVIAR MENSAJE */
#body .contenedor>.seccion>form#sendMensaje{padding: 0}
#body .contenedor>.seccion>form#sendMensaje .lbl{display: block; margin: 20px 0; font-size: 16px; color: black;}
#body .contenedor>.seccion>form#sendMensaje>div.half table.tablamagic td{    padding: 5px 30px;text-align: left;}
#body .contenedor>.seccion>form#sendMensaje .filter{width: 95%;display: block;margin: auto;border: 1px solid #ccc;border-radius: 5px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);color: black;}
#body .contenedor>.seccion>form#sendMensaje>div.half .dataTables_info{display: none}
#body .contenedor>.seccion>form#sendMensaje>.half>.carpetas>ul.tree>li div>input[type="checkbox"].checkAccess{border-radius: 10px;}
#body .contenedor>.seccion>form#sendMensaje>.half>.carpetas>ul.tree>li div>input[type="checkbox"].checkAccess:checked{border-radius: 10px; background-color: #46A95E; border: 2px solid #46A95E;}
#body .contenedor>.seccion>form#sendMensaje>.half>.carpetas>ul.tree>li div>input[type="checkbox"].checkAccess:checked:before{content: '\e806';    padding-top: 1.5px;}
#body .contenedor>.seccion>form#sendMensaje>div.half>ul.listaSelected{padding: 0 10px; margin: 5px 0; width: calc(100% - 70px); display: inline-block;}
#body .contenedor>.seccion>form#sendMensaje>div.half>ul.listaSelected>li{display: inline-block; margin: 10px 10px 0 0; background: #d2d2d2; border: 1px solid #d2d2d2;border-radius: 5px; padding: 2px 10px 2px 5px;}
#body .contenedor>.seccion>form#sendMensaje>div.half>ul.listaSelected>li:hover{color: #46A95E;background:#F8F8F8;border: 1px solid #46A95E}
#body .contenedor>.seccion>form#sendMensaje>div.half>ul.listaSelected>li>i{cursor: pointer; margin: 0 15px 0 0;}
#body .contenedor>.seccion>form#sendMensaje>div.half>span.emptyList{display: none; vertical-align: top; margin: 15px 0 0 0;}
#body .contenedor>.seccion>form#sendMensaje>div.half>span.emptyList>a{margin:0; padding: 0}
#body .contenedor>.seccion>form#sendMensaje>div.half>span.emptyList>a:hover{cursor: pointer;}
#body .contenedor>.seccion>form#sendMensaje>div.half>span.emptyList>a:before{background: #D33F49; padding: 2px 7px;border-radius: 5px; color: white;}
#body .contenedor>.seccion>form#sendMensaje>div.half:nth-child(5){width: 40%} /* COLUMNAS FECHA Y CARPETAS */
#body .contenedor>.seccion>form#sendMensaje>div.half:nth-child(6){width: 60%;} /* COLUMNA ADJUNTOS */
#body .contenedor>.seccion>form#sendMensaje>div:not(.half):not(.buttons)>input{width:50%;border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); color: black;}/* COLUMNAS ASUNTO Y COMENTARIOS */
#body .contenedor>.seccion>form#sendMensaje>div:not(.half)>#textoMensaje{width:calc(100% - 3px);}
#body .contenedor>.seccion>form#sendMensaje>div:not(.half)>#textoMensaje *{margin: 0}
#body .contenedor>.seccion>form#sendMensaje>div:not(.half)>#textoMensaje>.trumbowyg{width:100%;height: 390px;border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); color: black;margin: 0}
#body .contenedor>.seccion>form#sendMensaje>div:not(.half)>#textoMensaje>.trumbowyg-fullscreen{height: 100%}
#body .contenedor>.seccion>form#sendMensaje .trumbowyg-button-group #contGuardaPlant{display: inline-block;}
#body .contenedor>.seccion>form#sendMensaje .trumbowyg-button-group #contGuardaPlant #inputPlantilla{display: inline-block; height: 29px; width: 160px; background: #ecf0f1; color: grey; font-size: 12px; padding-left: 5px;}
#body .contenedor>.seccion>form#sendMensaje .trumbowyg-button-group #contGuardaPlant #enviarPlantilla{font-size: 12px; background: #3aa85f; padding: 9px 10px; /* font-weight: bold; */ border-bottom: 1px solid #000000; /* border-radius: 5px; */ margin-left: -20px; /* height: 25px; */ color: white; display: inline-block;}

/* CAPA > DRAG AND DROP */
#body .contenedor>.seccion>form .alertaMensajes{color: white; font-size: 16px; background: #67A1F7; margin: 20px 0px; width: calc(100% - 13px); text-align: center; padding: 5px; border-radius: 5px; border: 1px solid #699AF6;}
#body .contenedor>.seccion>form .alertaMensajes>i:before{color: white; font-size: 23px; float: left;}
#body .contenedor>.seccion>form#sendMensaje #uploader{width: calc(100% - 3px); height: 130px; border: 1px solid #ccc; margin: 30px 5px 0 0; min-width: 250px; cursor: pointer;  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); border-radius: 5px;display: none;}
#body .contenedor>.seccion>form#sendMensaje #uploader:hover{background: #3aa85fad; color: white;}
#body .contenedor>.seccion>form#sendMensaje #uploader>p{margin-top: 55px; text-align: center;}
#body .contenedor>.seccion>form#sendMensaje ul#filelist{padding: 0; width: 100%}
#body .contenedor>.seccion>form#sendMensaje ul#filelist #detectAuto{background: #3aa85f; padding: 10px; color: white; display: inline-block; margin: 15px 0px; font-size: 14px;}
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li{position: relative;margin: 20px 0;width: 100%}
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>*{width: auto}
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>b{ width: calc(100% - 330px); display: inline-block; position: absolute; top: 18px; z-index: 999; height: 3px; top: 35px; }
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>b>span.loading{display: block; border-bottom: 5px solid; color: #ff0000}
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>input[type="text"]{display: inline-block; width: calc(100% - 330px); margin: 0; font-size: smaller; padding: 10px; font-size: 15px;}
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>input[type="text"].file{min-width: 90px}
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>select{display: inline-block; padding: 5px; width: 100px; font-size: smaller;margin: 0 5px}
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>select:last-of-type{width: 65px}
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>a{margin: 0}
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>.fileFolder{display: inline-block; position: relative;margin: 0 5px 0 10px}
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>.fileFolder input[type="text"].folder{width: 100px;}
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>.fileFolder ul#pathSelect{position: absolute; bottom: 30px; z-index: 999; min-width: 170px; background: white; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); border: 1px solid #ccc; border-radius: 5px; width: 285px;left: -8px}
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>.fileFolder ul#pathSelect:empty{border:0;box-shadow: none;}
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>.fileFolder ul#pathSelect li{margin: 0; padding: 10px;font-size: 12px;}
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>.fileFolder ul#pathSelect li:hover{cursor: pointer;background: whitesmoke;   }
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>.listaSelected{margin: 10px 0 0 0;display: inline-block;}
/* SCROLL -> LISTA RECEPTORES */
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>.listaSelected::-webkit-scrollbar {width: 7px; }
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>.listaSelected::-webkit-scrollbar-track {background: #e8e8e8; }
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>.listaSelected::-webkit-scrollbar-thumb {background: #888; }
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>.listaSelected::-webkit-scrollbar-thumb:hover {background: #555; }

#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>.listaSelected>li{display: inline-block; font-size: 13px; margin: 3px; padding: 3px 6px 3px 3px; background: #ededed; border: 1px solid #d2d2d2; border-radius: 5px;}
#body .contenedor>.seccion>form#sendMensaje ul#filelist>li>.listaSelected>li>i:hover{color: #D33F49;cursor: pointer;}

@media (max-width: 1020px) { /* hasta 1020px*/
	#body .contenedor>.seccion>form#sendMensaje>div:nth-child(5) {margin: 0!important; }
}

/* ÁRBOL DE CARPETAS */
#body .contenedor>.seccion .carpetas{min-width: 300px!important;}
#body .contenedor>.seccion .carpetas>ul.tree{width: 100%; min-width: 400px; margin: 10px 0 0; padding: 0;}
#body .contenedor>.seccion .carpetas>ul.tree li{list-style-type: none; display: block; padding: 0 0 0 25px;}
#body .contenedor>.seccion .carpetas>ul.tree li#tempFolder #temp{width: 105px; margin: 0; padding: 0;}
#body .contenedor>.seccion .carpetas>ul.tree>li div{margin: 0 0 10px 0; display: inline-block;}
#body .contenedor>.seccion .carpetas>ul.tree>li>div>ul>li>a.icon-edit,
#body .contenedor>.seccion .carpetas>ul.tree>li>div>ul>li>a.icon-trash{display: none!important;}
#body .contenedor>.seccion .carpetas>ul.tree>li select{margin: 0 0 0 20px}
#body .contenedor>.seccion .carpetas>ul.tree>li div>input[type="checkbox"].checkFolder{cursor: pointer; vertical-align: middle; text-align: center;} 
#body .contenedor>.seccion .carpetas>ul.tree>li div>input[type="checkbox"].checkFolder:before{content: '+'; font-family: "load"; font-weight: bold;background: white; border: 1px solid black; color: black; width: 10px; height: 10px; font-size: x-small; font-weight: bold; display: block;}
#body .contenedor>.seccion .carpetas>ul.tree>li div>input[type="checkbox"].checkFolder:checked:before{content: '-'; background: white; border: 1px solid #ababab; color: #ababab; width: 10px; height: 10px; font-size: xx-small; font-weight: bold; display: block;}
#body .contenedor>.seccion .carpetas>ul.tree>li div>input[type="checkbox"].checkAccess{-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 20px; height: 20px; vertical-align: middle; border: 2px solid #ccc; background-color: #eee;margin-right: 10px; border-radius: 3px; cursor: pointer;}
#body .contenedor>.seccion .carpetas>ul.tree>li div>input[type="checkbox"].checkAccess:hover{background-color: #ccc}
#body .contenedor>.seccion .carpetas>ul.tree>li div>input[type="checkbox"].checkAccess:checked{background-color: #46A95E; border: 2px solid #46A95E; border-radius: 3px;}
#body .contenedor>.seccion .carpetas>ul.tree>li div>input[type="checkbox"].checkAccess:checked:before{color: white; text-align: center; padding: 0; display: block; font-family: "load";    content: '\e806';padding-top: 1.5px}
#body .contenedor>.seccion .carpetas>ul.tree>li div>label{cursor: pointer;background: url(../imgs/folder.png) no-repeat 5px center; padding: 0 0 0 30px; vertical-align: middle;}
#body .contenedor>.seccion .carpetas>ul.tree>li div:hover>ul.option{display: inline-block !important; padding: 0; vertical-align: middle;}
#body .contenedor>.seccion .carpetas>ul.tree>li ul.option{display: none;}
#body .contenedor>.seccion .carpetas>ul.tree>li ul.option>li{display: inline-block;padding: 0;margin: 0;}
#body .contenedor>.seccion .carpetas>ul.tree>li ul.option>li:first-child{margin-left: 5px}
#body .contenedor>.seccion .carpetas>ul.tree>li ul.option>li>a{color: black; cursor: pointer;}
#body .contenedor>.seccion .carpetas>ul.tree>li ul.tree{display: none;}
#body .contenedor>.seccion .carpetas>ul.tree li>select,
#body .contenedor>.seccion .checkmark>select{font-size: 15px; padding: 1px; vertical-align: middle;}




/* LOGIN */
#body.login{min-height: calc(100vh - 584px);}
#body.login>.contenedor{margin: 250px auto;}
#body.login>.contenedor>.seccion{padding: 20px 30px;margin: 0}
#body.login>.contenedor>.seccion>#log{width: 100%;display: block;margin: 0}
#body.login>.contenedor>.seccion>#log>input#username, 
#body.login>.contenedor>.seccion>#log>input#password{margin: 10px 0;width: 100%;}
#body.login>.contenedor>.seccion input[type='text'],
#body.login>.contenedor>.seccion>#log>input[type='password']{text-align: center;border: 1px solid #ccc;color: black;    max-width: 400px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); border-radius: 5px;}
#body.login>.contenedor>.seccion input[type='submit']{width:100%;max-width:400px;padding: 15px;font-weight: bold;color: white;background-color:#3AA85F;border: 0;border-radius: 5px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08)}
#body.login>.contenedor>.seccion>#btRecuPass{    background: none; color: grey; border: 0px; box-shadow: none;font-weight: 100;}
/* LOGIN > MODAL RECUPERA PASSWORD*/
#body.login>.contenedor>.seccion .modal{background-color: rgba(0,0,0,.8); position:fixed; top:0; right:0; bottom:0; left:0; opacity:0; pointer-events:none; transition: all 1s; }
#body.login>.contenedor>.seccion #miModal:target{opacity:1; pointer-events:auto; }
#body.login>.contenedor>.seccion #miModal #recuperaPass{ position: relative;   background-color: white; width: 100%; padding: 20px; margin: 20% auto; position: relative; max-width: 300px; text-align: center;}
#body.login>.contenedor>.seccion #miModal a#btCerrar{padding: 10px 18px; border-radius: 100px; background: #ffffff; color: #464646; position: absolute; top: -16px; left: -15px; font-weight: bold; border: 3px solid #333333;}
#body.login>.contenedor>.seccion #miModal #respuesta{display: none;}
#body.login>.contenedor>.seccion #miModal input[type="text"]{margin: 30px 0px; text-align: left;}

/* TABLAS */
#body table{width: 100%!important;border-spacing: 10px 0px;text-align: left;}
#body table .visible{display: none;}
#body table th{padding-bottom: 15px;border-bottom: 2px solid black;}
#body table td{border-bottom: 1px solid #DDDDDD;padding: 8px;width: 12%;    max-width: 140px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#body table>tbody>tr:nth-child(even){background-color: #F2F2F2;}
#body table>tbody>tr:hover {background-color: #E0F3E8;}
#body table>tbody>tr.selected{background-color: #D1D1D1}
#body table th:last-child{border-bottom: 2px solid black;}
#body table td:nth-child(2){width: calc(40% - 140px); max-width: 130px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}/* Segunda posición debido a que la primera td está oculta */
#body table td:last-child {text-align: center;width: 136px;padding: 0;}
#body table td>ul {list-style-type:none;margin:0;padding:0}
#body table td>ul>li {display: inline-block;}
#body table td>ul>li>a{font-size:18px;padding:5px;color: #464646}
#body table td>ul>li>a:hover{}
/* ESTILOS DATATABLE -> INFO, PAGINACIÓN Y CARGA */
div.dataTables_wrapper .dataTables_info{font-size:12px;padding-left:10px;}
div.dataTables_wrapper .dataTables_paginate {font-size:12px;}
div.dataTables_wrapper table.dataTable.no-footer{border-bottom:0;}
.dataTables_processing{height: 100%!important; top: 50px!important;}

#foot{padding: 14px;box-sizing: border-box;text-align: center;}