@charset "utf-8";

/* Imported estilos.css, modules.css */
/*.a:not(.btn):link,a:not(.btn):active,a:not(.btn):visited{color:silver;text-decoration:none;font-style:bold}*/
a:hover{color:#33636e;text-decoration:none}
::-moz-selection{background-color:#33636e;color:#fff}
::selection{background-color:#33636e;color:#fff}
hr{border:0;border-top:1px solid #eee;border-bottom:1px solid #fff}
.field,.verde{color:#33636e}
.gris_oscuro{color:#bfbfbf}
label.error{color:#33636e;font-size:75%}
input:focus,select:focus,textarea:focus{outline:0}
.doc{margin-right:10px}
.contentArticle H2,.destacado{font-size:1.8em;line-height:1.8em}
.contentArticle a:link{color:#f9aa1a;text-decoration:none}
.contentArticle a:visited{color:#f9aa1a;text-decoration:none}
.contentArticle a:hover{color:#f9aa1a;text-decoration:none}
.contentArticle a:active{color:#f9aa1a;text-decoration:none}
.contentArticle p{font-style:normal;color:#999}
.titulo_doc{font-size:1.1em;color:#f9aa1a;line-height:25px;font-style:normal}
.fecha{color:#33636e;font-style:normal;line-height:16px}
.subtitulo3{font-weight:700;font-size:1em;color:#999;line-height:16px}
#barra_top{width:100%;height:10px;background-color:#f9aa1a;margin-bottom:15px;position:fixed;top:0;z-index:5000;left:0}
#body_inicio{margin:0;text-align:center;font-family:'PT Sans',Verdana,sans-serif;font-size:14px;line-height:14px;background-image:url(../images2/bg.png)}
#contenedor_inicio{width:745px;position:relative;margin:auto;text-shadow:1px 2px #fff}
#cuerpo_inicio{width:745px;float:left}
#header_inicio{width:725px;height:125px;float:left;margin-bottom:10px;text-align:left;border-bottom:2px solid #efefef;margin-top:10px}
#bienvenida_header_inicio{width:300px;height:80px;float:right;text-align:right;color:#d7d7d7;font-size:20px;font-style:italic;margin-top:40px;line-height:20px}
.idioma_header_inicio{font-size:15px;color:#bfbfbf;padding-top:20px}
.idioma_header_inicio a:link{color:#f9aa1a;text-decoration:none}
.idioma_header_inicio a:visited{color:#f9aa1a;text-decoration:none}
.idioma_header_inicio a:hover{color:#33636e;text-decoration:none}
.idioma_header_inicio a:active{color:#f9aa1a;text-decoration:none}
#login_inicio{width:420px;float:left;font-style:italic;font-size:35px;color:#f9aa1a;text-shadow:1px 2px #fff;text-align:left;margin-top:25px;line-height:37px;padding-bottom:20px}
.campo_login_home{width:380px;height:40px;margin-top:5px;margin-bottom:12px;padding:5px;font-style:italic;background-color:#fff;font-size:24px;color:#dbdbdb;-moz-border-radius:10px;border-radius:10px;border:1px solid #d0d0d0;padding-left:10px;font-family:'PT Sans',sans-serif}
.campo_login_home:hover{border:1px solid #33636e}
.boton_login_home{width:395px;height:50px;margin-bottom:5px;padding:5px;font-style:italic;background-color:#33636e;font-size:20px;color:#fff;-moz-border-radius:10px;border-radius:10px;border:1px solid #73a630;font-family:'PT Sans',sans-serif;text-align:center;margin-top:10px}
.boton_login_home:hover{border:1px solid #588122;background-color:#73a630}
.link_login_home{font-size:14px;font-style:normal;color:#999;line-height:15px}
.link_login_home a:link{color:#999;text-decoration:none}
.link_login_home a:visited{color:#999;text-decoration:none}
.link_login_home a:hover{color:#33636e;text-decoration:none}
.link_login_home a:active{color:#999;text-decoration:none}
#registrarse_inicio{line-height:29px}
#body_login #registrarse_inicio{width:275px;height:145px;float:left;margin-top:65px;text-align:left;-moz-border-radius:10px;border-radius:10px;border:1px solid #d0d0d0;padding-left:28px;padding-top:13px;background-color:#fcfcfc;color:#33636e;font-size:37px;font-style:italic;margin-left:50px}
#registrarse_inicio:hover{border:1px solid #33636e}
#registrarse_inicio a:link{font-size:22px;color:#438eb9;text-decoration:none;line-height:40px}
#registrarse_inicio a:visited{color:#438eb9;text-decoration:none}
#registrarse_inicio a:hover{color:#438ea9;text-decoration:none}
#registrarse_inicio a:active{color:#438eb9;text-decoration:none}
#body_principal{font-family:'PT Sans',Verdana,sans-serif;font-size:12px;line-height:12px;margin:0;background-color:#eee}
#cuerpo_principal{position:absolute;top:85px;float:left;left:10px;right:10px;padding-bottom:50px}
#header_principal{text-align:left;border-bottom:2px solid #efefef;background-color:#fafafa;padding-top:3px;height:55px;position:fixed;width:100%;top:10px;padding-left:10px;padding-right:30px;font-size:14px;font-style:italic;font-weight:700;color:#d7d7d7;z-index:1500;left:0}
#main-menu-user-profile A{line-height:1.1em}
.communityTitle{color:#000;font-size:1.7em;padding-top:0;padding-right:4px;font-weight:700}
.subnav .btn-group{padding-top:6px}
#submenu{height:25px;text-align:left;border-bottom:4px solid #efefef;background-color:#fcfcfc;padding-top:4px;top:70px;position:fixed;width:100%;font-size:17px;font-style:normal;font-weight:700;color:#d7d7d7;padding-left:30px;padding-right:30px;text-transform:uppercase;z-index:500;left:0}
#submenu UL.navigation{margin:0;padding:3px 0 0;float:left;list-style:none}
#submenu UL.navigation LI{list-style:none;float:left}
#submenu UL.navigation LI A.selected,#submenu a:hover{color:#f9aa1a;text-decoration:none}
#submenu a:link{color:#d7d7d7;text-decoration:none}
#submenu a:visited{color:#d7d7d7;text-decoration:none}
#submenu a:active{color:#d7d7d7;text-decoration:none}
.toolbar .icons{height:15px;float:right;text-align:right;margin-right:2%}
.publicInbox{float:left;margin-right:25px;margin-top:12px}
.doc_item{float:left;padding-bottom:10px;margin-right:1%;border-bottom:1px solid #cacaca;width:98%;padding-top:10px}
.doc_item:hover{background-color:#fafafa}
.campo_formulario{margin-bottom:0;padding:5px;background-color:#fff;font-size:14px;-moz-border-radius:4px;border-radius:4px;border:1px solid #d0d0d0;padding-left:7px;font-weight:400}
.errorField{border-color:#b94a48!important;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075)!important;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075)!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)!important;color:#b94a48!important;font-weight:700}
.boton_busqueda_doc:hover,.button:hover,.buttonOrange:hover,.fg-button:hover{border:1px solid #588122;background-color:#73a630;text-decoration:none}
.readonly{background-color:#d7d7d7}
#footer_inicio{position:fixed;bottom:0;width:100%;height:45px;background-color:#f5f5f5;color:#000;border-top:2px solid #d49014;padding-top:10px;left:0}
#footer_inicio_contenido{width:700px;height:40px;margin:auto;background-repeat:no-repeat;background-position:top right;text-align:left;font-weight:700}
#footer_principal{bottom:0;margin-top:10px;background-color:#f5f5f5;color:#000;border-top:2px solid #d49014;height:20px;padding-top:5px;left:0;right:0;border-color:#d49014;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border-style:solid;border-width:2px}
#footer_principal_contenido{height:32px;margin:auto;text-align:left;font-weight:700;float:left;left:29px;position:absolute;right:30px;background-image:url(../images2/logo_footer_ppal.png);background-repeat:no-repeat;background-position:top right}
.creditos_footer{margin-right:35px;height:20px;float:left}
.creditos_footer a:link{color:#000;text-decoration:none}
.creditos_footer a:visited{color:#000;text-decoration:none}
.creditos_footer a:hover{color:#000;text-decoration:underline}
.creditos_footer a:active{color:#000;text-decoration:none}
#ayuda{width:580px;font-family:'PT Sans',sans-serif;font-weight:700;font-style:italic;text-shadow:1px 2px #fff;font-size:37px;color:#33636e;height:250px;float:left;background-color:#f7f7f7;padding-top:30px;background-image:url(../images2/ayuda_bg.png);background-repeat:no-repeat;background-position:top left;padding-left:140px;line-height:30px;overflow:hidden;border-color:#f9aa1a}
#ayuda .subtitulo3{line-height:30px}
#ayuda a:link{color:#33636e;text-decoration:none}
#ayuda a:visited{color:#33636e;text-decoration:none}
#ayuda a:hover{color:#72a330;text-decoration:none}
#ayuda a:active{color:#33636e;text-decoration:none}
.popup{font-family:'PT Sans',sans-serif;font-size:20px;line-height:20px;color:#33636e;float:left;border:6px solid #33636e;background-color:#f7f7f7;padding-top:0;padding-left:25px;padding-right:25px;overflow:hidden;border-color:#33636e;font-style:italic;font-weight:700}
.popup .header{font-size:24px;line-height:24px;text-shadow:1px 2px #fff}
#idiomas{width:283px;font-family:'PT Sans',sans-serif;font-weight:700;font-style:italic;text-shadow:1px 2px #fff;font-size:35px;color:#f9aa1a;height:443px;float:left;border:6px solid #f9aa1a;background-color:#f7f7f7;padding-top:25px;padding-left:55px;line-height:36px;overflow:hidden;border-color:#f9aa1a}
#idiomas a:link,.popup a:link{color:#33636e;text-decoration:none}
#idiomas a:visited,.popup a:visited{color:#33636e;text-decoration:none}
#idiomas a:hover,.popup a:hover{color:#72a330;text-decoration:none}
#idiomas a:active,.popup a:active{color:#33636e;text-decoration:none}
.bandera_idioma{margin-right:8px;margin-top:5px}
.loadMore{background-color:#ef8036;padding:4px}
.loadMore A{color:#fff}
div#reportsreportForm input,div#reportsreportForm textarea{display:block}
.form-group{display:block}
.form-group input[type=password],.form-group input[type=text],.form-group textarea{width:100%!important}
.widget-item{font-size:18px;box-shadow:none!important;padding:10px;height:290px}
.widget-item>label>a{color:#444;font-weight:700;cursor:pointer}
.widget-item>label{display:block}
.widget-item>small{color:#777;display:block}
.grid2{margin-top:20px!important}
.agregarapp{margin-top:8px}
.agregarapp:hover{text-decoration:underline;cursor:pointer}
.paginacionSelect,.pagination{margin-top:10px!important}
.sep{clear:both}
.hrsep{clear:both;background-color:#ccc;margin:1px;height:2px}
.hrseplight{clear:both;background-color:#eee;margin:1px;height:2px}
.portlet:not(.lightProcessIcon){position:relative;clear:both;margin-bottom:2em;width:99%}
.portlet:not(.lightProcessIcon) .title{position:relative;/*height:35px;*/line-height:35px;/*padding-right:8px;background:#e9e9e9;background:-moz-linear-gradient(top,#fafafa 0,#e9e9e9 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fafafa),color-stop(100%,#e9e9e9));background:-webkit-linear-gradient(top,#fafafa 0,#e9e9e9 100%);background:-o-linear-gradient(top,#fafafa 0,#e9e9e9 100%);background:-ms-linear-gradient(top,#fafafa 0,#e9e9e9 100%);background:linear-gradient(top,#fafafa 0,#e9e9e9 100%);border:1px solid #d5d5d5;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px;-webkit-background-clip:padding-box*/}
.portlet:not(.lightProcessIcon) .title h3{top:2px;position:relative;left:5px;display:inline-block;margin-right:3em;font-size:14px;font-weight:600;color:#555;line-height:18px;text-shadow:1px 1px 2px rgba(255,255,255,.5)}
.portlet:not(.lightProcessIcon) .title [class*=" icon-"],.portlet:not(.lightProcessIcon) .title [class^=icon-]{display:inline-block;margin-left:8px;margin-right:-2px;font-size:16px;color:#555;vertical-align:middle}
.portlet:not(.lightProcessIcon) .content, .portlet:not(.lightProcessIcon) .title, .openProcessSidebar{padding:20px 15px 15px;background:#fff;border:1px solid #d5d5d5;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.portlet:not(.lightProcessIcon) .widget-nopad .content{padding:0}
.portlet:not(.lightProcessIcon) .content:after,.portlet:not(.lightProcessIcon) .content:before{display:table;content:"";line-height:0}
.portlet:not(.lightProcessIcon) .content:after{clear:both}
.portlet:not(.lightProcessIcon) .title IMG{vertical-align:middle}
.portlet:not(.lightProcessIcon) .content {clear:both;padding-top:0}
.portlet:not(.lightProcessIcon) a:link,a.link:link{color:#888;text-decoration:none;font-style:normal}
.portlet:not(.lightProcessIcon) a:visited,a.link:visited{color:#888;text-decoration:none}
.portlet:not(.lightProcessIcon) a:hover,a.link:hover{color:#8cc63f;text-decoration:none}
.portlet:not(.lightProcessIcon) a:active,a.link:active{color:#888;text-decoration:none}
.publicInbox{float:left;margin-right:12px;margin-top:12px}
.doc_item{float:left;padding-bottom:10px;margin-right:1%;border-bottom:1px solid #cacaca;width:98%;padding-top:10px}
.doc_item:hover{background-color:#fafafa}
.portlet:not(.lightProcessIcon) .toolbar{margin-bottom:12px}
.portlet:not(.lightProcessIcon) .toolbar .acciones{float:left;position:relative;left:5px}
.portlet:not(.lightProcessIcon) .title .icons,.portlet:not(.lightProcessIcon) .toolbar .icons{float:right;position:relative;right:5px}
DIV.visor{width:69%;float:left}
DIV.infoDocumento{width:30%;float:left}
DIV.infoDocumento .cabeceraDatos{background-color:#33636e;background-image:url(../images2/caja_top_bg.png);padding:4px;min-height:18px}
DIV.infoDocumento .cabeceraDatos A{color:#999;font-weight:700}
DIV.cabeceraDatos A.open{background:url(../images2/arrow_down_double.png) no-repeat center left transparent;padding-left:20px}
DIV.cabeceraDatos A.closed{background:url(../images2/arrow_right_double.png) no-repeat center left transparent;padding-left:20px}
DIV.cuerpoDatos DL{margin:0;padding:8px}
DIV.cuerpoDatos DT{display:block;float:left;width:100px;color:#f9aa1a;line-height:14px}
DIV.cuerpoDatos DD{display:block;font-weight:700;color:#8cc63f}
DIV.cuerpoDatos .sep{display:block;clear:both}
DIV.fileManager .filesAll{margin-left:0!important}
DIV.fileManager .files .item .acciones{display:none}
DIV.fileManager .files .item:hover .acciones{display:block}
SPAN.noitems{background:url(../images2/info.png) no-repeat left center transparent;padding-left:30px}
DIV.item{padding-top:5px;min-height:35px}
.itemListDetall .icono{display:none}
.itemListDetall .check{padding-top:5px!important}
.itemListDetall .detalles{padding-left:25px;min-height:35px}
.itemListDetall .fecha,.itemListDetall .size{display:inline;padding-left:5px}
DIV.itemGallery{border:1px solid #fff;float:left;height:200px;padding:10px;width:25%}
.buttonsFloatGallery{top:-172px;right:-8px}
.buttonsListGallery{top:0;right:0;float:left;display:block}
.viewGalleryIcon{width:100%;height:100%;overflow:hidden}
.viewGalleryList{width:200px;height:200px;margin-right:15px;display:inline;float:left;overflow:hidden}
.itemGallery .icono IMG{border:5px solid #eee;display:block;width:100px}
.itemGallery .metadata,.itemGallery H4{display:none}
.itemSepGallery{display:none}
.itemListSepGallery{padding-bottom:5px;display:block!important;margin-bottom:5px}
DIV.item .icono{float:left;width:105px;height:80px}
DIV.detalles{line-height:1.5em;padding-top:0;min-height:80px;margin-right:130px}
DIV.detalles .version{padding-left:10px;display:inline;color:#f33;font-size:70%}
DIV.item .actions UL{margin:0;padding:0}
DIV.item .actions UL LI{display:inline}
DIV.item .actions UL LI IMG{border:none}
DIV.item .actions UL LI.sep{border-left:1px dotted #cfcfcf;margin-left:5px;margin-right:5px}
DIV.itemSep{border-bottom:1px dotted #ffae33;clear:both}
DIV.clearRight{clear:right}
A.favorito:hover,A.no-favorito{/*background:url(../images/star-silver-icon.png) no-repeat center left transparent;*/padding-left:20px}
A.favorito,A.no-favorito:hover{/*background:url(../images/star-icon.png) no-repeat center left transparent;*/padding-left:20px}
A.comentarios{/*background:url(../images/Discussion-icon.png) no-repeat center left transparent;*/padding-left:20px}
UL.users-list{list-style:none;padding:0}
UL.users-list LI{list-style:none}
.shortcuts{text-align:center}
.shortcuts .shortcut{width:110px;display:inline-block;padding:12px 0;margin:0 5px 1em;vertical-align:top;text-decoration:none;background:#f3f3f3;background-color:#f8f8f8;background-image:-moz-linear-gradient(top,#fff,#eee);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#eee));background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:-o-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee);background-repeat:repeat-x;border:1px solid #ddd;box-sizing:border-box;border-radius:5px}
.shortcuts .shortcut .shortcut-icon{margin-top:.25em;margin-bottom:.35em;font-size:32px;color:#555}
.shortcuts .shortcut:hover{background:#e8e8e8;background-color:#f0f0f0;background-image:-moz-linear-gradient(top,#fafafa,#e1e1e1);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#e1e1e1));background-image:-webkit-linear-gradient(top,#fafafa,#e1e1e1);background-image:-o-linear-gradient(top,#fafafa,#e1e1e1);background-image:linear-gradient(to bottom,#fafafa,#e1e1e1);background-repeat:repeat-x}
.shortcuts .shortcut:hover .shortcut-icon{color:#666}
.shortcuts .shortcut-label{display:block;font-weight:400;color:#666}
.ui-widget-content{background:#fafafa;border:1px solid #ddd;color:#333}
.ui-widget-header{background:#f9aa1a;border:1px solid #e78f08;color:#fff;font-weight:700}
.ui-widget{font-family:'PT Sans',Verdana,sans-serif}
.ui-dialog{z-index:1102!important}
/* !Imported estilos.css, modules.css */

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; }

#body_principal, #body_principal .fa-no-fontawesome { font-family: 'Roboto', sans-serif !important; }
#body_principal.condensed, #body_principal.condensed .fa-no-fontawesome { font-family: 'Roboto Condensed', sans-serif !important; }
#body_principal.montserrat, #body_principal.montserrat .fa-no-fontawesome { font-family: 'Montserrat', sans-serif !important; }
#body_principal.lato, #body_principal.lato .fa-no-fontawesome { font-family: 'Lato', sans-serif !important; }
#body_principal.opensans, #body_principal.opensans .fa-no-fontawesome { font-family: 'Open Sans', sans-serif !important; }
#body_principal.sourcesans, #body_principal.sourcesans .fa-no-fontawesome { font-family: 'Source Sans Pro', sans-serif !important; }
#body_principal.notosans, #body_principal.notosans .fa-no-fontawesome { font-family: 'Noto Sans JP', sans-serif !important; }
#body_principal.rubik, #body_principal.rubik .fa-no-fontawesome { font-family: 'Rubik', sans-serif !important; }
#body_principal.worksans, #body_principal.worksans .fa-no-fontawesome { font-family: 'Work Sans', sans-serif !important; }

body.zoom90 {
	zoom: 0.9;
	-moz-transform: scale(0.9);
}
body.zoom110 {
	zoom: 1.1;
	-moz-transform: scale(1.1);
}
body.zoom120 {
	zoom: 1.2;
	-moz-transform: scale(1.2);
}

ul, li{margin:0; padding:0; list-style:none;}
.menu_head{ border:1px solid #998675; background: url('../images/arrow_up.png') right center no-repeat #BFBFBF; width: 184px; height: 34px; }
DIV.container DIV.oculto { background-image: url('../images/arrow_down.png'); }
.menu_head a { color:#FFFFFF; text-decoration:none; font-weight: bold; }
.menu_body { width:180px;border-right:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;border-left:1px solid #CFCFCF; margin: 0 !important; }
.menu_body li{ border-bottom: 1px solid #CFCFCF; }
.menu_body li.alt, .menu_body li.alt:hover { background-color: #64B13C; }
.menu_body li.alt a, .menu_body li.alt a:hover{ color: #FFF !important; font-weight: bold; }
.menu_body li a{ color:#8CC63F !important; text-decoration:none; padding: 10px 10px 10px 5px; display:block; }
.menu_body li a:hover{ color: #999 !important; }
#header-create-process a { padding: 10px 16px; }

@-moz-keyframes dokuSpin {
	from { -moz-transform: translateY(-50%) translateX(-50%) rotate(0deg); }
	to { -moz-transform: translateY(-50%) translateX(-50%) rotate(1turn); }
}
@-webkit-keyframes dokuSpin {
	from { -webkit-transform: translateY(-50%) translateX(-50%) rotate(0deg); }
	to { -webkit-transform: translateY(-50%) translateX(-50%) rotate(1turn); }
}
@keyframes dokuSpin {
	from {transform:translateY(-50%) translateX(-50%) rotate(0deg);}
	to {transform:translateY(-50%) translateX(-50%) rotate(1turn);}
}
@keyframes shake {
	10%, 90% { transform: translate3d(-1px, 0, 0); }
	20%, 80% { transform: translate3d(2px, 0, 0); }
	30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
	40%, 60% { transform: translate3d(4px, 0, 0); }
}
@keyframes shakeLinkTo {
	0% { transform: translate(1px, 1px) rotate(-1deg); }
	10% { transform: translate(0px, 0px) rotate(0deg); }
	20% { transform: translate(1px, 1px) rotate(1deg); }
	30% { transform: translate(0px, 0px) rotate(0deg); }
	40% { transform: translate(1px, 1px) rotate(-1deg); }
	50% { transform: translate(0px, 0px) rotate(0deg); }
	60% { transform: translate(1px, 1px) rotate(1deg); }
	70% { transform: translate(0px, 0px) rotate(0deg); }
	80% { transform: translate(1px, 1px) rotate(-1deg); }
	90% { transform: translate(0px, 0px) rotate(0deg); }
	100% { transform: translate(1px, 1px) rotate(1deg); }
}
@-webkit-keyframes moving-gradient {
	0% { background-position: -250px 0; }
	100% { background-position: 250px 0; }
}
@-webkit-keyframes ring {
	0% { -webkit-transform: rotateZ(0); }
	1% { -webkit-transform: rotateZ(30deg); }
	3% { -webkit-transform: rotateZ(-28deg); }
	5% { -webkit-transform: rotateZ(34deg); }
	7% { -webkit-transform: rotateZ(-32deg); }
	9% { -webkit-transform: rotateZ(30deg); }
	11% { -webkit-transform: rotateZ(-28deg); }
	13% { -webkit-transform: rotateZ(26deg); }
	15% { -webkit-transform: rotateZ(-24deg); }
	17% { -webkit-transform: rotateZ(22deg); }
	19% { -webkit-transform: rotateZ(-20deg); }
	21% { -webkit-transform: rotateZ(18deg); }
	23% { -webkit-transform: rotateZ(-16deg); }
	25% { -webkit-transform: rotateZ(14deg); }
	27% { -webkit-transform: rotateZ(-12deg); }
	29% { -webkit-transform: rotateZ(10deg); }
	31% { -webkit-transform: rotateZ(-8deg); }
	33% { -webkit-transform: rotateZ(6deg); }
	35% { -webkit-transform: rotateZ(-4deg); }
	37% { -webkit-transform: rotateZ(2deg); }
	39% { -webkit-transform: rotateZ(-1deg); }
	41% { -webkit-transform: rotateZ(1deg); }
	43% { -webkit-transform: rotateZ(0); }
	100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
	0% { -moz-transform: rotate(0); }
	1% { -moz-transform: rotate(30deg); }
	3% { -moz-transform: rotate(-28deg); }
	5% { -moz-transform: rotate(34deg); }
	7% { -moz-transform: rotate(-32deg); }
	9% { -moz-transform: rotate(30deg); }
	11% { -moz-transform: rotate(-28deg); }
	13% { -moz-transform: rotate(26deg); }
	15% { -moz-transform: rotate(-24deg); }
	17% { -moz-transform: rotate(22deg); }
	19% { -moz-transform: rotate(-20deg); }
	21% { -moz-transform: rotate(18deg); }
	23% { -moz-transform: rotate(-16deg); }
	25% { -moz-transform: rotate(14deg); }
	27% { -moz-transform: rotate(-12deg); }
	29% { -moz-transform: rotate(10deg); }
	31% { -moz-transform: rotate(-8deg); }
	33% { -moz-transform: rotate(6deg); }
	35% { -moz-transform: rotate(-4deg); }
	37% { -moz-transform: rotate(2deg); }
	39% { -moz-transform: rotate(-1deg); }
	41% { -moz-transform: rotate(1deg); }
	43% { -moz-transform: rotate(0); }
	100% { -moz-transform: rotate(0); }
}

@keyframes ring {
	0% { transform: rotate(0); }
	1% { transform: rotate(30deg); }
	3% { transform: rotate(-28deg); }
	5% { transform: rotate(34deg); }
	7% { transform: rotate(-32deg); }
	9% { transform: rotate(30deg); }
	11% { transform: rotate(-28deg); }
	13% { transform: rotate(26deg); }
	15% { transform: rotate(-24deg); }
	17% { transform: rotate(22deg); }
	19% { transform: rotate(-20deg); }
	21% { transform: rotate(18deg); }
	23% { transform: rotate(-16deg); }
	25% { transform: rotate(14deg); }
	27% { transform: rotate(-12deg); }
	29% { transform: rotate(10deg); }
	31% { transform: rotate(-8deg); }
	33% { transform: rotate(6deg); }
	35% { transform: rotate(-4deg); }
	37% { transform: rotate(2deg); }
	39% { transform: rotate(-1deg); }
	41% { transform: rotate(1deg); }
	43% { transform: rotate(0); }
	100% { transform: rotate(0); }
}
@keyframes bounce {
	0% { transform: translateY(0); }
	20% { transform: translateY(-30px); }
	40% { transform: translateY(0); }
	60% { transform: translateY(-15px); }
	80% { transform: translateY(0); }
	100% { transform: translateY(0); }
}
/*Importado de ACE ***/
.commentsForm #textareaWrap {
	text-align: center;
	/*background-color: #F2F2F2;*/
	border:solid 1px #B4BBCD;
	padding-bottom:5px;
	padding-top: 2px;
	margin-top:0;
	margin-bottom:0;

}
.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}
select {
	-webkit-appearance:caret;
}
.commentsForm .totalComments { padding: 4px}
#wallComments .moreRepplies .loadMoreMainAnswers { margin-left: 30px; margin-bottom: 10px; margin-top: 5px;}
#modalWFHistoryCommentsList .itemdiv .repplies {padding-top:2px!important;}
#modalWFHistoryCommentsList .itemdivsystem {min-height:50px !important;}
#modalWFHistoryCommentsList .itemdiv .alert {margin-bottom:5px !important;}
.itemdiv .user img {max-width:36px;}
.commentdiv .body {margin-left:0!important;}

.dialogs{padding:9px 9px 0;position:relative}
.itemdiv{padding-right:3px;min-height:60px;position:relative}
.itemdiv .body{margin-left:50px;padding-left:0;width:auto;margin-right:12px;position:relative}

.itemdiv .body>.time [class*="icon-"]{font-size:14px;font-weight:normal}
.itemdiv .body>.name{display:block;}
.itemdiv .body>.text{display:block;padding-bottom:19px;padding-left:7px;font-size:13px;position:relative}
.itemdiv .body>.text>[class*="icon-quote-"]:first-child{color:#dce3ed;margin-right:4px}
.itemdiv:last-child>.body>.text{border-bottom:0}
.itemdiv:last-child>.body>.text:after{display:none}
.itemdiv.dialogdiv{padding-bottom:2px}
.itemdiv.dialogdiv>.user>img{border-color:#c9d6e5}
.itemdiv.dialogdiv>.body{border:1px solid #efefef;padding:3px 7px 7px;border-left-width:2px;margin-right:1px}
.itemdiv.dialogdiv>.body>.text{padding-left:0;padding-bottom:0}
.itemdiv.dialogdiv>.body>.text:after{display:none}
.itemdiv.dialogdiv .tooltip>.tooltip-inner{word-break:break-all}
.itemdiv.memberdiv{width:175px;padding:2px;margin:3px 0;float:left;border-bottom:1px solid #e8e8e8}
.itemdiv.memberdiv>.user>img{border-color:#dce3ed}
.itemdiv.memberdiv>.body>.time{position:static}
.itemdiv.memberdiv>.body>.name{line-height:18px;height:18px;margin-bottom:0}
.itemdiv.memberdiv>.body>.name>a{display:inline-block;max-width:100px;max-height:18px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}
.itemdiv .tools{width:auto;position:absolute;right:2px;bottom:0px;display:none;z-index:200;}
.itemdiv .tools .btn{border-radius:36px;margin:1px 0}
.itemdiv .body .tools{bottom:9px}
.itemdiv .repplies {padding-left:40px;padding-top:10px}
.itemdiv.commentdiv .tools{right:2px}
.itemdiv .body:hover .tools{display:inline-block}
.repplies .itemdiv:hover .tools{display:inline-block}

.bggreen { background-color:#72cda6!important; }
.cpointer { cursor: pointer; }

/* Tree  Importado*/
.tree{padding-left:9px;overflow-x:hidden;overflow-y:auto;position:relative}
.tree:before{display:inline-block;content:"";position:absolute;top:-20px;bottom:16px;left:0;border:1px dotted #67b2dd;border-width:0 0 0 1px;z-index:1}
.tree .tree-folder{width:auto;min-height:20px;cursor:pointer}
.tree .tree-folder .tree-folder-header{position:relative;height:20px;line-height:20px; border-radius: 8px; }
.tree .tree-folder .tree-folder-header:hover, .tree .tree-folder .selected{background-color:#f0f7fc}
.tree .tree-folder .tree-folder-header .actions { display: none; margin-top: 4px; }
.tree .tree-folder .tree-folder-header:hover .actions { display: inline}
.tree .tree-folder .tree-folder-header .tree-folder-name,.tree .tree-item .tree-item-name{display:inline;z-index:2}
.tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child,.tree .tree-item>[class*="icon-"]:first-child{display:inline-block;position:relative;z-index:2;top:-1px}
.tree .tree-folder .tree-folder-header .tree-folder-name{margin-left:2px}
.tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child{margin:-2px 0 0 -2px}
.tree .tree-folder:last-child:after{display:inline-block;content:"";position:absolute;z-index:1;top:15px;bottom:0;left:-15px;border-left:1px solid #FFF}
.tree .tree-folder .tree-folder-content{margin-left:23px;position:relative}
.tree .tree-folder .tree-folder-content:before{display:inline-block;content:"";position:absolute;z-index:1;top:-21px;bottom:16px;left:-27px;border:1px dotted #67b2dd;border-width:0 0 0 1px}
.tree .tree-item{position:relative;height:20px;line-height:20px;cursor:pointer}
.tree .tree-folder-root { margin-top:10px;margin-left:8px;text-transform: uppercase;}
.tree .tree-item:hover{background-color:#f0f7fc}
.tree .tree-item .tree-item-name{margin-left:3px}
.tree .tree-item .tree-item-name>[class*="icon-"]:first-child{margin-right:3px}
.tree .tree-item>[class*="icon-"]:first-child{margin-top:-1px}
.tree .tree-folder,.tree .tree-item{position:relative}
.tree .tree-folder:before,.tree .tree-item:before{display:inline-block;content:"";position:absolute;top:17px;left:-21px;width:18px;height:0;border-top:1px dotted #67b2dd;z-index:1}
.tree .tree-selected{background-color:rgba(98,168,209,0.1);color:#6398b0}
.tree .tree-selected:hover{background-color:rgba(98,168,209,0.1)}
.tree .tree-item,.tree .tree-folder{border:1px solid #FFF}
.tree .tree-item,.tree .tree-folder .tree-folder-header{margin:0;padding:10px;color:#4d6878;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.tree .tree-item>[class*="icon-"]:first-child{color:#f9e8ce;width:13px;height:13px;line-height:13px;font-size:11px;text-align:center;border-radius:3px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background-color:#fafafa;border:1px solid #CCC;box-shadow:0 1px 2px rgba(0,0,0,0.05)}
.tree .tree-selected>[class*="icon-"]:first-child{background-color:#f9a021;border-color:#f9a021;color:#FFF}
.tree .icon-plus[class*="icon-"]:first-child,.tree .icon-minus[class*="icon-"]:first-child{border:1px solid #DDD;vertical-align:middle;height:11px;width:11px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center;/*border:1px solid #8baebf;*/line-height:10px;background-color:#FFF;position:relative;z-index:1}
.tree .icon-plus[class*="icon-"]:first-child:before{display:block;content:"+";font-family:"Open Sans";font-size:16px;position:relative;z-index:1}
.tree .icon-minus[class*="icon-"]:first-child:before{content:"";display:block;width:7px;height:0;/*border-top:1px solid #4d6878;*/position:absolute;top:5px;left:2px}
.tree .tree-unselectable .tree-item>[class*="icon-"]:first-child{color:#5084a0;width:13px;height:13px;line-height:13px;font-size:10px;text-align:center;border-radius:0;background-color:transparent;border:0;box-shadow:none}
.tree [class*="icon-"][class*="-down"]{transform:rotate(-45deg)}
.tree .icon-spin{height:auto}
.tree .tree-loading{margin-left:36px}
.tree img{display:inline}
.tree .tree-folder-header { position:relative; }
.tree .tree-folder-header .actions { position:absolute; top:2px; right:6px; }
.tree:before { border:none; }
.tree .emptyBox { border-left: 1px dotted #67b2dd; padding: 2px; display: none; }
.tree ul, .pageAgrupation { margin: 10px 0 10px 10px; border-left: 1px dotted #67b2dd; }
.tree ul li, .pageAgrupation li { margin: 10px; cursor:move; }
.tree ul li > span.fa { cursor: pointer; }
.tree-folder-name .userSelected { width: auto!important; margin-left:10px; padding:3px 6px; margin-top: -5px; }
.tree .label-children { margin-left:5px; }

/* Group pages */
.pageAgrupation li[data-group-id] { padding: 10px 0 20px; font-weight:bold; }
.pageAgrupation li:not([data-group-id]) { padding-left: 20px; }
.pageAgrupationCreateWrapper .input-group-addon { cursor:pointer; }
.menuGroup { padding-left:0!important; }
.menuGroup span { font-weight: bold; font-size:12px; }

/* FIle upload*/
.file_upload, .file_upload_large, .file_upload_small { text-align: center !important; height: 30px !important; background: none !important; }
.file_upload, .file_upload_large, .file_upload_small, .fileUploadPaste p { color: #aaa !important; }
.file_upload:not(.errorField):not(.file_upload_highlight):not(.file_upload_inbox), .fileUploadPaste { border-width: 2px !important; border-style: dashed !important; border-radius: 6px; }
.file_upload_highlight, .file_upload_large { color: #222 !important; border: 1px solid #222 !important; background: #FFF !important; }
.file_upload div { font-size:15px; }
FORM.file_upload INPUT{ width: 100% !important; }
.isImagePreview .file-uploaded { width:100%!important; height:auto!important; }
.isImagePreview .file-uploaded p { display:none; }
.file_upload > div > i, .fileUploadPaste > p > span { font-size: 40px; font-weight: 100!important; float: left; width: 100%; margin-bottom: 10px; }
.file_upload:hover, .file_upload:not(.errorField):not(.file_upload_highlight):hover, .fileUploadPaste:hover p, .fileUploadPaste:hover, .fileUploadPaste:focus-within p, .fileUploadPaste:focus-within { color:#66afe9!important; border-color:#66afe9!important; }
.file_upload_extensions { margin-bottom:10px; font-size: 12px; color: #aaa; }
.file_upload_extensions p { margin-bottom:0; }
.removingFileWrapper { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% + 8px); }
.file-cover .removingFileWrapper { height: 100%; }
.removingFileWrapper .dokuLoader { position: absolute; top: calc(50% - 10px); left: calc(50% - 10px); width: 20px; height: 20px; }
.file-uploading > div, .removingFileWrapper { background: rgba(0, 0, 0, 0.3); border-radius: 10px; }

/* Avatar */
.user-avatar { border-radius:50%; }
.avatar { display:inline-block }
.avatar img { -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border-radius:50%; -webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3); -moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.3); box-shadow:0 1px 3px 0 rgba(0,0,0,0.3) }
.avatar-small{ max-width:40px;max-height:40px; }
.userSelected { line-height:22px; }
.userSelected img { float:left; width:14px; height:14px; margin:3px 3px 3px 1px; }
/* Color Avatar */
.avatarContainer{ height: 30px; display: flex; margin-bottom: 2px; flex-direction: row; flex-wrap: wrap;}
.avatarColor{ cursor: pointer; border-radius: 50%; flex-basis: 10%;}

/* Predicted max width */
.filter-heading.focused label.userSelected > span, .filter-heading.focused label.cmmSelected > span { background-color:transparent!important; float:left; overflow:hidden; text-overflow:ellipsis; }
.filter-heading.focused label.userSelected > span.predictedFromGrid, .filter-heading.focused label.cmmSelected > span.predictedFromGrid { width:100%; max-width:calc(100% - 30px); }

/* **************************** */
/* ****** iRealWorks CSS ****** */
/* **************************** */
body { overflow-x:hidden; }
body.overflowh { overflow-y:hidden!important; }
.w100, .w-100 { width:100%; }
.w90, .w-90 { width:90%!important; }
.w80, .w-80 { width:80%!important; }
.w70, .w-70 { width:70%!important; }
.w60, .w-60 { width:60%!important; }
.w40, .w-40 { width:40%!important; }
.w30, .w-30 { width:30%!important; }
.w20, .w-20 { width:20%!important; }
.w10, .w-10 { width:10%!important; }

/* FA icons sin especificar que sean FAL */
.fa { font-weight: 300!important; }

/* Las css flexpaper setea el modal-content a display none y hace que no se vean los modales, esto lo parchea */
.in .modal-content { display:block!important; }
.modal { z-index:1065!important; }
.modal.double-modal { z-index:1066!important; }
.modal-backdrop { z-index:1064!important; }
#modal-confirm .modal-body p { font-size:15px; line-height:18px; }
.modal-open { overflow:hidden!important; }

/* Clase para esconder elementos temporalmente */
.remove-temp { display:none!important; }

.row-table{display:table;table-layout:fixed;height:100%;width:100%;margin:0}
.row-table>[class*=col-]{display:table-cell;float:none;table-layout:fixed;vertical-align:middle}
.row-table.vtop>[class*=col-]{vertical-align:top}

.btn-info { background-color:#23b7e5; }

/* Eliminar la ordenación en tablas anterior */
table[data-sortable] th:after { content: normal; }

.portlet:not(.lightProcessIcon) a:not(.btn):hover, a.link:not(.btn):hover { color:#000; }
.portlet:not(.lightProcessIcon) .process_text_white a:hover, .process_text_white a.link:hover { color:#e8e8e8!important; }

.hideNormal { display:none; }
.onadmin { width:100%!important; margin-left:0!important; }
.vcenter { display: inline-block; vertical-align: middle; float: none; }
.unselectable, .unselectable * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.nooutline { outline:none!important; }
.noshadow { box-shadow:none!important; -webkit-box-shadow:none!important; }
.autocompleteHack { opacity:0; position:absolute; top:0; left:0; width:0; height:0; }

/* *************************** */
/* ******** PublicLink ******* */
/* *************************** */
#body_public_link { background-color:#fff; }
#body_public_link .logo { width:100%; text-align:center; }
#body_public_link .logo img { max-width:120px; }
#body_public_link .container { background-color:#fff; margin-top:5%; min-width:320px; padding:20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #d6d6d6; }
#body_public_link .footer { text-align:center; margin:0 auto; max-width:500px; min-width:320px; padding:20px; }
#body_public_link .footer ul { width:100%; }
#body_public_link .footer ul li { list-style-type:none; float:left; margin:0 4px; }

/* ********************** */
/* ******** Login ******* */
/* ********************** */
#body_login { background-color:#f5f7fa; }
#body_login input:-webkit-autofill, #body_login input:-webkit-autofill:hover, #body_login input:-webkit-autofill:focus, #body_login input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px white inset; transition: background-color 5000s ease-in-out 0s; }
#body_login .alert-info { background-color:#d9edf7!important; border-color:#bce8f1; }
#body_login .container { background-color:#fff; margin-top:5%; min-width:320px; padding:20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #d6d6d6; }
#body_login .container:not(.container-mauto) { max-width:500px; }
#body_login .container > .row { background-color:#fff; }
#body_login:not(.registerOrg) .container > .row .row { margin-left:0!important; margin-right:0!important; }
/*#body_login .container > .row > div:first-child { padding-right:0!important; padding-left:0!important; }*/
#body_login .login-splash { width:100%; }
#body_login .input-group-addon { background-color:#fff; border:none; }
#body_login .input-group { width:100%; }
#body_login .input-group .fa { font-size:30px; width:55px; }
#body_login .input-group input { font-size:18px; border:none; border-bottom:1px solid #ddd; box-shadow:none; }
#body_login:not(.registerOrg) #loginBtn, #body_login:not(.registerOrg) #remindButton { padding:6px 30px; float:left; }
#body_login .login-options-bar { width:100%; }
#body_login .login-options-bar > div { float:left; }
#body_login .login-options-bar .line { margin-top:7px; border-top:1px solid; width:45% }
#body_login .login-options-bar .circle { width:10%; text-align:center; }
#body_login .login-options-bar .circle > div { margin:0 auto; width: 15px; height: 15px; background-color:#000; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
#body_login #access-layer > div { padding-right:0!important; padding-left:0!important; }
#body_login .checkbox input[type=checkbox], #body_login .checkbox input[type=radio] { margin-top:4px; }
#body_login .actual-lang { border:none; padding:0!important; }
#body_login .actual-lang .caret { margin:15px 7px 0 0; }
#body_login .logo { width:100%; text-align:center; }
#body_login .logo img { max-width:120px; }
#body_login .social { margin-top:10px; }
#body_login .social p { margin-top:4px; font-size:16px; }
#body_login .social-button-google { background-color:#de4b39!important; }
#body_login .social-button-linkedin { background-color:#0a76b4!important; }
#body_login .social-button-twitter { background-color:#55acef!important; }
#body_login .social-button-fb { background-color:#3c5a9a!important; }
#body_login .select-language { float:right; }
#body_login .select-language .caret { float:right; }
#body_login .select-language .form-group { width:100%; }
#body_login .select-language label { float:left; font-size:18px;font-weight:normal; }
#body_login .select-language .dropdown { float:left; margin-left:10px; width:100%; }
#body_login .select-language .dropdown-toggle { width:60px; }
#body_login input:focus, #body_login input:hover, #body_login input:active { outline: none; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
#body_login .footer { text-align:center; margin:0 auto; max-width:500px; min-width:320px; padding:20px; }
#body_login .footer ul { width:100%; }
#body_login .footer ul li { list-style-type:none; float:left; margin:0 4px; }
/*.g_id_signin div[role="button"] { border:none; padding:0; margin:6px 0 0; height:auto; width:auto; }
.g_id_signin div[role="button"] span { display:none; }
.g_id_signin div[role="button"] > div { background-color:transparent!important; transition: none; }*/
.connect-google-wrapper > div { padding:4px 0 4px!important; }
.connect-google-wrapper svg { cursor:pointer; margin-top:6px; width:18px; height: 18px; }
.registerOrg .connect-google-wrapper svg { margin:1px 6px 0 0; }
.registerOrg .connect-google-wrapper { cursor:pointer; padding:5px; }
.registerAlreadyAccount { font-size: 12px; }
#remindPassForm .form-group, #remindPassForm p { text-align:left; }
#remindPassForm p { color: #6d6d6d; }
#remindPassFormMsg { text-align: left; }

/* Login OTP */
.login-numbers table { width:100%; }
.login-numbers table td { cursor:pointer; padding:10px; border:1px solid #ddd; text-align:center; }
.login-numbers table td:hover { background-color:#FFFDCF; }
.floatLabel { position:relative; }
.floatLabel input[type="password"], .floatLabel input[type="text"] { border:1px solid; border-radius:8px!important;}
.floatLabel label { position:absolute; opacity:0; }
.floatLabel input:focus::-webkit-input-placeholder { color: #fff !important; }
.floatLabel input:focus::-moz-placeholder { color: #fff !important; }
.floatLabel input:focus:-ms-input-placeholder { color: #fff !important; }
.floatLabel input:focus:-moz-placeholder { color: #fff !important; }
.floatLabel input:focus + label { top: 0; z-index:10; left:0; opacity:1; margin:-10px 0 0 5px; transition: 0.2s; padding:5px; background-color:#fff; line-height:10px; color:#66afe9; }
.floatLabel input:focus { border-color:#66afe9!important; }
.floatLabel input[value="hola"] { border:2px dashed yellow!important; }

.registerOrgPhone .form-group { margin-bottom:0; }
.registerOrgPhone .form-group, .registerOrgPhone select, .registerOrgPhone .floatLabel { float:left; }
.registerOrgPhone select { max-width:120px; }
.registerOrgPhone .floatLabel { width:calc(100% - 130px); margin-left:10px; }

/* ********************** */
/* ****** Cabecera ****** */
/* ********************** */

/* Ocultar el título de la página al imprimirla */
@page { size: auto;  margin-top: 0; margin-left:0; }

.label {
	padding:.2em .3em .2em;
	line-height: 11px;
}

/* Dropdown al hover */
.dropdown-hover:hover > ul.dropdown-menu, .dropdown-submenu:hover > .dropdown-menu { display: block!important; }
#user-menu-desplegable .dropdown-menu, .dropdown-hover .dropdown-menu { margin-top:0; }

/* Flechas de dropdown */
.nav-icons > .dropdown-menu:before, #comunity-dropdown .dropdown-menu:before, #user-menu-desplegable .dropdown-menu:before { position: absolute; top: -6px; left: 5px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
.nav-icons > .dropdown-menu:after, #comunity-dropdown .dropdown-menu:after, #user-menu-desplegable .dropdown-menu:after { position: absolute; top: -5px; left: 6px;  display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; }
#user-menu-desplegable .dropdown-menu:after, #user-menu-desplegable .dropdown-menu:before { left: calc(100% - 14px) !important; transform: translateX(-100%); }
#user-menu-desplegable .dropdown-menu:after { width: 14px; }
#user-menu-desplegable .dropdown-menu:before { width: 16px; }


	/*#comunity-menu:before { right:35px!important; }*/
/*#comunity-menu:after { right:36px!important; }*/
#user-menu-desplegable .dropdown-menu:before { right:12px!important; }
#user-menu-desplegable .dropdown-menu:after { right:13px!important; }

/* Menús y Submenú */
.dropdown-menu { z-index:1065; }
.dropdown-submenu { position: relative; }
.dropdown-submenu .dropdown-menu { top: 0; right: 100%; margin-top: -1px; border-top-right-radius:0!important; }
.dropdown-submenu .label { color:#fff!important; position:absolute; right:20px; top:6px; }
.dropdown-submenu > a { padding: 3px 50px 3px 20px!important; }
.dropdown-toggle > .glyphicon { font-size:10px; top:0; }
.dropdown-menu > li > a { padding:3px 10px; }
.dropdown-menu.dropdown-right { right:0!important; left:auto!important; }
.arrow-grey { color:#acacac!important; }
.navbar-left { display: flex; }
.autocomplete_fieldsname a:hover,
#header .nav .fas:hover,
#header .nav .fal:hover,
#header .nav .fa:hover,
#header .nav .fa-thin:hover,
#header .nav .fa-solid:hover,
#header .nav .fa-duotone:hover,
#header .nav .fa-brands:hover { color:#1e3799!important; }
.menu-element .popover .fal { font-size:13px!important; }
.menu-element.active a span:not(:first-child) { font-weight:bold; }
.menu-element.active a span:not(:first-child), .menu-element .submenu .active a, #main-menu li.active a > span:last-child { font-weight:bold; }
.menu-element .submenu a span { font-size:12px !important; margin-top:19px !important; }
.btn-create-process { width:100%; font-size:13px!important; }
.freemiumAddOrgIcon { cursor:pointer; font-size:13px; position:absolute; right: -15px; top: calc(50% - 10px) }
.haveSubMenu.active { padding-bottom: 10px !important; }

/*
#main-menu li a { --clickMenu: rgba(30,55,153,0.1);
	transition: 0.15s;
}
#main-menu li a:focus {
	box-shadow:
		inset -120px 0 0 0 var(--clickMenu),
		inset 120px 0 0 0 var(--clickMenu);
}*/

/* Switch */
.switch { display: inline-block; height: 16px; position: relative; width: 28px; float:left; }
.switch input { display:none; }
.slider { background-color: #ccc; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; }
.slider:before { background-color: #fff; bottom: 3px; content: ""; height: 10px; left: 3px; position: absolute; transition: .4s; width: 10px; }
input:checked + .slider:before { transform: translateX(12px); }
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.switch-wrapper > span { float:left; margin-left: 10px; }

/* Barra superior */
#header { width:100%; padding:0 15px; }
.navbar { margin-bottom:0; border:none; border-bottom:1px solid; border-color:#D5D5D5; max-height:49px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.navbar.fixed { position:sticky; top:0; z-index:1060; }
.brandClient { float:left; margin:7px 0 0 10px!important; }
.brandClient img { max-height:36px; }
.navbar-right { position: absolute; right: 0; }
.navbar-right .input-group { max-width:200px; margin-right:10px; margin-bottom:0!important; }
.form-control, #html5-qrcode-select-camera { padding:9px 12px!important; height:auto!important; }
select.form-control[size], select.form-control[multiple], textarea.form-control[rows], #html5-qrcode-select-camera { height:auto!important; }
.navbar-right .form-control { margin:2px 0 0 0!important; }
.navbar-right .input-group-btn .btn { margin:2px 0 0 -1px!important; }
.navbar-right .row { margin-right:35px!important; }
#header > .row > div:last-child { padding-right:0!important; }
#header .movil { padding:10px; margin: 1px 5px 0 -5px; font-size:17px; }
#header h1, #header h2 { text-transform:uppercase; color:#fff; font-size:17px; float:left; margin:11px 0 16px; }
#header h1 { font-weight:bold; }
#header-upper-menu { max-width:250px; }
#header-upper-menu h1 { text-align:center; width:calc(100% - 15px); font-weight:bold; margin-top:0; line-height:32px; position: relative; }
#header-upper-menu > a:last-child { margin: 17px 8px 0 0; font-size:14px; }
.header-upper-image { margin:0; padding:0; }
.header-upper-image img { width:100%; height:100%; float:left; max-height:49px; max-width:250px; }
.dropdown-menu .fa-spinner { font-size:13px!important; }
.nav-user, .nav-control-time { text-align:right; padding-left:50px; }
.nav-user a { color:#fff!important; }
.nav-user .dropdown-menu a { color:#333!important; }
.nav-user > div { float:left; }
.nav-user > div:first-child { padding-right:5px!important; }
.nav-user > div:last-child { padding-left:0!important; padding-right:0!important; width:40px; position:relative; margin-right:10px; }
.nav-user > div .btn { font-size:10px !important; padding:1px 3px; }
.nav-user img { max-width:none!important; }
.nav-user .glyphicon { top:2px; }
.nav-user .btn { margin-top:3px; }
.nav-control-time { margin-right: 0!important; }
.nav-control-time > div { margin-top: 10px; }
.nav-control-time .button-signing-time:not(.button-signing-time-in-table) { float:left; padding: 2px 5px; margin: 0 5px 0 0; }
#header .nav .nav-control-time button i.fa-solid:hover { color:#FFF!important; }
.user-name { white-space: nowrap; float:right; }
.nav-icons > a:focus, .nav-icons > a:hover { background:none!important; }
.navbar-right > li { float:left; }
.nav-icons > a { position:relative; padding:8px 8px 0!important; }
.nav-icons > a .fas,
.nav-icons > a .fa-solid,
.nav-icons > a .fa-regular,
.nav-icons > a .fa-thin,
.nav-icons > a .fa-duotone,
.nav-icons > a .fa-brands,
.nav-icons > a .fal
{ margin:0; font-size:20px!important; color:#fff!important; }
.nav-icons > a .badge { background-color:#d9534f; position:absolute; font-size:10px; top:0; right:0; padding:1px 4px!important; border:1px solid #fff; }
#dropdrownRecentDocs .badge { background-color:#777; }
#logout-icon { position:absolute; bottom:0; right:0; }
#header .navbar-right .glyphicon:hover { color:#d3ebff!important; }
#header .navbar-right .glyphicon-off:hover { color:#000!important; }
#header .navbar-right .input-group .glyphicon:hover { color:#000!important; }
#dropDownAlerts.shake-bell span { color: #1e3799!important; }
#header-searcher-wrapper { display: flex; }
#header-searcher-wrapper * { float:left; }
#header-searcher-wrapper input { display: none; border-left: none; border-right:none; border-top:none; border-radius:0; padding: 6px !important; }
#header-shortcuts-wrapper, .header-searcher-wrapper { border-left: 1px solid; padding: 0 0 5px 10px; margin-left: 10px!important; }

/* Menú comunidades */
#comunity-name { display:table!important; float:none; max-width:300px; margin:5px 30px; line-height:12px; }
#comunity-name > div { display:table-cell!important; vertical-align:middle; overflow:hidden; }
#comunity-name > a { font-size:20px; margin: 9px 10px 0 0; color:#fff; }
#comunityMenu, #organizationMenu { width:100%; float:left; background-color:transparent; font-size:17px; font-weight:bold; margin:0 0 0 0; line-height:18px; }
#comunityMenu i { display:inline-block; margin-top:2px; }
#comunity-menu { min-width:400px; padding:0; }
#comunity-tab .tab-content { border:1px solid #ddd; border-top:none; padding:25px 15px 15px; overflow:visible; }
#comunity-menu .list-group { max-height:133px; overflow:auto; }
#comunity-menu .list-group a:not(.active) { color:#000; }
#comunity-tab .btn-group { margin-bottom:5px; }
#community_menu_search .list-group-item { padding: 12px 10px; cursor:pointer; }
#community_menu_search .list-group-item:hover:not(.active) { background-color:#ddd; }
#community_menu_search_input { max-width:100%; margin-right:0; }
#community_menu_search_input .form-control { margin:0!important; border-radius: 0!important; }
#community_menu_search_input .input-group-addon { border-radius: 0!important; -webkit-border-top-left-radius: 4px!important; -moz-border-radius-topleft: 4px!important; border-top-left-radius: 4px!important; }
.list-group-item .fa-heart.fas, .red { color:#e40000; }
.list-group-item a, .list-group-item { text-decoration:none!important }
.list-group-item.active a { color:#fff!important; }
#comunity-name > div:hover #comunity-menu { display:block; }
#comunity-name > div:hover [aria-expanded="false"] #comunity-menu { display:none; }
#listFavCommunities a { margin-bottom:5px; }
.communityPortletList { position:relative; }
.communityPortletList .name { font-size:13px; color:#333; }
.community-text { width:calc(100% - 195px); height:60px; }
.community-clickable { cursor:pointer; }
.communityPortletList:hover .community_box_top_left, .communityPortletList:hover .community_box_bottom_right, .hoverBorderEffect:hover .community_box_top_left, .hoverBorderEffect:hover .community_box_bottom_right { width:40%; height:30px; border-color:#337ab7; }
.community_box_top_left, .community_box_bottom_right { width:0; height:0; position:absolute; transition: width 0.2s ease; }
.community_box_top_left { border-top:1px solid transparent; border-left:1px solid transparent; top:0; left:0; -webkit-border-top-left-radius: 30px; -moz-border-radius-topleft: 30px; border-top-left-radius: 30px; }
.community_box_bottom_right { border-bottom:1px solid transparent; border-right:1px solid transparent; bottom:0; right:0; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-bottomright: 30px; border-bottom-right-radius: 30px; }
#sortLayouts li { float:left; width:100%; padding:10px; border:1px solid; margin:5px; cursor:move; }

/* Menú invitaciones */
.menu-invitations { min-width:300px; }
.menu-invitations .user-avatar { width:100%; margin:0 5px; }
.menu-invitations .row > div:last-child { padding-left:0; padding-right:0; }
.menu-invitations a { color:#333; }

/* ************************** */
/* ****** Menú lateral ****** */
/* ************************** */
#comunity-icons a { margin:0 2px; padding:5px 10px; }
#wrapper { padding-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#wrapper.toggled { padding-left: 250px; }
#sidebar-wrapper { border-right:1px solid #D5D5D5; z-index: 1000; position: absolute; left: 250px; width:36px; height: calc(100%); margin-left: -250px; background: #fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
#sidebar-wrapper.menuFixed { position:fixed!important; }
#affectedWfSidebar { padding:10px; z-index: 1001; background: #fff; position:fixed; height: 100%; top: 0; left: 0; }
#affectedWfSidebar h3 { font-size:17px; margin:0; font-weigth:bold; }
#main-menu {  height: calc(100% - 98px); overflow-y: auto; overflow-x: hidden; }
#wrapper.toggled #sidebar-wrapper, .menu-collapsed-hover { width: 250px!important; }
#page-content-wrapper { position: absolute; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; width: calc(100% - 40px); margin-left: 40px; }
#page-content-wrapper.toggled { margin-left:215px; width:calc(100% - 215px); }
#page-content-wrapper.movil { margin-left:0; width:100%; }
.sidebar-nav { width: 250px; margin: 0; padding: 0; list-style: none; }
.sidebar-nav li a, .menu-collapsed-hover a { font-size:14px; display: block; text-decoration: none; color: #6e6e6e; padding:0 10px 0 0; }
.sidebar-nav li:not(.sidebar-brand) a > span:first-child, .menu-collapsed-hover a > span:first-child { position:relative; min-width:13px; font-size:15px; margin: 5px 7px 5px 10px; top:-1px; }
.sidebar-nav li:not(.sidebar-brand) .item-caret:hover a, .sidebar-nav li:not(.sidebar-brand).active .item-caret a { text-decoration: none; }
.sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none; }
.sidebar-nav > .sidebar-brand { padding: 10px 0 15px; }
.sidebar-nav > .sidebar-brand > a { font-size:25px; }
.sidebar-nav > .sidebar-brand a { color: #fff; }
.sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none; }
.item-caret > a { white-space: nowrap; }
.item-caret > a:first-child { width:calc(100% - 35px); float:left; }
.menu-caret { width:35px; float:right; }
.submenu { display:none; padding-left:20px; }
.submenu a { font-size:13px!important; }
.submenu span { font-size: 18px!important; }
.menu-caret span { top:0!important; font-size:10px!important; }
.sidebar-nav li:not(.sidebar-brand) .item-caret:hover a, .sidebar-nav li:not(.sidebar-brand).active .item-caret a,
.sidebar-nav li.active > a, .sidebar-nav li.active > .item-caret > a, .sidebar-nav > li:not(:first-child):hover > a, .sidebar-nav > li:not(:first-child):hover > .item-caret > a { font-weight:bold; }
.sidebar-nav li.active > .submenu { display:block; }
.no-transition { -webkit-transition: all 0s ease!important; -moz-transition: all 0s ease!important; -o-transition: all 0s ease!important; transition: all 0s ease!important; }
.bootstrap-switch { margin-top:-3px; height:24px; }
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on, .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label { padding: 2px 7px; }
#main-menu li.hovered { opacity:0; }
#wrapper:not(.toggled) #main-menu li:not(:first-child):hover { position:relative; }
#wrapper:not(.toggled) #user-shortcuts { display:none; }
.menu-collapsed-hover { position:absolute; z-index:1001; }
.menu-collapsed-hover > a > span:last-child, .menu-collapsed-hover .item-caret > a > span:last-child { /*border:1px solid #D5D5D5; border-left:none; */padding:11px 11px 11px 2px; margin-top:-1px; margin-left:-4px; margin-right:-10px; }
.menu-collapsed-hover .menu-caret { display:none; }
.menu-collapsed-hover .submenu { display:block!important; /*border:1px solid #D5D5D5; border-top:none;*/ }
.menu-collapsed-hover .item-caret > a > span:last-child { border-left:none; border-bottom:none; }
.sidebar-nav .nav-header { text-transform:uppercase; padding: 0 10px; font-weight:bold; background-color:#f3f3f3; }
#user-shortcuts { padding: 0 13px 6px!important; }
#user-shortcuts-profile li { margin:0 3px; float:left; }
#user-shortcuts-profile li:first-child { margin-left:0; }
#affectedWfSidebar p { line-height: 17px; }
#affectedWfSidebarClose { position:absolute; top: 12px; right: 10px; font-size: 17px; color:inherit; }
#affectedWfList { overflow:auto; }
#affectedWfList li { border-bottom:1px solid; }
#affectedWfList li:not(.highlight):nth-child(even) { background-color:#f9f9f9; }
#affectedWfList li:last-child { border-bottom:none; }
#affectedWfList li, #affectedWfList li a { float:left; width:100%; }
#affectedWfList li a { padding:10px; color:inherit; }
#affectedWfList li a span { float:left; }
#affectedWfList li a span.fal { width:20px; }
#affectedWfList li a span:not(.fal) { width:calc(100% - 20px); line-height:16px; }
#affectedWfButton { position:absolute; bottom:15px; left:50%; transform:translateX(-50%); max-width:90%; }
#contextSidebar { overflow:hidden; }
.contextTitle { font-weight:bold; padding: 5px 10px; margin-top: -5px; margin-bottom:5px; color:#fff; }
.page-role { position:absolute; right: 15px; top: 50%; transform: translateY(-50%); }
.page-alert { float: right; }
.page-alert > span { line-height:normal; box-shadow: 0px 0px 5px -3px rgba(139,0,0,1); padding: 1px 3px; border-radius:5px; background-color: #fff!important; color:darkred; position:absolute; top:50%; transform: translateY(-50%) translateX(-100%); float:right; font-size: 10px!important; }
.page-alert > span:after { font-family: Font Awesome\ 5 Pro; font-weight: 700; content: "\f0f3"; color: darkred; position:relative; font-size: 10px!important; margin-left:2px; }
#main-menu li[data-is-group="1"] > a > span:first-child { display:none !important; }
#main-menu li[data-is-group="1"] > a > span:not(:first-child) { width: 100%!important; padding-left:15px; margin-top:5px; color: #c6c6c6; }

/* Menú horizontal */
#sidebar-wrapper.menu-top { display:none; }
#page-content-wrapper.menu-top { margin-left:0!important; width: 100%!important; }
#cuerpo_principal.menu-top { margin-top: 0; }
#header #main-menu { float:left; width: 100%; overflow:visible; white-space: nowrap; font-size: 0; }
#header #main-menu > li { line-height:normal; border-left: 1px solid; font-size: initial; display: inline-block; padding: 10px 10px; }
#header #main-menu #menu-edit button span:not(:first-child) { display: none; }
#header #main-menu li > a > span:first-child { margin-top:4px; }
#header .sidebar-nav li a, #header .menu-collapsed-hover a { display: inline-block; }
#header .sidebar-nav li a:not(.menu-caret), #header .menu-collapsed-hover a:not(.menu-caret) { padding:0 5px 0 5px!important; }
#header .item-caret { margin-top:2px; }
#header .item-caret a:first-child > span:first-child { float:left; margin:0 5px 5px 0; }
#header #main-menu li > a > span:not(:first-child) { margin-top:3px; }
#header #menu-edit { display: none!important; }
#header .menu-element { max-height:44px; }
#header div[id*="nav_roles_id"].haveRoles { margin: 2px 0 0 10px; }
#header .sidebar-nav li:not(.sidebar-brand) .item-caret:hover a, #header .sidebar-nav li:not(.sidebar-brand).active .item-caret a { background-color:transparent; }
#header .haveSubMenu { position: relative; }
#header .haveSubMenu .submenu { position: absolute; width:calc(100% + 2px); border-left:1px solid; border-right:1px solid; border-bottom:1px solid; background-color:#fff; left:-1px; top:calc(100% - 2px); padding-left: 0; }
#header .haveSubMenu .submenu > li { padding-left: 10px!important; }
#header .haveSubMenu .submenu li > a > span:first-child { margin-right: 7px!important; }
#header .menu-caret { width:auto!important; margin:0!important; position:absolute; right: 14px; top:10px; padding:0!important; background-color:transparent!important; }
#header .menu-caret > span { margin: 8px 0 5px 10px!important; }
#header .item-caret > a:first-child { float:none; }
#header .item-caret > a:first-child span[id*="nav_id_"] { padding-right:15px; }
#header #main-menu > li a:first-child > span:first-child { margin-left: 7px!important; }
#header #menu-brand { display:none; }
#menu-horizontal { float:left; width:100%; position:relative; }
#main-menu-arrow-left, #main-menu-arrow-right { cursor:pointer; position:absolute; top:50%; transform: translateY(-50%); padding:14px 10px 13px; background-color:#fff; z-index:1; }
#main-menu-arrow-left { left:-1px; }
#main-menu-arrow-right { right:-1px; }
#menu-horizontal-dom { overflow-x:auto; width:calc(100% - 55px); background-color:#fff; }
#menu-horizontal-dom::-webkit-scrollbar { display: none; }
#menu-horizontal-dom.sliderIcons { float: left; position: relative; left: 27px; }
#menu-horizontal.onlyIcons li.menu-element a:first-child span[id*='nav_id_'] { display:inline-block; opacity: 0; width:0; }
#menu-horizontal.onlyIcons div[id*="nav_roles_id"] { display:none; }
.popover-content .submenu { display:block; width:calc(100% + 20px); float:left; padding: 0; margin:-9px -12px 0; }
.popover-content .submenu li { float: left; width:100%; padding: 10px; margin:0; border-bottom:1px solid; }
.popover-content .submenu li:last-child { border-bottom:0; }
.popover-content .submenu span { font-size: 14px!important; margin-right: 5px!important; }
.popover-content .submenu a { width: 100%; }
.no-margin { margin:0!important; }

/* ******************** */
/* ****** Cuerpo ****** */
/* ******************** */
#body_principal, #cuerpo_principal { background-color:#fff; }
#cuerpo_principal { background-color:transparent; width:100%; position:static; top:0; padding:10px; margin:0 0 40px 0; }
#cuerpo_principal > .layout > .panel { border:none; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0); }
.container-fluid > .row > .col-lg-12 { padding:0; width:calc(100% - 50px); margin-left:50px; }
.container-fluid > .row > .col-lg-12.movil { width:100%; margin-left:0; }
.portlet:not(.lightProcessIcon) { width:100%; }
.layout > .panel { margin:0; background:none; }
.portlet-empty { border:2px dashed!important; padding:20px!important; }
.ui-sortable .portlet:not(.lightProcessIcon) { cursor:move; }
.layout > .panel > .columna { max-width:100%; padding-left:0!important; padding-right:0!important; }
.checkbox-mleft { margin-left:20px; }
.panel-icon-collapse { cursor:pointer; }
.move-handler { cursor:move; }
/*.panel:not(#panelNewForum) { background-color:inherit; }*/

/* Disable arrows on type numbers */
input[type='number'] { -moz-appearance:textfield; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }

/* Input XS */
.input-xs { height: 22px!important; padding: 2px 5px!important; font-size: 12px; line-height: 2; border-radius: 3px; }

/* Spinner */
.fa-spinner.fa-spin { color:#337ab7; font-size:100px; margin:0 auto; }
.table-spinner .fa-spin, .fa-spin-small { font-size:13px; color:#333; }

/* TaskList Proceso */
.taskList .progress { margin: 0 0 10px 0; width:100%; }
.taskList .done .text { text-decoration:line-through; }

/* Datepicker */
.ui-datepicker { width:22em!important; z-index:10000!important; }
.ui-widget-header { font-size:16px; color:#676a6c!important; background:#fff!important; border:none!important; }
/*.ui-datepicker table { font-size: 1.2em!important; }*/
.ui-datepicker table td a { text-align:center!important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-hover, html .ui-button.ui-state-disabled:active { border:1px solid transparent; background:none!important; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { color:#fff!important; }
.ui-state-active:not(.ui-state-highlight), .ui-widget-content .ui-state-active:not(.ui-state-highlight) { color:inherit!important; }
.datepicker-hide { display:none!important; }
.date-picker-wrapper { z-index:10000!important; }
.month-wrapper .gap { top:-4px!important; }
.month1 *, .month2 * { color:#000; }
.time1 > div , .time2 > div { margin-top:10px; font-weight:bold; float:right; color:#000; }
.time1 *, .time2 * { color:#000!important; }
.time1 .fa, .time2 .fa { float:left; margin:1px 1px; font-size:16px; }
.time1 label, .time2 label { margin-right:5px; }
.datepickertime .datepicker_date { float:left; width:calc(100% - 140px); }
.datepickertime .datepicker_select { float:left; width:70px; }
.datepickertime .datepicker_select select { margin-bottom:0!important; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { font-size:13px; font-weight:normal; padding:5px; }
.ui-datepicker-calendar th { text-transform: uppercase; }
.ui-datepicker-calendar a { line-height:12px!important; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border:none; background-color:transparent; }
.ui-widget-header .ui-icon { background:none!important;; }
.ui-datepicker-prev, .ui-datepicker-next { top:12px!important; border:none!important; }
.ui-datepicker-prev { left:12px!important; }
.ui-datepicker-next { right:-9px!important; }
.ui-datepicker-prev::before { font-family: Font Awesome\ 5 Pro; font-weight: 400; content: "\f104"; }
.ui-datepicker-next::before { font-family: Font Awesome\ 5 Pro; font-weight: 400; content: "\f105"; }
.ui-datepicker-title select { border:none!important; }
.ui-widget.ui-widget-content { border:none!important; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4); }
.ui-widget-content { background-color: #fff; }
.ui-state-default { font-size:12px!important; border-radius:50%; width:25px; height:25px; padding:6px 0 0 0!important; margin:0 auto; }
.ui-datepicker-today .ui-state-default { background-color:#1e3799!important; }
.ui-datepicker-calendar .ui-state-hover, .ui-state-active { border:1px solid #1e3799!important; }

/* Encabezados */
.portlet:not(.lightProcessIcon) .title { background:none; border:none; border-bottom:1px solid; }
.portlet:not(.lightProcessIcon) .title h3 { margin-top:0; /*letter-spacing:1px;*/ }
.big-panel { margin-bottom:0; border:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color:#676a6c; }
.big-panel .panel-heading { background-color:#fff!important; }
.big-panel .panel-heading h2, .portlet:not(.lightProcessIcon) .panel-heading h1 { margin:0; padding:0; }
.big-panel .panel-heading h1, .portlet:not(.lightProcessIcon) .title h3 { font-size:18px; line-height:18px; font-weight:bold; }
.big-panel .panel-heading h2 { font-size:15px; line-height:15px; }
.big-panel .panel-heading .toolbar { z-index:1; }
.big-panel .panel-heading .toolbar a { margin:0 3px 0 0; font-size:13px; }
.big-panel .panel-heading .toolbar a:last-child { margin:0; }
.panel-with-buttons { padding-bottom:4px!important; }
.panel-with-buttons > .row { margin-right:0!important; margin-top:3px; margin-bottom:3px; }
.panel-with-buttons.panel-heading { padding:5px 15px; }
.panel-with-buttons .panel-title { padding-top:4px; float:left; }
.panel-title [data-toggle="popover"] { margin-top:2px; margin-left:6px; }
.panel .table { margin-bottom:0; }

/* Acciones de portlet */
.portlet-actions { width:50%; float:left; position:fixed; bottom:50px; right:5px; }
.portlet-actions .btn-group { float:right; }
.portlet-actions .btn-group button { padding:10px 16px; }

/* Botones */
.btn { border-radius: 8px; }
.btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; }
.btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px; }
.btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; }
.btn-circle.btn-xs { cursor:move; margin: 4px 1px; float:left; width: 16px; height: 16px; padding: 3px 0; font-size: 11px; border-radius: 10px; }

.btn-warning { background-color:#ffca76; border-color:#ffca76; }
.btn-warning:not(.btn-nobutton):hover { background-color:#ffd38e!important; border-color:#ffd38e!important; }
.btn-success, .badge-success { background-color:#72cda6; border-color:#72cda6; }
.btn-success:not(.btn-nobutton):hover { background-color:#88d6b5!important; border-color:#88d6b5!important; }
.btn-primary { background-color:#364ba7; border-color:#364ba7; }
.btn-primary:not(.btn-nobutton):hover, .btn-primary:not(.btn-nobutton).active { background-color:#1c339b!important; border-color:#1c339b!important; }
.btn-info { background-color:#7f9ad1; border-color:#7f9ad1; }
.btn-info:not(.btn-nobutton):hover { background-color:#95acdb!important; border-color:#95acdb!important; }
.btn-danger { background-color:#eb8584; border-color:#eb8584; }
.btn-danger:not(.btn-nobutton):hover { background-color:#f09998!important; border-color:#f09998!important; }

.btn-nobutton { cursor:auto!important; }
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {  }
.btn-gray { border:1px solid #ccc; background-color:#dbdbdb; color:#555!important; }

.input-group-danger { background-color:#ac2925!important; border-color:#761c19!important; color:#fff!important; }
.input-group-danger * { color:#fff!important; }

/* Summary */
#filterByText { width:calc(100% - 120px); margin-left:10px; height:25px!important; }
#processSummary .card-number p { font-size:60%; margin-right:2px!important; }

/* Gráficos */
.graph_layer { margin: 10px 0; position:relative; }
.graph_layer > a, .graph_layer > a.closeGraph { position:absolute; top:8px; right:12px; }
.graph_layer > a.editGraph { position:absolute; top:8px; right:35px; }
.graph_layer label { width:100%; text-align:center!important; }
.graphTdColor { width:1%; }
.graphTdColor > div { float:left; width:50px; height:20px; border:1px solid; }

/* Vacaciones */
#myHolidayCalendar .pts-corner-mask, #myHolidayCalendar #pts-toolbox-container { display:none; }
#myHolidayCalendar #addDropdown { background-color:#5cb85c!important; color:#fff!important; }
.uls li { float:left; margin: 2px 5px 2px 0; }
.uls li:last-child { margin-right:0; }
#myHolidayGraphic h3 { margin:0; }
#list-coming-holidays { padding-left:20px; }
#list-coming-holidays h3 { margin:0; }
#resumenButton { margin:5px; }
#holidaysSummary ul { margin-left:20px; }
#holidaysSummary ul li { font-size:15px; margin:5px 0; }
.holidaysLegend { float:left; width:100%; border-bottom:1px solid; padding:5px; }
.holidaysLegend b { float:left; margin:2px 0 0 5px; }
.holidaysDot { width:15px; height:15px; border-radius:50%; float:left; }
.calendar .month-container { height:auto !important; }
.requestDocument a > span { word-break: break-word; }

/* Tablas */
table { margin-top:10px; }
th { white-space:nowrap; }
thead tr:first-child .glyphicon { margin-right:5px; color:#acacac; }
.glyphicon-sort-by-attributes, .portlet:not(.lightProcessIcon) .glyphicon-sort-by-attributes-alt { color:#616161!important; }
.filter-heading .form-control, .table .form-control { min-width:100%; height:25px!important; padding:4px 8px!important; border-radius:4px; }
.table select.form-control { padding:2px 4px!important; }
.filter-heading .input-group { margin-bottom:0!important; width:100%; }
/*.filter-heading .input-group .form-control { -webkit-border-top-left-radius: 4px!important; -webkit-border-bottom-left-radius: 4px!important; -moz-border-radius-topleft: 4px!important; -moz-border-radius-bottomleft: 4px!important; border-top-left-radius: 4px!important; border-bottom-left-radius: 4px!important; }*/
.filter-heading .input-group .form-control:last-child { -webkit-border-top-left-radius: 0!important; -webkit-border-bottom-left-radius: 0!important; -moz-border-radius-topleft: 0!important; -moz-border-radius-bottomleft: 4px!important; border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; }
.filter-heading .input-group-addon { padding:5px 8px 4px; }
.filter-heading .alert-info { padding:2px 5px 4px; margin-bottom:0!important; }
.filter-heading .alert-info a { top:3px; }
.selected-item { background-color:#fff; }
table tbody td.actions:last-child { white-space:nowrap; }
.btn-group:not(.btn-noflex):not(.note-btn-group) { display: flex; }
.btn-group > .btn { /*float:none;*/ position:relative; color:#fff!important; padding:4px 8px; }
.btn-group > .btn-xs { padding:1px 5px; }
.btn-group > .btn-default { color:#888888!important; }
thead th > a { color:#333!important; }
#gridFiltersHeader th { vertical-align:middle; border-top:none; }
thead tr:first-child th { border-bottom:none!important; }
.well {background-color:#fff!important; margin-bottom:10px; }
thead, thead.well, .like-table-header { background-color:#efefef; }
.filter-date-range input { width:50%!important; max-width:136px; min-width:0!important; }
.filter-date-range input:last-child { margin-left:-1px; }
thead th .glyphicon-info-sign { color:#333!important; margin: 0 0 0 2px; top:2px; }
table:not([data-fixheaders]) thead th[data-refresh="1"] { width:53px!important; }
table .text-center { text-align:center!important; }
table thead input[type=checkbox] { margin:0; }
.btn .badge { position:absolute; bottom:-15px; right:3px; top:auto; }
.btn .badge-info { background-color:#3A87AD ; }
.panel>.table-bordered, .panel>.table-responsive>.table-bordered { border:1px solid #ddd; }
.alert-summary { margin-bottom:0!important; }
.like-table-header { float:left; width:100%; padding: 7px 5px; }
thead th:last-child .btn-group { min-width:60px; }
.table-responsive { margin-bottom:10px; padding:0 1px; }
.table-responsive table { border-radius:4px; }
.dropdown-select { margin-top:-6px; }
.tablesorter-header { background-image:none!important; }
.alert-success td { color:#3c763d!important; background-color:#dff0d8!important; border-color:#d6e9c6!important; }
tr.active > td { background-color:#fcffd1!important; }
tr.alarm_yellow:not(.flag_only) > td, .label-1 { background-color:#fcffd1!important; }
tr.alarm_yellow > td .flag-list, tr.alarm_yellow > td .flag-list *, li.alarm_yellow .fa, li.alarm_yellow .far, li.alarm_yellow .fas { color:#edde3d!important; }
tr.alarm_red:not(.flag_only) > td, .label-2 { background-color:#ffaeae!important; }
tr.alarm_red > td .flag-list, tr.alarm_red > td .flag-list *, li.alarm_red .fa, li.alarm_red .far, li.alarm_red .fas { color:#ff4949!important; }
tr.alarm_3:not(.flag_only) > td, .label-3 { background-color:#d3ebff!important; }
tr.alarm_3 > td .flag-list, tr.alarm_3 > td .flag-list *, li.alarm_3 .fa, li.alarm_3 .far, li.alarm_3 .fas { color:#b1c3d2!important; }
tr.alarm_4:not(.flag_only) > td, .label-4 { background-color:#ccffc2!important; }
tr.alarm_4 > td .flag-list, tr.alarm_4 > td .flag-list *, li.alarm_4 .fa, li.alarm_4 .far, li.alarm_4 .fas { color:#6dd25a!important; }
tr.alarm_5:not(.flag_only) > td, .label-5 { background-color:#ffd9f7!important; }
tr.alarm_5 > td .flag-list, tr.alarm_5 > td .flag-list *, li.alarm_5 .fa, li.alarm_5 .far, li.alarm_5 .fas { color:#ff7ae3!important; }
.flag-list:hover { background-color:#fff!important; border-color:#ccc!important; }
.highlight, #userCommentPredict label:hover, #newLayoutWrapper ul li:hover, #newLayoutWrapper ul li.active, .showHistoryLayoutAdvice, .wizardSteps li.active, .wizardSteps li.active::after, .summernoteManualMentions .active, .summernoteManualMentions a:hover, #weekAssignShiftMassive .shiftOnShiftPerDay li:has(input:checked) { background-color:#fffdcf!important; }
.table .label { margin:0!important; display: inline-block; }
.table td hr { margin:0!important; }
.table td input[type="checkbox"] { width:auto; }
.aggregationsFoot td:not(.agg) { border:none!important; }
.aggregationsFoot td { text-align:right!important; }
tfoot>tr>td.agg { background-color:#f2f2f2; }
tfoot>tr>td.agg, tfoot>tr>td.agg * { color:#f69100; }
.table-bordered { border:none; }
.table-bordered thead, .table-bordered tbody { border:1px solid #ddd; }
tr[data-groupId] { display:none; }
.table-filters-user * { font-size:12px; }
.table-filters-user .checkbox { margin-left: 17px!important; }
.table-filters-user .move { cursor:move; display:none; }
.table-filters-user li:hover .move { display:block; }
.table-filters-user > ul { margin: 5px 0 10px 0!important; }
.popover-content .table-filters-user .checkbox input[type="checkbox"] { margin-top:1px!important; }
table[data-fixheaders].fix thead[data-cloned] { opacity:0; }
table[data-fixheaders].fix thead { padding-top:9px!important; }
table[data-fixheaders].fix { position:relative; }
table[data-fixheaders].fix thead:not([data-cloned]) { /*position:fixed;*/ position:absolute; z-index:1; top:0; border:none; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); box-shadow: 0 0 5px 0 rgba(0,0,0,0.5); }
#modalRelationTable[data-fixheaders].fix thead:not([data-cloned]) { top:11px; }
#modalRelationTable tbody td { cursor:pointer; }
table[data-gridgroup] th { text-align:center; }
[data-level="1"] td:first-child{ padding-left: 20px; }
[data-level="2"] td:first-child{ padding-left: 40px; }
[data-level="3"] td:first-child{ padding-left: 60px; }
[data-level="4"] td:first-child{ padding-left: 80px; }
[data-level="5"] td:first-child{ padding-left: 100px; }
.tdEditableField { min-width:150px!important; }
.tdEditableFieldSave .fa-spin { font-size:13px; color:#333; }
.tdEditableFieldLink { color:inherit!important; }
.tdEditableFieldSave span { color:#5cb85c; }
.tdEditableFieldCancel span { color:#d9534f; }
.popover-content { min-width:276px; }
.table-bordered thead, .table-bordered tbody { border:none!important; }
.filter-heading.focused .select2 { z-index:2!important; }
.filter-heading .select2, .filter-heading .select2-container--default .select2-selection--single { height:30px!important; }
.filter-heading .select2-container--default .select2-selection--single { border-right:none!important; background-color:transparent; }
.filter-heading:not(.focused) .select2-selection { border:none!important; }
.filter-heading .select2-container--default .select2-selection--single .select2-selection__arrow { display:none; }
.filter-heading .select2-container--focus * { outline:none!important; }
.fixedColumnLeft { position:relative!important; left:0; z-index:5!important; }
.fixedColumnRight { position:relative!important; right:0; z-index:0!important; }
table.fixedTable { position:absolute; left:16px; }
.tableChecksWrapper { position:relative; }

/* Paginación */
.pagination { margin-top:0; }
.pagination li.active a { color:#fff!important; }
.pagination li a.arrow, .pagination li:first-child a, .pagination li:last-child a { padding-top: 5px; padding-bottom: 7px; }

/* Estadísticas de tickets */
.input-group-double input { width:50%!important; }

/* Estadísticas de portlet */
.step_numbers { font-size: 20px; font-weight: bolder; line-height: 21px; margin-right: 5px; }
.step_numbers_alert { margin: 4px; font-size: 12px; background: lightcoral; color: white; border-radius: 3px; padding: 2px 4px !important; }
.step_numbers_small { margin: 4px; margin-top: 2px !important; font-size: 14px; color: darkgray; }
.step_flex { padding: 1px; display: flex; }
.text_graphic { position: relative; font-weight: lighter; font-size: 50px; }
#approvalChart, #approvalChart2 { max-height: 130px; }
#approvalChart3 { max-height: 300px; }
.card_users { margin: 5px; padding:6px; border: 1px solid lightgrey; border-radius: 5px; }
.title_card_step { position: absolute; right: 30px; font-weight: lighter; }
.number_card_step { margin-top: 20px; font-weight: bolder; float: right; }
.text_light { font-weight: lighter; color:darkgrey; }
.user_name_avatar { display: flex; padding:1px; }
.user_name_avatar img { display: flex; }
.user_name_avatar div { overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: flex; margin-left: 5px; padding-top: 6px; }
.button-chart-timings { position: absolute; right: 5px; }
.button-chart-timings a { padding: 2px 5px; }
.timings_list_steps { border-top: 1px solid lightgray; padding:10px; }
.timings_list_steps div { padding:5px; }
.timings_list_steps_title { font-size: 12px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; text-transform: uppercase ; }
.timings_list { border-radius: 5px; margin: 5px; padding: 5px 15px; min-height: 300px; color:#333; }
.user-avatar-title_name { cursor:pointer; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; display: flex; margin-left: 5px; }
.timingStep_box { padding: 3px 8px; width: 75%; text-align: center; margin: 3px; color: white; border-radius: 3px; font-size: 13px; }
.workflowStepsTable { width: 100%; }
.workflowStepsTable .tablesorter-header-inner {padding: 5px!important;}
.workflowStepsTable .tablesorter-icon { margin-top:3px!important; }

/* Tour */
#selector-create-tour-top, #selector-create-tour-bottom, #selector-create-tour-left, #selector-create-tour-right { z-index:1062; position: fixed; transition:all .1s ease; background-color:#a0c5e8!important; }
#selector-create-tour-top, #selector-create-tour-bottom { height:2px; }
#selector-create-tour-left, #selector-create-tour-right { width:2px; }
.tour-elements .highlight { background-color:transparent!important; border:2px solid #a0c5e8!important; padding:10px 0; }
.tour-element { margin-bottom:10px; }
.tour-element .btn-move { cursor:move; }
.introjs-helperLayer { background-color:transparent!important; }
.introjs-overlay { opacity: 1!important; }
.introjs-helperNumberLayer { display:none; }
.introjs-skipbutton { float:left; }
.introjs-disabled { cursor:not-allowed!important; }

/* Public inbox */
.inboxUser > div { border:1px solid #acacac; padding:5px; border-radius:5px; }
.publicInboxProcess { width:100%; }
.publicInboxProcess .percentage { font-size:11px; position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.publicInboxProcess .file_upload { border:none!important; -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.2); }
.publicInboxProcess .progressbar-value { clear:both; float:left; background-color: #52d752; height:15px; }
.publicInboxIcon, .publicInboxText, .publicInboxUpload { float:left; }
.publicInboxIcon, .publicInboxUpload { position:relative; height:32px;  }
.publicInboxUpload { float:right; text-align:right; }
.publicInboxIcon i { font-size:30px; }
.publicInboxUpload i { font-size:40px; }
.publicInboxIcon i, .publicInboxUpload i { position:absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
.publicInboxIcon { width:70px; }
.publicInboxText { text-align:left; width:calc(100% - 140px); overflow:hidden; text-overflow: ellipsis; white-space: nowrap; line-height:16px; }
.publicInboxText strong { color:#333; }
.publicInboxText span { font-size:12px; }
.publicInboxUpload { width:70px; }
.is-uploading .publicInboxUpload i { animation: dokuSpin 0.5s infinite linear; }
.form-group .publicInbox { margin-top:0!important; margin-bottom:0!important; }

/* Public links */
.publicLinkPasswordWrapper { float:none; margin:0 auto; }

/* Doku Loader */
.dokuLoader, .dokuLoader:after, .dokuLoader:before { border-radius: 50%; border: 1px solid transparent; }
.dokuLoader { float:left; margin: 0 4px 0 0; display: block; position: relative; width: 15px; height: 15px; border-top-color: #fa3044; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; }
.table-no-result .dokuLoader { margin-top: 2px; }
.dokuLoader:after, .dokuLoader:before { content: ""; position:absolute; }
.dokuLoader:before { top: 1px; left: 1px; right: 1px; bottom: 1px; border-top-color: #00aaff; -webkit-animation: spin 3s linear infinite; animation: spin 2.5s linear infinite; }
.dokuLoader:after { top: 3px; left: 3px; right: 3px; bottom: 3px; border-top-color: #ffc300; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; }
.card-number .dokuLoader { float:left; width:28px; height:28px; margin-top:1px; }

@-webkit-keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* Pestañas verticales */
.tab-content { border:1px solid #c5d0dc; padding:16px 15px; position:relative; z-index:11; clear: both; overflow:auto; }
.tabs-left .tab-content { clear: none !important; padding-top:0!important; }
.tab-content.no-padding{padding:0}
.tab-content.padding-32{padding:32px 24px}
.tab-content.padding-28{padding:28px 21px}
.tab-content.padding-24{padding:24px 18px}
.tab-content.padding-20{padding:20px 15px}
.tab-content.padding-16{padding:16px 12px}
.tab-content.padding-12{padding:12px 9px}
.tab-content.padding-8{padding:8px 6px}
.tab-content.padding-4{padding:4px 3px}
.tab-content.padding-0{padding:0}
.tab-content.padding-10{padding:10px 8px}
.tab-content.padding-6{padding:6px 5px}
.tab-content.padding-2{padding:2px 2px}
.nav-tabs { border-color:#d6d6d6;margin-bottom:-1px !important}
.nav-tabs > li { cursor:pointer; }
.nav-tabs > li > a,.nav-tabs > li > a:focus{border-radius:0!important;background-color:#f9f9f9;color:#999;margin-right:-1px;line-height:16px;position:relative;z-index:11;border-color:#c5d0dc}
.nav-tabs > li > a:hover{background-color:#FFF;color:#4c8fbd;border-color:#c5d0dc}
.nav-tabs > li > a:active,.nav-tabs > li > a:focus{outline:none!important}
.nav-tabs > li:first-child > a{margin-left:0}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{color:#576373;border-color:#c5d0dc;border-top:2px solid #4c8fbd;border-bottom-color:transparent;background-color:#FFF;z-index:11;line-height:16px;margin-top:-1px;box-shadow:0 -2px 3px 0 rgba(0,0,0,0.15)}
.tabs-below > .nav-tabs{margin-bottom:0;margin-top:-1px !important;;border-color:#c5d0dc !important;}
.tabs-below > .nav-tabs > li > a,.tabs-below > .nav-tabs > li > a:hover,.tabs-below > .nav-tabs > li > a:focus{border-color:#c5d0dc}
.tabs-below > .nav-tabs > li.active > a,.tabs-below > .nav-tabs > li.active > a:hover,.tabs-below > .nav-tabs > li.active > a:focus{border-color:#c5d0dc;border-top-width:1px;border-bottom:2px solid #4c8fbd;border-top-color:transparent;margin-top:0;box-shadow:0 2px 3px 0 rgba(0,0,0,0.15)}
.tabs-left > .nav-tabs > li { float:none; }
.tabs-left > .nav-tabs > li > a,.tabs-right > .nav-tabs > li > a{ min-width: 74px; margin-right: 0; margin-bottom: 3px; }
.tabs-left > .nav-tabs { border-bottom:0; margin-bottom:0; border-color:#c5d0dc; float: left; margin-right: -1px; border-right: 1px solid #ddd; }
.tabs-left > .nav-tabs > li > a,.tabs-left > .nav-tabs > li > a:focus,.tabs-left > .nav-tabs > li > a:hover{border-color:#c5d0dc;margin:0 -1px 0 0}
.tabs-left > .nav-tabs > li.active > a,.tabs-left > .nav-tabs > li.active > a:focus,.tabs-left > .nav-tabs > li.active > a:hover{border-color:#c5d0dc;border-top-width:1px;border-left:2px solid #4c8fbd;border-right-color:transparent;margin:0 -1px 0 -1px;box-shadow:-2px 0 3px 0 rgba(0,0,0,0.15)}
.tabs-right > .nav-tabs{margin-bottom:0;margin-left:-1px;border-color:#c5d0dc}
.tabs-right > .nav-tabs > li > a,.tabs-right > .nav-tabs > li > a:focus,.tabs-right > .nav-tabs > li > a:hover{border-color:#c5d0dc;margin:0 0 0 -1px}
.tabs-right > .nav-tabs > li.active > a,.tabs-right > .nav-tabs > li.active > a:focus,.tabs-right > .nav-tabs > li.active > a:hover{border-color:#c5d0dc;border-top-width:1px;border-right:2px solid #4c8fbd;border-left-color:transparent;margin:0 -1px 0 -1px;box-shadow:2px 0 3px 0 rgba(0,0,0,0.15)}
.nav-tabs > li > a > .badge{padding:0 4px;line-height:15px;opacity:.75}
.nav-tabs > li > a > [class*="icon-"]{opacity:.75}
.nav-tabs > li.active > a > .badge,.nav-tabs > li.active > a > [class*="icon-"]{opacity:1}
.nav-tabs li [class*=" icon-"],.nav-tabs li [class^="icon-"]{width:1.25em;display:inline-block;text-align:center}
.nav-tabs > li.open .dropdown-toggle{background-color:#4f99c6;border-color:#4f99c6;color:#fff}
.nav-tabs > li.open .dropdown-toggle .caret{margin-top:7px}
.nav-tabs .dropdown-toggle .caret{margin-top:7px}
.tab-content { overflow:auto; }
.modal .tab-content { overflow:visible!important; }
.tabbable{*zoom:1}
.tabbable:before,.tabbable:after{display:table;line-height:0;content:""}
.tabbable:after{clear:both}
.tabbable .tab-with-data > a { background-color:lightyellow; }

/* Pestañas activas */
.nav-tabs>li.active{ font-size: 15px!important; font-weight:bold!important; }
.nav-tabs>li.active >a{ font-size: 15px!important; color:#FFFFFF!important; font-weight:bold!important; border-bottom: 1px solid #c5d0dc!important; background-color: #428bca!important; }

/* Tooltips */
.ui-tooltip { opacity: 1; filter: alpha(opacity=100); }
.popover-content > div[data-tooltip-scroll] { padding:5px; max-height:100px; overflow:auto; }
.popover-close { position:absolute; top: 3px; right: 3px; }

/* Predictivos */
.textSuggestions { line-height:12px; position:absolute; z-index:1065; /*margin-top:-2px; min-width:100%;*/ }
.suggestionsResult { background-color:#f9f9f9; min-width:300px; width:100%; overflow:hidden; border-color:#ddd; outline:0; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3); box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);	border-radius:4px; }
/*.suggestionsResult img { width:100%; max-width:30px; padding:0!important; margin:5px; border-radius:50%; border:1px solid; }*/
.suggestionsResult img, .nophoto, #listComments .user img, .listComments .user img { padding:0!important; margin:5px; border-radius:50%; border:1px solid; width:40px; height:40px; }
.nophoto { float:left; border:none; font-size:21px; text-align: center; color:#fff; font-weight:normal; padding-top:14px!important; text-transform: uppercase; }
.suggestionsResult a { height:auto; }
.suggestionsResult > a { height:auto; background-color:#fff; padding:0 0 6px!important; width:100%; float:left; }
.suggestionsResult > a:hover span, .suggestionsResult > a:first-child span { color:#000!important; }
.suggestionsResult > a:hover, .suggestionsResult > a:first-child { background-color: #f5f5f5; }
.suggestionsResult > span > a { background-color:transparent!important; color:#fff!important; font-size:11px; margin:5px; }
.suggestionsResult .user-avatar { float:left; }
.suggestionsResult span.category { margin:1px; }
.suggestionsResult span.category.first { margin:5px; }
.selected-item { margin:0; border:1px solid #ccc; padding:3px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.selected-item .glyphicon { top:2px; }
.predicted { margin:0; border:1px solid; border-color:#ccc!important; width:100%; padding:9px; }
.approverData .predicted { width:auto; }
.searchbig { font-size:15px; }
.searchbig, .searchlittle { font-weight:normal; }
.searchheading { color:#000; }
.searchheading strong { float:none!important; }
.searchlittle { font-size:12px; }
.suggestionsResult a span.searchheading { float:left; padding-top:13px!important; }
.input-group .form-control.cmmsearchtext, .input-group .form-control.usersearchtext { border-top-left-radius: 4px!important; border-bottom-left-radius: 4px!important; }

/* Portlet control Gastos */
.widget-box, .widget-box-2 { overflow:hidden; border:1px solid transparent!important; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius:6px; }
.widget-box a, .widget-box-2 a { font-size:18px; line-height:20px; }
.widget-box span, .widget-box-2 span { font-size:50px; }
.widget-box p, .widget-box-2 p { font-size:12px; }
.widget-box .row > div, .widget-box-2 .row > div { padding:15px 0; }
.widget-box .row > div:last-child { padding-left:15px; }
.widget-box .row > div .clearfix, .widget-box-2 .row > div .clearfix { margin-top:5px; }

.widget-box.widget-color-1 { background-color:#23b7e5; }
.widget-box.widget-color-1 *, .widget-box-2.widget-color-1 .glyphicon { color:#fff!important; }
.widget-box.widget-color-1 .row > div:first-child, .widget-box-2.widget-color-1 .glyphicon { background-color:#337ab7; }
.widget-box.widget-color-1:hover, .widget-box.widget-color-1:hover .row > div:last-child { background-color:#42c6ef; }

.widget-box.widget-color-2 { background-color:transparent; border:1px solid #ababab!important; }
.widget-box.widget-color-2 *, .widget-box.widget-color-3:hover .row > div:last-child * { color:#000!important; }
.widget-box.widget-color-2 .row > div:first-child, .widget-box-2.widget-color-2 .glyphicon { background-color:#929292; }
.widget-box.widget-color-2 .row > div:first-child *, .widget-box-2.widget-color-2 .glyphicon { color:#000!important; }
.widget-box.widget-color-2:hover, .widget-box.widget-color-2:hover .row > div:last-child { background-color:#ababab; }

.widget-box.widget-color-3 { background-color:transparent; border:1px solid #23b7e5!important; }
.widget-box.widget-color-3 * { color:#fff!important; }
.widget-box.widget-color-3:hover .row > div:last-child * { color:#000!important; }
.widget-box.widget-color-3 .row > div:first-child, .widget-box-2.widget-color-3 .glyphicon { background-color:#23b7e5; }
.widget-box.widget-color-3 .row > div:last-child *, .widget-box-2.widget-color-3 .glyphicon { color:#000!important; }
.widget-box.widget-color-3:hover, .widget-box.widget-color-3:hover .row > div:last-child { background-color:#23b7e5; }

.widget-box.widget-color-4 { background-color:transparent; border:1px solid #fc4b6c!important; }
.widget-box.widget-color-4 *, .widget-box-2.widget-color-4 .glyphicon { color:#fff!important; }
.widget-box.widget-color-4:hover .row > div:last-child * { color:#000!important; }
.widget-box.widget-color-4 .row > div:first-child, .widget-box-2.widget-color-4 .glyphicon, .widget-box.widget-color-4:hover, .widget-box.widget-color-4:hover .row > div:last-child { background-color:#fc4b6c; }
.widget-box.widget-color-4 .row > div:last-child * { color:#000!important; }

.widget-box.widget-color-5 { background-color:transparent; border:1px solid #ffb22b!important; }
.widget-box.widget-color-5 *, .widget-box-2.widget-color-5 .glyphicon { color:#fff!important; }
.widget-box.widget-color-5:hover .row > div:last-child * { color:#000!important; }
.widget-box.widget-color-5 .row > div:first-child, .widget-box-2.widget-color-5 .glyphicon, .widget-box.widget-color-5:hover, .widget-box.widget-color-5:hover .row > div:last-child { background-color:#ffb22b; }
.widget-box.widget-color-5 .row > div:last-child * { color:#000!important; }

.widget-box ul, .widget-box-2 ul { margin: 10px 0 0 10px; }
.widget-box ul li a, .widget-box-2 ul li a { font-size:13px!important; }
.widget-labels { margin-top: 5px!important; }
.widget-labels p:first-child { margin-left: 0!important; }
.widget-box .label, .widget-box-2 .label { color:#000!important; }
.widget-box .label-info, .widget-box-2 .label-info { border:1px solid #31829a; }
.widget-box .label-1, .widget-box-2 .label-1 { border:1px solid #ccd18b; }
.widget-box .label-2, .widget-box-2 .label-2 { border:1px solid #ff4949!important; }
.widget-box .label-3, .widget-box-2 .label-3 { border:1px solid #b1c3d2!important; }
.widget-box .label-4, .widget-box-2 .label-4 { border:1px solid #6dd25a!important; }
.widget-box .label-5, .widget-box-2 .label-5 { border:1px solid #ff7ae3!important; }

.widget-box-2 { border:1px solid #d7dfe3!important; -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.05); -moz-box-shadow: 0 5px 20px rgba(0,0,0,0.05); box-shadow: 0 5px 20px rgba(0,0,0,0.05); }
.widget-box-2 .row > div:first-child { background-color:transparent!important; }
.widget-box-2 .glyphicon { border-radius:100%; padding:15px; font-size:30px; }
.widget-box-2 a { color:#000!important; }
.widget-box-2 label { color:#888!important; font-weight:normal; }
.widget-box-2 > div > div:first-child:not('.widget-labels') { padding:15px!important; }

/* Usuarios */
#profileUserPhoto { border-radius:50%; margin:10px auto; }

/* Tickets */
.fa.red { color:red; }
.fa.green, .green { color:green; }
.fa.blue { color:blue; }
.fa.yellow, .fas.yellow { color:#ffd200; }

/* Calendario */

.divCalendar:not([class*="col-md"]) { position: relative; display: inline-block; width: 100%; margin-bottom: 15px; }
.divCalendar .showCalendarButtons { margin-top: 13px; }
.divCalendar .btn-group > .btn { font-size: 10px; border: #fff 1px solid; padding: 8px 12px; border-radius: 8px; background-color: #dbdbdb; }
.divCalendar .btn-group > .btn.active { background-color: #1e3799; }
.divCalendar .btn-group > .btn:hover { z-index: 1; }
.divCalendar .pts-header-date-display { width: 90px; margin-right: 10px; font-weight: bold; }
.divCalendar .pts-nav-buttons { margin-right: 25px; }
.divCalendar .calendarTopRow { float: left; width: 100%; padding: 10px; }
.divCalendar .calendarTopRow .monthDisplay { float: left; width: 140px; line-height: 30px; font-size: 26px; font-weight: bold; }
.divCalendar .calendarTopRow .navButtons { float: left; margin-right: 25px; }
.divCalendar .calendarTopRow .navButtons .btn { background-color: transparent; border: none; padding: 0; }
.divCalendar .calendarTopRow .navButtons i { position: relative; color: #1e3799; }
.divCalendar .calendarTopRow .navButtons .btn:focus, .divCalendar .calendarTopRow .navButtons .btn:focus:active { outline: inherit; outline-offset: inherit; }
.divCalendar .calendarTopRow .navButtons .btn > i { position: relative; font-size: 24px; margin: 4px 0; }
.divCalendar .calendarTopRow .navButtons .btn > i > i { position: absolute; top: calc(50% - 5px); left: calc(50% - 4px); font-size: 11px; }
.divCalendar .calendarTopRow .navButtons .btnNextMonth > i > i { left: calc(50% - 2px); }
.divCalendar .calendarTopRow .calendarFilters { float: left; }
.form-group .filterItem { position: relative; float: left; display: inline-block; margin-right: 5px; }
.form-group .filterItem:last-of-type { margin-right: 0; }
.form-group .filterItem input { padding: 8px 26px 8px 12px !important; border-radius: 10px; border-color: #dbdbdb; color: #707070; }
.form-group .filterItem .fa-icon { position: absolute; top: 7px; right: 8px; cursor: pointer; color: #707070; font-size: 20px; z-index: 3; }
.form-group .filterItem .input-group-addon { position: absolute; right: 22px; top: 10px; padding: 0; background-color: transparent; border: none; z-index: 3; }
.form-group .filterItem .chosen-container { min-width: 130px; max-width: 200px; }
.form-group .filterItem .chosen-container > a { border-radius: 10px; border-color: #dbdbdb !important; color: #707070; }
.form-group .filterItem .chosen-container.chosen-with-drop > a { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.form-group .filterItem .chosen-container-single .chosen-single div { display: none; }
.form-group .filterItem > i { position: absolute; right: 8px; margin: 5px 0; font-size: 24px; color: #707070; pointer-events: none; }
.form-group .filterItem > i > i { position: absolute; top: calc(50% - 5px); left: calc(50% - 4px); font-size: 11px; }
.divCalendar .calendarTopRow .dateFilter { position: relative; width: 100px; }
.divCalendar .calendarTopRow .dateFilter > span { position: absolute; right: 10px; top: 6px; font-size: 20px; color: #777; pointer-events: none; }
.divCalendar .calendarTopRow .dateFilter > input[type="text"] { margin-bottom: 0 !important; }
.divCalendar .calendarTopRow .dateFilter .fieldDatePicker.onlyMonth .ui-datepicker-calendar { display: none; }
.contentCalendar { display: inline-block; width: 100%; border: #dbdbdb 1px solid; border-radius: 4px; padding: 12px 12px 8px 12px; }
.component .contentCalendar { background-color:#FFFFFF; margin-bottom: 25px; }
.contentCalendar .highlighted, div[data-group] .rowCalendar > div.highlighted, .headerElement[data-today="1"].highlighted, div[data-group] .rowCalendar > div[data-today="1"].highlighted { background-color: #5fff5f; }
.scrollCalendar { display: inline-block; width: 100%; overflow: auto; max-height: 400px; }
.headerCalendar { float:left; width: 100%; position: sticky; position:-webkit-sticky; top: 0; z-index: 15; background-color:#fff; }
.headerElement { float:left; width: 60px; padding: 10px 0; text-align: center; font-weight: 600; border-right: #dbdbdb 1px solid; }
.headerCalendar .headerElement { cursor:pointer; }
.headerUser .headerElement.empty { padding:0; }
.headerElement.empty, #timeSheetInfo header > div:first-of-type { width: 150px; }
#timmingsInfo div[data-group] header .headerText { width: 149px; }
#timmingsInfo div[data-group] header .headerText .label { position:absolute; right: 13px; display: none; }
#timmingsInfo div[data-group] header .headerText:hover .label { display: inline; }
.headerElement.empty { position: sticky; position:-webkit-sticky; top: 0; left: 0; z-index:1; }
.headerElement.aggregateField { position: sticky; position:-webkit-sticky; z-index: 10; top: 0; right: 0; width: 120px; padding: 8px 0; }
.headerElement[data-today="1"], .contentCalendar [data-today="1"], .calendarWrapper [data-today="1"], [data-row][data-today="1"] > div:first-child, div[data-group] .rowCalendar > div:not(.tooltip)[data-today="1"] { background: rgba(252, 248, 227, 0.5)!important; }
.headerElement > div { float: left; width: 100%; text-align: center; font-size: 20px; }
[data-caltype="hours"] .headerElement > div { font-size: 13px; }
.headerElement > span { float: left; width: 100%; margin-top: 12px; text-align: center; font-size: 16px; font-weight: 500; }
[data-caltype="hours"] .headerElement > span { display: none; }
div[data-group] { position: relative; float:left; width: 100%; background-color: #d7d7ff; }
div[data-group][data-subgroup], #timmingsInfo div[data-group][data-subgroup] header .headerText { background-color: #F3F3F3; }
div[data-group] header { position: sticky; position:-webkit-sticky; top: 0; left: 0; display: inline-block; height: 22px; }
div[data-group] header > span { display: inline-block; margin: 6px 0 0 4px; font-weight: 600; }
div[data-group] > div { float:left; width: 100%; }
div[data-group] .rowCalendar { position: relative; display: flex; width: 100%; background-color: #fff; }
div[data-group] .rowCalendar > div:not(.tooltip) { float:left; width: 60px; min-width:60px; border-right: #dbdbdb 1px solid; }
div[data-group] .rowCalendar > div:not(.tooltip):first-of-type { position: sticky; position:-webkit-sticky; z-index: 10; top: 0; left: 0; width: 150px; padding: 10px 5px; background-color: #fff; font-size: 12px; line-height: 16px; }
div[data-group] .rowCalendar > div:not(.tooltip):first-of-type > span { float:left; width:205px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
div[data-caltype="hours"] div[data-group] .rowCalendar > div:not(.tooltip):first-of-type { width: 150px; padding: 20px 5px 0 5px; z-index:11; }
div[data-group] .rowCalendar > div:not(.tooltip).aggregateField { position: sticky; position:-webkit-sticky; z-index: 10; top: 0; right: 0; width: 120px; padding: 5px 0; font-weight: 500; }
div[data-group] .rowCalendar > div:not(.tooltip).aggregateField > div > span { font-weight: 600; }
div[data-group] .rowCalendar > div:not(.tooltip).aggregateField > .hoursPending > span { color: #ff0000; }
div[data-group] .rowCalendar > div:not(.tooltip).aggregateField > .hoursPending > span.positive { color: #008000; }
div[data-group] .rowCalendar .taskElement { position: absolute; height: 30px; padding: 10px 8px 0 8px; margin-top: 5px; background-color: #40e0d0; color: #fff; border-radius: 13px; text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; cursor: pointer; }
div[data-caltype="hours"] div[data-group] .rowCalendar .taskElement { height: 40px; padding: 15px 8px 0 8px; margin-top: 9px; }
div[data-caltype="hours"] div[data-group] .rowCalendar .taskShiftSigning { padding-top: 2px!important; }
div[data-caltype="hours"] div[data-group] .rowCalendar .taskShiftSigning .small { font-size: 70%; width: 100%; float:left; margin-bottom:-1px; }
div[data-group] .rowCalendar .taskElement:hover { z-index: 3; }
div[data-group] .rowCalendar .taskElement .taskTag { position: absolute; top: 3px; right: 4px; padding: 4px 8px; font-size: 10px; border-radius: 20px; }
div[data-group] .rowCalendar > .colorLayer { position: absolute; width: 100%; height: 100%; left: 0; z-index: 10; opacity: 0.5; pointer-events: none; }
.aggregateField { background-color: #F3F3F3; font-size: 12px; line-height: 16px; border-left: #dbdbdb 1px solid; font-weight: 600; }
.btnAdd { position: absolute; left: 0; top: 0; font-size: 24px; cursor: pointer; }
.contentCalendar ::-webkit-scrollbar { width: 6px; height: 6px; }
.contentCalendar ::-webkit-scrollbar-button { width: 0; height: 0; }
.contentCalendar ::-webkit-scrollbar-thumb { background: #dbdbdb; border: 0 none #ffffff; border-radius: 50px; }
.contentCalendar ::-webkit-scrollbar-thumb:hover { background: #cfcfcf; }
.contentCalendar ::-webkit-scrollbar-thumb:active { background: #dbdbdb; }
.contentCalendar ::-webkit-scrollbar-track { background: transparent; border: 0 none #ffffff; border-radius: 50px; }
.contentCalendar ::-webkit-scrollbar-track:hover { background: transparent; }
.contentCalendar ::-webkit-scrollbar-track:active { background: transparent; }
.contentCalendar ::-webkit-scrollbar-corner { background: transparent; }
.withoutEnd { border-top-right-radius: unset !important; border-bottom-right-radius: unset !important; }
.withoutEnd:not(.taskShiftSigning) { width: 85px !important; }
div[data-caltype="weeks"] .scrollCalendar { max-height:none; }
div[data-caltype="weeks"] table { float:left; width: 100%; }
div[data-caltype="weeks"] table tr:nth-child(2) td { padding-top: 10px!important; }
div[data-caltype="weeks"] td { vertical-align: top; }
div[data-caltype="weeks"] td > div { float:left; width: 100%; border:1px solid; border-radius: 5px; padding: 10px; position:relative; min-height: 37px; }
div[data-caltype="weeks"] td .dayOfMonth { position:absolute; top: 10px; right: 10px; font-size: 12px; }
div[data-caltype="weeks"] td .contentOfDay { margin-top: 20px; }
div[data-caltype="weeks"] td .contentOfDay .btn { visibility:hidden; margin: 2px; }
div[data-caltype="weeks"] td:hover .contentOfDay .btn { visibility:visible; }
div[data-caltype="weeks"] td.dayNotInMonth div { border:none; }
div[data-caltype="weeks"] th { width: 14.2%; font-size:20px; font-weight: 100; border-bottom: 1px solid; padding-bottom:10px !important; }
div[data-caltype="weeks"] th, div[data-caltype="weeks"] td { padding: 5px; }

/* TimeSheet */
#cardsInfoSheets .card{ max-width:300px; padding:10px; border: 1px solid lightgray; height: 150px; margin:3px; }
#cardsInfoSheets .card .card-body{ padding-top: 0; margin-top: -10px; }
#cardsInfoSheets .card .card-body .btn-add { margin-top:25px; font-size:16px; }
#cardsInfoSheets .card .card-title { margin: 8px 0 0; font-size:20px; }
#cardsInfoSheets .threadUsers{ margin-top:10px; max-height:100px; overflow:auto; }
#cardsInfoSheets .threadUsers > strong { float:left; margin-bottom:15px; }
#cardsInfoSheets .threadUsers .list { text-align:center; }
#cardsInfoSheets .card .card-text{ font-size: 13px; }
#cardsInfoSheets .card .avatar-letter{width: 40px;height: 40px;padding-top: 14px;border-radius: 50%;display: inline-block;	margin:2px;}
#cardsInfoSheets .card .avatar-letter a{color: white;font-family: 'PT Sans', Verdana, sans-serif;font-size: 18px;font-weight: 600; line-height:14px;}
#monthlySummary .card-number { color:#888; font-size:30px!important; right:10px; }
#monthlySummary .card > .row > div { min-height:100px!important; }
#timmingsInfo td { vertical-align: middle!important; }
#timmingsInfo .nameCellTable span { float:left; margin-top:10px; }
#timmingsInfo tr.active > td { background-color: whitesmoke !important; }
#timmingsInfo td[data-buttonPlus] { text-align:center!important; }
#timmingsInfo [data-buttonPlus] a { opacity:0; }
#timmingsInfo [data-buttonPlus]:hover a { opacity:1 }
#timmingsInfo td:not(:first-child) { text-align: right; }
#timmingsInfo .nophoto { padding-top:7px!important; font-size:14px; width:30px; height:30px; }
.btnUsersMissing { position:absolute; right:5px; top:5px; }
.hover { color:white; }
.table-scroll { position:relative; margin:auto; overflow:hidden; }
.table-wrap { width:100%; overflow:auto; }
.table-scroll table { width:100%; margin:auto; border-collapse:separate; border-spacing:0; }
.table-scroll th, .table-scroll td { padding:5px 10px; background:#fff; white-space:nowrap; vertical-align:top; max-width:300px; text-overflow:ellipsis; overflow: hidden; }
.table-scroll tr:nth-of-type(odd) td, .table-scroll tr:nth-of-type(odd) th { background:#f9f9f9; }
.clone { position:absolute; top:0; left:0; pointer-events:none; z-index:1061; }
.clone th, .clone td { visibility:hidden }
.clone tbody th { visibility:visible; color:red; }
.clone .fixed-side { visibility:visible; }
.clone thead, .clone tfoot{background:transparent;}
#timmingsInfo [data-group] .close-group-panel { margin:9px 0 5px 5px; cursor:pointer; }
#timmingsInfo [data-date] { position:relative; }
#timmingsInfo div[data-group] .rowCalendar .taskElement { font-size:12px; position:absolute; top:calc(50% - 17px); left:calc(50% - 22px); border-radius:4px; background-color:#fff; border:1px solid #dbdbdb; text-align:center; color:#000; height:23px; padding:3px 0 0; }
.newDayReport { height:100%; position:relative; cursor:pointer; }
.totalCounts > div { position:relative; }
.totalCounts > div > div { font-size:12px; top:calc(50% - 6px); left:calc(50% - 14px); position:absolute; }
.totalCounts, .totalCounts > div:first-of-type { background-color:transparent!important; }
.totalCounts { position:absolute!important; top: 0; }
.newReport { display:none; cursor:pointer; position:absolute; top:calc(50% - 10px); left: calc(50% - 10px); }
.newReport i { font-size:14px; border:1px solid #dbdbdb; padding: 2px 4px; border-radius:4px; }
.newDayReport:hover .newReport { display:inline; }
.newReport i, .rowCalendar:not(.totalCounts) [data-date] > div:not(.newDayReport):not(.tooltip) { background-color:#fff; }
#timmingsInfo .headerUser .headerElement:not(.empty) { padding:19px 0!important; }
#timmingsInfo .headerUser .user { white-space: nowrap; }
#timmingsInfo .headerUser .user > span { padding:17px 0; overflow:hidden; text-overflow:ellipsis; float:left; text-align:left; font-size:14px; line-height:15px; width:calc(100% - 45px)!important; }
#timmingsInfo .headerUser .user .nophoto { margin-top:9px; }
#timmingsInfo div[data-group] header { height:30px; cursor:pointer; }
#timmingsInfo div[data-group] header .headerText { position: sticky; position:-webkit-sticky; top: 0; left: 0; display: inline-block; height: 30px; z-index:11; background-color:#d7d7ff; white-space: nowrap; width: 218px; }
#timmingsInfo div[data-group] header .headerText:after { font-family:Font Awesome\ 5 Pro, Font Awesome\ 5 Brands, Font Awesome\ 5 Free, Font Awesome\ 5 Solids, Helvetica; content:'\f077'; position:absolute; top:1px; right:2px; font-size:10px; }
#timmingsInfo div[data-group] header .headerText.colapsed:after { content:'\f078'; }
#timmingsInfo div[data-group] header .headerText > span { display: inline-block; margin: 9px 0 0 4px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; max-width:calc(100% - 25px) }
#timmingsInfo .totalCounts > div { min-height:30px; }
#timmingsInfo .headerUser > div { float:left; }
#timmingsInfo .headerAgreement > div { float:left; }
#timmingsInfo .headerUser > div > div { min-height:50px; }
#timmingsInfo .headerAgreement > div > div { min-height:35px; }
#timmingsInfo .headerAgreement .headerElement { padding:12px 0 0; }
#timmingsInfo .headerAgreement .headerElement.empty { text-align:left; padding-left:10px; }
#timmingsInfo .headerCalendar .headerElement.empty { background-color:#fff; }
#timmingsInfo .headerUser .headerElement.empty, #timmingsInfo .headerUser > div { background-color:#d9edf7; }
#timmingsInfo .headerAgreement .headerElement.empty, #timmingsInfo .headerAgreement > div { background-color:#fcf8e3; }
#timmingsInfo div[data-group] { min-height:22px; }
#timmingsInfo div[data-type] [data-date] { cursor:pointer; }
#timmingsInfo .headerAgreement .headerElement > div, #timmingsInfo .headerUser .headerElement > div { font-size:12px; font-weight: normal; }
#timmingsInfo .headerUser .headerElement > div { font-weight:bold; }
#timmingsInfo .scrollCalendar { display: inline-block; width: 100%; overflow:visible; overflow-x:auto; min-height:500px; }
#timmingsInfo .extraHours { padding: 5px 0; background-color:#5cb85c; width:85%; margin: -5px auto 0; float:none; border-radius:4px; }
#timmingsInfo .multipleSelect { background-color:#fffdcf!important; }
#multiDaysDesc .alert, #mandatoryTimmingsMessage .alert { padding:10px!important; }
#modalListTimings .btn-danger { color:#fff!important; }
#timmingsInfo div[data-group] .rowCalendar > div:not(.tooltip):first-of-type,
#timmingsInfo div[data-caltype="hours"] div[data-group] .rowCalendar > div:not(.tooltip):first-of-type,
#timmingsInfo .headerElement.empty, #timeSheetInfo header > div:first-of-type { width: 220px; min-width:220px; }
#timmingsInfo .headerTotal > div { font-size:16px; }
#timmingsInfo .headerElement.columnTotal, #timmingsInfo div[data-total-td] { position: relative; }
#timmingsInfo [data-total-td] label { position: absolute; top:50%; left:50%; transform: translateY(-50%) translateX(-50%); }
#timmingsInfo .btnCollapse { border:2px solid; border-radius: 50%; width:24px; height:24px; position: absolute; top:0; left: 30px; }
#timmingsInfo .btnCollapse::before { top:3px; left:4px; position: absolute; }
#addTimesheetSheet { margin-top:19px; }
.button-signing-time:not(.button-signing-time-in-table) { font-size: 12px!important; border:1px solid; padding: 10px; border-radius: 5px; margin: 0 0 10px 0; background-color:#fff; }

/* Control time Shifting */
.employeesList ul li  { float:left; width: 100%; margin: 4px 0; border-bottom:1px solid; padding-bottom:7px; }
.employeesList ul li:last-child { padding-bottom:0; border-bottom:none; }
.employeesList ul li > div { width: calc(50% - 2px); }
.employeesList ul li > div:first-child { float:left; margin-right: 2px; position:relative; }
.employeesList ul li > div:last-child { float:right; margin-left: 2px; }
.employeesList ul li > div:last-child > div { clear:both; float:left; margin:2px 0; padding-bottom: 5px; border-bottom: 1px dashed; }
.employeesList ul li > div:last-child > div:first-child { margin-top: 0; }
.employeesList ul li > div:last-child > div:last-child { border-bottom:0; margin-bottom: 0; padding-bottom:0; }
.shiftOnDaysWrapper h3 { margin-top:0; }
.shiftOnDaysWrapper .listShiftOnDays > ul > li, .shiftsLegend > ul > li { position: relative; cursor: pointer; border: 1px solid; border-radius: 5px; padding: 5px; margin-bottom:5px; }
.shiftsLegend > ul > li { cursor: auto; }
.shiftsLegend p { margin-bottom: 0!important; }
.shiftOnShiftPerDay > li { border: 1px solid; border-radius: 5px; padding: 5px; margin-bottom:5px; float:left; width: 100%; }
.workersNumberForShift { float:right; max-width: 105px; }
.workersNumberForShift input { text-align: center; }
.workersNumberForShift .input-group-addon { cursor:pointer; }
.shiftOnDaysWrapper .listShiftOnDays > ul > li:last-child, .shiftsLegend > ul > li:last-child { margin-bottom:0; }
.shiftOnDaysWrapper .listShiftOnDays .fa, .shiftsLegend .fa { position:absolute; top: 50%; right: 10px; transform: translateY(-50%); }
#massiveShiftOnDayWorker .well, .well-small { padding: 10px; }
#massiveShiftOnDayWorker [data-shiftId] > div:first-child,
#formShiftOnDay [data-shiftId] > div:first-child { float:left; width: calc(100% - 110px); }
.tableWeekQuadrant { width: 100%; float:left; }
.tableWeekQuadrant th, .tableWeekQuadrant .day-cell > strong, .tableWeekQuadrant .day-header { font-size: 18px; font-weight: 100; width: 12.5%; text-align:center; line-height:20px!important; }
.tableWeekQuadrant .day-header, .tableWeekQuadrant .day-cell { margin:5px; width:calc((100% - 70px) / 7); float:left; padding: 15px; }
.tableWeekQuadrant .day-header { margin-bottom: 0; margin-top:8px; padding-top: 10px; padding-bottom: 6px; }
.tableWeekQuadrant .day-cell { padding-top:25px; border:1px solid; height:110px; position:relative; border-radius:8px; }
.tableWeekQuadrant .day-cell > div:not(.tooltip) { position:relative; float:left; margin: 2px; }
.tableWeekQuadrant .day-cell > div > span { width: 12px; height:12px; position:absolute; bottom:-2px; right:-2px; border-radius:3px; border: 1px solid #fff; }
.tableWeekQuadrant th strong, .tableWeekQuadrant .day-cell > strong { font-weight: 400!important; }
.tableWeekQuadrant .day-cell > strong { position:absolute; top: 5px; right: 5px; }
/*.tableWeekQuadrant th > div { float:left; }*/
.tableWeekQuadrant th > div .checkbox { margin-top: 8px!important; }
.tableWeekQuadrant thead > tr:first-child th { padding: 10px !important; }
.tableWeekQuadrant thead > tr:first-child th > div.input-group { margin-top:10px; }
.tableWeekQuadrant tr td:last-child { position:relative; }
.tableWeekQuadrant tr td:last-child .checkbox { display:inline; }
.tableWeekQuadrant tr td:last-child .owncheckbox { top: 50%; transform: translateY(-50%); }
.tableWeekQuadrant tbody td > div { float:left; }
.tableWeekQuadrant tbody td:not(.table-no-result):first-child > div:first-child { max-width: 25px; }
/*.tableWeekQuadrant tbody td:not(.table-no-result) > div[data-assigned] { max-width: 12px; }*/
.tableWeekQuadrant tbody td:not(.table-no-result):first-child > div:last-of-type { width: calc(100% - 30px); margin-left: 5px; }
.tableWeekQuadrant tbody td:not(.table-no-result):not(:first-child) > div { cursor:pointer; position:absolute; left:calc(50% - 24px); padding: 2px 8px; border-radius:5px; }
.tableWeekQuadrant tbody td:not(.table-no-result):not(:first-child) > div > span { font-size: 12px; }
.tableWeekQuadrant tbody td:not(.table-no-result):last-child span { float:right; margin-right: 15px; margin-top: 2px; }
.tableWeekQuadrant tr[data-assignedid] > td { position:relative; }
.tableWeekQuadrant tr[data-assignedid] > td .btn { display:none; position:absolute; right: 0; }
.tableWeekQuadrant tr[data-assignedid] > td:hover .btn { display:block; }
.navButtonsWeek { font-size: 20px; font-weight: 100; margin-left: -10px; }
.navButtonsWeek .btnToday { margin-left: 20px; }
#weekAssignShiftMassive .shiftOnShiftPerDay li { cursor:pointer; }
.shiftsLegendWeekQuadrant { margin-top: 10px; }
.boxShiftPerDay { overflow:hidden; font-size:12px; border:1px solid; padding: 5px; border-radius:5px; cursor:pointer; float:left; margin:2px; max-width: calc(50% - 4px); }
.boxShiftPerDay span { white-space: nowrap; text-overflow: ellipsis; max-width: 100%; float:left; overflow:hidden; }
th .boxShiftPerDay { font-size:11px; padding: 2px 4px; }
.allDayRow { display:none!important; opacity:0.5; cursor:pointer; }
.allDayColumn { display:none!important; opacity:0.5; cursor:pointer; font-size: 17px; }
th:hover .allDayColumn { opacity:1; }
tr:hover .allDayRow { opacity:1; }
.shiftsInDay th { padding: 3px 5px 5px 7px!important; }
.shiftsInDay th:first-child { padding-top: 6px!important; }
.shiftsInDay .input-group { width: 100%; float:left; }
.shiftsInDay .predicted > span { float:left; max-width: calc(100% - 30px); overflow:hidden; text-overflow:ellipsis; }
.shiftsInDay .predicted img { float:left; }
.shiftsInDay .predicted a { float: right; }
.shiftsInDay .predicted { padding: 2px 5px!important;}
.controlTime { float:left; width: 100%; padding-top: 20px !important; }
.controlTimeFromProcess { padding-top: 0 !important; }
.controlTimeFromProcess .panel-body { padding:0 !important; }
.controlTime h4 { font-weight: 100 !important; }
.controlTime .panel-heading { border: none !important; padding: 20px !important; }
#signingReportDetail .commentsList .smallScroll { float:left; width: 100%; max-height:200px; overflow:auto; }
#signingReportDetail .commentsList ul { float:left; width: 100%; }
#signingReportDetail .commentsList li { float:left; width: 100%; border-bottom: 1px solid; margin-bottom: 10px; }
#signingReportDetail .commentsList li:last-child { border:none; margin-bottom:0; }
#signingReportDetail .commentsList li p { margin-top:5px; margin-bottom:0; }
#signingReportDetail .commentsList li p:last-child { margin-bottom:10px; }
#signingReportDetail .commentsList li:last-child p:last-child { margin-bottom:0; }
.panel.panelControlTime { border-radius: 10px; border:none; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); }
.panel.panelControlTime .panel-icon { top: -1px; }
.panel.panelControlTime .divCalendar { float: right; }
.panel.panelControlTime .divCalendar .calendarTopRow { width:auto; padding-top:0; padding-right: 0; }
.panel.panelControlTime .divCalendar .btnNextDay, .panel.panelControlTime .divCalendar .btnNextYear { width:auto; padding-right: 0; }
.panel.panelControlTime .divCalendar .btn { padding-top:0; padding-bottom:0; }
.signingsPerDayHeader, .signingsPerDayBody { float:left; width:100%; display: block; }
.signingsPerDayHeader { display:flex; }
.signingsPerDayHeader > div, .signingsPerDayBody > div:not(.signingsActualTime) { display: flex; flex-direction: row; padding: 10px; justify-content: space-between; align-items: center; }
.signingsPerDayHeader > div:last-child { width: 100%; flex-wrap: nowrap; justify-content: space-between; }
.signingsPerDayHeader > div:last-child > div { flex: 1; text-align: center; box-sizing: border-box; padding: 5px; border-left: 1px solid; }
.signingsPerDayHeader > div:last-child > div:last-child { border-right: 1px solid; }
.signingsPerDayHeader > div:not(:last-child) span { font-weight: bold; }
.signingsPerDayHeader > div:nth-child(2) { justify-content:center; }
.signingsPerDayBody { position:relative; }
.signingsActualTime { position:absolute; border-left:1px dotted; height: 100%; z-index:2; width: 1px!important; }
.signingsEmpty { position:relative; width: 100%; min-height: 150px; }
.signingsEmpty > div { position:absolute !important; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); text-align: center; }
.signingsPerDayBody > div:not(.signingsActualTime) { float:left; display: block; width: 100%; }
.signingsPerDayBody > div:not(.signingsActualTime) > div { float:left; }
.signingsPerDayBody > div:nth-of-type(odd), .tableWeekQuadrantBody > div:nth-of-type(odd) { background-color:#f9f9f9; }
.signingsPerDayHeader { border-bottom: 1px solid; }
.signingsPerDayHeader > div:first-child { position:relative; }
.signingsPerDayHeader > div:first-child > span { position:absolute; cursor:pointer; margin: 2px 5px; padding: 0 3px; background-color:#fff; z-index:4; }
.signingsPerDayHeader > div:first-child > span.filterHover { transform: translateY(-100%); }
.signingsPerDayHeader > div:first-child .predicted { padding: 5px 5px 2px; !important; }
.signingsPerDayHeader > div:first-child .predicted > * { float:left; }
.signingsPerDayHeader > div:first-child .predicted > span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; max-width: calc(100% - 40px); }
.signingsPerDayHeader > div:first-child .predicted > a { float:right; }
.signingsPerDayHeader > div:first-child .input-group { float:left; width: 100%; display:none; }
.signingsPerDayHeader > div:first-child .input-group:has(.userSelected) { display:block !important; }
.signingsPerDayHeader > div:first-child .input-group:has(.userSelected) input { display:none!important; }
.signingsPerDayHeader > div:first-child input { float:left; width: 100%; padding: 4px 8px!important; }
.signingsPerDayHeader > div:first-child, .signingsPerDayBody > div > div:first-child { min-width: 200px; width: 200px; }
.signingsPerDayHeader > div:nth-child(2) { min-width: 120px; width: 120px; }
.tableWeekQuadrantBody div[data-date] > div:first-child { position:relative; }
.signingsPerDayBody > div > div:first-child { display: flex; position:relative; flex-direction: column; }
.signingsPerDayBody > div > div:first-child .btn-user-add-signing, .signingsPerDayBody > div > div:first-child .btn-user-add-comment, .tableWeekQuadrantBody div[data-date] > div:first-child .btn { position:absolute; right:0; display:none; }
.signingsPerDayBody > div > div:first-child .btn-user-add-comment { right:27px; }
.tableWeekQuadrantBody div[data-date]:hover > div:first-child .btn { display:block; right: 5px; }
.signingsPerDayBody > div:hover > div:first-child .btn { display:block; }
.signingsPerDayBody > div:not(.signingsActualTime) > div:nth-child(2) { min-width: 100px; width: 100px; text-align: center }
.signingsPerDayBody > div > div:first-child > div:first-child > span:not(.fa-user-online):not(.fa-user-resting) { max-width: calc(100% - 29px); display: inline-block; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.signingsPerDayBody .user-avatar { margin:-1px 5px 0 0; }
.signingBox { height:34px; position:absolute; border-radius:10px!important; cursor: pointer; line-height:17px; text-align:left; overflow:visible !imoprtant; }
.signingIncident { border-radius:0!important; height:7px; position:absolute; background-color:inherit; filter: brightness(2.5); bottom:0; cursor: pointer; line-height:17px; text-align:left; }
.signingBoxIncident { height:9px; z-index:1; top: calc(100% - 14px)!important; }
.signingBoxIncident .signingIncident { filter:none; background-color: #ffca76; width: 100%; }
.signingIncidentDeleting { background-color:#ee1e2d; }
.signingBox .tooltip-inner { white-space:nowrap; }
.signingBox.signingNotClosed, .signingBox.signingMergedEnd { border-top-right-radius: 0!important; border-bottom-right-radius: 0!important; }
.signingBox.signingNotStarted, .signingBox.signingMergedStart { border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; }
.signingBox.progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.30) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.30) 50%,rgba(255,255,255,.30) 75%,transparent 75%,transparent); }
.shiftPerDayHours { position:relative; width: calc(100% - 320px); margin-left: 20px; height: 36px; }
.signingConflicts .alert { float:left; width: 100%; }
.signingConflicts ul { margin-left: 20px; float:left; width: 100%; margin-top: 10px; }
.signingConflicts ul li { float:left; width: 100%; list-style-type: disc; }
.signingConflicts ul li .hour-to { font-size:10px; position:relative; top:-1px; }
#shiftModalForm .btn-group { width: 100%; }
#shiftModalForm .btn-group > button { width: calc(100% / 7); min-height:40px; }
#removeSigningPerDay { margin-left: -5px; }
.qrSigningWrapper .fal:not(.panel-icon).header-info-icon { font-size: 14px!important; cursor:pointer; }
.qrSigningWrapper .generatedQrCode[title] { border-radius: 5px; border:1px solid; padding: 10px; }
.qrSigningWrapper .generatedQr > div { float:left; }
.qrSigningWrapper .generatedQr .generatedQrButtons { margin-left: 10px; }
.qrSigningWrapper .generatedQr .generatedQrButtons > button { margin-bottom:5px; }
.my-signing-shift { margin-bottom:10px; }
.tableSigningsPerDay { width: 100%; float:left; overflow-y: auto; }
.controlTimeUser .tableWeekQuadrant { overflow-y: auto; width: 100%; }
.controlTimeUser .tableWeekQuadrantScroll { min-width: 900px; }
.controlTimeUser .tableWeekQuadrant, .controlTimeUser .tableWeekQuadrantHeader, .controlTimeUser .tableWeekQuadrantBody { width: 100%; float:left; }
.controlTimeUser .tableWeekQuadrantHeader { width: calc(100% - 100px); display: flex; flex-direction: row; justify-content: space-around; }
.controlTimeUser .tableWeekQuadrantBody { margin-top: 10px; position: relative; }
.controlTimeUser .tableWeekQuadrantHeader, .controlTimeUser .tableWeekQuadrantBody > div:not(.signingsActualTime) { padding: 5px 5px 5px 10px; }
.controlTimeUser .tableWeekQuadrantHeader > div { min-height: 37px; float:left; border-right:1px solid; text-align: center; padding: 10px; position: relative; height: 100%; }
.controlTimeUser .tableWeekQuadrantHeader > div.disabled { display:none; }
.controlTimeUser .tableWeekQuadrantHeader > div > span { position:absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.controlTimeUser .tableWeekQuadrantHeader > div:first-child { width:10%; }
.controlTimeUser .tableWeekQuadrantBody [data-totals], .controlTimeUser .tableWeekQuadrantHeader [data-totals-week] { border:none; }
.controlTimeUser .tableWeekQuadrantBody > div, .controlTimeUser .tableWeekQuadrantBody > div > div { float:left; width: 100%; }
.controlTimeUser .tableWeekQuadrantBody div[data-date]:not([data-totals]) { width:calc(100% - 100px); display:flex; /*overflow: hidden;*/ }
.controlTimeUser .tableWeekQuadrantBody div[data-date]:not([data-totals]) > div:first-child { float:left; display:flex; }
.controlTimeUser .tableWeekQuadrantBody div[data-date]:not([data-totals]) > div:first-child > div:first-child { display:flex; align-items: center; float:left; font-size:2vw; width: auto!important; max-width: none; position:relative; }
.controlTimeUser .tableWeekQuadrantBody div[data-date]:not([data-totals]) > div:first-child > div:first-child > span { font-size:14px; position:absolute; bottom:0; right:0; transform: translateY(-100%); padding:5px; border-radius:4px; background-color:#fff; }
.controlTimeUser .tableWeekQuadrantBody div[data-date]:not([data-totals]) > div:first-child > div:last-child { display: flex; flex-direction: column; justify-content: center; float:left; width:calc(100% - 50px); margin: 0 0 0 10px; padding-right: 8px; }
.controlTimeUser .tableWeekQuadrantBody div[data-date]:not([data-totals]) > div:first-child > div:last-child > *:not(.btn):not(.tooltip) { display: flex; flex-direction: column; float:left; width: 100%; line-height: 18px; }
.controlTimeUser .tableWeekQuadrantBody div[data-date][data-totals] { width: 100px; }
.controlTimeUser .tableWeekQuadrantBody div[data-hours] { position:relative; float:left; width:90%; }
.controlTimeUser .signingBox { /*overflow: hidden;*/ top: 50%; transform: translateY(-50%); }
.controlTimeUser .signingBox > span { white-space: nowrap; text-overflow:ellipsis; margin:9px; display:block; overflow: hidden; font-size: 12px; }
.controlTime:not(.controlTimeUser) .shiftDayList { margin-left: 28px; margin-top: -3px; }
.controlTime .shiftDayList > span { white-space:nowrap; float: left; width: 100%; font-size: 11px; overflow: hidden; text-overflow: ellipsis; }
.controlTime .shiftDayList .tooltip { left: 20px!important; }
.controlTimeUser .process_text_white { color:#FFF!important; }
.controlTimeUser .process_text_black { color:#000!important; }
.controlTimeUser .tableWeekQuadrantBody [data-totals], .controlTimeUser .tableWeekQuadrantHeader [data-totals-week] { overflow:hidden; white-space:nowrap; font-size: 12px; padding: 5px; line-height: 15px; background-color: #ebebeb; border-radius: 5px; }
.controlTimeUser .tableWeekQuadrantHeader [data-totals-week] > div { position:absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.controlTimeUser .tableWeekQuadrantBody [data-totals] > div { text-overflow: ellipsis; overflow: hidden }
.controlTimeUser .tableWeekQuadrantBody [data-totals] > div:last-child { color: red; }
.controlTimeUser .tableWeekQuadrantBody [data-totals] > div.extraHours { color: #00dc00; }
.controlTimeUser .tableWeekQuadrantBody [data-totals] > div:nth-child(2) { color: #ff6f00; }
.controlTime .quadrantWeek .fa-user-online, .controlTime .quadrantWeek .fa-user-resting { display:none; }
.controlTime .fa-user-online, .controlTime .fa-user-resting { border:1px solid #333; border-radius:50%; color: #00ff00; font-size:9px; position:absolute; top: 14px; left: 11px; }
.controlTime .fa-user-resting { border:1px solid #b68000; border-radius:50%; color: #ffca76; font-size:9px; position:absolute; top: 14px; left: 11px; }
.controlTimeReportTable thead th { font-size:18px; font-weight: 100!important; text-align: center; width: 100px; padding-bottom: 10px!important;padding-top: 10px!important; }
.controlTimeReportTable:not(.controlTimeReportTablePublic) thead th:first-child { width: 180px; }
.controlTimeReportTable tbody tr td:not(:first-child), .controlTimeReportTablePublic tbody tr td { text-align: center; }
.controlTimeReportTable tbody tr td:first-child > div { float:left; }
.controlTimeReportTable tbody tr td:first-child > div:first-child { margin-right: 5px; width: 20px; }
.controlTimeReportTable tbody tr td:first-child > div:last-child { width:calc(100% - 25px); }
.controlTimeReportTable tbody tr td span:not(.btn-success):not(.btn-warning):not(.btn-danger) { background-color:#fff; }
.controlTimeReportTable tbody tr td span { border-radius:5px; padding: 2px 5px; border:1px solid; font-size:12px; }
.controlTimeReportTable tbody tr td span.worked { font-weight:600; cursor:pointer; }
.controlTimeReportTable .input-group:has(.userSelected) { width: 100%; text-align:left; }
.controlTimeReportTable .userSelected { float:left; padding: 0 5px!important; width:100%; }
.employeesListWrapper div[data-userId] { cursor:pointer; }
.employeesList div[data-type]:first-child { margin-top: 10px; }
.employeesList div[data-type] { float:left; clear:both; width: 100%; margin-top: 15px; }
.employeesList h4 { margin-top: 5px; }
.employeesList ul { float:left; width: 100%; }
.employeesList ul:not(:last-child) { margin-bottom: 10px; }
.employeesList .label-summary { margin-bottom: 5px; }
.employeesList .label-summary label { margin-right: 5px; }
.employeesList .label-summary label:last-child { margin-right: 0; }
.employeesList .fa-exclamation-triangle { color: #ff0000; }
.calendarReport .yearDisplay { font-size:20px; padding: 0 10px; display:inline-block; }
#signingReportDetail .well img { margin: 0 5px 0 0; }
*[data-showedToGetSizes]  { display:block!important; }
.reportSigningsIncidentsWrapper > .portlet { margin:0!important; width: 100%!important; }
[data-dashboard-tab="5"], [data-dashboard-tab="4"] { padding-bottom:5px!important; }
.employeesTodayInfo { float: left; width: 100%; max-height: 239px; overflow:auto; padding-bottom:7px; }
.shiftScheduleCopyDay { background-color: #FFF; }
.shiftScheduleCopyDay > span:last-child { margin-left: -5px; }
.shiftScheduleCopyDay > span:last-child:before { position:relative; top: 3px; }
[data-week-day-schedule]:not(.hide):last-of-type .shiftScheduleCopyDay { color:#fff; cursor: auto; }
[data-week-day-schedule]:not(.hide):last-of-type .shiftScheduleCopyDay:hover { background-color: inherit!important; }
[data-name="shift-rest-list"] ul, [data-name="shift-rest-list"] ul li { float:left; width: 100%; }
[data-name="shift-rest-list"] ul li { margin: 5px 0; }
[data-name="shift-rest-list"] ul li:first-child { margin-top:0; }
[data-name="shift-rest-list"] ul li span { margin-right:5px; }
.controlTime [data-totals-break][title] { cursor:pointer }
.controlTime [data-totals] .tooltip .tooltip-inner { text-align:left; }
.controlTime .quadrantWeek [data-week-day] { padding: 6px 8px; }
.controlTime .quadrantWeek [data-week-day] > div > div { border-radius: 5px; float:left; padding: 2px 8px; }
.tableWeekQuadrant tbody td:not(.table-no-result):not(:first-child) > div.dayEmpty { left: calc(50% - 7px); }
.controlTime .quadrantWeek [data-week-day] .dayEmpty { padding: 7px; margin-top: 4px; border-radius: 3px; }
.controlTime .quadrantWeek [data-week-day] .dayWithPending { position: relative; }
.controlTime .quadrantWeek [data-week-day] .dayWithPending > i, .quadrantWeek .day-cell .dayWithPending > i { border-radius: 50%; width: 10px; height: 10px; position:absolute; top: 70%; right: -5px; background-color:darkred; border:1px solid #fff; }
.quadrantWeek .day-cell .dayWithPending > i { top:1px; right:-2px; }
.tableWeekQuadrant > div > div { float:left; width: 100%; clear:both; }
#cantAcceptBecauseIncidents { font-size: 15px; }
.noEmployeesTodayFilter { margin-top: 20px; }
.controlTime .quadrantWeek .moreEmployees { cursor:pointer; min-width: 30px; height:30px; border-radius: 15px; border:1px solid; font-size:12px; }
.controlTime .quadrantWeek .moreEmployees span { border:none; padding:0 4px; float:left; position:relative; width: auto; height:auto; top:50%; left:50%; transform: translateY(-50%) translateX(-50%); }
.controlTime .quadrantMonthlyFilter { float:left; max-width: 200px; margin-left:7px; }
.controlTime .quadrantMonthlyFilter .form-control { height: 25px !important; padding: 4px 8px !important; }
.controlTime .quadrantMonthlyFilter .input-group-addon:not(.round) { padding:4px 7px!important }
.controlTime .btn-edit-user-quadrant { cursor:pointer; }
.controlTime .tableSigningsPerDay [data-date] { cursor:pointer; }
.btn-delete-shift-location { float:right; margin-bottom:10px; }
.totalsReport > div { display: inline-block; margin-right: 5px; }
.reportMessages { float:left; }
.reportMessages > div:not(.clearfix) { float:left; margin-bottom:9px; }

/* Cargando */
.doku-loading-small { width:20px; height:20px; }

/* Widgets de procesos */
.process_box { position:relative; /*-webkit-transition: transform 0.2s ease; -moz-transition: transform 0.2s ease; -o-transition: transform 0.2s ease; transition: transform 0.2s ease;*/ }
.process_text_white *, .process_text_white a { color:#ffffff!important; }
.procc-info { position:absolute; bottom:3px; right:5px; }
.procc-info span { font-size:15px!important; }
.flip-container { perspective: 1000px; }
.flip-container.hover .flipper { transform: rotateY(180deg); }
.flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; }
.process_box .back { transform: rotateY(180deg); display:none; /*visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear;*/ }
.flip-container.hover .flipper .front { display:none; }
.process_box .iconImage { width:100%; }
.checkbox.checkboxPopover { margin: 10px 0 0 15px!important; }
.checkboxPopover .owncheckbox { margin-top:4px; }

#listPortletsBody { position: relative; padding-top: 0px; }
#listPortletsBody #buscador { position: sticky; background-color: white; width: 100%; z-index: 99; padding: 8px; }
.portlet-install-header { transition: background-color 0.3s ease; cursor:pointer; min-height:100px; border:1px solid #acacac; border-radius:20px; position: relative; overflow: hidden; }
.portlet-install-header:hover { filter: brightness(0.7); }
.portlet-install-header > span { position:absolute; top:-15px; right: -15px; opacity: 0.1; font-size:80px; }
.portlet-install-header strong { letter-spacing:-1px; font-weight:300; position: absolute; bottom:15px; left: 15px; font-size: 20px; }
.portletInstallBox p { margin:10px 5px 20px; padding-left:10px; color:#acacac; max-height:50px; overflow: auto; }

/* Foro */
#forumList .panel { position:relative; margin-bottom:10px; }
#forumList .panel label { margin:0!important; }
#forumList .threadInfo { margin-top:15px; }
#forumList .threadInfo label { margin-top:2px !important; }
#forumList .threadUsers { position:absolute; top:5px; right:5px; }
#forumList .threadEdit { position:absolute; bottom:0; right:0; }
#forumList .threadEdit a { font-size:12px!important; color:#7E8589!important; padding:2px!important; }
#forumList .threadEdit a.fa-star, #forumList .threadEdit a.fa-star-o { color:#038603!important; }
#forumList .threadEdit a:last-child { margin-right:7px!important; }
.forum_last_thread { line-height:12px!important; margin-top:0!important; font-size:12px!important; color:#888!important; }
.table-forum .forum-tag { margin:0 3px 0 0!important; }
.thread-title { color:#888!important; font-size:13px; }
.threadTags { margin-bottom:10px; }
.threadTags span:first-child { margin-left:0; }
.threadUser { width:100%; }
.threadUser .avatar { float:left; width:40px; height:40px; }
.threadUser .nophoto, #user-menu-desplegable .nophoto { margin:0; }
.threadDetailInfo { position:relative; float:left; width:calc(100% - 50px); margin-left:10px; }
.threadDetailInfo button { position:absolute; top:5px; right:5px; }
.threadDetailInfo > span, .threadDetailInfo > strong { float:left; margin-bottom:2px; }
.threadDetailInfo > .stars { float:left; }
.threadDetailInfo > .stars.effect { cursor:pointer; }
.threadMessage { margin:20px 0 20px; }
.threadBlock { border-bottom:1px solid #ccc; margin-bottom:10px; }
.threadBlock:last-child { border-bottom:none!important; margin-bottom:0!important; }
#threadImagesList img, #uploadedImagesList img, #requestImagesList img { width:100%; }
.forumDocument > div, .uploadedDocument > div, .requestDocument > div { position:relative; }
.forumDocument > div > a.btn, .uploadedDocument > div > a.btn, .requestDocument > div > a.btn { position:absolute; top:5px; right:5px; }
.forumDocument > div > span { float:left; margin: 5px 0 0 13px; }
.threadDocuments { margin-bottom:10px; }
.threadDocuments img { width:100%; }
.threadMessage, .threadMessage * { font-size:13px; }
.threadMessage blockquote { white-space:pre }
.threadMessage ul { margin: 10px 0 10px 25px!important; }
.threadMessage ol { margin: 10px 0 10px 20px!important; padding-left:0!important; }
.threadMessage ul li { padding-left:0!important; margin-left:0!important; list-style-type:disc!important; margin-top:5px; margin-bottom:5px; }
.threadMessage ol li { padding-left:0!important; margin-left:0!important; list-style-type:decimal!important; margin-top:5px; margin-bottom:5px; }
#myProgress { width: calc(100% - 38px); background-color: transparent; position:absolute; bottom:0; z-index:3; left:0; }
#myBar { width: 0; height: 2px; background-color: #3c763d; }
.forum-searcher-input { position:relative; width:100%; float:left; }
#forum-searcher h4 { font-size:15px; margin:5px 10px 0 0; }
.forum-searcher-input .input-group-addon { -webkit-border-radius: 4px!important; -webkit-border-bottom-left-radius: 0!important; -webkit-border-top-left-radius: 0!important; -moz-border-radius: 4px!important; -moz-border-radius-bottomleft: 0!important; -moz-border-radius-topleft: 0!important; border-radius: 4px!important; border-bottom-left-radius: 0!important; border-top-left-radius: 0!important; }
#buscaforo { border-right:none!important; }
#forum-searcher .panel-title { float:right; margin:8px 0 0 0; }
.forum-searcher-input .form-control { height:28px!important; }
#forumBox .following { background-color:#eaffe8!important; }
/* Forum big letter */
#forumList .panel label, #forumList .panel label a { font-size:13px!important; }
.table-forum .thread-title a { font-size:15px!important; }
.table-forum .forum-tag, .forum-tag { font-size:12px!important; padding:2px!important; }

/* Foro Público */
.public_list #forumHomeTree a { text-decoration: none; color: inherit; cursor: pointer; }
.public_list #forumHomeTree ul { list-style: none; padding: 0; }
.public_list #forumHomeTree ul .inner { padding-left: 1em; overflow: hidden; display: none; }
.public_list #forumHomeTree ul .inner.show { display: block; }
.public_list #forumHomeTree ul li { margin: 0.7em 0; }
.public_list #forumHomeTree ul li a.toggle { width: 100%; display: block; padding: 0.45em; border-radius: 0.15em; transition: background 0.3s ease; }
.public_list #forumHomeTree ul li a.toggle:hover { color: royalblue !important; }
.public_list #forumHomeTree .forumLink { font-weight:500; font-size: 1.1em; text-transform: uppercase; }
.public_list #forumHomeTree .threadLink { font-weight:500; font-size: 1em; text-transform: capitalize; }
.public_list #forumHomeTree .threadLink:hover{ color:royalblue !important; }
.public_list #forumHomeTree .activeLink{ color:royalblue !important; border-left: 3px solid royalblue; }
.public_list #forumHomeTree .accordion i { float:right; }
.public_list #forumBreadcrumbs li { border:none; }
.public_list h2 { font-size:24px; line-height:30px; font-weight:100; float:left; margin-bottom:20px; width:100%; }
.public_list .breadcrumbs ul { box-shadow:none; }
.public_list .breadcrumbs li { background-color:transparent!important; }
.public_list .breadcrumbs li:not(:last-child):before { content:none; }
.public_list .breadcrumbs li:not(:last-child):after { content: '\f324'; font-family: "Font Awesome 5 Pro"; border:none; transform: none; margin:10px 0 0; position:static; float:right; width:20px; font-size:12px; height:auto; }
.public_list #forumList .content { box-shadow:none; padding:0!important; }
.public_list #forumList .content > .panel .panel-heading { display:none; }
.public_list .threadInfo { width:100%; margin:0!important; }
.public_list #forumBox .publicThreadList { margin: 0 10px; }
.public_list #forumBox .forumIcon, .public_list #forumBox .panel:nth-child(odd) .forumIcon { background-color:transparent!important; }
.public_list #forumBox .forumIcon { margin:0 auto!important; float:none!important; }
.public_list #forumBox > div:not(.publicThreadList) { text-align:center; width:calc(25% - 20px); float:left; margin: 0 10px; }
.public_list #forumBox > div:not(.publicThreadList) > div { width:100%; display:inline-block; padding:30px 30px 40px 30px; }
.public_list .threadUsers, .public_list .paginacionSelect { display:none; }
.public_list .forumIcon > span { color:#333; }
.public_list .threadInfo > a { font-size:22px; }
.public_list #forumList .widget-color-3, .public_list .folders { background-color:transparent!important; }
.public_list #forumList .widget-box-2 { box-shadow: none; }
.public_list .threadMessage, .public_list .threadMessage *, .public_list #forumBox .publicThreadList li * { font-size:17px; line-height:25px; font-weight:100; }
.public_list #forumBox .publicThreadList li i { margin-right:5px; }
.public_list .threadMessage strong { font-weight:400; }
.public_list .table-forum .forum-tag, .public_list .forum-tag { padding:5px 8px!important; }
.public_list #forumThreadContainer .panel-heading { border:none; }
.public_list #forumThreadTitle { font-size: 24px!important; line-height: 30px; font-weight: 100; }
.public_list .threadMessage { margin-top:0; }
.public_list #forum-searcher, .public_list #forum-searcher .panel-heading { border:none; }
.public_list #forum-searcher .panel-title { display:none; }
.public_list .forum-searcher-input { max-width:100%; }
.public_list #buscaforo { padding:20px!important; }

/* Breadcrumbs */
.breadcrumbs { width:100%; float:left; margin:0 0 10px 0; }
.breadcrumbs ul  { float:left; -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2); }
.breadcrumbs li { border-radius:4px; position:relative; background-color:#f4f5fc!important; overflow:hidden; float:left; font-size:17px!important; color:#888!important; }
.breadcrumbs li a { padding:10px 12px 10px 5px; float:left; font-size:13px; color:#333; }
.breadcrumbs li:first-child a { padding:10px 12px 10px 10px; }
.breadcrumbs li:last-child a { padding-right:10px; }
.breadcrumbs li:not(:last-child):before, .breadcrumbs li:not(:last-child):after { border-right: 2px solid #e1e7f7; content: ''; display: block; height: 32px; margin-top: -27px; position: absolute; -moz-transform: rotate(145deg); -o-transform: rotate(145deg); -webkit-transform: rotate(145deg); transform: rotate(145deg); right: 6px; top: 50%; width:0; }
.breadcrumbs li:not(:last-child):after { content:''; margin-top: -4px; -moz-transform: rotate(30deg); -o-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); }
/* Portlet content */
.portlet:not(.lightProcessIcon) { padding:0; border:0; }
.portlet:not(.lightProcessIcon) > .row { margin-left:0; margin-right:0; }
.portlet:not(.lightProcessIcon) .content, .openProcessSidebar { border:none; padding:0!important; }
.onadmin .portlet:not(.lightProcessIcon) .content { padding:0 15px!important; }

/* Menú de administrador */
.admin-menu-lateral { float:left; }
.admin-menu-content { float: left; margin-left: 16px; width: calc(100% - 32px); }
.admin-menu-lateral .sidebar-nav { position:relative; width:100%; }
.admin-menu-content > .title { display:none; }
.adminMenuOrg { margin-bottom: 1px!important; margin-top: 1px!important; }

/* Artículos */
.contentArticle { padding:0 20px; }
.col-md-12 .portlet:not(.lightProcessIcon) .contentArticle { padding-left:0!important; padding-right:0!important; }
.contentArticle * { font-size:14px; color:#000!important; }
.contentArticle ul li { list-style-type: circle; margin:5px 0; }
.contentArticle ol li { list-style-type: decimal; margin:5px 0; }
.contentArticle ul, .contentArticle ol { display:inline-block; margin:5px 0 10px 30px !important; }

/* Formularios */
.mandatory-style { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); }
form label, label.control-label, strong.control-label, .form label { font-size:15px; padding-bottom:5px; font-weight:normal; color:#000; }
strong.control-label { font-weight: bold; max-width: 100%; display: inline-block; }
.form-control, .input-group-addon { border-radius: 8px; }
form input[type="text"], form input[type="number"], form input[type="password"], form textarea, form select, .filters-popup .form-control, #formDesignerConditionsList .form-control { margin-bottom:15px!important; }
.filters-popup .input-group .form-control { margin-bottom:0!important; }
.filters-popup .rowSavedSearchs > div { margin-top: -15px; margin-bottom: 20px; }
.select2-selection { -webkit-border-top-left-radius: 4px!important; -webkit-border-bottom-left-radius: 4px!important; -moz-border-radius-topleft: 4px!important; -moz-border-radius-bottomleft: 4px!important; border-top-left-radius: 4px!important; border-bottom-left-radius: 4px!important; }
form .input-group { margin-bottom:15px!important; }
form .input-group input, form .input-group select { margin-bottom:0!important; }
form textarea:not([type="search"]) { min-height:70px; }
form input[type="radio"], form input[type="checkbox"] { margin-left:0!important; position:static!important; }
form fieldset { width:100%; }
.selectWithIcons, .select2 { width:100%!important; }
.select2 .selection .label, .select2-results li .label, .autocomplete_fieldsname .label { margin-left: 5px; /*color:#fff;*/ font-size:11px!important; vertical-align:middle; font-weight:normal!important; }
.select2 .selection .label { padding-bottom: .2em; }
.autocomplete_fieldsname a { float:left; margin-bottom:1px; }
.autocomplete_fieldsname a label { cursor: pointer; }
.autocomplete_fieldsname a:hover label { background-color: #accbee; color:#337ab7; }
.autocomplete_fieldsname a:not(:hover) { color:#333; }
.autocomplete_fieldsname .label { margin-left: 2px; line-height: 20px; }
.select2-container .select2-selection--single .select2-selection__rendered { padding-right: 0!important; margin-right: 20px; }
#fa-icons-selects, .fa-icons-layer .chosen-container, .selectWithIcons:not(select), .fontAwesome { font-family: Font Awesome\ 5 Pro, Font Awesome\ 5 Brands, Font Awesome\ 5 Free, Font Awesome\ 5 Solids, Helvetica!important; }
.fa-icons-layer .chosen-container-single .chosen-single { padding-top:4px; }
.chosen-container-active.chosen-with-drop .chosen-single div b { background-position:0 5px; }
.chosen-container-single .chosen-single div b { background-position:-18px 8px; }
.chosen-container-single .chosen-single, .chosen-container .chosen-drop { border-radius:4px!important; z-index:1063!important; }
.chosen-container-active .chosen-choices { box-shadow: none !important; }
.checkbox:not([class*="sn-checkbox"]) input[type=checkbox], .checkbox input[type=radio], .checkbox-inline input[type=checkbox], .checkbox-inline input[type=radio], .radio input[type=checkbox], .radio input[type=radio], .radio-inline input[type=checkbox], .radio-inline input[type=radio] { margin-top:0; }
.popover-content .checkbox input[type=checkbox], .popover-content .checkbox input[type=radio], .popover-content .checkbox-inline input[type=checkbox], .popover-content .checkbox-inline input[type=radio] { margin-top:4px!important; }
.controlIcons a { font-size:21px; margin:3px 1px; }
.controlIcons .copy-button, .controlIcons .color-button, .controlIcons .move-button, .fa-layer .copy-button, .fa-layer .color-button, .fa-layer .move-button { margin:-2px 1px!important; color:#736c73!important; position:relative; display:inline-block; border:1px solid; border-radius:50%; font-size:12px!important; height:20px; width:20px; text-align:center; -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.2); box-shadow: 0 0 1px 1px rgba(0,0,0,0.2); }
.fa-layer .copy-button, .fa-layer .color-button, .fa-layer .move-button { height:18px; width:18px; display:block;}
.fa-layer .copy-button, .fa-layer .move-button { margin:31px 0 0!important; }
.fa-layer .copy-button span, .fa-layer .color-button span { top:2px; left:3px; font-size:11px!important; }
.fa-layer .color-button { margin:2px 0 1px !important; }
.controlIcons a:first-child { color:#449d44; }
.controlIcons a:last-child { color:#d9534f; margin-right:3px!important; }
.popover-content label { padding-top:0!important; }
.filter-heading input[type="text"], .filter-heading input[type="password"], .filter-heading textarea, .filter-heading select { margin-bottom:0!important; }
.jGrowl-message { white-space: normal; }
.jGrowl-notification.error { color:#c9302c!important; }
.jGrowl-notification.success { color:#34d399!important; }
.popover { z-index:1061; }
.popover ul { margin: 5px 0 5px 10px; }
.popover > ul > li { margin:10px 0; }
.popover .input-group-addon { width:auto; }
.equalPixels * { font-size:14px; }
.field_to_show { font-size:14px; }
.shortcut_builder { position:absolute; top:5px; right:5px; z-index:1; }
.jGrowl-notification { clear:both; width:300px !important; float:right; margin: 0!important; border:1px solid #D5D5D5 !important; border-radius:0!important; opacity: 1!important; position:relative; animation: bounce 0.6s; animation-iteration-count: 0.7; -webkit-box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); -moz-box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); }
.jGrowl-notification:not(:first-child) { margin-top:5px!important; }
.jGrowl-closer { float:right; clear:both; margin: 4px!important; display:none!important; }
/*.panel-icon-collapse { float:right; margin: 1px 0 0 5px; }*/
.panel-icon-collapse.panel-icon-collapse-within-icon { position:absolute; top:100%; right: 0; font-size:12px!important; transform: translateX(50%) translateY(-60%); }
.panel-with-icon { margin-right: 5px; position:relative; }
.panel-title .label { font-size: 11px; color:#fff; padding:4px 7px!important; font-weight:normal; border-radius:50%; position:relative; top:-3px; margin-left: 8px; }
.jGrowl { margin: 15px 8px; }
.jGrowl-notification.success, .jGrowl-notification.error { padding:20px; background-color:#fff!important; }
.jGrowl-close { position:absolute; right:0; top:0; }
.growlLayer { position:absolute; top:0; left:0; float:left; height:100%; width:54px; font-size:26px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.growlLayer i { position:absolute; top:19px; left: 15px; }
.growlMessage { margin: 0 10px 0 35px; max-width:350px; font-size: 14px; }
.growlMessage p, .growlMessage, .jGrowl-notification .jGrowl-close { color: #878787!important; }
.growlMessage strong { color: #000!important; }
.jGrowl-notification .jGrowl-close { font-size:2em!important; top:10px; right: 5px; }
/*.success .growlLayer { background-color:#009900; }
.error .growlLayer { background-color:#c9302c; }*/
.alert-disabled { background-color:#eee!important; cursor:not-allowed; }
.form-buttons .btn-default > span { color:red; }
#build .popover { max-width:none!important; }
.checkboxConSelectLeft { margin-top: 30px; }
.noPaddingL { padding-left: 0; }
.noPaddingR { padding-right: 0; }
.noPaddingLR { padding-left: 0; padding-right: 0; }
.masterisk { color:red; }
.filter-heading .chosen-container-multi .chosen-choices { padding:0!important; }
.filter-heading .search-choice { margin:1px!important; padding:1px 17px 3px 4px!important; }
.filter-heading .search-choice span { font-size:10px!important; }
.filter-heading .chosen-container-multi .chosen-choices li.search-field input[type=text] { height:23px!important; }
#profile_user_roles { line-height:20px; }
.hide-while-loading { display:none; }
.btn-group-alone { border-radius:4px !important; }

/* Buzones públicos */
.inbox_layer .fa { font-size:30px!important; }

/* Calendario dateRange */
.daterangepicker_input { display:none; }
.daterangepicker_input input { padding-left:25px!important; }
.daterangepicker .daterangepicker_input i { top:10px; }

/* Calendario pitscheduler */
.pts-group-header span { line-height:17px; }
.pts-show-user { cursor:auto!important; }
/*#pts-toolbox-container { display:none; }*/
.pts-column-element[data-date]:hover { background-color:#ccdeed!important; }
#settingsDropdown, .pts-open-filters-menu { display:none; }
.pts-corner-mask .dropdown-menu { display:none; }
.pts-assign-task-btn, .pts-task-assign-delete-user, .pts-user-edit-task, .pts-button-see-all, .pts-task-resizer { display:none; }
#pts-toolbox-container .panel-body .label { margin: -4px 1px 5px 0!important; }
.pts-main-container.row, .pts-header.row { margin-left:0!important; margin-right:0!important; }
.pts-small-view .pts-column-element { width:37px; min-width:37px; }
.pts-small-view .pts-main-group-column { width:37px; min-width:37px; }
.pts-small-view .pts-main-group-column>div { margin-left:0; }
.pts-small-view .pts-column-element p { padding-left:10px; padding-right:10px; }

/* Modals */
.modal { max-width:90%; margin:10px auto; }
.modal-header h3 { margin-top:0; margin-bottom:0; float:left; }
#modalAddRelation .tab-content { border:none; padding:0; }
#infoModal h3 { margin-top:0!important; }
.close, .close:hover, .close:focus { opacity: 1!important; }
.modal-bottom-left { width:0; height:0; margin:0; padding:0; }
.modal-bottom-left .modal-dialog { width:500px; position:fixed; top:auto; right:auto; left:8px; bottom:-20px; }
.modal-bottom-left .modal-body { max-height:200px!important; }
.modal-header [data-dismiss="modal"] { color:transparent!important; }
.modal-header [data-dismiss="modal"] span { display:none; }
.modal-header [data-dismiss="modal"]::before, #block_close_button::before { content:'\f057'; color:darkred!important; text-shadow: none; font-weight:300; font-size:25px; font-family:Font Awesome\ 5 Pro, Font Awesome\ 5 Brands, Font Awesome\ 5 Free, Font Awesome\ 5 Solids, Helvetica; }
.modal-header [data-dismiss="modal"]::before:hover, #block_close_button::before:hover { color:red; }
.modal-header .close { color:transparent!important; margin-top: -15px; margin-right: -15px; }
.modal { overflow: visible!important; margin: 20px auto; }
.modal.modal-with-icon { margin-top: 50px; }
.modal-header { border:none; }
.modal-content { border:none; border-radius: 16px!important; -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.3); }
.modal-backdrop.in { opacity: .1; }
.modal-content { padding: 20px; }
.modal-footer { margin-right: -20px; margin-left: -20px; padding: 20px 40px 0; }
.modal-icon { position:absolute; top:0; left:65px; transform: translate(-50%,-50%); border-radius:10px; background-color:#FFF; padding: 20px; font-size:25px; -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3); }
.modal-with-icon .modal-title { margin-top: 25px; }
.modal-header p { font-size: 16px; line-height:23px; font-weight: 300; }
.modal-super { width: auto !important; }

/* Bloquear pagina */
.ui-widget-overlay { background-color:#000!important; opacity: 0.50!important; filter: alpha(opacity =50)!important; }
.ui-dialog .ui-dialog-titlebar { padding:6px 6px 14px; text-align:center; }
.ui-dialog .ui-dialog-content { padding:10px 6px; }

/* Listados */
.itemSep { display:none; }
.panel-white .panel-heading { background-color:#fff!important; }
.panel-heading .fa { font-size:12px; }
.nav-tabs > li > a .label {/*color:#fff!important;*/margin-left:7px!important;}
.table thead tr:not(:first-child) th { vertical-align: top!important; }
.table thead tr:not(:first-child) th:not(.filter-heading) .btn-group { margin-top:1px; }
.filter-heading .alert { font-size:12px!important; }
.filter-heading .alert .fa { margin-top:2px; }
.paginacionSelect label { font-weight:normal; }
.header-filter { float:right; color:#b7b7b7!important; }
.header-filter:hover { color:#626262; }
.filter-heading .select2 { width:100%!important; }
.filter-heading .input-group .filter-multiple-add { display:none; }
.filter-heading .input-group:last-child .filter-multiple-add { display:table-cell; }
.filter-heading .input-group-addon { border-left:none;  border-radius:0; }
.filter-heading .input-group .input-group { width:100%; }
.filter-heading .input-group .alert { border-radius:0; }
.grid-main-filters, .grid-bottom-filters { margin-bottom:5px; }
.grid-main-filters .form-control, .grid-bottom-filters .form-control { margin-bottom:0!important; }
.grid-main-filters select, .grid-bottom-filters select, .iconRefresh select { float:left; padding:2px 2px!important; height:auto!important; font-size:13px; border-radius:4px!important; }
.grid-main-filters .switch-with-text, .grid-bottom-filters .switch-with-text { width:60px; float:left; border:none; padding:0; margin:3px 0 0 10px; }
.switch-no-margin { margin:0!important; }
.btn-clear, .btn-eye { margin-top:0!important; }
.fullTextSearch input[type="text"] { height:auto!important; padding: 2px 6px !important; font-size:13px!important; border-radius: 4px 0 0 4px!important; -moz-border-radius: 4px 0 0 4px!important; -webkit-border-radius: 4px 0 0 4px!important; }
.fullTextSearch .input-group-addon { padding:4px 8px!important; font-size:13px!important; }
.fullTextSearch .predicted { padding: 3px!important; height:23px; }
form .fullTextSearch { margin-bottom:0!important; }
.overflowMaxHeight100 { max-height:100px; overflow-y:auto; }
tr[data-level] td:not(:first-child), table[data-gridgroup] tfoot tr td:not(:first-child) { text-align: right; }
table[data-gridgroup] tfoot { background-color:#EEEEEE; }
[data-gridgroup] tbody tr { cursor:pointer; }
body:not(.ownTheme) .previously-opened, body:not(.ownTheme) .previously-opened td { background-color:#daf8ff!important; }
body:not(.ownTheme) .previously-opened td { color:#333!important; }
.remove-app-data { color: #ff6060 !important; }
.checkboxBar { position:fixed; bottom:10px; max-width:90%; z-index:1062; border-radius:10px; overflow:hidden; background-color:#fff; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); }
.checkboxBar > div { padding:10px; }
.checkboxNumberWrapper { background-color:#1e3799; float:left; text-align: center; color:#fff; }
.checkboxNumberWrapper > span:not(.checkboxNumber) { font-size:10px; }
.checkboxNumber { font-size:30px; line-height:33px; }
.checkboxOptions { float:left; white-space: nowrap; }
.checkboxOptions > div { text-align:center; float:left; margin: 0 10px; max-width:90px; color:#333; cursor:pointer; }
.checkboxOptions > div:hover * { color:#1e3799!important; }
.checkboxOptions > div > span:first-child { font-size:28px; }
.checkboxOptions > div > span:last-child { font-size:11px; float:left; margin-top:6px; }
.checkboxOptions .checkboxCloseIcon { border-left:1px solid; margin: 0 0 0 9px; padding:9px 12px 9px 20px; }
.table-dropdown-open { overflow:visible!important; }
.grid .graphByUser { margin-top:10px; }
[data-message-filter-by-external] { margin-top:15px; margin-bottom:0; }
td .fieldActionsMiddleTable { position:absolute; right:0; top:52px; z-index:2; }
td .fieldActionsMiddleTable:has(.fieldActionsWrapper[style*="display: block"]) { top: 2px!important; }
.gridMoreMenu {	display: initial; position: relative; float: right; width: 25px; height: 25px; }
.gridMoreMenu  ul { position:relative; top: -20px; left: -10px; }
.gridMoreMenu .menu-toggler { position: relative!important; display: block; top:-4px; bottom:0; right:0; left:-4px; margin:auto; width:30px; height:30px; z-index:1063; opacity:0; cursor:pointer; }
.gridMoreMenu .menu-toggler:checked + label { background: transparent; }
.gridMoreMenu .menu-toggler:checked + label:before, .menu-toggler:checked + label:after { top:0; width:40px; transform-origin: 100% 100%; }
.gridMoreMenu .menu-toggler:checked + label:before { transform: rotate(45deg) translateY(-15px) translateX(-15px); }
.gridMoreMenu .menu-toggler:checked + label:after { transform: rotate(-45deg); }
.gridMoreMenu .menu-toggler:checked ~ ul .menu-item { opacity: 1; top: 0; left: 0; z-index: 1063; }
.gridMoreMenu :checked ~ ul .menu-item:nth-child(1) { z-index: 1064; }
.gridMoreMenu :checked ~ label span { font-weight: 900; }
.gridMoreMenu .menu-toggler:checked ~ ul .menu-item:nth-child(1) { transform: rotate(0deg) translate(-44px); }
.gridMoreMenu .menu-toggler:checked ~ ul .menu-item:nth-child(2) { transform: rotate(300deg) translateX(-44px); }
.gridMoreMenu .menu-toggler:checked ~ ul .menu-item:nth-child(3) { transform: rotate(240deg) translateX(-44px); }
.gridMoreMenu .menu-toggler:checked ~ ul .menu-item:nth-child(4) { transform: rotate(180deg) translateX(-44px); }
.gridMoreMenu .menu-toggler:checked ~ ul .menu-item:nth-child(5) { transform: rotate(120deg) translateX(-44px); }
.gridMoreMenu .menu-toggler:checked ~ ul .menu-item:nth-child(6) { transform: rotate(60deg) translateX(-44px); }
.gridMoreMenu .menu-toggler:checked ~ ul .menu-item a { pointer-events:auto; }
.gridMoreMenu .menu-toggler + label { display: block; cursor:pointer; z-index: 1063; font-size: 20px !important; transition: transform 0.5s top 0.5s; position: absolute; top: 0; bottom: 0; left: 10px; right: 0; margin: auto; }
.gridMoreMenu .menu-toggler + label:before, .menu-toggler + label:after { width: 40px; height: 5px; display: block; z-index: 1062; border-radius: 2.5px; /*background: rgba(255, 255, 255, 0.7);*/ transition: transform 0.5s top 0.5s; /*content: "";*/ position: absolute; left: 0; }
.gridMoreMenu .menu-toggler + label:before { top: 10px; }
.gridMoreMenu .menu-toggler + label:after { top: -10px; }
.gridMoreMenu .menu-item:nth-child(1) a { transform: rotate(0deg); }
.gridMoreMenu .menu-item:nth-child(2) a { transform: rotate(-300deg); }
.gridMoreMenu .menu-item:nth-child(3) a { transform: rotate(-240deg); }
.gridMoreMenu .menu-item:nth-child(4) a { transform: rotate(-180deg); }
.gridMoreMenu .menu-item:nth-child(5) a { transform: rotate(-120deg); }
.gridMoreMenu .menu-item:nth-child(6) a { transform: rotate(-60deg); }
.gridMoreMenu .menu-item { position: absolute; display: block; top: -40px; bottom: 0; left: -40px; right: 0; margin: auto; width: 40px; height: 40px; opacity: 0; transition: 0.5s; z-index: 1062; }
.gridMoreMenu .menu-item a { display: block; width: inherit; height: inherit; line-height: 42px; border-radius: 50%; text-align: center; text-decoration: none; font-size: 20px; pointer-events: none; transition: 0.2s; }
.gridMoreMenu .menu-item a:hover { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); color: white; background: rgba(255, 255, 255, 0.3); /*font-size: 25px;*/ }
.tableChecks tr { opacity:0; }
.tdWithIcon span { font-size: 18px; }
#contextGridValue { opacity: 0; height: 0; position:absolute; }
.popoverFiltersAbove { max-width: none !important; z-index:1062; }
.popoverFiltersAbove .popover-content { min-width: 0; float:left; }
.popoverFiltersAbove .filterPopover { float:left; white-space: nowrap; display: flex; }
.popoverFiltersAbove .filterPopover > select { margin: 0 5px 0 0!important; margin-bottom:0 !important; border: none; }
.grid .filters { float:left; width: 100%; margin: 10px 0; clear: both; }
.grid .filters .label { cursor:pointer; float:left; padding: .6em .8em .6em; font-size: 82%; font-weight:normal; background-color:#fff; color: #1e3799; border-radius:10px; margin: 2px 4px 2px; box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15); }
.grid .filters .label:hover { bakground-color: }
.grid .filters .label span, .grid .filters .label strong { display: inline-block; overflow: hidden; text-overflow: ellipsis; margin-bottom: -2px; }
.grid .filters .label strong { max-width: 100px; }
.grid .filters .label span { max-width: 60px; }
.grid .filters .label a { font-size: 13px; padding: 5px 7px; margin-right: -7px; }
.grid .filters .label a span::before { margin-bottom:-1px; float: right; }
th [data-sort-handler] { cursor:pointer; }

/* Comparador de archivos */
.compareLine { background-color:#fffdcf; margin: 2px 0; padding:5px; }
.compareLine.compareEquals { background-color:#edeeff; }
.compareLine hr { margin: 5px 0; }
.compareNewLine { float:left; margin-bottom:4px; }
.compareLineNumber, .compareLineInfo { float:left; }
.compareLineNumber { font-style: italic; margin-right:5px; }

/* Buscador global */
#docType .list-images .image { background-position:center; background-repeat:no-repeat; background-size:contain; }
.searchPortletPredict .dropdown-menu { top: calc(100% - 15px); left:14px; }

/* Kanban */
.kanbanLoading, .kanbanLoading .fa-spinner.fa-spin { font-size:12px!important; }
.kanban-body .panel { cursor:pointer; margin-bottom:15px; border:1px solid; border-radius:5px; background-color:#fff; }
.kanban-scroll > .panel { border-bottom:none; }
/*#kanban .panel-primary > .panel-body { background-color:#fbfbfb; }*/
.kanban-placeholder { border:1px dashed #ddd; border-radius:5px; margin-bottom:5px; }
.kanban-floating { transform: rotate(359deg) scale(1) skew(1deg) translate(0px); -webkit-transform: rotate(359deg) scale(1) skew(1deg) translate(0px); -moz-transform: rotate(359deg) scale(1) skew(1deg) translate(0px); -o-transform: rotate(359deg) scale(1) skew(1deg) translate(0px); -ms-transform: rotate(359deg) scale(1) skew(1deg) translate(0px); }
.kanban-group {float:left; margin-left:10px; width:350px;}
.kanban-group > div { border-radius:10px; }
.kanban-group:first-child { margin-left:0; }
.kanban-scroll-parent { overflow-y:auto; max-width:100%; }
.kanban-scroll { float:left; min-width:100%; }
.kanban-group .panel-heading { border-bottom:none!important; }
.kanban-element .panel-body * { line-height:18px; }
.kanban-element .panel-body p { color:#acacac; margin:5px 0 0; }
.kanban-element .panel-body > div { clear:both; float:left; width:calc(100% + 30px); border-top:1px solid; margin:20px -15px 0; padding:10px 10px 0; }
.kanban-element .panel-body > div span { float:left; margin-top:7px; }
.kanban-element .panel-body > div label { float:left; margin-top:5px; font-size:11px!important; padding: 2px 6px; margin-left:10px; }
.kanban-element .panel-body > div img { float:right; margin-left:10px; }
.kanban-group-count { float:right; margin-top:2px!important; padding: 3px 5px!important; }
.grid-kanban .grid-main-filters { border:none!important; margin-bottom:10px; float:left; }
.grid-kanban .grid-main-filters .separador { margin:0 10px; }
.grid-kanban .grid-main-filters .separador:first-child { margin-left:0; }
.sortable-placeholder { border:1px dashed; border-radius: 5px; padding:10px; float:left; }

/* Listados de imagen */
.list-images { position:relative; }
.list-images .image { height:200px; width:100%; border:1px solid; background-size: cover; }
.list-images .image-name { text-align:center; margin:8px 0 0; }
.list-images .floating { position:absolute; bottom:53px; right:10px; }

.list-images-details { margin: 10px 0; }
.list-images-details .image { float:left; width:122px; height:90px; background-size: cover; background-repeat:no-repeat; background-position: center;}
.list-images-details .details li { word-break: break-all; }
.list-images-details .process { text-align:center; float:left; width:122px; height:90px; border:1px solid; }
.list-images-details .process span { margin:19px 0; font-size:50px; }
.list-images-details .details { float:left; width:calc(100% - 132px); margin-left:10px; }
.list-images-details .details li { margin:5px 0 0; }
.list-images-details .details li:first-child { margin-top:0; }
.viewModeBig { border:1px solid; text-align: center; }
.viewModeBig span { margin:19px 0; font-size:160px; }

.process_box_lucene{border:1px solid gainsboro;border-radius:5px;background-color: #f9f9f9;padding: 10px; line-height: normal;cursor: pointer;margin-bottom: 10px}
.process_box_lucene_expired{background-color:#f2dede!important; padding:5px;}
.process_box_lucene_viewMode2 .image-name{color:red!important;font-weight:bold;}
.process_box_lucene:hover{border:1px solid gray}

/* Componente Gmap */
.gmap-map { width:100%; height:300px; }
.gmap-nomap { display:none!important; }
.gmap-directions ul { margin: 0 0 20px 20px; }
.gmap-directions * { font-size:14px; }
.gmap-directions li { margin-bottom:5px; list-style-type: none; }

/* Componente Hora y minuto */
.input-group-hour select { width:50%!important; margin-bottom:0!important; }

/* Chosen */
.chosen-container { width:100%!important; }
.chosen-choices { padding:2px 12px!important; }
.chosen-container-multi .chosen-choices { background-image:none!important; padding:6px 12px!important; border-radius:4px; border-color:#ccc!important; }
.chosen-container-multi .chosen-choices li.search-field input[type=text] { padding: 11px 0; margin:0!important; height:auto; }
.chosen-container-multi .chosen-choices li.search-choice { margin:5px 5px 3px 0; }
.modal-body .chosen-with-drop .chosen-drop, .popover .chosen-with-drop .chosen-drop { position:relative!important; }
.chosen-container-single .chosen-single { background:none!important; box-shadow:none!important; padding:7px 12px; height:auto!important; border-radius:0; }

/* Number format */
.numberFormat { position:absolute!important; z-index:2; }
.flexgrid .numberFormat { top:0; }
.numberFormatLayer { position:relative; }

/* Select2 */
.select2, .input-group-tags, .chosen-container { max-width:100%; }
.select2-container { z-index:1062!important; margin-bottom: 15px; }
.select2-dropdown { transform:translateY(-5px); }
.select2-container--open, .select2-dropdown { z-index:1065!important; }
.select2-dropdown { z-index:1065!important; min-width:120px; }
.select2-container--default .select2-selection--single { border-color:#ccc!important; height:39px!important; border-radius: 8px !important; }
.input-group .select2-container--default:not(:first-child):not(:last-child) .select2-selection--single { border-radius:0; }
.input-group .select2-container--default:last-child .select2-selection--single { border-top-left-radius:0!important; border-bottom-left-radius:0!important; }
.has-error .select2-container--default .select2-selection--single { border-color:#a94442!important; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height:36px!important; color:#555!important; font-size:14px; }
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple { border-color:#ccc!important; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered { padding:4px 9px!important; }
.select2-container--default .select2-selection--multiple .select2-selection__rendered li { padding:3px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color:#fff!important; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { float:right; margin-left:4px; font-size:20px!important; font-weight:normal!important; }
.filter-heading .select2-container--default .select2-selection--single .select2-selection__rendered { line-height:29px!important; font-size:11px; font-weight:bold; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top:3px!important; }
.input-group .select2-container--default .select2-selection--single { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.component-column .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding:0!important; }
.component-column .select2-container--default .select2-selection--multiple .select2-selection__rendered li { padding: 3px 14px 3px 3px; }
.component-column .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { left:auto!important; right: -1px!important; top: 3px!important; }
.component-column .select2-container--default .select2-selection--multiple { min-height: 40px; }
.component-column .selection textarea { margin-bottom:0!important; height:0!important; }
.actionData .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-left:1px!important; top:3px; }
.actionData .select2-container--default .select2-selection--multiple .select2-selection__choice__display { padding-left: 21px!important; }
.actionData .select2-container--default .select2-selection--multiple .select2-selection__choice__display .selectWithIcons { display:none; }
.actionData .select2-container--default .select2-selection--multiple .select2-selection__choice__display label { position:relative; top: -1px; padding: 3px 8px!important; }

.myTableOptions .select2-container--default.select2-container--focus .select2-selection--multiple,
.myTableOptions .select2-container--default .select2-selection--multiple { border:none; background: transparent; padding:0; }
.myTableOptions .select2-container .select2-selection--multiple .select2-selection__rendered { float:left; padding:0!important; }
.select2optionsWrapper .select2-container .select2-selection--multiple .select2-selection__rendered { float:left; }
.myTableOptions .select2-container--default .select2-selection--multiple .select2-selection__rendered li,
.select2optionsWrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered li
	{ padding: 1px 3px; padding-right:12px; margin:2px; }
.myTableOptions .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child,
.select2optionsWrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child
	{ margin-left:0; }
.myTableOptions .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select2optionsWrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove
	{ left: calc(100% - 17px); width: 14px; height: 24px; padding-left: 2px; }
.select2optionsWrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove
	{ height: 19px; }

/* Repositorio */
.file_upload, .fileUploadPaste { width:100%!important; padding: 20px 10px; height:auto!important; margin:0 0 10px; }
.fileUploadPaste input {  cursor: pointer!important; }
form.file_upload > div { text-align: center }
.modal .file_upload, .modal .fileUploadPaste { border-radius:10px; }
#repoFolderModesButtons { margin-bottom:10px; white-space: nowrap; }
.fileManager { padding-top:5px!important; }
#browser-files table { margin-top:0!important; }
#browser-files-header.filesAll { width:100%; }
#browser-files-header .iconRefresh { margin:5px 0 0 0; }
.fileUploadPaste { position:relative; float:left; text-align:center; }
.fileUploadPaste:focus-within p span.fa-clipboard::before { content: '\f0ea' !important; }
.fileUploadPaste p { font-size:15px; margin:0 auto; position:relative; z-index: 1; }
.fileUploadPaste input { position:absolute; top:0; left:0; z-index: 2; width:100%; height:100%; border:none!important; background-color:transparent!important; color:transparent!important; text-align: center; }
.fileUploadPaste input:focus { caret-color: transparent; color:#ccc!important; font-size:15px; }
.fileUpload.errorField { border:1px solid!important; padding:10px; }
.folders { overflow:auto; }
.browser-folders * { font-size:15px!important; }
.browser-folders .subtree ul { padding-left:18px; border-left:1px solid #e1e1e1; }
.browser-folders ul { margin: 10px; }
.browser-folders ul li { margin:5px 0; white-space:nowrap; }
.browser-folders .input-group-addon { padding: 0 8px; background-color:transparent; border:none; }
#contextMenu { z-index: 1066; }
#contextMenu > li > a { padding:3px 10px; }
#repoEntitiesAvailableButton { margin: 2px 10px 0 0; }
.repositoryIcon { max-width:60px; }
body.dragging, body.dragging * { cursor: move !important; }
.dragged { position: absolute; opacity: 0.5; z-index: 2000; }
.browser-folders ul li.placeholder { position: relative; }
.browser-folders ul li.placeholder:before { position: absolute; }
.fileUploadPaste input::-webkit-input-placeholder { color: transparent; }
.fileUploadPaste input::-moz-placeholder { color: transparent; }
.fileUploadPaste input:-ms-input-placeholder { color: transparent; }
.fileUploadPaste input:focus::-webkit-input-placeholder { color: #ccc; }
.fileUploadPaste input:focus::-moz-placeholder { color: #ccc; }
.fileUploadPaste input:focus:-ms-input-placeholder { color: #ccc; }
.browser-folders .loadMoreFolders { cursor: pointer; display: flex; }
.browser-folders .loadMoreFolders > span { font-size: 12px !important; margin: 2px 0 0 4px; }
#downloadPopup .dokuLoader { margin-top:4px; margin-left:5px; }
.repository_folder.active { border:1px solid; padding:3px 5px; background-color: #fffdcf; }
#browser-folders-move-tree ul { margin-left: 10px; }
#repoFolderModesButtons .file_upload > div > i { font-size:18px; width: auto; margin: 3px; }

/* Wizard IA */
.wizard_data #gridTemplate table { margin-top:0; }
.wizard_data #gridTemplate .filter-heading label { position:relative; font-size:12px!important; overflow: visible; padding:8px 4px!important }
.wizard_data .gridFreemiumFields { max-height: 148px; }
.wizard_data .filter-heading label:not(.predicted) { top:5px; left:0; }
.wizard_data .table-sort { cursor:move; }
.wizardSteps { float:left; width: 100%; }
.wizardSteps li { float:left; text-align: center; padding:10px 20px; position:relative; -webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.75); }
.wizardSteps li:first-child { -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.wizardSteps li:last-child { -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.wizardSteps li::after { content: " "; position: absolute; z-index:1; top: 50%; right: 0; -webkit-box-shadow: 1px -1px 1px 0px rgba(0,0,0,0.20); -moz-box-shadow: 1px -1px 1px 0px rgba(0,0,0,0.20); box-shadow: 1px -1px 1px 0px rgba(0,0,0,0.20); background-color:#fff; width: 20px; height: 20px; transform: translate(calc(50% - 1px), -50%) rotate(45deg); }
.wizardSteps li:last-child::after { content: none; }
.wizardSteps li.active > div > span { font-weight:900; }
.wizardSteps span { font-size:30px; }
.wizardSteps p { margin:10px 0 0; }
#processFieldsTable .form-group { margin-bottom:0; }
#selectListTableWrapper th > span { float:left; margin-top:15px; cursor:move; }
#file_uploadJsonNewProcess .alert:not(.jGrowl-notification):not(.predicted):not(.userSelected):not(.alert-padding) { padding:0!important; }
#file_uploadJsonNewProcess .file_upload {  border-radius:4px; border-width: 2px; }
#file_uploadJsonNewProcess .text { font-weight:bold; color:#000; font-size:18px; margin-top:10px; }
#file_uploadJsonNewProcess .file_upload > div { padding:20px 0; }
#selectFieldsTableWrapper th label { font-size:12px!important; padding: 3px 6px!important; }
#selectFieldsTableWrapperMasterData td[align="center"] .checkbox, #selectFieldsTableWrapper td[align="center"] .checkbox { margin:0 auto!important; display: inherit; }
#selectGraphsWrapper .well { margin-bottom:0; padding: 10px; }
#selectGraphsWrapper .form-group:last-child { margin-bottom:0 }
#selectGraphsWrapper .well > .row:not(:first-child) { margin-top: 10px; }
#selectGraphsWrapper .form-group label { text-transform: none; }
#selectGraphsWrapper .graphButtons { float:right; margin-bottom: 10px; width:100%; }
#selectGraphsWrapper .graphButtons > * { margin-left: 5px; float:right; }
#selectGraphsWrapper .graphButtons > span { cursor:move; }
#selectGraphsWrapper .graphButtons button:not(.move-handler) { position:relative; z-index:2; }
#selectGraphsWrapper .removed { position:relative; }
#selectGraphsWrapper .removed .graph_layer::after { content:' '; z-index:1; opacity: 0.5; position:absolute; top:0; left:0; width:100%; height:100%; background-image: linear-gradient(45deg, #ffffff 25%, #f2f2f2 25%, #f2f2f2 50%, #ffffff 50%, #ffffff 75%, #f2f2f2 75%, #f2f2f2 100%); background-size: 56px 56px; }

/* Migas de pan */
.breadcrumb { background-color:transparent!important; margin:0!important; border:none; float:left; margin-left:10px; padding:0!important; }
.breadcrumb a { font-size:16px; font-weight:bold; line-height:16px; }
.breadcrumb a:hover { text-decoration:underline; }

/* Colorpicker */
/*.colorpicker { z-index: 10000; }*/
.sp-colorize { height:100%; width:100%; }
.sp-colorize-container { border:none!important; }
.sp-colorize { border:1px solid #e0e0e0; border-right:none!important; }
.sp-original-input-container input[type="text"] { margin-bottom:0!important; border-radius:0; -webkit-border-top-right-radius: 4px!important; -webkit-border-bottom-right-radius: 4px!important; -moz-border-radius-topright: 4px!important; -moz-border-radius-bottomright: 4px!important; border-top-right-radius: 4px!important; border-bottom-right-radius: 4px!important; }
.sp-colorize { -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.sp-colorize-container { min-width: 35px; }

/* Vehículos Vaesa */
.ganttview-hzheader-months { float:left; }
.progress-success { cursor:pointer; }
.ganttview { width:100%; }
.ganttview-slide-container { width:100%; }
.nonborderbox * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.vaesa-totals * { font-size:15px; }
.progress .bar { padding:5px; }
.progress-primary { background-color:#337ab7!important; border-color:#204d74!important; color:#fff!important; }
.progress-success { background-color:#5cb85c!important; border-color:#398439!important; color:#fff!important; }
.progress-warning { background-color:#ec971f!important; border-color:#d58512!important; color:#fff!important; }
.progress-info { background-color:#23b7e5!important; border-color:#46b8da!important; color:#fff!important; }
.progress-danger { background-color:#d9534f!important; border-color:#d43f3a!important; color:#fff!important; }
.vaesa-alert-tr { background-color:#ffaeae!important; }
.vaesa-calendar .pts-group-user { padding-top:0!important; display:table; text-align:center; }
.vaesa-calendar .pts-group-user p { font-size:14px; line-height:15px; display:table-cell; vertical-align:middle; }
.vaesa-calendar #pts-toolbox-container { display:none; }
.selectedCalendar, .pts-column-element.selectedCalendar[data-date] { background-color:#00ff00!important; }

#dashboardDiv .panel{ border:0; }
#dashboardDiv .panel-heading { background-color: #337ab7; color:white; margin: 0; }
#dashboardDiv .panel-body { background-color:whitesmoke; }
#dashboardDiv .value { margin-top: 5px; }
#dashboardDiv .text { margin-top: -6px; }
#dashboardDiv .transparent { color:transparent; }
#vehiculoEstadisticas .panel-body { background-color: white; }
#vehiculoEstadisticas .panel{ border: 1px solid #337ab7; }
#dineroAcumuladoPanel .form-group, #dineroAcumuladoPanel .form-group input { margin-bottom:4px!important; }
#dashboardDiv table { margin-top:0!important; }
#dineroAcumuladoPanel label { margin-top:2px; }
.eurosVehiculos .col { padding:3px; font-size:14px; }

/* Selector de procesos en preferencias */
.processSelectedLayer { border:1px solid #ccc; padding: 5px; width:100%; float:left; background-color:#fff; margin-bottom:12px; }
.processSelectedLayer ul { float:left; width:100%; }
.processSelectedLayer ul li { cursor:move; white-space:nowrap; padding: 3px; float:left; border:1px solid #aaa; margin: 2px; border-radius: 3px; background-color: #eeeeee; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); }
.processSelectedLayer ul li a { cursor:pointer; color:darkred; }

/* Barra de progreso */
.iw_progressbar { float:left; width:100%; height:20px; background-color:#acacac; border:1px solid; }
.iw_progress { width:0; float:left; background-color:#038603; height:18px; }

/* Administración de Alertas */
.conditionsDocumentList strong { float:left; margin-top:10px!important; }
.conditionsDocumentList > div > .row { margin-top:5px; }

/* Chat */
#chat.chat-closed { display:none; }
#chat { position:fixed; z-index:1061; bottom:0; right:0; height:500px; width:400px; margin-bottom:0!important; top:auto!important; }
#chat .dropdown-menu { left:15px; }
#chat .panel-body { overflow:auto; height:100%; position:relative; }
#chat .typings { position:fixed; bottom:128px; width:350px; padding: 10px 0; background-color:#fff; }
#chat .typings .fa-user, #chat .typings .fa-users { font-size:10px; }
#chat .panel-footer .form-group { margin-bottom:0; }
#chat .checkbox { margin:5px 0 0 20px ; }
#chat .fa-spinner { font-size:13px; }
#chat.minimized { height:40px!important; }
#chat.minimized .panel-body, #chat.minimized .panel-footer { display:none; }
.chat_user { font-size:14px; }
.chat_user span { font-size:12px; position:relative; top:-1px; }
.chat_date { font-size:11px; color:#ddd; margin-top:3px; }
.chat_message { margin:10px 0; }
#chat_message { margin:0 0 3px; }
#chat .checkbox { margin-top:4px!important; }
.chat_message p { font-size:13px; line-height:15px; }
.chat_message audio { width:100%; }
.chat_element li { border-bottom:1px solid #ddd; margin:10px 0; padding-bottom:5px; }
.chat_element li:first-child { margin-top:0; }
.chat_element li:last-child { border:none; padding-bottom:0; }
.chat_move { cursor:move; }
.chat_avatar { width:30px; border:1px solid #ddd; border-radius:5px; float:left; margin-right:5px; }
.chat_user_info { float:left; margin-top:1px; }
#chat_buttons .fa-spinner.fa-spin { color:#fff; }
#footerChatLink > span { color:#FFF; }
#footerChatLink { display:none; }
.panel-title .chat_label_unreaded, .panel-title .chat_label_unreaded .fa-comment { font-size:12px!important; }
#chat_channels { display:none; height:100%; overflow:auto; color:#fff; position:absolute; top:0; left:0; z-index:3; width:200px; }
#chat_channels ul, #chat_channels ul li { float:left; }
#chat_channels li, #chat_channels li a { width:100%; }
#chat_channels li a { padding:8px; float:left; }
#chat_channels * { color:#fff; }
#chat_privated_close { position:absolute; top:10px; right:10px; }

/* Mailbox */
.read td { background-color:#f9f9f9; }
.read td * { color:#000; font-weight:normal!important; }
.unread td { background-color:#fff; }
.unread td * { color:#000; font-weight:bold!important; }
.unread td .fal { font-weight:normal!important; }
.mailboxList td .mail-important { font-weight:bold!important; color: #f1b718 !important; }
.mailboxList td .mail-no-important { color: #cacaca !important; }
.mailMsg { font-size:15px; }

/* Listado de comentarios */
#listComments .name, .listComments .name { float:left; }
#listComments .user, .listComments .user { max-width:50px; }
#listComments .user img, .listComments .user img { float:left; max-width:40px; }
#listComments > div, .listComments > div { float:left; width:100%;  position:relative; padding:10px!important; margin-bottom:15px; border:1px solid; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); }
#listComments .body, .listComments .body { float:left; margin-left:10px; padding:10px 0; border:none!important; width:calc(100% - 65px); }
#listComments .time, .listComments .time { font-size:11px; float:left; margin:1px 0 0 10px; }
#listComments .subject, .listComments .subject { float:left; margin-top:5px; }
#listComments .text, .listComments .text { /*white-space: pre-wrap;*/ word-wrap: break-word; line-height:16px; width: 100%; float:left; margin-top:5px; /*max-height:40px; overflow:hidden;*/ }
#listComments .text img, .listComments .text img { max-width: 100%; }
#listComments .showMore, .listComments .showMore { color:#333; text-transform: uppercase; font-weight: bold; }
#listComments .btn-expand, .listComments .btn-expand { display:none; }
#listComments .compact:not(.compact-expanded) .text, .listComments .compact:not(.compact-expanded) .text { max-height:40px; overflow:hidden; }
#listComments .compact .btn-expand, .listComments .compact .btn-expand { display:block; }
#listComments .btn-group, .listComments .btn-group { position:absolute; top:0; right:0; }
#listComments ul > li, .listComments ul > li { list-style: circle!important; }
#listComments ol > li, .listComments ol > li { list-style: decimal!important; }
#expandCommentImage img { max-width: 100%; max-height:100%; }

/* Componente flexgrid */
.panel-body .flexgrid .table { margin:0!important; }
.flexgrid .table .form-control, .flexgrid .table .input-group { margin-bottom:0!important; }
.flexgrid .table .form-control { -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; }
.flexgrid .table .input-group-addon { padding: 4px 6px!important; }
.flexgrid .btn { color:#fff!important; }
.flexgrid textarea { min-width:100px!important; }
.flexgrid tfoot .input-group { width:100%; }
.flexgrid input[type="checkbox"], [data-type="flexgrid"] input[type="checkbox"] { margin-top:0!important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.flexgrid th[data-thtype="checkbox"], [data-type="flexgrid"] th[data-thtype="checkbox"] { width:1%; }
/*.flexgrid:not([data-vertical]) td:last-child .btn-group { margin-top:2px; }*/
/*.flexgrid td:last-child .btn-group a:hover { color:#fff!important; }*/
.flexgrid td:last-child .btn-group .btn-sortable { cursor:move; }
.flexgrid-filter, .flexgrid-filter button { width:100%; }
.flexgrid-filter button { top:0!important; left:0!important; height:25px; }
.flexgrid-filter-dropdown { margin-top:5px; }
.flexgrid-filter-dropdown .form-group { margin-bottom:5px; }
.flexgrid-list li { border-bottom:1px solid #ddd; /*white-space: nowrap; */padding:5px 0; }
.flexgrid-list li:first-child { padding-top:0; }
.flexgrid-list li:last-child { border:none; padding-bottom:0; }
/*.flexgrid-vertical-buttons { margin-top:10px; }*/
.flexgrid .table>tbody+tbody { border:none }
/*.flexgrid .panel-body { padding:15px 0; }*/
.flexgrid .table-responsive { padding:0; }
.flexgrid label { color:inherit!important; padding-left: 12px!important; text-transform: none; font-size:12px!important; }
.flexgrid table tbody .form-control { padding: 9px 12px!important; height:auto!important; border-radius:0!important; }
.flexgrid table tbody select.form-control, .flexgrid table tbody a { min-height:39px!important; }
.flexgrid table tbody tr:first-child select.form-control, .flexgrid table tbody tr:first-child a { min-height:40px!important; }
.flexgrid .table-condensed>tbody>tr>td:not(.checkData):not(.equalPadding):not(.checkDataInTable):not(.actions) { padding:0!important; }
/*.flexgrid table tbody td .form-control { border-top:0; border-right:0; }*/
.flexgrid table tbody td:not(:first-child) .form-control:not(:hover):not(:focus) { border-left-color:transparent!important; }
.flexgrid table tbody tr:first-child td .form-control { border-top:1px solid; }
.flexgrid table tbody tr td textarea.form-control { height:40px!important; min-height:40px!important; }
/*.flexgrid table tbody td:first-child .form-control { border-left:0; }*/
.flexgrid table tbody td:not(.flexgrid-actions):last-of-type .form-control { border-right:1px solid; }
.flexgrid table tbody td.flexgrid-actions a.btn-remove { min-width:33px; }
.flexgrid table tbody td.flexgrid-actions a.btn-search { min-width:37px; }
.flexgrid table tbody td.flexgrid-actions a.btn-sortable { min-width:36px; }
.flexgrid table tbody td.flexgrid-actions a { font-size:12px; position:relative; float:left; padding: 0 12px; border-left:1px solid; }
.flexgrid table tbody td.flexgrid-actions a span { position:absolute; top:calc(50% - 6px); }
.flexgrid[data-vertical] th { padding:3px!important; }
.flexgrid[data-vertical] .flexgrid-vertical-buttons .form-control { min-width:auto; }
.flexgrid[data-vertical] td:not(:last-child) .btn-remove { border-right:1px solid; }
.flexgrid[data-vertical] table tbody td:not(.flexgrid-actions):last-of-type .form-control { border-right:none; }
.flexgrid[data-vertical] label { padding-left: 5px!important; }
.flexgrid[data-vertical][data-verticalstyledupheaders] .table-condensed>tbody>tr:last-child>td:not(.checkData):not(.equalPadding):not(.checkDataInTable):not(.actions) { padding-bottom:10px!important; }
.flexgrid input:focus, .flexgrid textarea:focus, .flexgrid select:focus, .invoiceLine input:focus, .invoiceLine select:focus { background-color:#eff8ff; }
.flexgrid .table-condensed>tbody>tr>td[data-td-flexgrid-checkbox] { border-top:1px solid #E0E0E0FF!important; box-shadow: inset 0 -1px 0 #E0E0E0FF!important; border-left:1px solid #E0E0E0FF!important; }
.flexgrid .table-condensed>tbody>tr>td:not(.checkData):not(.equalPadding):not(.checkDataInTable):not(.actions)[data-td-flexgrid-checkbox] { padding:13px 0!important; }
.flexgrid .table-condensed>tbody>tr:not(:first-child)>td[data-td-flexgrid-checkbox] { border-top:none!important; }
.flexgrid .processCopyValue { padding:8px 12px!important; }

.flexgrid tfoot td { border:1px solid #fff !important; border-right-color:#e0e0e0!important; border-bottom-color:#e0e0e0!important }
.flexgrid tfoot td:last-child { border-right-color:#fff!important; }
.flexgrid tfoot .input-group input { background-color:transparent!important; border:none!important; font-weight:bold; }

/* Mensaje de error genérico */
.alert:not(.jGrowl-notification):not(.predicted):not(.userSelected):not(.alert-padding):not(.condForeign) { padding: 0 6px!important; }
.alert.alert-danger h2 { margin-top:5px; }

/* ******************* */
/* ****** Vaesa ****** */
/* ******************* */
.vaesa-ingresoscesion { position:relative; }
.vaesa-ingresoscesion-column { position: absolute; bottom:20px; right:10px; }
.vaesa-diff-ok { color:green!important; }
.vaesa-diff-ko { color:red!important; }
.vaesa-warning ul { margin: 10px 0 0 0; }
.vaesa-warning ul li { margin: 0 0 0 20px; list-style-type:square; }

/* ********************************* */
/* ****** Visor de documentos ****** */
/* ********************************* */
.pdfviewer { height:400px; }
.dropdown-annotations { float:left; margin-right:3px; }
.visor, .infoDocumento, .viewer { width:100%!important; }
.cuerpoDatos { padding:10px; font-size:14px; }
.imageViewerWrapper { position:relative; overflow:auto; max-height:600px; }
.imageViewerWrapper > span { border-radius:4px; float:left; position:sticky; position:-webkit-sticky; top:5px; left:calc(50% - 68px); padding:8px; z-index:1; background: rgba(0, 0, 0, 0.5); }
.imageViewerWrapper > span a { margin:0 2px; }
.imageViewerWrapper .fa { font-size:25px; color:#fff; }
UL.jqueryFileTree A.active { background-color:#BDF!important; }
.viewerPDF { height:100%; }
.viewerPDF .toolbar { width:100%; z-index:1!important; }
#downloadPublicForm .viewerPDF { height:400px; }
.pdf-sign { background-color:#fff; padding:5px; border:1px dashed #aaa; position:absolute; top:0; left:0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width:20%; z-index:3; }
.pdf-sign img { width:100%; }
#signDocSave { display:none; }
/*#outerContainer { display:none; }*/
.annotationDraw { position:absolute; top:0; cursor:pointer!important; }
#annotationsLayer { display:none; width:100%; padding:10px; background-color:#FFFDCF; border:1px solid #ffcaab; }
.annotationTextarea, .annotationImage { min-width:101px; min-height:32px; z-index:3; position:absolute; top:0; padding:20px 5px 5px; border:1px dashed #cccccc; }
.annotationDone { border:none!important; }
.annotationDone .btn-group { display:none!important; }
.annotationDone textarea { border-color:transparent!important; }
.annotationTextarea textarea { margin-top:6px!important; padding:6px 12px!important; border:1px solid #ccc; font-size:14px; line-height:1.42857143; border-radius:4px; background-color:transparent; }
.annotationTextarea .btn-group, .annotationImage .btn-group { position:absolute; top:5px; right:5px; }
.annotationTextarea .btn-group input, .annotationImage .btn-group input { background-color:#000; color:transparent; border-color:#000; width:20px; font-size:0; }
.annotationTextarea button, .annotationImage button { padding:0 2px; font-size:10px; }
.annotationImage .image-icon { margin-top:6px; }
.annotationsImage li { float:left; margin-right:5px; }
.annotationsImage img { width:50px; }
#scaleSelectContainer { height:25px; }
.jqueryFileTree .loadMoreFolders { display: inline-block; cursor: pointer; padding-left: 0; }
.jqueryFileTree .loadMoreFolders i { float: left; margin-top: 1px; font-size: 16px; font-weight: 400; }
.jqueryFileTree .loadMoreFolders span { float: left; margin: 0 0 0 5px; }
.pdfviewer[data-showasimage="1"]{ overflow:auto; text-align:center; }
.pdfviewer[data-showasimage="1"] img { width:calc(100% - 20px); margin:10px 0; -webkit-box-shadow: -5px -5px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: -5px -5px 5px 0px rgba(0,0,0,0.3); box-shadow: -5px -5px 5px 0px rgba(0,0,0,0.3); border:1px solid; }
#maximized_image { position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8); z-index:10000000000; }
#maximized_image img { position:absolute; max-width:100%; max-height:100%; z-index:-1; }
#maximized_image a { margin:10px; }
.ovHidden { overflow:hidden; }
.unknown-document-preview { max-width:150px; }
#fileInput.fileInput { display:none!important; visibility:hidden!important; }
/* Ocultar sidebar left */
#sidebarContainer { display:none!important; }
html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer { left:0!important; }
/* Ocultar botones */
.viewerPDF #viewBookmark, .viewerPDF #editorFreeText, .viewerPDF #editorInk, .viewerPDF #sidebarToggle { display:none; }
/* Error PDF Invalid structure cuando es un popup con un PDF que carga bien... no se ha conseguido encontrar el causante de ese error, se oculta la capa de errores */
.modal-content #errorWrapper { display:none; }
#buttonEditDocumentOffice365 { color:#fff!important; }
#fileExtContent { width:100%; }
.visor video { width:100%; }
#toolbarContainer { border:none!important; box-shadow:none!important; }
.viewerPDF #pageNumber, .viewerPDF #scaleSelect { font-size: 13px; }
#toolbarViewerLeft > .toolbarButtonSpacer { display:none; }
#secondaryToolbarToggle { float:right!important; }
#outerContainer.sidebarOpen #viewerContainer:not(.pdfPresentationMode) { inset-inline-start:0 !important; }

.printingPDFViewer .layout > div[data-lateral-opened] { display:none; }
.printingPDFViewer .layout > .panelside { width: 100%!important; }
.printingPDFViewer .layout > .panelside .content > .row > div:not(.visorCols),
.printingPDFViewer .layout > .panelside .content > .row .big-panel
{ display:none; }

/* ************************ */
/* ****** publicLink ****** */
/* ************************ */
#downloadPublicForm .download { display:none; }

/* ********************************* */
/* ****** Unidad organizativa ****** */
/* ********************************* */
.orgChart { background-color:transparent!important; border:none!important; margin:0!important; padding:0!important; padding-bottom:10px!important; padding-right:10px!important; overflow:auto; }
div.orgChart div.hasChildren { background-color:#F5F5F5!important; }
div.orgChart div.node { border:1px solid!important; padding:10px!important; }
div.orgChart tr.lines td.line { height:10px!important; }

/* ********************** */
/* ****** Workflow ****** */
/* ********************** */
#workFlowZoomButtons { position:absolute; top:10px; right:20px; z-index: 1; }
#workflowDesignerLayer { min-height:600px; position:relative; overflow:auto; background:#fcfcfc!important; width:100%!important; border:1px solid #acacac; margin:20px 0; }
.modal #workflowDesignerLayer { margin-top:0; max-height:100%; margin-bottom:0; }
#workflowDesignerCanvas { height:auto; margin:0!important; background:transparent!important; min-width:100%; position:relative; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); padding:30px 20px 20px; transform-origin: left top; }
#workflowDesignerCanvas .window, #workflowDesignerCanvas .windowInitial { min-width:33px; min-height:33px; }
#workflowDesignerCanvas .nodeApprover { background-size: contain!important; }
#workflowDesignerCanvas .nodeApprover strong { color:#fff; }
#workflowDesignerCanvas connection { cursor:pointer; }
#workflowDesignerCanvas .nodeReader span, #workflowDesignerCanvas .nodeScheduler span { font-size:19px; }
#workflowDesignerCanvas .nodeReader strong { color:#fff; position:absolute; left:42%; top:4px; }
#workflowDesignerProperties .alert-info { color:#31708f!important; }
#workflowDesignerProperties .cuerpoDatos { padding:0!important; }
#workflowDesignerProperties .modal-body { padding-top:0!important; }
#workflowDesignerProperties .modal-dialog { width:700px!important; }
#workflowDesignerProperties .nodeReaderAuthorLayer a, #workflowDesignerProperties .nodeReaderAuthorLayer a:hover { cursor:auto!important; text-decoration:none; color:#333!important; }
#workflowDesignerProperties .cuerpoDatos > .row { margin-bottom:10px; }
#workflowDesignerProperties .userSelected { margin-top:3px; padding:5px; border:1px solid #333; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#workflowDesignerProperties .cuerpoDatos > .row input, #workflowDesignerProperties .cuerpoDatos > .row select { margin:3px 0; }
.updateFieldFieldList input, .updateFieldFieldList select { margin:0!important; }
.updateFieldFieldList > .row { margin: 5px -15px 10px; }
#workflowDesignerProperties .nodeReaderAuthorLayer { margin:3px 0; }
#workflowDesignerProperties .nodeReaderAuthorLayer input { float:left; margin:1px 4px 0 0!important; }
.dataOnRadioClick { padding:10px 0 10px 17px; }
.active-node { background-color:#FFFF99!important; border:3px solid #337ab7!important; }
.parameters_line .btn-group { margin-top:5px; }
.jtk-overlay { display:none!important; }
#workflowDesignerProperties.modal.in { max-width:100%; /*top:0; right:0; position:absolute;  margin:10px;*/ }
/*#workflowDesignerProperties.modal.in .modal-dialog { top:0; right:0; position:absolute; }*/
.workflow_block { height:100%; }
.workflow_block_layer { border-bottom:1px solid; position:relative; height:200px; }
.workflow_block_text { cursor: move; position: absolute; padding:5px 10px; top:50%; text-align: center; transform-origin: center top; transform: translateX(-50%) rotate(-90deg); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; }
.workflow_block_text a { margin:0 10px 0 0; cursor:pointer; }
.workflow_block_text.process_text_black *, .workflow_block_text.process_text_black *:hover { color:#000!important; }
.workflow_block_text.process_text_white *, .workflow_block_text.process_text_white *:hover { color:#fff!important; }
.workflow_comment { font-size:14px; color:#acacac; line-height:19px; word-break: break-word; }
.workflow_message_time { float:right; color:#acacac; font-size:13px; }
.workflow_message_time_head { font-size:14px; margin-top:3px; float:right; }
.workflowInfo td, #wfHistoryFields td { padding:2px; }
.workflow_group { overflow:hidden; position: absolute; top:0; left: 0; width: 300px; height: 300px; resize:both; min-height: 10px; }
.workflow_group .panel-move { cursor:move; }
.workflow_group.collapsed { height:43px!important; }
.workflow_group .process_text_white { color:#FFF!important; }
.workflow_group .process_text_black { color:#000!important; }
.workflow_group_title { width:calc(100% - 100px); line-height:20px; }
.workflow_group_text, .disable_selection { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.jtk-group-collapsed .w, .jtk-group-collapsed ul, .jtk-group-collapsed .container, .jtk-group-collapsed .name, .jtk-group-collapsed .window { display:none; }
.jtk-connector, .jtk-endpoint { z-index:1; }
[data-action='accept-workflow'].hide-for-layout-inner, [data-action='reject-workflow'].hide-for-layout-inner { display:none!important; }
hr.popover-separator { margin:10px 0; }
[data-tabShowedForSave] { display:block!important; }
#workflowHistoryTables table { margin-top:0; }

/* Nuevo WF */
#workflowDesignerLayer { line-height:12px!important;  }
.workflowColHeader { z-index:2; position:absolute; top:0; left: 0; width:100%; border-bottom:1px solid; background-color:#eeee; }
.workflowHeaderGroup { position:relative; }
.workflowColHeaderGroup > div { cursor:pointer; float:left; padding:5px 20px; border-right:1px solid; text-align: center; min-height:22px; }
.workflowColHeaderGroup > div:first-child { margin-left:20px; padding-left:0; }
.workflowColHeaderGroup > div:last-child { border:none; }
.workflowHeaderGroupSet >div[id] { display:none; }
.node-row { float:left; width:100%; }
.node-row[data-row="0"] { margin-top: 30px; }
.node-row.row-compact { display:none; }
.node-col { float:left; min-height:58px; }
.workflowHeaderName { position:relative; }
.workflowHeaderName span { font-size:13px; text-transform: uppercase; font-weight:bold; }
.workflowHeaderIcons { position:absolute; right:3px; top:4px; }
.col-compact .workflowHeaderName { display:none; }
.node-col.col-compact { opacity:0.2; background-color:#eeeeee; width:5px!important; padding-left:0!important; overflow:hidden; height:58px!important; }
.node-col.col-compact * { opacity:0; }
.node-col.col-compact.node-empty-line::before { border:none!important; }
.workflowColHeaderGroup > div:not(.workflow-group-column-button).col-compact { width:5px!important; padding-left:0; padding-right:0; overflow:hidden; }
.workflowColHeaderGroup > div:not(.workflow-group-column-button).col-compact span { display:none; }
.workflowColHeaderGroup > div:not(.workflow-group-column-button).col-compact .node-cloned { opacity:0; }
.node-box, .node-connection { float:left; min-height:56px; height:56px; }
.node-box { border-radius:6px; position:relative; border:1px solid; background-color:#fff; transition-property: transform; transition-duration: .2s; transition-timing-function: ease-in-out; }
.node-box:not(.node-box-empty) { cursor:pointer; }
.node-link .node-box { background-color: #ccffe9; }
.node-goto { border-style:dashed; cursor: alias; animation: shakeLinkTo 0.9s; animation-iteration-count: infinite; }
.node-box-empty { opacity:0!important; }
.node-connection { position:relative; height:56px; }
.node-field { width:100%; }
.node-config { display:none; }
.active-node { background-color:#FFFF99!important; border:1px solid!important; }
.node-disabled .node-box, .node-disabled .node-line { opacity:0.5; cursor:not-allowed; }
.node-disabled .node-line a { cursor:not-allowed; }
.node-jump .node-box, .node-jump .node-line { cursor:alias; }
.node-jump .node-box:before, .node-jump-set:before { content:''; top:0; left:0; width:100%; height:100%; position:absolute; z-index:3; opacity:0.3; background: repeating-linear-gradient(45deg, #fff, #fff 10px, #acacac 10px, #acacac 20px); }
.node-field { position:relative; float:left; }
.node { float:left; position:relative; }
.node .popover-content ul li { word-wrap: break-word; }
.node-linked { animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both; }
.node .node-info { float:left; /*height:100%;*/ margin:15px 5px 15px 5px; width:calc(100% - 44px); overflow:hidden; }
.node .node-info > span { float:left; width:100%; overflow:hidden; text-overflow:ellipsis; }
/*//-> Desactivado por petición de Toni, ahora hay un tooltip que enseña la información*/
/*.node-box:hover .node-info > span { overflow:visible; text-overflow:clip; }*/
.node .node-info .node-title > span { font-size:14px!important; text-transform: uppercase; white-space: nowrap; }
.node .node-info .node-subtitle > span { text-transform: none!important; white-space: nowrap; }
.node .node-notification { position:absolute; font-size:12px; top:2px; left:4px; display:none; }
.node .node-notification.on { display:block; }
.node-box span { font-size:12px!important; }
.node-line > .dropdown-toggle { background-color:#fcfcfc; padding:3px 7px; border-radius:4px; border:1px solid; }
.node-line > .dropdown-toggle.disabled { border-color:#c2c2c2!important; color:#c2c2c2!important; cursor:not-allowed; }
.node-line > .dropdown-toggle[data-previous-html] { border-style:dashed; }
.node-connection .node-line { position:relative; border-bottom:1px solid; width:35px; height:6px; text-align: center; margin:0 2px; }
.node-connection .dropdown-menu { margin-top:17px; margin-left:35px; -webkit-border-radius: 4px; -webkit-border-top-left-radius: 0; -moz-border-radius: 4px; -moz-border-radius-topleft: 0; border-radius: 4px; border-top-left-radius: 0; border-color:#888888; }
.node-icon { max-width:34px; float:left; padding:0 5px; border-right:1px solid; height:100%; border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; }
.node-icon > i { position:relative; top: calc(50% - 10px); font-size:20px; }
.node-icon > i.fa-link { font-size:16px; top: calc(50% - 8px); }
.node-icon .fa-bolt { margin-left:2px; }
.node-empty-line:before { content:''; display:block; border-left:1px solid; width:1px; height:58px; }
.node-options { display:none; position:absolute; top:3px; right:5px; }
.node-box:not(.node-disabled):not(.node-jump):not(.node-cloned):hover { background-color:#fffdcf; }
.node-box.process_text_white:hover, .node-box.process_text_white:hover * { color:#333!important; }
.node-box:not(.node-goto):not(.node-disabled):not(.node-jump):hover .node-options { display:block; }
.node-links { position:absolute; bottom:2px; height:12px; overflow:hidden; left:4px; }
.node-links a { margin:0 2px 2px 0; }
.node-compact, .node-go-down { position:absolute; top:25px; left:5px; z-index:1; }
.node-line-bottom-last .node-compact, .node-line-bottom-last .node-go-down { display:none; }
.node-go-down { left:15px; }
.node-cloned { opacity:0; position:fixed; }
.node-cloned[style*="opacity: 1"] { z-index:1; }
.node-cloned .node-connection, .node-cloned .node-options, .node-cloned .node-links { display:none!important; }
.node-cloned .node-box { background-color:#fff!important; border-style:dashed; opacity:0.5; }
.node-links a span { font-size:9px!important; }
.node-link .node-move, .node-end .node-move { display:none; }
.node-broken-link { -webkit-box-shadow: inset 0 0 2px 2px rgba(255,0,0,1); -moz-box-shadow: inset 0 0 2px 2px rgba(255,0,0,1); box-shadow: inset 0 0 2px 2px rgba(255,0,0,1); }
.wfRo .node-config, .wfRo .node-move, .wfRo .node-remove { display:none; }
.wfRo .node-line .dropdown-menu { display:none; }
.wfRo .node-action .node-line a, .wfRo .node-start .node-line a { display:none; }
.wfRo .node-condition .node-line > .dropdown-toggle { color:#fff; border-color:#000; }
.wfRo .node-condition .node-line > .dropdown-toggle::after { font-weight:bold; margin: -2px 0 0 -8px; font-size:9px; content:'\f128'; color:#000; font-family:Font Awesome\ 5 Pro, Font Awesome\ 5 Brands, Font Awesome\ 5 Free, Font Awesome\ 5 Solids, Helvetica; }
.node-line li:first-child { text-transform: uppercase; font-weight:bold; padding: 8px 10px; background-color:#f3f3f3; margin:-5px 0 3px; }
#workflow-group-column-button { background-color:#cfcfcf; display: inline-flex; position:relative; width:100%; border-top:1px solid!important; color:#333; text-transform: uppercase; cursor:pointer; }
#workflow-group-column-button span { position:sticky; left: 0; flex-grow: 0; flex-shrink: 0; padding:5px 10px; }
.node .progress-bar { text-align: left; line-height: 12px!important; }

/* Color por tipo de nodo */
.node-start .node-icon { background-color:#ebebeb; }
.node-reader .node-icon { background-color: #8ecae6; }
.node-approver .node-icon { background-color: #219ebc; }
.node-approver_parallel .node-icon { background-color: #066579; }
.node-action .node-icon { background-color: #023047; }
.node-condition .node-icon { background-color: #ffb703; }
.node-scheduler .node-icon { background-color:#fb8500; }
.node-workflow .node-icon { background-color:#ff3d98; }
.node-end .node-icon { background-color:#ebebeb; }
.node-start .node-icon, .node-start .node-notification { color: #333; }
.node-reader .node-icon, .node-reader .node-notification { color: #333; }
.node-approver .node-icon, .node-approver .node-notification { color: #333; }
.node-approver_parallel .node-icon, .node-approver_parallel .node-notification { color: #ffffff; }
.node-action .node-icon, .node-action .node-notification { color: #ffffff; }
.node-condition .node-icon, .node-condition .node-notification { color: #333; }
.node-scheduler .node-icon, .node-scheduler .node-notification { color:#333; }
.node-workflow .node-icon, .node-workflow .node-notification { color:#000; }
.node-end .node-icon, .node-end .node-notification { color:#000; }

.node-start .node-icon .fal { font-weight:400!important; }
.node-reader .node-icon .fal { font-weight:400!important; }
.node-approver .node-icon .fal { font-weight:400!important; }
.node-action .node-icon .fal { font-weight:400!important; }
.node-condition .node-icon .fal { font-weight:400!important; }
.node-scheduler .node-icon .fal { font-weight:400!important; }
.node-workflow .node-icon .fal { font-weight:400!important; }
.node-end .node-icon .fal { font-weight:400!important; }
.node-link .node-icon .fal { font-weight:400!important; }

.dropdown-menu .start { border-left: 5px solid #ebebeb; }
.dropdown-menu .reader { border-left: 5px solid #fcf876; }
.dropdown-menu .approver, .dropdown-menu .approver_temp { border-left: 5px solid #cee397; }
.dropdown-menu .approver_parallel { border-left: 5px solid #066579; }
.dropdown-menu .action { border-left: 5px solid #8bcdcd; }
.dropdown-menu .condition { border-left: 5px solid #3797a4; }
.dropdown-menu .scheduler { border-left: 5px solid #f5a25d; }
.dropdown-menu .workflow { border-left: 5px solid #ff3d98; }
.dropdown-menu .end { border-left: 5px solid #ebebeb; }

/* Min Width por tipo de nodo */
.node-start .node-box { min-width:120px; }
.node-end .node-box { min-width:120px; }
.node-approver .node-box { min-width:160px; }
.node-condition .node-box { min-width:140px; }
.node-reader .node-box { min-width:140px; }
.node-action .node-box { min-width:140px; }
.node-scheduler .node-box { min-width:160px; }

/* Lineas cuadradas */
.node .node-line-top { -webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; border-top-left-radius: 20px; top: -20px; border-bottom:none; border-top:1px solid; border-left:1px solid; height:30px; }
.node .node-line-top > a { top:-6px; position:relative; }
.node .node-line-middle { top:calc(50% - 7px); }
.node .node-line-bottom { border-left:1px solid; height:27px; }
.node .node-line-bottom.node-line-bottom-last { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; }
.node .node-line-bottom > a { top:21px; position:relative; }
.node-approver .node-line-top { top: -10px; }
.node-approver_parallel .node-line-top { top: -10px; }
.node .node-line-bottom:not(.node-line-bottom-last):before,
.node.node-condition .node-line-middle:not(.node-line-bottom-last):after,
.node.node-approver .node-line-middle:not(.node-line-bottom-last):after,
.node.node-approver_parallel .node-line-middle:not(.node-line-bottom-last):after
{ position:absolute; bottom:-32px; content:''; display:block; border-left:1px solid; width:22px; height:32px; }
.node .node-line-bottom:not(.node-line-bottom-last):before { left:-1px; }

/* Botones según nodo */
.node-approver .node-line-middle > .dropdown-toggle  { background-color:#9fffbc; }
.node-approver .node-line-bottom-last > .dropdown-toggle { background-color:#ffacac; }

/* Esconder nodos acción */
.node-action-hide .node-box { height:0; min-height:0; padding:0; border:none; border-top:1px solid; margin-top:26px; margin-left:-2px; margin-right:2px; }
.node-action-hide .node-box * { display:none; }
.node-action-hide .node-links { display:none; }
.node-action-hide .node-connection .node-line { width:39px; margin-left:-2px; }
.node-action-hide .node-connection .node-line .dropdown-toggle { margin-left:4px; }

/* **************************** */
/* ****** Datos Maestros ****** */
/* **************************** */
.targetDynamicList > ul > li label { font-size:15px; color:#676a6c; }
.targetDynamicList > ul > li { min-height:80px; border:1px dashed rgb(223, 223, 223); padding:10px; }
.targetDynamicList > ul .ui-sortable-placeholder { display:none; }
.sourceDynamicList li { width:100%; margin: 10px 0; }
.sourceDynamicList li span { width:100%; }
.gridButtons .btn { margin-right: 5px; }
.gridButtons .btn:last-child { margin-right: 0; }

/* ********************** */
/* ****** Fichajes ****** */
/* ********************** */
.addQuadrantButton { margin-top: 7px; opacity: 0; }
.rowCalendar div[data-date]:hover .addQuadrantButton { opacity: 1; }

/* ********************** */
/* ****** Procesos ****** */
/* ********************** */
textarea.ckeditor_basic { color:transparent!important; }
.panel-close-form-designer { border-top:none!important; border-bottom:1px solid; }
.innerContent .big-panel { margin-bottom:15px; }
option[value="panel-default"]{ color: #333333; background-color: #f5f5f5; border-color: #ddd; }
option[value="panel-danger"],option[value="progress-bar-danger"]{ color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
option[value="panel-warning"],option[value="progress-bar-warning"]{ color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
option[value="panel-info"],option[value="progress-bar-info"]{ color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
option[value="panel-success"],option[value="progress-bar-success"]{ color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
option[value="panel-primary"],option[value="progress-bar-default"]{ color: #fff; background-color: #337ab7; border-color: #337ab7; }
.filter-field { border:1px solid #d8d8d8; float:left; width: 100%; padding:7px; margin-bottom:30px; background-color:#fffff2; border-radius:4px; }
.filter-field:last-child { margin-bottom:10px; }
.filter-field > button { float:right; margin:0; }
.filter-field:not(:first-child) { margin-top: 30px; }
#filter-else { margin-top: 50px; }
.filter-field:not(:first-child):before { content: "AND"; font-size: 20px; border:1px dashed #d8d8d8; width: 100%; height: 100%; float:left; margin-top: -58px; padding: 10px; font-weight: 600; }
.filter-field:has(.showOnMultiFilter:not(.hide)) > .row { position:relative; padding-left: 60px; }
.filter-field:has(.showOnMultiFilter:not(.hide)) > .row:before { content: "AND"; top:calc(50% - 8px); left:40px; position:absolute; transform: translateY(-50%) translateX(-50%); border-left:1px dashed #d8d8d8; padding-left: 10px; line-height: 53px; font-weight: 600; }
.filter-field:has(.showOnMultiFilter:not(.hide)) > .row.operatorAnd:before { content: "AND"; }
.filter-field:has(.showOnMultiFilter:not(.hide)) > .row.operatorOr:before { content: "OR"; }
#build #target label.checkbox, #build #target label.radio, .form-group label.checkbox, .form-group label.radio { margin-left:20px; }
.copy-button span, .move-button span { color:#736c73!important; position:absolute; }
.copy-button span { top:3px; left:4px; }
.move-button span { top:4px; left:4px; font-size:12px!important; cursor:move; }
#actions_layer { float:left; padding:2px 5px 2px 5px; border:1px solid #ccc; border-top:none; margin:0 0 10px 0; }
#actions_layer .fa { margin:5px 0 0 0; }
#actions_layer li { float:left; width:100%; }
#actions_layer li label { margin: 0 0 0 6px; }
.signature_image { max-width:100%; }
.signature_layer canvas { background-color:#fff; /*-webkit-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.28); -moz-box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.28); box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.28); */ }
.panel-title.control-label { text-align:left!important; padding:0!important; }
.button-on-heading { text-align:right; margin:-4px 0 0 0; float:right; }
.button-on-heading .btn { margin-right:5px; padding:2px 7px;  }
.button-on-heading .btn:last-child { margin-right:0; }
#target .button-on-heading .btn { margin-right:0!important; }
#target fieldset .component .sortable { padding: 5px; min-height:75px; }
#target input[type="text"], #target input[type="password"], #target textarea, #target select, #target .input-group, #target .panel:not(.kanban-element) { margin-bottom:0!important; }
label.checkbox, label.radio { font-weight:normal; }
.popover .input-group { width:100%; }
.autocomplete_fieldsname { position:absolute; background-color:#fff; border:1px solid #ccc; padding:10px; z-index:1065; max-height:300px; overflow:auto; }
.autocomplete_fieldsname * { font-size:14px; }
.autocomplete_fieldsname li { margin:2px 0; float:left; width: 100%; }
#target .sortable { border:1px dashed rgb(223, 223, 223); }
#target .sortable .component { border:none!important; }
#target .sortable .component { margin-left:-15px!important; margin-right:-15px!important; padding-left:15px!important; padding-right:15px!important; width:calc(100% + 30px)!important; }
#target .sortable .component.panel-padding { --padding-multiplier: 0; }
#target .sortable .component.panel-padding-left { padding-left: calc(15px * var(--padding-multiplier)) !important; }
#target .sortable .component.panel-padding-right { padding-right: calc(15px * var(--padding-multiplier)) !important; }
#target .sorting-target, .targetDynamicList [data-sorttarget] { background-color:#fffdcf; border:1px solid #000; }
#target .ui-sortable-placeholder { display:none!important; }
.component.sorting { width:100%!important; margin:0!important; border:none; }
#target .component { min-height:100px!important; padding-top:10px; border:1px dashed; float:left; }
/*#target .move-button { display:none; margin:3px 1px!important; width:20px!important; height:20px!important; padding: 5px 0 0 1px!important; font-size:15px!important; }*/
#target .sortable, #target .component { z-index:2; }
#target fieldset > .clearfix { position:relative; }
#target fieldset > .clearfix .fa-layer, .targetDynamicList .fa-layer, #target .controlIcons { display:none; position:absolute; border:1px solid rgb(223, 223, 223); }
#target fieldset > .clearfix .fa-layer, .targetDynamicList .fa-layer { background-color:#FAFAFA; z-index:2; left:-28px; top:-1px; padding:5px; border-right:none; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
#target .controlIcons { background-color:#fffff6; top:-32px; right:-1px; z-index:1; border-bottom:none; padding:2px 4px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#target .sortable .controlIcons { top:-31px; }
.targetDynamicList ul { position:relative; background-color:#FAFAFA; }
.targetDynamicList ul li { background-color:#FAFAFA; }
.targetDynamicList ul:hover .fa-layer { display:block!important; opacity: 1!important }
#target fieldset > .clearfix .fa-layer .fa, #target fieldset > .clearfix .fa-layer .far, .targetDynamicList .fa-layer .fa, #target fieldset > .clearfix .fa-layer .fas, .targetDynamicList .fa-layer .fas , #target fieldset > .clearfix .fa-layer .fal, .targetDynamicList .fa-layer .fal { font-size:18px; clear:both; float:left; height:11px; position:relative; z-index:1; }
#target fieldset > .clearfix .fa-layer .fas, .targetDynamicList .fa-layer .fas, .targetDynamicList .fa-layer .fal { font-size:28px; }
#target fieldset > .clearfix .fa-layer .fa-sort-down, .targetDynamicList .fa-layer .fa-sort-down, #target fieldset > .clearfix .fa-layer .fa-sort-up, .targetDynamicList .fa-layer .fa-sort-up { margin-left:3px; }
#target fieldset > .clearfix .fa-layer .fa-sort-down, .targetDynamicList .fa-layer .fa-sort-down { margin-top:1px; margin-bottom:-1px; }
#target fieldset > .clearfix[data-rowcleared="0"] .fa-layer .fa-sort-asc, .targetDynamicList ul:first-child .fa-layer .fa-sort-asc { display:none; }
#target fieldset > .clearfix:last-child .fa-layer .fa-sort-desc, .targetDynamicList ul:last-child .fa-layer .fa-sort-desc { display:none; }
#target [data-type="panel"] .panel-heading { border-radius: 8px!important; }
.fa-layer .fa-sort-asc, .fa-layer .fa-sort-desc { font-size:25px!important; }
.fa-layer .fa-sort-desc { margin:-8px 0 8px 0; }
.fa-layer .fa-plus-circle { z-index:2!important; }
.portletLoading { margin:20px 0; }
div[data-type="paragraph"] .controls > strong { font-weight:normal; }
div[data-type="paragraph"] label, .paragraph { font-weight:normal; text-align: left; }
div[data-type="paragraph"] label * { text-align: left; }
div[data-type="paragraph"] label ul, .paragraph ul { margin-left:44px; }
div[data-type="paragraph"] label ol, .paragraph ol { margin-left:44px; }
div[data-type="paragraph"] label li, .paragraph li { text-align: left; margin:5px 0; }
div[data-type="paragraph"] label ul li, .paragraph ul li { list-style-type:disc; }
div[data-type="paragraph"] label ol li, .paragraph ol li { list-style-type:decimal; }
div[data-type="paragraph"] label p, .paragraph p { margin-top:10px; }
div[data-type="paragraph"] label p:first-child, .paragraph p:first-child { margin-top:0; }
.paragraph { font-size:15px; }
.label.process-tag { margin:0 3px 0 0!important; }
.panel-with-form > .row { margin-left:0; margin-right:0; }
.automatic-data tfoot td { background-color:#eef7ff; }
.condition-item { padding-top:20px; padding-bottom:20px; border-bottom: 1px dashed #eeeeee; }
.condition-item:last-child { border-bottom:none; }
.condition-item > div > span.fal { margin: 2px 10px 0 0; float:left; }
.condition-item > div > span[data-target]:not(.select2) { margin:0 0 10px; float:left; font-weight:bold; font-size:16px; }
/*#formDesignerConditionsList .condition-item .condition-ors:nth-child(n+3) { margin-top:10px; }*/
#target .fa-globe { font-size:14px; color:#555555; }
.modal-body #flexgrid .parameters_line > div { padding-left:5px!important; padding-right:5px!important; }
.modal-body #flexgrid .parameters_line > div .form-control { padding:4px 6px!important; }
#wfLink { display:none; }
#addColumn { color:green; }
#removeColumn { color:red; }
.processImg { width:100%; }
.translatedInput  { position:relative; }
.translatedInput p { position:absolute; z-index:3; font-size:14px; color:#555; padding:7px 13px; height:34px; line-height:1.42857143; }
#components .component, .form-horizontal#temp { background-color:#FAFAFA; margin: 10px 5px; border:1px solid #e9e9e9; padding:10px; border-radius:3px; cursor:pointer; }
#components .component:hover, .form-horizontal#temp:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); }
#components .component-left, .form-horizontal#temp { color:#000; }
#components .component-left .component-icon, .form-horizontal#temp .component-icon { float:left; text-align:center; padding:15px; border-radius:10px; color:#fff; width:60px; height: 60px; position:relative; }
#components .component-left .component-icon span, .form-horizontal#temp .component-icon span { font-size:25px; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
#components .component-left .component-desc, .form-horizontal#temp .component-desc { width:calc(100% - 130px); float:left; line-height:15px; font-size:13px; position:absolute; top:50%; left: 100px; transform: translateY(-50%); }
#components .component-left .component-desc strong, .form-horizontal#temp .component-desc strong { font-size:16px; font-weight:normal!important; }
#components .component-left .component-desc p, .form-horizontal#temp .component-desc p { color:#888; margin-bottom:0; }
#components .component-right, .form-horizontal#temp .component-right { display:none; }
#target .component-right .controls select, #target .component-right .controls input, #target .component-right .controls textarea { pointer-events: none; }
#components .component-left { display:block; }
#target .component-right { display:block; }
#target .component-left { display:none; }
#target[data-processInFullMode] .component .move-button { display:none; }
#appFormData[data-processInFullMode] .nav-tabs [href="#conditionAdvanced"] { display:none; }
.tab-content .tab-pane[data-loading-subforms] { display:block; }
.form-horizontal#temp { margin:0!important; }
button[data-name] > span { margin-right: 5px; }
.wfButtonsCss button, .actionsOnDesigner .btn { padding:8px 13px!important; }
.wfButtonsCss button > i, .actionsOnDesigner .btn > i { margin-right:3px; }
#modal-designer-conditions .select2 { width:100%!important; }
#modal-designer-conditions .removeBlankSpace { margin-top:10px!important; }
#modal-designer-conditions .disableConditionWrapper { margin-top:5px!important; }
#modal-designer-conditions .modal-condition-disabled { opacity: 0.5; }
#modal-designer-conditions .modal-condition-disabled *:not([name="disabledCondition"]):not(.disableConditionWrapper) { cursor:not-allowed!important; }
#modal-designer-conditions [name="conditions-nexus"] { position:absolute; left: 0; width: 80px; }
#modal-designer-conditions .col-no-set-value { position:relative; }
#modal-designer-conditions .col-no-set-value.conditions-with-nexus > .condition-ors { width:calc(100% - 50px); border-left: 2px dashed; padding-left: 50px; margin-bottom: -8px; padding-bottom: 8px; margin-left: 25px; }
.form-readonly .file_upload, .form-readonly .fileUploadPaste { display:none!important; }
.version-num, .version-date { float:left; }
.version-num .far { font-size:15px; }
.version-date { font-size:11px; color:#ccc; }
.cardactive { background:#fffdcf!important; }
.progress { width:calc(100% - 20px); margin:0 auto; }
#dynamicLayoutShow .progress { width: 100%; }
.progress-bar { border-radius:4px; }
table .progress span { color:#acacac; }
.progressUserBar { position:relative; overflow:visible; }
.progressUserBar .progress-bar-handler { font-size:25px; position:absolute; top:-2px; left:-10px; }
.progress-bar.active, .progress.active .progress-bar { transition:none!important; }
.progress-bar-handler { color:#000; }
.form-readonly .progress-bar-handler { display:none; }
.has-error { position: relative; }
.has-error #jGrowl.bottom-left { /*bottom:-70px!important;*/ left: -5px!important; position:absolute; }
.has-error .cke { border-color:#a94442!important; }
.has-error label, .errorField .panel-label { color:#a94442!important; }
.btn-block-i { width:calc(100% - 25px); }
[data-process-popover-onlyclick] { cursor:pointer; }
#tagsFilters_chosen { min-width:100px!important; }
.checkbox.checkbox-inline, .checkbox.radio-inline, .checkbox-inline, .radio-inline { float:left; margin:0 10px 5px 0!important; }
#target > fieldset > div:hover { background-color:#fffff6; }
.translatedInput > p { width:100%; white-space:nowrap; overflow-x:auto; overflow-y:hidden; }
.translatedInput > p::-webkit-scrollbar { width: 5px; height: 5px; background-color: transparent; }
.addComponentLink { display:inline; font-size:12px; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); white-space:nowrap; border:1px solid #e0e0e0; color:#e0e0e0; padding:7px 10px 7px 7px; border-radius:17px; text-transform:uppercase; }
#target .controls .panel:not(.panel-close-form-designer):not(.kanban-element) { border-bottom:none!important; }
#target .controls .file_upload { margin-bottom:0!important; }
#appBuilderContainer { position:relative; }
.actionsOnDesigner { position:fixed; bottom:10px; right:10px; z-index:1061; }
.wfButtonsCss, .followUpButtonWrapper { display:none; position:fixed; bottom:10px; right:25px; z-index:1063; }
.followUpButtonWrapper { display:block; }
.fa-layer .fa-sort-down { bottom:8px; z-index:0!important; }
.button-del-row, .button-copy-row, .button-new-row { height:18px!important; }
.button-del-row, .button-copy-row { margin-top:1px; }
.button-color-row > span { margin-top:1px; }
.starsRating { float:left; }
.starsRating:not([data-ro]):not([readonly]) li { cursor:pointer; }
.starsRating li { float:left; font-size:20px; }
.starsRating li * { color:#ffe400; }
.processDesignerId, .componentIcons { padding:2px 3px; margin: 5px 0; }
.processDesignerId { float:right;font-size:10px; color:#acacac; }
.processDesignerId.duplicated { cursor:pointer; color:#fff; background-color:#d9534f; }
.componentIcons { z-index:2; position:relative; float:left; background-color:#fffff6; margin:2px 1px 0; border:1px solid #e0e0e0; border-radius:4px; }
.componentIcons * { font-size:10px; }
.affected-wf-hide { opacity: 0.2 }
.affected-wf-readonly { opacity: 0.6 }
/*.affected-wf-mandatory { border: 3px red solid!important; border-color:red!important; }*/
.affected-wf-hide::before, .affected-wf-hide-p::before { content:''; top:0; left:0; width:100%; height:100%; position:absolute; z-index:3; opacity:0.3; background: repeating-linear-gradient(45deg, #fff, #fff 10px, #acacac 10px, #acacac 20px); }
.affected-wf-readonly::before, .affected-wf-readonly-p::before { content:''; top:0; left:0; width:100%; height:100%; position:absolute; z-index:3; background-color:#acacac; opacity:0.3; }
.affected-wf-hide-p, .affected-wf-readonly-p, .affected-wf-mandatory-p { font-size:12px; float:left; padding:1px 7px; border-radius:4px; border:1px solid #acacac; margin: 0 5px 10px 0; position:relative; }
.affected-wf-mandatory::before, .affected-wf-mandatory-p::before { content:''; top:0; left:0; width:100%; height:100%; position:absolute; z-index:3; background:rgba(255, 0, 0, 0.2); }
.affected-wf-readonly-p, .affected-wf-hide-p, .affected-wf-mandatory-p { cursor:pointer; }
#workflowAffectedWrapper .form-group { margin-bottom:10px; }
.processFormTabs { padding:0!important; overflow:visible; }
.workflowTimeline { overflow:auto; position:relative; padding-bottom:5px; }
.workflowTimeline::-webkit-scrollbar { height:6px!important; }
.workflowTimeline ul { float:left; }
.workflowTimeline ul li { width:300px; display:inline-block; }
.workflowTimeline ul li:first-child { padding-left: 0; }
.workflowTimeline ul li:last-child { padding-right: 0; }
.workflowTimeline ul li:first-child .timeline-badge { margin: 0 calc(50% - 25px); }
.workflowTimeline ul li:last-child .timeline-badge { margin: 0 calc(50% - 15px); }
.workflowTimeline ul li:first-child .info, .workflowTimeline ul li:last-child .info { width:calc(100% - 10px); }
.workflowTimeline ul li:first-child .info { margin-left:0!important; }
.workflowTimeline ul li:last-child .info { margin-right:0!important; }
.workflowTimeline ul li .info { position:relative; width:calc(100% - 20px); border:1px solid #d4d4d4; margin:0 auto 15px; border-radius:4px; box-shadow:0 1px 6px rgba(0, 0, 0, 0.175); -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 0.175); }
.workflowTimeline ul li .info strong { font-size:17px; line-height:17px; margin-bottom:10px; float:left; width:100%; }
.workflowTimeline ul li .info p { margin-bottom:5px; }
.workflowTimeline ul li .info:after { content:''; transform: rotate(-45deg); border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; width:16px; height:16px; background-color:#fff; position:absolute; bottom:-9px; left:calc(50% - 8px); }
.workflowTimeline ul li .info > div { margin:10px; overflow:auto; }
.workflowTimeline ul li .timeline-badge { position:relative; z-index:2; width:40px; height:40px; margin:0 auto; }
.workflowTimeline ul li .timeline-badge > span { position:relative; z-index:1; border-radius: 50%; width:40px; height:40px; font-size:1.3em; color:#fff; }
.workflowTimeline ul li .timeline-badge.success, .workflowTimeline ul li .timeline-badge.danger { background-color:transparent!important; }
.workflowTimeline ul li .timeline-badge.success > span { background-color:#3f903f !important; padding: 9px 9px 9px 11px; }
.workflowTimeline ul li .timeline-badge.danger > span { background-color:#d9534f !important; padding: 9px 9px 9px 11px; }
.workflowTimeline ul li .timeline-badge:before { z-index:1; content:''; top:calc(50% - 1px); left: -165px; border-top:1px solid #d4d4d4; position:absolute; width: 370px; }
.workflowTimeline ul li:first-child .timeline-badge:before, .workflowTimeline ul li:last-child .timeline-badge:before { width: 375px!important; }
.workflowTimeline ul li:last-child .timeline-badge:before { left: -170px; width:370px!important; }
.workflowTimeline ul li.first .timeline-badge:before { left: 50%; width:190px!important; }
.workflowTimeline ul li.last .timeline-badge:before { width:180px!important; }
.processBreadcrumb .processBreadcrumbInfo { border-radius:4px; padding: .7em 1em .7em 2em; float: left; text-decoration: none; position: relative; border:none; border-top:1px solid; border-bottom:1px solid; min-height:66px; }
.processBreadcrumb .processBreadcrumbCard { cursor:pointer; padding: .7em 1.5em .7em 1.5em;  }
.processBreadcrumb:first-child .processBreadcrumbInfo:not(.processBreadcrumbCard) { padding-left:1.2em; }
.processBreadcrumb:not(.active) .processBreadcrumbInfo strong { margin-top:16px; float:left; }
.processBreadcrumb .processBreadcrumbInfo > span { float:left; margin-top:4px; }
.processBreadcrumb .processBreadcrumbInfo strong .label { margin-top:-2px; margin-left:5px; }
.processBreadcrumb:first-child .processBreadcrumbInfo { border-left:1px solid; }
.processBreadcrumb .processBreadcrumbInfo { border-right:1px solid; }
.processBreadcrumb:not(:last-child) .processBreadcrumbInfo:not(.processBreadcrumbCard):after,
.processBreadcrumb:not(:last-child) .processBreadcrumbInfo:not(.processBreadcrumbCard):before { content: ""; position: absolute; top: 50%; right:-14px; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1em solid; z-index: 1; }
.processBreadcrumb:not(:last-child) .processBreadcrumbInfo:not(.processBreadcrumbCard):after { z-index: 2; border-left-color: #fff; right: -13px; }
.processBreadcrumb:not(:last-child) .processBreadcrumbInfo:not(.processBreadcrumbCard):before { z-index: 1; }
.processBreadcrumb.actual .processBreadcrumbInfo { outline: 2px solid #337ab7; outline-offset: -2px; }
/*.processBreadcrumb .processBreadcrumbInfo.cardactive, .processBreadcrumbCard:hover, .portlet:not(.lightProcessIcon) .title .fal:hover:after, .portlet:not(.lightProcessIcon) .title .fa:hover:after { outline: 1px solid #337ab7; outline-offset: -1px; }*/
.processBreadcrumb .processBreadcrumbInfo.cardactive, .processBreadcrumbCard:hover, .portlet:not(.lightProcessIcon) .title .toolbarIconsWrapper a:hover .fal:after, .portlet:not(.lightProcessIcon) .title .toolbarIconsWrapper a:hover .fa:after { outline: 1px solid #337ab7; outline-offset: -1px; }
.processBreadcrumb.actual .processBreadcrumbInfo:not(.processBreadcrumbCard):before { border-left-color: #337ab7!important; }
.processBreadcrumb .processBreadcrumbInfo.cardactive:before { border-left-color: #337ab7!important; }
.portlet:not(.lightProcessIcon) .title .fal:hover, .portlet:not(.lightProcessIcon) .title .fa:hover { color:#337ab7!important; }
.processBreadcrumb.actual .processBreadcrumbInfo:not(.processBreadcrumbCard):after { right: -12px; }
#workflowTimeLineBreadCrumbs li .fa-move { display:none; float:left; cursor:move; }
#workflowTimeLineBreadCrumbs li:hover .fa-move { display:block }
#workflowTimeLineBreadCrumbs li label { margin-left: 20px!important; }
.contractWrapper { float:left; width:100%; }
.contractWrapper .popover { max-width:500px!important; }
.contractWrapper .popover-content { min-width:500px; }
.contractPage { float:left; clear:both; position:relative; margin:0 0 10px; border:1px solid; }
.contractPage .checkbox .owncheckbox, .contractPage .checkbox .ownradio { top:1px!important; }
.contractPage img:not(.signature_image) { max-width:100%; }
.contractPage > .dropdown { position:absolute; top:5px; right:5px; }
.contractPage .popover label { font-size:12px!important; margin-bottom:0!important; }
.contractPage .popover input, .contractPage .popover select { margin-bottom:0!important; }
.contractPage .popover .form-group { margin-bottom:5px!important; }
.contractPage .popover .popover-content > .btn-group { margin-top:10px; }
.contractPage .popover .multi-form { margin-bottom:5px; }
.contractPage .popover .multi-form:last-child { margin-bottom:0!important; }
.contractPageComponent.creating { border:1px dashed; border-radius:4px; }
.contractPageComponent { padding:5px; position:absolute; top: 5px; left: 5px; }
.contractPageComponent input[type="text"], .contractPageComponent input[type="number"], .contractPageComponent textarea, .contractPageComponent select { padding:4px 6px!important; margin-bottom:0!important; background-color:transparent; }
.contractPageComponent textarea { height:100%!important; resize:none; }
.contractPageComponent [disabled] { background-color:#fff!important; cursor:auto; }
.contractPageComponent .contractPageSign { background-color:transparent; border:1px solid; border-radius:4px; overflow:hidden; min-width:288px; min-height:138px; height:100%; width:100%; }
.contractPageComponent .contractPageSign.readonly { border:none; }
.contractPageComponent .contractPageSign .button-on-heading { margin-top:3px!important; }
.contractPageComponent .contractPageSign .button-on-heading .btn { margin-right:3px!important; }
.contractPageComponent .contractPageSign .panel { background-color:transparent; }
.contractPageComponent .contractPageSign .panel, .contractPageComponent .contractPageSign .panel-body { width:100%; height:100%; }
.contractPageComponent .contractPageSign .panel, .contractPageComponent .contractPageSign .panel-heading { border:none!important; padding:0!important; }
.contractPageComponent .contractPageSign .panel-body { padding:0!important; position:relative; }
.contractPageComponent .contractPageSign button { position:absolute; right:2px; top:2px; }
.contractPageComponent .form-control[readonly], .contractPageComponent .signature_all.readonly { background-color:transparent!important; border:none; }
.contractPageComponent.contractPageComponentMandatory, .contractPageComponentMandatory .mandatory, .contractPageComponentMandatory .form-control:not(:focus), .contractPageComponent.contractPageComponentMandatory .contractPageSign { border-color:#ee0000!important; }
.contractPageComponentButtons { position:absolute; top:-22px; left: 0; }
.contractPageComponentButtons .btn-draggable { cursor:move; }
.contractPageComponentButtons button { border-radius: 4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; }
.stickyPosition { position:sticky; top:5px; z-index:3; }
.searchUserNotFound { padding:10px 10px 0 10px; font-size:13px; }
.userselector .input-group, .input-group-choosed { width:100%; }
.userselector .userSelected a, .input-group-choosed .predicted a { float:right; }
.userselector .predicted, .input-group-choosed .predicted { padding:8px 11px 8px 11px; }
.listModulesItem { max-height:70px!important; float:left; overflow: auto; margin-bottom:10px!important; }
.widget-item { margin-bottom:10px!important; }
#userCommentPredict { border:1px solid #e0e0e0; float:left; background-color:#fff; }
#userCommentPredict label { cursor:pointer; border:none; border-radius:0; border-bottom:1px solid; }
#userCommentPredict li { float:left; width:100%; }
#userCommentPredict li:last-child label { border-bottom:none; }
.cke_autocomplete_panel { margin-top: 5px!important; }
.portletForm { position:relative; }
.appDatainfoButton { position:absolute; top:-5px; right:-5px; z-index:1062!important; }
.infoPanelHidden { display:none; position:sticky; top:0; }
.infoPanelHidden.infoPanelNoFixed { position:relative; }
.infoShowed .infoPanelHidden { display:block; padding-right:0!important; }
.infoPanelHidden .content > strong { float:left; width:100%; border-bottom:1px solid #ddd; padding-bottom:5px; }
.infoPanelBlock { float:left; margin-top: 10px!important; margin-bottom:20px!important; width: 100%; }
.infoPanelBlock:last-child { margin-bottom:0!important; }
.infoPanelBlock > div { float:left; width:100%; }
.infoPanelBlock span { line-height:20px!important; }
.infoPanelBlock > div > span:first-child { color:#888888; }
.infoPanelBlock .alert { padding:0!important; }
.infoPanelWf { float:right; margin-top: -5px; }
.workflowErrors span.fas { color: #ffa200; }
.workflowErrors ul { margin-top: 10px; }
.workflowErrors ul li { margin-top: 4px; }
.spanblock { white-space: nowrap; }
.infoPanelBlock .badge { line-height:16px!important; font-size:10px!important; padding:0 4px!important; }
[data-lateral-opened] .portletForm { width:100%; }
[data-lateral-opened] .appDatainfoButton, [data-lateral-opened] .infoPanelHidden { display:none; }
[data-lateral-opened] form fieldset { overflow:auto; padding-right: 15px; }
[data-valtype="label"] p, .paragraph p { line-height:19px; font-weight:normal; }
#columns_list { float:left; width:100%; margin-bottom: 10px; }
#columns_list li { float:left; border:1px dashed #ccc; padding: 4px; margin: 0 3px; border-radius:4px; }
#columns_list li > span {  border:1px solid #ccc; border-radius:3px; padding:4px 5px; margin:0 2px; }
#columns_list li > span.disabled { cursor:not-allowed!important; }
#columns_list li:first-child { margin-left:0; }
#column_form .actionWrapperShow li { width:100%; float:left; margin:2px 0; }
#column_form .actionWrapperShow li ul, #actions_layer .duplicateDataOptions { margin:20px 20px 20px 40px; }
#column_form .actionWrapperShow li span { margin-right:5px; }
#column_form .actionWrapperShow li > span { cursor:move; }
#columns_list .handle { cursor:move; }
#mandatoryTimmingsMessage { display:none; }
.wfStatusChecks { margin-bottom:20px; }
.summaryConditionsList { overflow:auto; max-height:500px; margin-top:5px; }
.summaryConditionsList li a { float:left; width:100%; padding: 10px; border:1px solid #e0e0e0; line-height:1.2; }
.condSummaryAffected h3 { margin-top:0; }
#menuNavbar { margin-top:15px; }
#menuNavbar .pageLabel { font-weight:bold; }
#menuNavbar .move-icon { cursor:move; }
#menuNavbar .dropdown-submenu .move-icon { margin-right: 3px; }
#menuNavbar .dropdown-submenu .edit-icon { margin-right: 3px; }
#menuNavbar .dropdown-submenu .delete-icon { margin-right: 5px; }
#menuNavbar > .dropdown { margin-right: 5px; }
#menuNavbar > .dropdown:last-child { margin-right: 0 }
#menuNavbar .dropdown-submenu { position: relative; }
#menuNavbar .dropdown-menu > li > a { padding:3px 5px!important; margin:5px 0; }
#menuNavbar .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
#menuNavbar .dropdown-menu .btn, #navBarMenuNew { border:1px dashed #acacac; }
#menuNavbar .dropdown-menu .btn { margin: 0 0 0 5px; width:calc(100% - 10px);}
#menuNavbar .dropdown-submenu:hover>.dropdown-menu { display: block; }
#menuNavbar .dropdown-submenu.pull-left { float: none; }
#menuNavbar .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
#menuNavbar > .dropdown > a > .move-icon, #menuNavbar > .dropdown > a > .edit-icon, #menuNavbar > .dropdown > a > .delete-icon { position:absolute; top:-18px; padding:3px; background-color:inherit; border:1px solid; border-color:inherit; border-bottom:none; }
#menuNavbar > .dropdown > a > .move-icon { left:0; border-right: none; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; }
#menuNavbar > .dropdown > a > .edit-icon { left:17px; border-left:none; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; }
#menuNavbar > .dropdown > a > .delete-icon { right:0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.navBarMenu { margin-top:15px; }
.navBarMenu .dropdown-menu { padding: 0; }
.navBarMenu button, .navBarMenu a { text-align:left; }
.navBarMenu button:active, .navBarMenu a:active, .navBarMenu button:focus, .navBarMenu a:focus { box-shadow:none; outline:none!important; }
.navBarMenu .dropdown-menu button { border-radius:0!important; width:100%; }
.codeMirrorProcessBuilder { margin-bottom:10px; }
.codeMirrorProcessBuilder i { float:left; width:100%; margin-bottom:10px; }
.codeMirrorProcessBuilder button { margin-top:5px; }
.CodeMirror-hints { z-index: 1065!important; }
.codeMirrorProcessBuilder .CodeMirror { border:1px solid #e0e0e0; border-radius: 4px; }
.selectDynamicFilters { display:none; }
.processCopyInput { opacity: 0; position:absolute; z-index:-1; }
.processCopyValue { padding: 8px 0; }
.processCopyValue span { opacity:0; cursor:pointer; }
.processCopyField:hover .processCopyValue span { opacity: 1 }
.processStickyBar { bottom:0; position:sticky; padding: 5px; z-index:1062; height:60px; background-color:inherit; margin-left:-15px; margin-bottom:-20px; -webkit-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.2); box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.2); overflow-x:auto; }
.processStickyBar > div { height:100%; float:right; padding: 10px; border-left: 1px solid; text-align:right; }
.processStickyBar > div:last-child { border-left:none; }
.processStickyBar > div > label { font-size:12px; width:100%; float:right; color:#888; font-weight:normal; margin-top:10px; }
.processStickyBar > div > span { font-size:18px; width:100%; float:right; }
.listDocumentsSwap { float:right; }
.listDocumentsSwap a { margin-left: 10px; }
.file-uploaded-bottom > div:not(.clearfix) { position:relative; width:100%; min-height:100px; background-size:cover; }
.file-uploaded-bottom > span { margin-top:10px; float:left; width: 100%; height:40px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-uploaded-bottom .actions { display:none; position:absolute; bottom:5px; right:5px; }
.file-uploaded-bottom:hover .actions { display:block; }
.file-uploaded-bottom .file-icon img { width:100%; }
.file-process-moving { border: 1px dashed; border-radius: 5px; margin: 0 0 10px 0; padding: 10px }
/*.file-moving-across-droppable { height:150px; }*/
[id*=_app_tabs] .tab-content { position:static; overflow:visible; }
.ckeditor_preview { max-height:70px; overflow:auto; width:100%; }
.ckeditor_preview textarea { display:none; }
.ckeditor_preview_empty { min-height:70px; }
.summernote-own-button { margin-top: 4px; }
.openProcessSidebar { padding:20px 15px; background-color:#fff; position:relative; }
.openProcessSidebarButton { top:10px; right:10px; position:absolute; z-index:1; }
.processDocumentLoading { display:block!important; }
.selectLayoutWrapper { position:absolute; bottom:19px; left: 16px; right:16px; }
.filterRolesSelected { margin:0 5px 10px; padding:6px 12px; border:1px solid; color:#fff; float:left; border-radius:4px; cursor:pointer; }
.filterRolesSelected:first-child { margin-left:0; }
.invoiceLine { margin-top:10px; }
.invoiceLine .multi-form:not(:first-child) .headInvoice { display:none; }
.invoiceLine .advancedInvoiceLineWrapper { margin-bottom:10px; }
.invoiceLine .multi-form:last-child .advancedInvoiceLineWrapper { border:none; }
.invoiceLine .row-line { padding:0!important; }
.invoiceLine .col-line { padding:0!important; }
.invoiceLine .col-line > label { margin: 0 10px; }
.invoiceLine label { font-size:12px!important; }
.invoiceLine .col-line input, .invoiceLine .col-line select { border-radius:0!important; }
.invoiceLine .col-line input, .invoiceLine .col-line select { border-left:none; }
.invoiceLine .col-line input, .invoiceLine .col-line select { border-left:none; }
.invoiceLine .col-line:last-child input, .invoiceLine .col-line:last-child select { border-right:none; }
.advancedInvoiceLine { padding-bottom:10px; }
.inactiveProcess h3 { margin-top:5px!important; }
.inactiveProcess p { margin-top:15px!important; }
.revertDelete { margin-top:5px; cursor:pointer; }
.revertDelete > div { position:relative; float:left; width:20px; height:20px; }
.revertDelete > div .fa-spin { position:relative;font-size: 21px;width: 20px;height: 20px; }
.revertDelete .revertCountdown { position:absolute;left: 6px;top: 2px; }
.revertDelete strong { margin: 0 0 0 5px; }
#target [data-type="tabs"] .tabs-move { position:absolute; top:11px; z-index:12; cursor:move; }
#designFromFileFields { float:left; }
#designFromFileFields ul { float:left; max-height:150px; overflow: auto; width:100%; }
#designFromFileFields li { cursor:move; border-radius: 4px; padding:5px; float:left; border:1px solid; margin:2px; white-space: nowrap }
.table-no-result { text-align: center; position: relative; color: #848484; }
.table-no-result > div { position:relative; width: 100%; height: 150px; float:left; padding: 10px 0 10px !important; }
.table-no-result > div > div { text-align: center; position:absolute; transform:translateX(-50%) translateY(-50%); top: 50%; left: 50%; }
.table-no-result i { margin-bottom: 5px; }
.table-no-result span, .form-process-loading label, .form-process-loading .input-group { display:block; height: 15px; background: linear-gradient(to right, #eee 20%, #ddd 50%, #eee 80%); background-size: 500px 100px; animation-name: moving-gradient; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear; animation-fill-mode: forwards; border-radius:4px; }
.table-no-result span[data-grid-loading-bar-1] { width:100% }
.table-no-result span[data-grid-loading-bar-2] { width:50%; }
.table-no-result span[data-grid-loading-bar-3] { width:75%; }
.table-no-result span[data-grid-loading-bar-4] { width:25%; }
.form-process-loading label { max-width:200px; }
.form-process-loading .input-group { height:100px; }
.handwrittenManually { position:absolute; top:3px; right: 3px; }
.translateLangLabel { position:absolute; bottom:3px; right: 3px; }
.translateFieldWrapper { position:relative; }
.translated-fields input { margin:5px 0 0 0; }
.translated-fields input:first-child { margin-top:0; }
.form-control.sourceTranslationText { border-color:#fffdcf!important }
label[onClick] { cursor:pointer; }
.col-with-color { padding-top:15px; }
.component-column:not(.col-with-color) { padding-top:15px; }
form .row-with-color-light label, .ownTheme form .row-with-color-light label { color:#333!important; }
form .row-with-color-dark label, .ownTheme form .row-with-color-dark label { color:#fff!important; }
#addIndexDesigner { float:left; margin: 20px 5px 0 0; }
#build #target { width:100%; }
.processIndexList ul, .processIndexList ul li { float:left; width:100%; }
[data-formAsWizard] .processIndexList ul li { float:left; width:auto; padding-right:35px!important; }
[data-formAsWizard] .processIndexList { margin-bottom:10px; }
.processIndexList ul li { padding:20px; border:1px dashed; position:relative; cursor:pointer; }
.processIndexList ul li[disabled] { color:#acacac }
.processIndexList ul li:not(.addIndex):not([data-no-index]):after { font-family: Font Awesome\ 5 Pro; content: "\f054"; font-size:20px; position:absolute; right: 10px; }
.processIndexList ul li.addIndex { padding:20px!important; text-align: center; }
.processIndexList .addComponentLink { position:relative; top:auto; left: auto; margin:0 auto; text-align: center; }
.processIndexList .addComponentLink:last-child { margin-left:2px; }
.processIndexList [data-page-title] { font-size:17px }
.processIndexList [data-page-subtitle] { margin:10px 0 0 0; float:left; font-size:13px; }
.processIndexList .indexOptions { position:absolute; width:100%; top:0; left:0; }
.processIndexList .indexOptions a { position:absolute; top:5px; font-size:11px; }
.processIndexList .indexOptions a[data-page-move] { right:35px; cursor:move; }
.processIndexList .indexOptions a[data-page-remove] { right:20px; }
.processIndexList .indexOptions a[data-page-config] { right:5px; }
.portletForm .processIndexList .input-group, .portletForm .processIndexList .form-group { margin-bottom:5px!important; }
.portletForm .processIndexList li { border:none; border-bottom: 1px solid #cacaca; }
.portletForm .processIndexList li.active { color:#3d70b2; border-bottom: 4px solid #3d70b2; }
.portletForm .processIndexListScrollBar { overflow-y: auto; }
#newLayoutWrapper ul { float:left; width:100%; }
#newLayoutWrapper ul li { float:left; width:100%; border-radius: 4px; padding:10px; cursor:pointer; }
#newLayoutWrapper ul li:hover, #newLayoutWrapper ul li.active { background-color:#acacac; }
#newLayoutWrapper ul li strong { font-size:16px; }
#newLayoutWrapper ul li i { font-size:25px; }
#newLayoutWrapper ul li .newLayoutIcon { float:left; text-align:center; padding:10px; border-radius:4px; width:20%; margin:0 10px 0 0; background-color:#fff; color:#333; }
#newLayoutWrapper ul li .newLayoutText { float:left; margin-top:4px; width:calc(80% - 10px); }
#newLayoutWrapper ul li .newLayoutText p { font-size:12px; margin-top:2px; }
#newLayoutWrapper img { max-width:100%; border:1px solid; border-radius: 10px; padding:20px; }
select.form-control[multiple][data-buttonmode] { height:0!important; }
select[data-buttonmode] { opacity:0; height:0!important; padding:0!important; margin:0!important; border:none!important; }
.selectButtonMode > .btn { padding:6px 12px!important; margin:0 5px 5px 0; }
.component-column[data-hiddenByIndex], .clearfix[data-hiddenByIndex], .component-column[data-hiddenByWizard], .clearfix[data-hiddenByWizard], .component-column[data-removedBlankSpace] { display:none; }
#target [data-dragging-row].indentDragging { z-index:10; }
#target .sortable.indentDragging { z-index:11; }
#target fieldset .clearfix .fa-layer .move-button { margin:2px 0 1px!important; }
#target fieldset .clearfix .fa-layer .move-button span { font-size:11px!important; top:2px!important; left:3px!important; }
.formAsWizardSteps { float:left; width:100%; text-align:center; margin:20px 0; }
.formAsWizardSteps button { margin: 0 20px; }
.formAsWizardSteps ul { margin:20px auto 10px; height:20px; }
.formAsWizardSteps ul li { display:inline-block; margin: 0 10px; width:21px; height:21px; }
.formAsWizardSteps ul li .fas { position:relative; font-size:21px; bottom:-3px; left:-1px; right:-1px; transition: font-size .2s ease; line-height:10px; }
.inputAddonClickable { cursor:pointer; }
.showHistoryLayoutAdvice { position:relative; line-height:17px; float:right; margin-top:10px; border-radius:5px; border:1px solid; padding:15px; color:#333; }
.showHistoryLayoutAdvice a { position:absolute; top:8px; right:10px; }
.searchFieldName { width: 300px; position:relative; line-height:17px; float:right; margin-bottom:10px; }
.hiddenBySearch { display:none; }
#historyLayouts.modal-bottom-left table thead th:nth-child(n+3) { display:none; }
#historyLayouts.modal-bottom-left table tbody td:nth-child(3), #historyLayouts.modal-bottom-left table tbody td:nth-child(4) { display:none; }
.gridFreemiumFields { max-height:165px; overflow-y:auto; }
.gridFreemiumFields li { padding: 2px 0; }
.gridFreemiumFields li:first-child { padding-top:0; }
[data-grid-freemium="1"] .modal-body .table-responsive { margin:0!important; }
.gridThSorter { position:absolute; top:0; left: 0; z-index:2; cursor:move; }
.tour-showing { display:block!important; opacity: 1!important; }
.multi-values .multi-buttons { margin-top:5px; }
[data-grid-freemium] .designDataPreview table { margin:10px 0!important; }
.workflowApprovers .panel-body .form-group > div { float:left; width: 100%; }
.workflowApprovers .panel-body .form-group > div > div { float:left; width:100%; margin: 5px 15px 10px; }
.workflowApprovers .paddingInside { padding: 10px 20px 0; }
.designerRowSystem > div { border:1px solid; float:left; width:7px; height: 10px; margin-right: 2px; }
.designerRowSystem > div:last-child { width: 8px; border-right:1px solid; margin-right:0; }
#appFormData .designerRowSystem, #appFormData .designerShortcuts button { margin-bottom:5px; }
.designerTopButtons > div { float:right; margin-right: 20px; min-height:95px; }
.designerTopButtons > div:last-child { max-width:285px; }
.designerTopButtons > div:first-child { margin-right:0; border-left:1px solid; padding-left:20px; }
.appBuilderForm { margin-bottom: 20px; }
.appBuilderForm h2.processTitle { margin-top: 5px; margin-bottom: 12px !important; float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; }
.newProcessCards .card-icon { margin-top:10px; }
.label-dark { background-color:#000000; color:#fff; }
.summernoteManualMentions { position:absolute; z-index:1065; background-color:#fff; padding: 10px; border-radius:4px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }
.summernoteManualMentions ul { float:left; padding:0; margin: 0; }
.summernoteManualMentions li { float:left; padding:0; margin: 0; clear:both; }
.summernoteManualMentions a { float:left; padding: 5px 10px; }
.copyElements { height: 0!important; opacity: 0!important; position:absolute; z-index:-1; }
.appRoleToGrid ul { margin:10px 0; }
.appRoleToGrid li, .appRoleToGrid ul { float: left; width: 100%; }
.appRoleToGrid li span, .appRoleToGrid li label { float:left; }
.appRoleToGrid li span.fal { margin-right: 8px; margin-left: 6px; width: 15px; }
.select2-with-order > * { float:left; }
.select2-with-order .move-handler { width: 40px; margin: 5px 5px 0 0; }
.select2-with-order > .multi-field-select2 { width: calc(100% - 45px); }
#qrCodeWrapper > img { margin: 0 auto 20px; }
.shareLinkShort .btn-success * { color: #fff; }
#followUpProcessWrapper h4 { margin-bottom:0; letter-spacing: 2px; text-overflow:ellipsis; overflow: hidden; }
#followUpProcessWrapper .alert { white-space:nowrap; background-color: #f9f9f9 !important; border:1px solid #d7d7d7;  }
#followUpProcessWrapper .btn { margin-bottom:20px; }
#copyFollowUpUrl, #copyFollowUpCode { opacity:0; height:0; position:absolute; top:0; left:0; }
.qrReader { position: relative; }
.qrReader, .qrCreator { width:100%; border:1px solid; border-radius:4px; padding: 20px; float:left; }
.qrReader > span, .qrCreator > span { float:left; font-size: 30px; line-height:1.1; }
.qrReader > button, .qrCreator > button { float:left; margin-left: 20px; }
.qrCreatorResultWrapper { float:left; width: 100%; }
.qrCreatorResultWrapper img { padding:5px; margin:10px 0; border-radius: 5px; border:1px solid; }
.advancedConditionComponent .condition-item span[data-target] .label { /*color:#FFF;*/ font-size: 12px!important; margin-left: 3px; line-height:18px; /*padding-bottom:.2em!important;*/ font-weight:normal; }
.qrReaderElement { border:none!important; display: flex; flex-direction:column; align-items:flex-start; align-content:flex-start; }
.qrReaderElement img { display:none; }
button.html5-qrcode-element { position:relative; font-size:13px; float:left; color:#333; background-color:#fff; padding: 7px 12px 7px 30px; margin-bottom:0; display: inline-block; border-radius: 4px; border:1px solid #ccc; }
button.html5-qrcode-element::before { font-family:Font Awesome\ 5 Pro, Font Awesome\ 5 Brands, Font Awesome\ 5 Free, Font Awesome\ 5 Solids, Helvetica; font-weight:300; position:absolute; top:7px; left: 12px; z-index:1; }
#html5-qrcode-button-camera-start::before { content:'\f030'; }
#html5-qrcode-button-camera-stop::before { content:'\e0d9'; }
.qrReaderElement [id*="__dashboard"] { order: 1; }
.qrReaderElement [id*="__scan_region"] { order: 2; min-height:auto!important; }
.qrReaderElement [id*="__scan_region"] video, .qrReaderElement [id*="__scan_region"] #qr-shaded-region { margin-top:20px; }
.qrReaderElement [id*="__scan_region"] img, .qrReaderElement [id*="__scan_region"] br { display: none; }
.qrReaderElement [id*="__scan_region"], .qrReaderElement [id*="__dashboard"] { text-align: left!important; flex-grow: 1!important; }
.qrReaderElement [id*="__dashboard_section"] { padding:0 0 0 10px!important; }
.qrReaderElement [id*="__dashboard_section"] > div:not(:first-child) { display: none; }
.qrReaderElement [id*="__dashboard_section_csr"] { position: relative; height:0; }
.qrReaderElement [id*="__dashboard_section_csr"] > span { color: transparent!important; }
.qrReaderElement #html5-qrcode-select-camera { color:#333!important; padding: 9px 12px !important; margin: -2px 0 15px 10px !important; height:auto !important; font-size: 14px; border-radius: 4px; }
[data-multi-values-name="createPersonalFieldsForm"] > .multi-data > .multi-form:not(:first-child) { border-top:1px solid; padding-top:20px; }
[data-multi-values-name="createPersonalFieldsForm"] .options-list { display: none; }
.editable-by-admin { margin-top: -10px; }
button.btn-create-layout:not(:hover) { border-color:transparent!important; }
.progress-dynamic-layout .progress-bar { white-space: nowrap; }
.progress-dynamic-layout .progress-bar span { color:#DDDDDD; margin-left: 10px; }
#dynamicResponseWrapper { margin-top: 10px; }
.component-column[style*="background-color"] .panel, .component-column[style*="background-color"] thead, .component-column[style*="background-color"] .tablesorter-header { background-color: transparent!important; }
.component[data-bgcolor] .panel, .component[data-bgcolor] thead { background-color: transparent!important; }
.component-column .master-data .table-no-result .fa-5x { font-size:3em; }
.component-column .master-data .table-no-result > div { height:100px; }
.infoPanelHidden .documentSidebarSearcher { margin-bottom:10px; }
.infoPanelHidden .relationsDocuments { text-align:center; float:left; width: 100%; }
.infoPanelHidden .relationsDocuments .infoPanelBlock { width: 100%; }
.infoPanelHidden .relationsDocuments ul { text-align:left; }
.infoPanelHidden .relationsDocuments ul, .infoPanelHidden .relationsDocuments ul li { float:left; width: 100%; }
.infoPanelHidden .relationsDocuments ul li { border:1px solid; border-radius: 8px; padding: 10px; margin-top: 10px; }
.infoPanelHidden .relationsDocuments ul li:first-child { margin-top:0; }
.infoPanelHidden .relationsDocuments ul li > div { float:left; }
.infoPanelHidden .relationsDocuments ul li .sidebarDocumentIcon { background-size: cover; width: 50px; height:50px; margin-right: 10px; border-radius:8px; }
.infoPanelHidden .relationsDocuments ul li .sidebarDocumentContent { margin-top: 6px; width: calc(100% - 125px); overflow: hidden; text-overflow: ellipsis; }
.infoPanelHidden .relationsDocuments ul li .sidebarDocumentContent strong { font-weight:400; white-space: nowrap; clear: both; line-height:20px; }
.infoPanelHidden .relationsDocuments ul li .sidebarDocumentContent span { font-weight:300; }
.infoPanelHidden .relationsDocuments ul li .sidebarDocumentActions { position:relative; margin-top: 15px; margin-left: 10px; float:right; }
.infoPanelHidden .relationsDocuments ul li .sidebarDocumentActions a { font-size: 18px; margin-right:5px; }
.infoPanelHidden .relationsDocuments ul li .sidebarDocumentActions a:last-child { margin-right:0 }
.infoPanelHidden .cuerpoDatos { padding:0!important; }
.infoPanelHidden #listComments > div { box-shadow: none; border-radius:8px; margin-bottom:10px; }
.allowImportExcelAdvanced { padding-left: 18px; }
.rowVerticalAlignmentCenter, .rowVerticalAlignmentBottom, .rowVerticalAlignmentTop { display:flex; position:relative; }
.rowVerticalAlignmentCenter > .component, .rowVerticalAlignmentBottom > .component, .rowVerticalAlignmentTop > .component { position:static }
.rowVerticalAlignmentTop { align-items: start; }
.rowVerticalAlignmentCenter { align-items: center; }
.rowVerticalAlignmentBottom { align-items: end; }
.rowAligned { margin-bottom: 15px; }
.rowAligned > .form-group, .rowAligned > .form-control, .rowAligned input[type="text"], .rowAligned input[type="number"], .rowAligned input[type="password"], .rowAligned textarea, .rowAligned select, .rowAligned .card { margin-bottom:0!important; }
.rowAligned:not(.colAligned) > .form-group { width: 100%; }
.rowAligned > .pull-right, .rowAligned > .pull-left, .rowAligned > .pull-center { display:flex; }
.rowAligned > .pull-right { justify-content: end; }
.rowAligned > .pull-left { justify-content: start; }
.rowAligned > .pull-center { justify-content: center; }
[data-hiddenByFormType] { display:none; }
.condForeign { padding: 3px 6px!important; margin-top: 5px; font-size:12px; }

/* Freemium install modules Portlet */
.freemium_installed { color: lightgray; }
.module_limits { position: absolute; right: 0; background-color: lightgray; padding: 5px; color: white; border-radius: 5px 0 0 0; bottom: 0; }
.module_limits_exceeded { background-color: maroon !important; }
.module_no_limits { background-color: #1e3799!important; }
.module_box { padding: 15px 15px 0 15px!important; }
.module_box > div > .label { max-width:18%; overflow:hidden; text-overflow:ellipsis; }
.module_box > div > div:not(:first-child) { position:absolute; bottom: 10px; width: 100%; }
.module_installed { float: right; color:darkgrey !important; font-size: 12px; margin-right: 10px; }
.module_delete { float: right; z-index: 100; position:relative; }
.module_title { padding:0 5px; font-size: 16px; margin: 15px 0 10px 0; color: #727272; width:80%; }
.module_resume { padding:0 5px; font-size: 13px; line-height: 1.5; color: darkgrey; margin-bottom: 20px; }
.img_inside { width: 100%; /*height: 200px;*/  }
.category_label{float: right;padding: 1px 5px;font-size: 13px;background-color: whitesmoke;border-radius: 2px;}
.equal-height-freemiumModules .hover_freemium { transition: 0.5s ease; opacity: 0; position: absolute; background-color: rgba(222, 222, 222, 0.8); width: calc(100% - 30px);top: 0;border-radius: 5px;left: 0;text-align: center; margin: 15px; }
.equal-height-freemiumModules .hover_freemium:hover {opacity: 1;}
.hover_freemium_label{position: absolute;width: 33%;top: 45%;left: 33%;background-color: gainsboro;color: royalblue;padding: 7px;text-align: center;}
.hover_freemium button { position:absolute; top:50%; left: 50%; transform: translateY(-50%) translateX(-50%); }
.img_inside_description { border:none; border-radius:10px; }
.freemiumProcessModal .modal-body { border:none; border-radius:10px; }
.freemiumCategories { margin-bottom: 20px; }
.freemiumCategories li { margin:5px 0; }
.freemiumCategories li.active a { font-weight:bold; }
.freemiumCategories li a span { font-weight:normal; }
.freemiumCategories li a span.label { position:relative; top:-1px; margin-left: 5px; }
.freemiumModules .img_inside { background-size:contain; background-repeat: no-repeat; border-radius: 5px; }
.freemiumFilters { position:relative; }
.freemiumFilters > div { position:absolute; width: calc(100% - 30px); height: 100%; top:0; }
.panel-external-layout { color:#333!important; float:right; margin-top: -3px; font-size: 11px!important; }
.panel-external-layout * { color:#333!important; }
.appStoreTitle h3 { margin: 12px 20px 12px 0 !important; }
.appStoreTitle .input-group-addon:first-child { width:10%!important; min-width: 100px; }
.appStoreTitle .input-group-addon select { background:transparent; border:none; padding: 2px; }
.appStoreTitle .titleAndBox { width: calc(100% - 200px); }
.appStoreTitle .toolbar { float:right; width: 200px; margin-top: 12px; }

.conditions-group { margin-left: -15px; padding-left: 15px; }
.conditions-group-header { margin-left: -5px; padding-top:13px; }
.conditions-group-header .btn { padding: 6px 12px; }
.col-no-set-value > .conditions-group > .conditions-group-header { padding-top:0; }
.conditions-group > .conditions-group-data { padding-left: 20px; }
.conditions-group-data { padding-left: 20px; position:relative; }
.conditions-group-data > .conditions-group { padding-left: 20px; position:relative; }
.conditions-group-data > .conditions-group:before { content: "—"; position:absolute; left:-1px; top:calc(50% - 1px); }
.conditions-group-data > div { border-left: 1px dashed; }
.conditions-group-data > div:last-child { border-bottom-left-radius: 8px; }
.conditions-group-data > .condition-ors > div:first-child:before { content: "—"; position:absolute; left:-1px; top:10px; }
.conditions-nexus-wrapper { margin-bottom:12px; }

/* Scheduler (Lanzadera) */
.schedulerDateInactive { background: #ffb7b7!important; }

/* Dynamic Layouts */
[data-multi-values-name="dynamicDesignForm"] .multi-form { border: 1px solid; padding: 20px; border-radius: 10px; margin-bottom: 20px; }
[data-multi-values-name="dynamicDesignForm"] .multi-buttons { margin-top:26px; }

/* Block page */
#block_page_bg { top:0; z-index:1000000; background-color:#000; opacity: 0.7; width:100%; height:100%; position:fixed; }
#block_page_layer { z-index:1000001; width:100%; height:100%; text-align:center; top:30%; position:fixed; }
#block_page_body { margin:0 auto; display:inline-block; background-color:#fff; min-width: 300px; padding:40px 5% 40px 3%; border-radius:5px; position:relative; }
#block_page_body .dokuLoader { width: 45px; height: 45px; }
#block_page_body h1 { font-weight:bold; background-color:#fff; font-size:20px; line-height:20px; margin:0; float:left; }
#block_page_message { font-size:13px; background-color:#fff; color:#000; float: left; margin-left: 15px; text-align: left; }
#block_page_message h2 { font-size:25px; margin: 0!important; }
#block_page_body .fa-spinner { font-size:33px; margin-bottom:10px; }
#block_page_wrapper { position:relative; }
#block_page_border { border-radius: 7px; margin: 0 auto; }
#block_page_border > div { width: 100%; }
#block_page_border > div { animation-duration: 1s!important; }
#block_close_button { position:absolute; top: 10px; right: 10px; }

/* JSON Viewer */
.json-document { padding: 1em 2em; }
ul.json-dict, ol.json-array { list-style-type: none; margin: 0 0 0 1px; border-left: 1px dotted #ccc; padding-left: 2em; }
.json-string { color: #0B7500; }
.json-literal { color: #1A01CC; font-weight: bold; }
a.json-toggle { position: relative; color: inherit; text-decoration: none; }
a.json-toggle:focus { outline: none; }
a.json-toggle:before { font-size: 1.1em; color: #c0c0c0; content: "\25BC"; position: absolute; display: inline-block; width: 1em; text-align: center; line-height: 1em; left: -1.2em; }
a.json-toggle:hover:before { color: #aaa; }
a.json-toggle.collapsed:before { transform: rotate(-90deg); }
a.json-placeholder { color: #aaa; padding: 0 1em; text-decoration: none; }
a.json-placeholder:hover { text-decoration: underline; }
#processJsonDataValue { opacity:0!important; height:0!important; padding:0!important; margin:0!important; float:left; }

/* Tareas */
.row.rownormal { margin-left:0!important; margin-right:0!important; }
hr.dotted { margin-top:5px; margin-bottom:5px; }

/* Firmas */
.signitem { margin-top:10px; }
.signitem .user { margin-right:10px; float:left; width: 36px; position:relative; display:block; }

/* OCR */
.list-rounded { margin:5px 0; }
.list-rounded .active { background-color:#fffdcf!important; }
.list-rounded li { float:left; list-style-type:none; margin: 7px 2px; }
.list-rounded li a { padding:3px 5px; border:1px solid; border-radius:5px; }
.ocrLabel { cursor:pointer; }
.position-sticky { position:sticky; top:10px; }

/* Signature OTP */
.signOtpLayer { width:100%; max-width:800px; position:absolute; bottom:0; right:0; }
.signOtpLayer button, .signOtpLayer .signature_all { width:100%; }
.signOtpLayer .jSignature { border:3px solid!important; }
.signOtpLayer .signature_layer { background-color:#fff; }
.form-readonly .signature_layer { display:none; }
.signature-otp-button { border-radius:0!important; }
.signature_all.readonly:not([data-formIsPreview]) { background-color:#eee; }
.signature_all.readonly[data-formIsPreview] { background-color:inherit; }
.signature_all.readonly .panel-body:not([data-formIsPreview]) { min-height:330px; }

/* ****************************** */
/* ****** Workflow History ****** */
/* ****************************** */
.timeline {
	list-style: none;
	padding: 20px 0 20px;
	position: relative;
}

	.timeline:before {
		top: 0;
		bottom: 0;
		position: absolute;
		content: " ";
		width: 3px;
		background-color: #eeeeee;
		left: 50%;
		margin-left: -1.5px;
	}

	.timeline > li {
		position: relative;
		margin-top:5px;
	}

		.timeline > li:before,
		.timeline > li:after {
			content: " ";
			display: table;
		}

		.timeline > li:after {
			clear: both;
		}

		.timeline > li:before,
		.timeline > li:after {
			content: " ";
			display: table;
		}

		.timeline > li:after {
			clear: both;
		}

		.timeline > li > .timeline-panel-danger {
			background-color: #ff9c91;
		}

		.timeline > li > .timeline-panel {
			width: 46%;
			float: left;
			border: 1px solid #d4d4d4;
			border-radius: 2px;
			padding: 20px;
			position: relative;
			-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
			box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
		}

			.timeline > li > .timeline-panel:before {
				position: absolute;
				top: 26px;
				right: -15px;
				display: inline-block;
				border-top: 15px solid transparent;
				border-left: 15px solid #ccc;
				border-right: 0 solid #ccc;
				border-bottom: 15px solid transparent;
				content: " ";
			}

			.timeline > li > .timeline-panel:after {
				position: absolute;
				top: 27px;
				right: -14px;
				display: inline-block;
				border-top: 14px solid transparent;
				border-left: 14px solid #fff;
				border-right: 0 solid #fff;
				border-bottom: 14px solid transparent;
				content: " ";
			}

		.timeline > li > .timeline-badge {
			color: #fff;
			width: 50px;
			height: 50px;
			line-height: 50px;
			font-size: 1.4em;
			text-align: center;
			position: absolute;
			top: 16px;
			left: 50%;
			margin-left: -25px;
			background-color: #999999;
			z-index: 100;
			border-top-right-radius: 50%;
			border-top-left-radius: 50%;
			border-bottom-right-radius: 50%;
			border-bottom-left-radius: 50%;
		}

		.timeline > li.timeline-inverted > .timeline-panel {
			float: right;
		}

			.timeline > li.timeline-inverted > .timeline-panel:before {
				border-left-width: 0;
				border-right-width: 15px;
				left: -15px;
				right: auto;
			}

			.timeline > li.timeline-inverted > .timeline-panel:after {
				border-left-width: 0;
				border-right-width: 14px;
				left: -14px;
				right: auto;
			}

.timeline-badge.primary {
	background-color: #2e6da4 !important;
}

.timeline-badge.success {
	background-color: #3f903f !important;
}

.timeline-badge.warning {
	background-color: #f0ad4e !important;
}

.timeline-badge.danger {
	background-color: #d9534f !important;
}

.timeline-badge.info {
	background-color: #5bc0de !important;
}

.timeline-title {
	margin-top: 0;
	color: inherit;
	width:calc(100% - 135px);
}

.timeline-body > p,
.timeline-body > ul {
	margin-bottom: 0;
}

	.timeline-body > p + p {
		margin-top: 5px;
	}
	.timeline-body > ul > li {
		margin-top: 5px;
		line-height:19px;
		word-break: break-word;
	}

@media (max-width: 767px) {
	ul.timeline:before {
		left: 40px;
	}

	ul.timeline > li > .timeline-panel {
		width: calc(100% - 90px);
		width: -moz-calc(100% - 90px);
		width: -webkit-calc(100% - 90px);
	}

	ul.timeline > li > .timeline-badge {
		left: 15px;
		margin-left: 0;
		top: 16px;
	}

	ul.timeline > li > .timeline-panel {
		float: right;
	}

		ul.timeline > li > .timeline-panel:before {
			border-left-width: 0;
			border-right-width: 15px;
			left: -15px;
			right: auto;
		}

		ul.timeline > li > .timeline-panel:after {
			border-left-width: 0;
			border-right-width: 14px;
			left: -14px;
			right: auto;
		}
}

/* Offset RIGHT */
.col-xs-offset-right-12 {
	margin-right: 100%;
}
.col-xs-offset-right-11 {
	margin-right: 91.66666667%;
}
.col-xs-offset-right-10 {
	margin-right: 83.33333333%;
}
.col-xs-offset-right-9 {
	margin-right: 75%;
}
.col-xs-offset-right-8 {
	margin-right: 66.66666667%;
}
.col-xs-offset-right-7 {
	margin-right: 58.33333333%;
}
.col-xs-offset-right-6 {
	margin-right: 50%;
}
.col-xs-offset-right-5 {
	margin-right: 41.66666667%;
}
.col-xs-offset-right-4 {
	margin-right: 33.33333333%;
}
.col-xs-offset-right-3 {
	margin-right: 25%;
}
.col-xs-offset-right-2 {
	margin-right: 16.66666667%;
}
.col-xs-offset-right-1 {
	margin-right: 8.33333333%;
}
.col-xs-offset-right-0 {
	margin-right: 0;
}
@media (min-width: 768px) {
	.col-sm-offset-right-12 {
		margin-right: 100%;
	}
	.col-sm-offset-right-11 {
		margin-right: 91.66666667%;
	}
	.col-sm-offset-right-10 {
		margin-right: 83.33333333%;
	}
	.col-sm-offset-right-9 {
		margin-right: 75%;
	}
	.col-sm-offset-right-8 {
		margin-right: 66.66666667%;
	}
	.col-sm-offset-right-7 {
		margin-right: 58.33333333%;
	}
	.col-sm-offset-right-6 {
		margin-right: 50%;
	}
	.col-sm-offset-right-5 {
		margin-right: 41.66666667%;
	}
	.col-sm-offset-right-4 {
		margin-right: 33.33333333%;
	}
	.col-sm-offset-right-3 {
		margin-right: 25%;
	}
	.col-sm-offset-right-2 {
		margin-right: 16.66666667%;
	}
	.col-sm-offset-right-1 {
		margin-right: 8.33333333%;
	}
	.col-sm-offset-right-0 {
		margin-right: 0;
	}
}
@media (min-width: 992px) {
	.col-md-offset-right-12 {
		margin-right: 100%;
	}
	.col-md-offset-right-11 {
		margin-right: 91.66666667%;
	}
	.col-md-offset-right-10 {
		margin-right: 83.33333333%;
	}
	.col-md-offset-right-9 {
		margin-right: 75%;
	}
	.col-md-offset-right-8 {
		margin-right: 66.66666667%;
	}
	.col-md-offset-right-7 {
		margin-right: 58.33333333%;
	}
	.col-md-offset-right-6 {
		margin-right: 50%;
	}
	.col-md-offset-right-5 {
		margin-right: 41.66666667%;
	}
	.col-md-offset-right-4 {
		margin-right: 33.33333333%;
	}
	.col-md-offset-right-3 {
		margin-right: 25%;
	}
	.col-md-offset-right-2 {
		margin-right: 16.66666667%;
	}
	.col-md-offset-right-1 {
		margin-right: 8.33333333%;
	}
	.col-md-offset-right-0 {
		margin-right: 0;
	}
}
@media (min-width: 1200px) {
	.col-lg-offset-right-12 {
		margin-right: 100%;
	}
	.col-lg-offset-right-11 {
		margin-right: 91.66666667%;
	}
	.col-lg-offset-right-10 {
		margin-right: 83.33333333%;
	}
	.col-lg-offset-right-9 {
		margin-right: 75%;
	}
	.col-lg-offset-right-8 {
		margin-right: 66.66666667%;
	}
	.col-lg-offset-right-7 {
		margin-right: 58.33333333%;
	}
	.col-lg-offset-right-6 {
		margin-right: 50%;
	}
	.col-lg-offset-right-5 {
		margin-right: 41.66666667%;
	}
	.col-lg-offset-right-4 {
		margin-right: 33.33333333%;
	}
	.col-lg-offset-right-3 {
		margin-right: 25%;
	}
	.col-lg-offset-right-2 {
		margin-right: 16.66666667%;
	}
	.col-lg-offset-right-1 {
		margin-right: 8.33333333%;
	}
	.col-lg-offset-right-0 {
		margin-right: 0;
	}
}

/* ******************** */
/* ****** Footer ****** */
/* ******************** */
footer { position:fixed; z-index:1061; /*width:calc(100% - 36px); left:36px;*/ width:100%; left:0; bottom:0; background-color:#fff; border-top:1px solid #D5D5D5; padding:0;}
footer .row { margin-right:0; margin-left:0; }
.brandCorp img { width:100%; max-width:100px; margin-top:5px; }
footer ul { float:left; padding:10px 0; }
footer ul li { float:left; margin:4px 10px 0; }
footer ul li a { font-size:12px; color:#000!important; text-transform: uppercase; text-decoration:none!important; }
footer h2 { float:right; font-size:14px; margin:0; padding-top:7px; }
footer h2 span { top:2px!important; }
/*footer.toggled { left:250px; width:calc(100% - 250px); }*/
.linkable { display:none; }
.alert-info:not(.alert-blue){background-color:#fff!important; border-color:transparent;}
.alert-info:not(.alert-blue) hr{border-top-color:#ddd!important;}

/* ******************** */
/* ****** Labels ****** */
/* ******************** */
.label { font-weight:normal; border-radius: 5px; padding: 5px 8px!important; }
.label-success { background-color:#d5f9ee; color:#56a48d }
.label-primary { background-color: #accbee; color:#337ab7 }
.label-warning { background-color: #ffe5ca; color:#f0ad4e }
.label-dark { background-color:#bfbfbf; color:#000 }
.label-white { background-color:#fff; color:#000 }
.label-default { background-color: #eaeaea; color:#777777 }
.label-danger { background-color: #e3bebd; color:#d9534f }

td .label { border:1px solid; }

/* ************************** */
/* ****** Media querys ****** */
/* ************************** */
@media (max-width: 991px) {
	.appDatainfoButton { display:none; }
	.infoPanelHidden { display:block!important; padding:0!important; margin-top:10px; }
}
@media (max-width: 992px) {
	.vaesa-ingresoscesion-column { position:static; }
	.container-login > .row > div:last-child { border-radius:9px!important; }
}
@media (max-width: 767px) {
	#comunity-menu { min-width:0; }
	.nav-user { padding-left:0; float:right!important; }
	#comunity-name { margin-right:0; }
	.nav>li { float:left; }
	.navbar-nav { margin: 0; }
	.nav-user .dropdown-menu { right:0; left:auto; }
	.navbar-nav .open .dropdown-menu { border: 1px solid rgba(0,0,0,.15); background-color:#fff; position:absolute; box-shadow:0 6px 12px rgba(0,0,0,.175); }
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding:3px 10px; }

	.nav-user { border-left:none!important; }

	#header-upper-bar { width:100%!important; }
	#comunityMenu { width:auto; }
	#organizationMenu { width:auto; }
	#comunity-name { width:auto!important; }

	.modal-body .table-responsive { margin: 0!important; }
	.checkDataInTable, #modalRelationTable tbody td { width:100%!important; }
	.checkDataInTable .checkbox { top:3px!important; right:22px!important; position:absolute!important; }

	#menu-horizontal { top: 50px; }
	#cuerpo_principal.menu-top { margin-top: 50px!important; }

}
@media (max-width: 510px) {
	.signature_image { width:100%; }
	table { margin-top:0!important; }
	#appBuildersideBarLeft .popover { max-width:100%!important; }
	.modal { max-width:100%; margin:0 auto; }

	.wfButtonsCss .btn-group { display:block; }
	.wfButtonsCss .btn-group .btn { width:100%; border-radius:4px!important; margin-bottom:3px; }

	.grid-main-filters > div { margin-bottom:10px; }

	#header { float:left; }
	#header .nav {
		position: relative;
		margin: 0;
		padding: 10px;
	}
	#header .nav-item { margin:0!important; float:left; }
	#header .nav-icons { margin-top:3px!important; }
	#header #comunity-name { margin-left: 5px; margin-right: 10px; }
	#header #comunityMenu { padding:0; }
	#header .nav-user img { width: 40px; height:40px; margin-top:1px; }
	#header-user-roles > div {
		margin-top:-2px !important;
	}
	#header .nav-user {
		width: auto!important;
		float: right!important;
		margin: 0!important;
		padding: 0!important;
		height: auto!important;
	}

	#comunityMenu > span { max-width: 140px; overflow: hidden; text-overflow:ellipsis; }
	#header-upper-bar .nav-icons > a .fas,
	#header-upper-bar .nav-icons > a .fa-solid,
	#header-upper-bar .nav-icons > a .fa-regular,
	#header-upper-bar .nav-icons > a .fa-thin,
	#header-upper-bar .nav-icons > a .fa-duotone,
	#header-upper-bar .nav-icons > a .fa-brands,
	#header-upper-bar .nav-icons > a .fal { font-size: 17px !important; }
	#header-upper-bar .nav-icons > a { padding-left: 5px!important; padding-right: 5px!important; }

}
@media (max-width: 451px) {
	#header .hasRoles { display:none; }
}
@media (max-width: 1150px) {
	.nav-user > div:first-child { margin-right: 0!important; }
	#header-upper-bar .navbar-right { margin-right: 20px!important; }
	.nav-user #user-menu-desplegable a > .user-avatar { width: 40px!important; height: 40px!important; margin: 0; }
	#user-name { max-width: 100px; text-overflow: ellipsis; overflow: hidden; }
}

/* Visor de documentos */
@media (max-width: 1150px) {
	#header-upper-bar .navbar-right { border:none!important; margin-left:0!important; padding-left:0!important; }
	#header-upper-bar .navbar-right .nav-icons { margin:12px 0 0!important; }
	#header-searcher { width:228px!important; }
	#header-nav-searcher { width:180px!important; }
}
@media (max-width: 1304px) {
	#header-searcher { padding-left:0!important; margin-left:0!important; border-left:none!important; }
}
@media (max-width: 1700px) {
	.visorCols { width:100%!important; }
}

/* *************************** */
/* ****** VERSION 5.0.0 ****** */
/* *************************** */

/* Blanco */
.navbar, #menu-brand, thead, .tablesorter-header, .filter-heading.focused .highlight { background-color: #ffffff !important; }
.fieldActionsWrapper > .btn-group > a:not(.remove-app-data), .fieldActionsWrapper > a:not(.remove-app-data), .fieldActionsWrapper > a:hover, .fieldActionsWrapper .big-action, .process_box.process_text_white .widget-description * { color:#fff!important; }

/* Negro */
#header-upper-menu a, #comunityMenu, #organizationMenu, .nav-user a,
.sidebar-nav li.active a > span:last-child,
.sidebar-nav > li:not(:first-child):not(.nav-header):not(#menu-brand):not(.noHover):hover a > span:last-child,
.menu-collapsed-hover a > span:last-child, #header-upper-bar h2, #header-nav-searcher,
thead .form-control, thead .fa, thead .fal, thead .fas, thead label, .filter-heading .btn,
.filter-heading .btn span, .filter-heading label, thead th label, thead th, .table-filters-checkbox ul li a { color:#000!important; }
thead:not(.controlTimeQuadrant):not(.controlTimeReport) .input-group .form-control, thead:not(.controlTimeQuadrant):not(.controlTimeReport) .input-group-addon, .filter-heading .dateRange:first-child { border-color:#000; }

/* Gris barra de scroll tablas */
/*thead ::-webkit-input-placeholder { color:#8ca9d1!important; }
thead ::-moz-placeholder { color:#8ca9d1!important; }
thead :-ms-input-placeholder { color:#8ca9d1!important; }
thead :-moz-placeholder { color:#8ca9d1!important; }*/

/* Gris iconos cabecera */
.nav-icons > a .fas,
.nav-icons > a .fal,
.nav-icons > a .fa-thin,
.nav-icons > a .fa-duotone,
.nav-icons > a .fa-solid,
.nav-icons > a .fa-brands,
#comunity-name label, .file-icon { color:#727272!important; }

/* Gris claro fondo portlets */
body, .kanban-group > div, #dokuflex-help-bar > div, .timings_list, .gridMoreMenu .menu-item a { background-color:#f1f1f1!important; }

/* Gris deshablitado */
.nav-tabs > li > a, .community-icons * { color:#cacaca!important; }
.page-layouts, .page-layouts * { border-color:#cacaca!important; }

/* Gris suave border inputs */
.form-control:not(:focus):not(:hover), .input-group-addon, .panel-default, .panel-default>.panel-heading, .nav-tabs, .table-bordered tbody, #user-show-profile-info, #user-show-organization,
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td:not(.agg), .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th,
.file_upload, .fileUploadPaste, .file_upload:not(.errorField):not(.file_upload_highlight), .select2-container--default .select2-selection--single,
.select2-container--default .select2-search--dropdown .select2-search__field, .select2-dropdown, .chosen-container-multi .chosen-choices, .predicted, .bootstrap-switch,
.card, .graph_layer, thead  .popover .input-group .form-control, thead .popover .input-group-addon, .checkbox .owncheckbox, .checkbox .ownradio, #forumList .panel-heading,
.flexgrid-filter-dropdown input, #header-searcher, #header-nav-searcher, #header-upper-bar .navbar-right,
.grid-main-filters, .grid-main-filters .separador, .grid-bottom-filters .separador, .filter-heading .input-group .form-control,
.filter-heading .input-group-addon.round, .filter-heading.focused:not(.filter-active) .input-group-addon:last-child, .filter-heading.focused:not(.filter-active) .input-group-addon,
.suggestionsResult img, .flexgrid-filter-dropdown .form-control, .dynamicSearcher, #target .component, .file-uploaded .file-cover,
.file-uploading, .file_upload_wrapper, .lightProcessOpened, #listComments > div, .listComments > div, .chosen-container-single .chosen-single, .chosen-container .chosen-drop,
.kanban-body .panel, .progress-circle .progress-circle-disabled, .holidaysLegend, .contractPage img, .contractPage, .contractPageComponent .contractPageSign, .contractPageComponent,
.pdfviewer[data-showasimage="1"] img, .graph_new_dataset_link, .graph_dataset, .countdown, /*.flexgrid input:focus, .flexgrid textarea:focus, .flexgrid select:focus,*/ .invoiceLine input, .invoiceLine select
.flexgrid .table>tfoot>tr>td, #newLayoutWrapper img, .showHistoryLayoutAdvice, #affectedWfList li, .portlet:not(.lightProcessIcon) .title .fa:after, .portlet:not(.lightProcessIcon) .title .fal:after,
.portlet:not(.lightProcessIcon) .title, .selectFaIconSearcher, .kanban-element .panel-body > div, .designerTopButtons > div:first-child, #file_uploadJsonNewProcess .file_upload, #header #main-menu > li,
#header .haveSubMenu .submenu, .popover-content .submenu li, [data-multi-values-name="dynamicDesignForm"] .multi-form, #header-shortcuts-wrapper, .header-searcher-wrapper, .qrReader, .qrCreator, .qrCreatorResultWrapper img,
#html5-qrcode-select-camera, .grid .filters .label, [data-multi-values-name="createPersonalFieldsForm"]  > .multi-data > .multi-form:not(:first-child), .select2-container--default .select2-selection--multiple,
.employeesList ul li, .employeesList ul li > div:last-child > div, div[data-caltype="weeks"] th, div[data-caltype="weeks"] td > div, .shiftOnDaysWrapper .listShiftOnDays > ul > li, .shiftsLegend > ul > li,
.shiftOnShiftPerDay > li, .signingsPerDayHeader, .qrSigningWrapper .generatedQrCode, .controlTimeReportTable tbody tr td span, td .label, .nav-control-time .button-signing-time,
#modal-designer-conditions .col-no-set-value.conditions-with-nexus > .condition-ors, #signingReportDetail .commentsList li, .relationsDocuments ul li, .tableWeekQuadrant .day-cell,
.controlTime .quadrantWeek .moreEmployees, .processBreadcrumb .processBreadcrumbInfo { border-color: #e0e0e0 !important; }
.processBreadcrumb .processBreadcrumbInfo::before { border-left-color: #e0e0e0 !important; }
.filters-popup-cond, .filters-popup-cond *, .filter-heading.focused .input-group-addon { color: #e0e0e0 !important; }
.input-group .form-control:first-child:focus, .input-group .form-control:first-child:hover { border-right-color:#e0e0e0; }

/* Gris suave deshabilitado */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, thead.well, .like-table-header, .form-readonly .checkbox .owncheckbox, .form-readonly .checkbox .ownradio, [data-isFile="1"] .file-icon-wrapper:hover, #cardsInfoSheets .card-empty,
.processBreadcrumb.inactive .processBreadcrumbInfo, .wizardSteps li.disabled, .wizardSteps li.disabled::after { background-color:#f7f7f7!important; }
.processBreadcrumb.future .processBreadcrumbInfo, .processBreadcrumb .processBreadcrumbInfo.cardactive { background-color: #FFFDCF !important; }
.filters-popup .modal-body > .row > .clearfix { border-color:#f7f7f7!important; }
.processBreadcrumb.inactive .processBreadcrumbInfo::after { border-left-color:#f7f7f7!important; }
.processBreadcrumb.future .processBreadcrumbInfo::after, .processBreadcrumb .processBreadcrumbInfo.cardactive::after { border-left-color: #FFFDCF !important; }

thead .form-control[readonly] { background-color:transparent!important; }

/* Gris suave scrollbar menú */
#chat_channels::-webkit-scrollbar-thumb, .workflowTimeline::-webkit-scrollbar-thumb, #main-menu::-webkit-scrollbar-thumb, .lightProcessHTML > .panel > .panel-body::-webkit-scrollbar-thumb, #community_menu_search::-webkit-scrollbar-thumb, .doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb, .processIndexListScrollBar::-webkit-scrollbar-thumb, .smallScroll::-webkit-scrollbar-thumb { background-color:#dbdbdb; }

/* Gris oscuro título portlet */
.portlet:not(.lightProcessIcon) .title *:not(button):not(label):not(button > span):not(label > span), .header-filter, #forumList .threadEdit a, #forumList .threadEdit a.fa-star, #forumList .threadEdit a.fa-star-o, .separadorPag span, .separadorPag a, .separador a, .process_box .widget-description *, .gridMoreMenu .menu-item a { color:#71787e!important; }
#forumList .threadEdit { border-color:#71787e!important; }

/* Azul oscuro barra */
body::-webkit-scrollbar, [data-lateral-opened="1"] fieldset::-webkit-scrollbar-thumb { width:7px!important; }
body::-webkit-scrollbar-thumb, [data-lateral-opened="1"] fieldset::-webkit-scrollbar-thumb { background-color:#BFBFBF!important; }
.sidebar-nav li > a, .fa-spinner.fa-spin, .filter-heading.focused .form-control, .filter-heading .input-group .predicted,
.filter-heading .input-group .predicted *, .threadInfo a, .threadInfo label, .communityPortletList strong, .browser-folders *, .popover-content .submenu li a { color:#374d65!important; }

/* Azul claro foro */
#forumBox .panel:nth-child(even) .forumIcon { background-color:#b0c5e0; }

/* Azul oscuro logotipo */
.container-login, #chat_channels, .panel-primary>.panel-heading, .btn-primary, #forumBox .panel:nth-child(odd) .forumIcon, .tab-buttons button.active { background-color:#111c46!important; }
#forumList .panel-title, .nav-tabs li a:hover, .tab-buttons button:not(.active):hover * { color:#111c46!important; }
.page-layouts.active, .page-layouts.active *, .file_upload:hover, .panel-primary, .panel-primary>.panel-heading { border-color:#111c46!important; }

/* Azul Border menú comunidades */
.nav-tabs > li.active > a, #community_fav .btn-primary, #community_fav .btn:hover { border-color:#1e3799 !important; }
#meUser.active, #allUser.active, .iconRefresh .fas, .fas.filter-heading-icon,  th[data-sorted="true"] [data-sort-handler] span, .gridMoreMenu :checked ~ label span,
.sidebar-nav li:not(.sidebar-brand) .item-caret:hover a, .sidebar-nav li:not(.sidebar-brand).active .item-caret a, .sidebar-nav li.active > a,
.sidebar-nav li.active > .item-caret > a, .sidebar-nav > li:not(:first-child):hover > a, .sidebar-nav > li:not(:first-child):hover > .item-caret > a,
.sidebar-nav li.active > .item-caret > a > span,
.sidebar-nav li.active > a > span,
.nav-tabs > li.active > a, #main-menu li.active a > span:last-child { color:#1e3799!important; }
.checkData, .fieldActionsWrapper, input:checked + .slider, .contextTitle, .panel-title .label { background-color:#1e3799!important; }
.input-group-addon { transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.form-control:focus,
.form-control:hover { border-color:#1e3799!important; }
.input-group:has(.form-control:focus) .form-control,
.input-group:has(.form-control:hover) .form-control,
.input-group:has(.form-control:focus) .input-group-addon,
.input-group:has(.form-control:hover) .input-group-addon { border-color:#1e3799!important; }

#main-menu li.active, .grid .filters .label:hover, .grid .filters .label.active { background-color:rgba(30,55,153,0.1)!important; box-shadow: none; }
#main-menu li.active { border-radius: 8px; margin: 0 8px; }
#main-menu li.active > a > span:first-child { margin-left:1.5px; }

/* Gris oscuro labels */
form label, label.control-label, strong.control-label, .form label { color:#333; }

/*.sidebar-nav li:not(.sidebar-brand) .item-caret:hover a, .sidebar-nav li:not(.sidebar-brand).active .item-caret a, .sidebar-nav li.active > a,
.sidebar-nav li.active > .item-caret > a, .sidebar-nav > li:not(:first-child):hover > a, .sidebar-nav > li:not(:first-child):hover > .item-caret > a,*/
/*.nav-tabs > li.active > a { color:#3d70b2!important; }*/
/*.nav-tabs > li.active > a { border-color:#3d70b2!important; }*/

/* Azul claro fondo de foros y repositorio */
#forumList .widget-color-3, .folders { background-color:#ebf0f4!important; }

/* Azul claro HOVER menu */
/*.sidebar-nav li.active, .sidebar-nav > li:not(.nav-header):not(#menu-brand):not(.noHover):hover, .menu-collapsed-hover { background-color:#e1ebf4!important; }*/
.table-hover>tbody>tr:hover, .table-hover>tbody>tr.checked { -webkit-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.3); box-shadow: inset 0 0 5px 0 rgba(0,0,0,0.3); }
#meUser, #allUser { color:#e1ebf4; }

/* Azul claro HOVER barra */
#organizationMenu { color:#b6cae6!important; }

/* Highlight */
.fieldActionsWrapper > .btn-group > a:hover, .fieldActionsWrapper > a:hover, .fieldActionsWrapper .big-action:hover { color: #fff82c !important; }

/* Rojo Error */
.has-error .form-control, .has-error .owncheckbox { border-color:#a94442!important; }

/* Estructura */
#body_principal { font-size:14px; line-height:17px; }
#header { padding:0; }
#header-upper-menu, #header-upper-bar { float:left; }
#header-upper-menu > a { position:relative; z-index:1; }
#header-upper-menu .dropdown-menu { left: 68px; padding:0 10px; }
#header-upper-menu .dropdown-menu a { font-size:15px; }
#header-upper-menu .dropdown-menu a .label { vertical-align: middle; padding-bottom:2px; }
#header-upper-menu .dropdown-menu a span { margin-right:2px; }
#header-upper-menu { width:250px; padding:0 13px; }
#header-upper-menu a { font-size:17px; margin-top:14px; }
#header-upper-bar { width:100%; }
#header-upper-bar h2 { text-transform:none; font-weight:bold; font-size:25px; }
#header-upper-bar .navbar-left { padding: 10px 0 0 26px; }
#header-upper-bar .navbar-right { margin: 10px 36px 0; border:none; }
#header-upper-bar .navbar-right > li { margin-top:10px; }
.header-with-image { width:100%!important; position: relative; }
.header-with-image .freemiumAddOrgIcon { background-color: #ffffff; right: 5px; top:5px; padding: 4px; border-radius: 50%; }
.header-with-image .freemiumAddOrgIcon > i { float:left; font-weight:900; }
.header-with-image a img { max-width:100%; max-height: 80px; }
.headerRoles { float:left; }
.headerRoles img { max-width:18px; margin-left:-3px; }
.navbar { border:none; }
.navbar, #header-upper-bar { z-index:1064; height:80px!important; max-height:80px!important; }
#header .navbar-right #comunityMenu:hover, #header .navbar-right .open #comunityMenu { color: #b6cae6; }
#comunityMenu { padding-bottom: 10px; }
.sidebar-nav li:not(.sidebar-brand) .item-caret:hover a, .sidebar-nav li:not(.sidebar-brand).active .item-caret a, .sidebar-nav li.active > a, .sidebar-nav li.active > .item-caret > a, .sidebar-nav > li:not(:first-child):hover > a, .sidebar-nav > li:not(:first-child):hover > .item-caret > a { font-weight:normal; }
.menu-collapsed-hover a > span:first-child { margin-left: 3px; }
#sidebar-wrapper { z-index:1; border:none; width:40px; -webkit-box-shadow: 0 0 50px 0 rgba(44,68,158,0.2); -moz-box-shadow: 0 0 50px 0 rgba(44,68,158,0.2); box-shadow: 0 0 50px 0 rgba(44,68,158,0.2); }
#menuSearch { width: calc(100% - 10px); }
#toggleMenuHandler.no-transition { transition: none!important; }
#toggleMenuHandler { position: fixed; top: 80px; left: 40px; transform: translateY(50%) translateX(-50%); border-radius: 50%; width: 30px; height: 30px; background-color:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); z-index: 1; transition: 0.5s; }
.toggled #toggleMenuHandler { left: 250px; }
#toggleMenuHandler > span { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%) }
.popover-toggled-menu { left: 40px!important; }
.sidebar-nav li, .menu-collapsed-hover { white-space:nowrap; line-height:45px; }
#main-menu::-webkit-scrollbar-track, #chat_channels::-webkit-scrollbar-track, .workflowTimeline::-webkit-scrollbar-track, .lightProcessHTML > .panel > .panel-body::-webkit-scrollbar-track, body::-webkit-scrollbar-track, [data-lateral-opened="1"] fieldset::-webkit-scrollbar-track, .doubleScroll-scroll-wrapper::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track, .processIndexListScrollBar::-webkit-scrollbar-track, .smallScroll::-webkit-scrollbar-track { border-radius: 4px; background-color: transparent; }
#main-menu::-webkit-scrollbar, #chat_channels::-webkit-scrollbar, .workflowTimeline::-webkit-scrollbar, .lightProcessHTML > .panel > .panel-body::-webkit-scrollbar, body::-webkit-scrollbar, [data-lateral-opened="1"] fieldset::-webkit-scrollbar, .doubleScroll-scroll-wrapper::-webkit-scrollbar, .table-responsive::-webkit-scrollbar, .processIndexListScrollBar::-webkit-scrollbar, .smallScroll::-webkit-scrollbar { width: 5px; height: 5px; background-color: transparent; }
.doubleScroll-scroll-wrapper::-webkit-scrollbar, .table-responsive::-webkit-scrollbar, .processIndexListScrollBar::-webkit-scrollbar { height: 7px; }
.doubleScrollFixed { z-index:1061; position:sticky; top:0; height:10px!important; }
#main-menu::-webkit-scrollbar-thumb, #chat_channels::-webkit-scrollbar-thumb, .workflowTimeline::-webkit-scrollbar-thumb, .lightProcessHTML > .panel > .panel-body::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, [data-lateral-opened="1"] fieldset::-webkit-scrollbar-thumb, .doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb, .processIndexListScrollBar::-webkit-scrollbar-thumb, .smallScroll::-webkit-scrollbar-thumb, #community_menu_search::-webkit-scrollbar-thumb { border-radius: 4px!important; }
.translatedInput::-webkit-scrollbar-thumb { border-radius: 4px!important; }
.nav-user { padding-left:20px; }
.nav-user > div:last-child { margin-right:0; }
#page-content-wrapper.toggled { margin-left:250px; width:calc(100% - 250px); }
.portlet:not(.lightProcessIcon) { margin:15px; width:calc(100% - 20px); }
.portlet:not(.lightProcessIcon) .title { /*border:none;*/ float:left; width:100%; text-transform:uppercase; height:auto; line-height:normal; }
.portlet:not(.lightProcessIcon) .title > i { float:left; margin: 3px; }
.portlet:not(.lightProcessIcon) .title h3 { margin-bottom:0; position:static; font-size:16px; line-height:16px; text-shadow:none; float:left; display:inline; }
.portlet:not(.lightProcessIcon) .title .toolbar *, .portlet:not(.lightProcessIcon) .title .fa { font-size:11px!important; }
.portlet:not(.lightProcessIcon) .title .fa, .portlet:not(.lightProcessIcon) .title .fal { margin:0 7px; position:relative; }
.portlet:not(.lightProcessIcon) .title .fa:after, .portlet:not(.lightProcessIcon) .title .fal:after { content:' '; position:absolute; border:1px solid; border-radius:50%; width:23px; height:23px; top:50%; left:50%; transform:translate(-50%, -50%); }
.toolbarButtonsWrapper { float: left; margin-right: 5px; }
.toolbarButtonsWrapper .label { text-transform: none; border:1px solid transparent; margin-right:1px; }
.toolbarButtonsWrapper .label:last-child { margin-right: 0; }
.toolbarButtonsWrapper .label:hover { filter: brightness(1.03); border:1px solid; }
.toolbarIconsWrapper { float: left; /*margin: -4px;*/ max-height: 26px; }
#user-show-profile-info, #user-show-organization { width: 100%; padding: 15px; float:left; border-bottom: 1px solid; margin-bottom:10px; }
#user-show-organization { padding-top: 5px; }
#user-show-organization .btn { margin-top:0; }
#user-show-profile-info img { float:left; width: 40px; height: 40px; }
#user-show-profile-info > div { float:left; margin-left: 10px; width: calc(100% - 50px); }
#user-show-profile-info > div > span:first-child, #user-show-organization > span { font-weight: 600; }
#user-show-profile-info > div > span:last-child { color:#acacac; padding-right:40px; }
.portlet:not(.lightProcessIcon) .title .toolbar button { margin-top:-5px; margin-right:5px; padding-top:2px; margin-bottom:-2px; }
.portlet:not(.lightProcessIcon) .content, .portlet:not(.lightProcessIcon) .title, .openProcessSidebar { margin-top:5px; padding:20px 15px!important; background-color:#fff; -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.10); -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.10); box-shadow: 0 0 5px 0 rgba(0,0,0,0.10); }
.openProcessSidebar { border-radius:4px; }
.portlet:not(.lightProcessIcon) .title { -webkit-border-radius: 4px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius: 4px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.portlet:not(.lightProcessIcon) .content { padding-top:10px!important; margin-top:0; -webkit-border-radius: 0; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius: 0; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
#main-menu li { padding:0 3px; position: relative; }
#main-menu li.in-page-config { display:none; }
.toggled #main-menu li { padding: 0 5px; }
.toggled #main-menu li > a { display: flex; }
.toggled #main-menu li > a > span:first-child { display: inline-block; margin-top: 15px; margin-right: 10px; }
.toggled #main-menu li > a > span:not(:first-child) { display: inline-block; width: calc(100% - 20px); text-overflow: ellipsis; overflow: hidden; }
.toggled #menu-brand { display:block; }
#menu-brand * { color:#9299a0!important; margin:0; padding:0; }
#menu-brand {  display:none; padding:0 10px!important; position:fixed!important; bottom: 0; line-height:40px; width:250px; border-top:1px solid #9ba4ac; }
#menu-brand p { margin:0; }
#menu-brand p, #menu-brand p * { float:right; }
#menu-brand p a { margin:12px 0 0 5px; }
#user-menu-desplegable strong { padding:10px 10px 15px; float:left; }
#page-content-wrapper.movil { margin-left:0!important; width:100%; }
#page-content-wrapper.movil .portlet:not(.lightProcessIcon) { width:100%; margin:0; }
#menu-edit { display:none; }
.toggled #menu-edit { display:block; }
#menu-search-icon.highlight { color:#fffdcf; background-color:transparent!important; }
#header-nav-searcher { display: none; margin:8px 0 0; border:none; background-color:transparent; color:#fff; border-radius:0; padding-left:0!important; padding-right:0!important; width:200px; float:left; background-color:#f1f1f1; padding: 4px 4px 4px 19px!important; margin-left: -23px; margin-top: 12px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
.fa-spin { animation-duration: 0.5s!important; }
.spin-fix { width: 1em; }
label.predicted { font-weight:normal!important; }
#wrapper:not(.toggled) .menu-element:not(.menu-collapsed-hover) > a > span:last-child, #wrapper:not(.toggled) .header-with-image { opacity:0; }
.panel-with-buttons > .row { margin-left:-15px!important; margin-right:-15px!important; }
.nav-user img { height: 50px; border-radius: 50%; margin-top: -6px; }
#organizationMenu { line-height:20px!important; }
.nav-user a { font-size:14px!important; }
.nav-user a strong { white-space: nowrap; }
.nav-user { border-left:1px solid #fff; margin-left:10px; padding-left:13px; }
.nav-user > div:first-child { margin:13px 10px 0 0; }
.nav-user > div.hasRoles { margin-top:2px; }
#header-user-roles { margin-top:5px; float:right; }
#header-user-roles > div { margin-top:-6px; float:right; }
#header-user-roles > div button { border-radius:50%; width:16px; height:16px; padding: 2px 3px!important; width:17px; height:18px; }
#header-user-roles .dropdown-menu { padding:7px; min-width:90px; }
#header-user-roles .dropdown-menu li { float:right; }
#header-upper-bar .hasRoles .user-avatar { width:18px; height:18px; margin-left:-3px; }
#header-upper-bar .hasRoles .user-avatar:first-child { margin-left:0; }
.user-name:hover { font-weight:normal!important; }
#menu-edit button { width:100%; }
.content-grey { background-color:transparent!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; }
.content.content-grey { padding:10px 0 0!important; }
.flexgrid-filter-dropdown input { border:1px solid!important; }
#header-upper-menu .input-group-addon { background-color:transparent; }
#header-upper-menu .form-control { border-left:none; }
#sidebar-wrapper { overflow:hidden; }
.maybe-toggled.toggled #sidebar-wrapper { overflow:visible; }
.maybe-toggled:not(.toggled) .sidebar-nav li a > span:last-of-type { opacity:0; }
#wrapper:not(.toggled) #menuSearch { display:none; }
#wrapper:not(.toggled) #menuBrandName { display:none; }
#wrapper.toggled #menuBrandName { display:none; }
#menuBrandName { margin: 9px 0 10px!important; }
#menuBrandName a { font-size:23px!important; font-weight:bold; letter-spacing:2000px; }
#header-searcher { float:left; width:250px; }
#header-searcher a { float:left!important; font-weight:bold; margin:5px 0 0 0; padding-left:0!important; }
#header-searcher a > span { position:relative; z-index:46436323; background-color:#727272; border-radius: 50%; color:#FFF!important; padding: 8px; font-size: 12px!important; }
#header-searcher, #header-upper-bar .navbar-right { height:60px; }
#header-searcher-wrapper { position:relative; }
#header-searcher-wrapper .dropdown-menu { left:67px; top:67%; }
#header-searcher-wrapper .dropdown-menu:not(.predicting) { opacity: 0; }
#header-upper-bar { position:relative; }
#header-upper-bar > ul { width: 100%; position:absolute; top: 50%; transform: translateY(-50%); z-index: 1; }
#header-upper-bar > ul > li:not(.nav-icons) { margin-top:12px; }
#header-upper-bar > ul > li.nav-icons  { margin-top: 15px; margin-left: 5px; }
#header-upper-bar .navbar-right .nav-icons { margin:12px 10px 0; }
#header-upper-bar .dropdown-menu { margin:5px 4px 0 0; }
#header-upper-bar #comunity-menu { margin: 0 30px 5px 30px; }
#header-upper-bar #user-menu { margin: 0 -5px 6px -5px; }
#comunity-name label { font-size:12px; margin-bottom:0; }
.gridSelector .input-group-addon { border:1px solid #e0e0e0!important; border-left:none!important; }
.tablesorter-default .header, .tablesorter-default .tablesorter-header, .flexgrid thead th { padding:0!important; }
form label:not(.checkbox):not(.checkbox-inline), .form label:not(.checkbox):not(.checkbox-inline) { font-weight:bold; }

/* Light Process */
#lightProcessWrapper { position:fixed; bottom:10px; right:10px; z-index:11; display:flex;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#lightProcessWrapper .tooltip-inner { min-width:100px; }
.lightProcessOpened { width:400px; height:100%; background-color:#fff; border:1px solid; border-radius:4px; padding:10px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); }
.lightProcessIcon { margin:auto 2px 0; float:left; }
.lightProcessIcon:last-child { margin:auto 0 0; }
.lightProcessIcon .lightProcessHTML { display:none; }
.lightProcessOpened .lightProcessButtonIcon { display:none; }
.lightProcessOpened .lightProcessHTML { display:block; }
.lightProcessHTML > .panel { border-bottom:none!important; }
.lightProcessHTML > .panel > .panel-body { height:345px; overflow:auto; overflow-x:hidden; margin:10px 0; padding:0; }
.lightProcessHTML > .panel > .panel-body .bootstrap > form > fieldset > .row { margin-right:0; margin-left:0; }
.lightProcessHTML > .panel > .panel-body .bootstrap > form > fieldset > .row > div[class*="col-md"]{ padding-left:2px; padding-right:5px; }
.lightProcessHTML > .panel > .panel-heading { padding:0 0 5px!important; }
.lightProcessHTML > .panel > .panel-heading > .panel-title { line-height:20px; font-size:16px!important; }
.lightProcessHTML > .panel > .panel-heading > .panel-title span { width:calc(100% - 20px); display:inline-block; }
.lightProcessOpened .hideMobile { display:none; }

/* Tooltips */
.tooltip.top .tooltip-arrow { border-top-color: #FFF!important; }
.tooltip.top-left .tooltip-arrow { border-top-color: #FFF!important; }
.tooltip.top-right .tooltip-arrow { border-top-color: #FFF!important; }
.tooltip.left .tooltip-arrow { border-left-color: #FFF!important; }
.tooltip.right .tooltip-arrow { border-right-color: #FFF!important; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #FFF!important; }
.tooltip.bottom-right .tooltip-arrow { border-bottom-color: #FFF!important; }
.tooltip.bottom-left .tooltip-arrow { border-bottom-color: #FFF!important; }
.tooltip-inner { background-color: #FFF!important; color:#333!important; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); }

/* Dokuflex help bar */
#dokuflex-help a { position:fixed; z-index:1060; bottom:20px; right:20px; padding:10px 20px; border:1px solid #3d56c2; background-color: #1c339b; border-radius:50%; width:60px; height:60px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }
#dokuflex-help a:hover, #dokuflex-help a.active { background-color: #48b400; border-color: #398d00; }
#dokuflex-help i { font-size:30px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
#dokuflex-help * { color:#fff; }
#dokuflex-help-bar { position:fixed; z-index:1061; top:0; right:-310px; width:300px; height:calc(100% - 100px); padding:0 13px; background-color:#fff; box-shadow: -4px 0px 5px 0px rgba(0,0,0,0.4); -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; }
#dokuflex-help-bar.toggled { transition:right .4s ease; right:0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }
#dokuflex-help-bar h1 { font-size:17px!important; margin-top:14px; text-transform: uppercase; font-weight:bold; }
#dokuflex-help-bar > p { margin:20px 0 10px; }
#dokuflex-help-bar > a { position:absolute; top:17px; right:10px; }
#dokuflex-help-bar > div { float:left; width:calc(100% - 10px); margin:10px 5px; padding:15px; border-radius:10px; }
#dokuflex-help-bar > div strong { font-size:17px; line-height:21px; margin-bottom:10px; float:left; width:100%; }
#dokuflex-help-bar > div .btn { width:100%; margin-top:10px; }

/* Buscador de iconos */
.searchIconList { float:left; width:100%; overflow:auto; }
.searchIconList > div { cursor:pointer; display: flex; justify-content: center; align-items: center; float:left; width:calc(20% - 10px); padding:30px 10px; margin:5px; text-align:center; }
.searchIconList > div span:first-child { font-size:30px; margin-bottom:10px; }
.searchIconList > div p { margin:0; }
.selectFaIconSearcher { cursor:pointer; color:inherit; border:1px solid; border-radius: 4px; width:100%; padding:9px 12px; float:left; }
.selectFaIconSearcher > div { width:calc(100% - 40px); float:left; }
.selectFaIconWrapper .input-group-addon { float: right; margin: -10px -13px; width: 40px; height: 37px; padding: 11px; }

/* Dureza Password */
.passwordStrength { max-width:250px; }
.passwordStrength > div { padding: 0 0 20px; margin-top: -10px; float: left; width: 100%; }
.passwordStrength > div > span { margin-bottom:5px; font-style: italic; text-align:left; float:left; width:100%; }
.passwordStrength > div > div { border:1px solid; border-right:none; width:20%; float:left; height:10px; }
.passwordStrength > div > div:last-child { border-right:1px solid; }
.passwordStrength > div > div.active { background-color:#72cda6; }

/* Paneles */
.panel { border:none; border-radius:8px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2); background-color:inherit; }
.panel .panel-heading { border-top-left-radius: 8px; border-top-right-radius: 8px; }#
.panel.panel-collapsed .panel-heading { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.panel-heading:not(.panel-heading-background) { background-color:#ffffff; color:#333!important; padding: 12px 15px 10px;  }
.panel-heading:not(.panel-heading-background).whiteLetter, .panel-heading:not(.panel-heading-background).whiteLetter a { color:#fff!important; }
.panel-no-bottom { border-bottom:none; }
.panel-primary > .panel-heading, .panel-primary > .panel-heading a { color:#fff!important; }
.panel-success > .panel-heading { background-color:#dff0d8; }
.panel-danger > .panel-heading { background-color:#f2dede; }
.panel-warning > .panel-heading { background-color:#faebcc; color:#333!important; }
span.panel-primary { color:#fff; }
span.panel-warning { color:#333; }
.portletForm .panel:not(.without-caret) .panel-heading { cursor:pointer; position:relative; }
.panel-body .panel:last-child { margin-bottom:0 };

/* Menú comunidades */
#listFavCommunities { padding:5px 0 0; }
#community_fav { padding:10px; }
#community_fav .btn { border:2px solid transparent; background-color:transparent; }
#community_fav .btn:active { box-shadow:none!important; -webkit-box-shadow:none!important; }
#community_fav .btn-primary, #community_fav .btn:hover { border:2px solid; }
#community_menu_search { margin-bottom:0!important; }
#community_menu_search .list-group-item { border-radius:0!important; border-left:none!important; border-right:none!important; }
#community_menu_search .icons { display:none; position:absolute; top:11px; right:8px; }
#community_menu_search .list-group-item:hover .icons { display:block; }
#community_menu_search_input .input-group-addon { background-color:transparent!important; border-left:none; border-radius:0!important; }
#community_menu_search_input .form-control { border-left:none; }
#comunity-new { width:100%; padding:12px; border-radius:0; }
#comunity-menu .list-group .fas.fa-star { color:#e0d800; }

#community_menu_search { margin: 5px 0 0; }
#community_menu_search > div { border:none; margin: 1px 8px; }
#community_menu_search > div.active, #community_menu_search > div:hover { font-weight:bold; color: #000; background-color:rgba(30,55,153,0.1)!important; border-radius: 8px !important; }
#community_menu_search > div:hover { font-weight:normal; }
#community_menu_search > div.active { font-weight:bold!important; }
#community_menu_search > div.active span, #community_menu_search > div:hover span { color: #000; }
/*#community_menu_search .list-group-item:hover:not(.active) { background:transparent!important; }*/

/* Checkbox y Radios */
label.checkbox { padding-bottom:0!important; line-height: 14px!important; }
#body_login label.checkbox { line-height: inherit!important; }
.checkbox { margin:0 0 5px 0!important; display: block; position: relative; padding-left: 15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.checkbox:not(.radio-visible):not([class*="sn-checkbox"]) input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkbox[class*="sn-checkbox"], .checkbox[class*="sn-checkbox"] label { padding-left: 0; }
.checkbox[class*="sn-checkbox"] input { margin: 10px 7px 0 0!important; }
.checkbox .owncheckbox, .checkbox .ownradio { position: absolute; top: 0; left: 0; height: 12px; width: 12px; border:1px solid;  background-color:#fff; }
.checkbox:has(input[type="checkbox"][disabled]) .owncheckbox { background-color: #f7f7f7!important; }
.checkbox:has(input[type="radio"][disabled]) .ownradio { background-color: #f7f7f7!important; }
.checkbox.disabled .owncheckbox, .checkbox.disabled .ownradio { background-color: #e7e7e7; }
.text-center .checkbox .owncheckbox, .text-center .checkbox .ownradio { left:calc(50% - 6px); }
.checkbox .ownradio { border-radius:50%; }
.owncheckbox:after, .ownradio:after { content: ""; position: absolute; display: none; }
.checkbox input:checked ~ .owncheckbox:after, .checkbox input:checked ~ .ownradio:after { display: block; }
.checkbox .owncheckbox:after { left: 4px; top: 1px; width: 3px; height: 7px; border: solid black; border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.checkbox .ownradio:after { border:1px solid; width:6px; height:6px; background-color:#000; border-radius:50%; margin:2px; }
.switch-with-text { cursor:pointer; padding:8px 10px; float:left; border:1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; white-space:nowrap; }
.switch-with-text > span { font-size:14px; float:left; margin-top:1px; }
.switch-with-text > input { margin-top:0!important; float:left; margin-right: 5px; }
.switch-with-text .checkbox { margin: 0!important; padding-left: 18px; }

/* Login */
#form-login .checkbox .owncheckbox { top:4px; }
.container-login { padding:0!important; max-width:none!important; border-radius:10px!important; }
.container-login > .row { text-align:center; margin:0; background-color:transparent!important; }
.container-login > .row > div:first-child { padding:30px!important; position:relative; }
.container-login > .row > div:last-child { padding:30px 30px!important; background-color:#fff!important; -webkit-border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-radius-topright: 9px; -moz-border-radius-bottomright: 9px; border-top-right-radius: 9px; border-bottom-right-radius: 9px; }
.container-login h1 { color: #989fab; font-size:20px; padding:0 45px; }
.container-login .dokuflex-logo { margin:10px 0; }
#form-login input[type="radio"], #form-login input[type="checkbox"] { position:absolute!important; margin-left:-20px!important; }
.social { width:60%; color: #c4c4c4; text-align:center; border-bottom: 1px solid #c4c4c4; line-height:0.1em; margin:30px auto 20px; }
.social span { background:#fff; padding:0 10px; }
.social-links { display:inline-block; padding:0; margin:0 auto; }
.social-links li { float:left; }
.social-links .btn { border:none!important; border-radius:50%; width:30px; height:30px; outline:none!important; }
#connect-button button { background-color: #7f9ad1 !important; }
#connect-button button:hover, #connect-button button:focus { opacity: 0.9; }
#connect-facebook { background-color:#3b5998!important; }
#connect-twitter { background-color:#2799ed!important; }
#connect-google { background-color: #186dee !important; }
#connect-google:hover, #connect-google:focus { opacity: 0.9; }
.connect-microsoft-wrapper { border-radius:50%; padding:8px 6px 4px!important; width:30px; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); }
.connect-microsoft-wrapper * { font-size:18px; }
.connect-microsoft-wrapper > a { float:left; margin:0 0px 0 1px; }
#connect-microsoft:hover, #connect-microsoft:focus { opacity: 0.9; }
#userLangRegister { margin-left: 5px; float:left!important; }
/* Boton Google */
/* Escondido el botón hasta que funcione */
.social-links .google { margin-right:10px; }
.social-links .google, .social-links .microsoft { box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); border-radius: 5px; }
.social-links .google > div, .social-links .microsoft > div { float:left; }
.social-links .google > a, .social-links .microsoft > a { float:left; color:inherit; margin-top:9px; padding-right:5px; }
.connect-microsoft-wrapper { box-shadow:none!important; }
.abcRioButton { border-radius:50%!important; width: 30px!important; height:30px!important; box-shadow: none!important; }
.abcRioButtonIcon { padding:6px!important; }
.loginShowPassword > div { padding:0!important; }
.loginShowPassword > div > a { float:left; padding:10px 20px; }

/* Dokuflex Logo */
.dokuflex-logo-org { max-width:100%; max-height:200px; }
.dokuflex-logo-layer { margin:0 auto; max-width:232px; width:100%; text-align:center; }
.dokuflex-logo-layer > a { display:inline-block; margin: 0 auto; }
.dokuflex-logo-brand span { font-weight:bold; }
.dokuflex-logo-layer img { float:left; }
.dokuflex-logo-layer-footer img { margin: 0 0 0 10px; }
.dokuflex-logo-layer-footer img:last-child { margin-top: 3px; }
.container-login .dokuflex-logo-text { float:left; margin:30px 0 0 12px; }
#menu-brand .pull-left { margin-top:2px; }
#menu-brand .pull-left img { display:inline-block; margin-top:-2px; }
#menu-brand .pull-left span { display:inline-block; }
#menu-brand .pull-right { font-size:12px; margin-top:2px; }

/* Tamaño letra diferente a 14 */
.nav-user a, th { font-size:12px; }

/* Formularios
.form-control { height:auto!important; }
.form-group { float:left; width:100%; border-bottom:1px solid #acacac; padding:5px 0; }
.form-group label, .form-group input { float:left; }
.form-group label { color:#acacac; padding:4px 8px 0 0!important; margin-bottom:0!important; }
.form-group input[type="text"], .form-group input[type="password"], .form-group input[type="number"], .form-group textarea { width:auto!important; border:none; box-shadow:none!important; padding:0!important; margin-bottom:0!important; }
*/
form label, label.control-label, strong.control-label, .form label, .card-text, .card .card-number { font-size:14px!important; }
.card-text { font-size:13px!important; }
.form-control, #html5-qrcode-select-camera { box-shadow: none!important; }
.select2-results__option { font-size:14px; }

/* Tablas */
thead th, .listDocumentsSwapTable .tablesorter-default th:not(.checkTH).tablesorter-header { vertical-align:top!important; color:#fff; padding:5px 3px!important; }
thead th[data-refresh]:first-child { padding:7px 6px 6px 6px!important; }
thead th[data-refresh] .dropdown-select { margin:0 0 0 3px!important; }
thead th[data-refresh] .owncheckbox { margin:5px 0 0!important; }
th .form-control::placeholder { text-transform: uppercase; }
th .form-control:-ms-input-placeholder { text-transform: uppercase; }
th .form-control::-ms-input-placeholder { text-transform: uppercase; }
th .form-control, th label, .form th label, th button { font-size:11px!important; font-weight:bold!important; }
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border:none; }
thead button > span, thead .btn > span, thead th button > .fal { color:#888!important; }
thead:not(.controlTimeQuadrant):not(.controlTimeReport) .form-control, thead .form-control[readonly], .filter-heading .input-group .predicted { min-width:90px!important; min-height:30px!important; border:none; }
.flexgrid-filter-dropdown .form-control { border:1px solid; }
thead:not(.controlTimeQuadrant):not(.controlTimeReport) .form-control:not(.highlight), thead .form-control[readonly] { background-color:#fff; }
.table .input-group-addon:not(.round) { padding:4px 2px!important; }
table thead.controlTimeQuadrant td
table thead.controlTimeQuadrant tr > th:first-child > * { margin-top: 15px; }
table thead.controlTimeQuadrant tr > th:first-child .userSelected { padding:2px 4px!important; }
table thead.controlTimeQuadrant .input-group-addon:not(.round), table thead.controlTimeReport .input-group-addon:not(.round), .controlTime .quadrantMonthlyFilter .input-group-addon:not(.round) { padding:4px 7px!important; }
.table .input-group-addon.round { padding:4px 6px 4px 0!important; }
thead:not(.controlTimeQuadrant):not(.controlTimeReport) .input-group-addon.round { -webkit-border-top-right-radius: 5px !important; -webkit-border-bottom-right-radius: 5px !important; -moz-border-radius-topright: 5px !important; -moz-border-radius-bottomright: 5px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; }
.filter-heading .btn { border-radius:10px; background-color:#fff!important; border-color:#fff!important; box-shadow:none!important; }
.filter-heading .btn-group { top: -2px; }
.filter-heading [data-type="flexgrid"] .btn { border-radius:5px; margin-top:2px; padding:7px!important; }
thead:not(.controlTimeQuadrant):not(.controlTimeReport) .input-group .form-control { border-right:none!important; -webkit-border-top-left-radius: 5px!important; -webkit-border-bottom-left-radius: 5px!important; -moz-border-radius-topleft: 5px!important; -moz-border-radius-bottomleft: 5px!important; border-top-left-radius: 5px!important; border-bottom-left-radius: 5px!important; }
thead:not(.controlTimeQuadrant):not(.controlTimeReport) .input-group-addon { background-color:#fff; border-left:none; border-right:none; }
thead th label, thead th button, tbody tr th label, tbody tr th button { margin-bottom:0!important; padding:8px 4px!important; }
thead th[data-sortedby] label, tbody tr th[data-sortedby] label { padding-right:20px !important; }
thead th label:not(.predicted), thead th button, tbody tr th label, tbody tr th button { text-transform:uppercase; }
thead th label.checkbox { padding:9px 9px 0 4px!important; }
.filter-heading-multiple { width:100%; }
.filter-heading-multiple:not(:first-of-type) { margin-top:1px; }
.filter-heading-multiple:not(:first-of-type) .input-group .predicted { padding-top:6px!important; }
.filter-heading-multiple > .input-group:not(:first-child) { width:100%; }
thead .popover { max-width:none!important; }
thead .popover-content { padding:4px!important; }
.filter-heading .form-control, .filter-heading .form-control option:first-child, .table .form-control { font-weight:normal; /*text-transform:uppercase!important;*/ }
.table:not(.table-bordered)>tbody>tr>td, .table:not(.table-bordered)>tbody>tr>th, .table:not(.table-bordered)>tfoot>tr>td, .table:not(.table-bordered)>tfoot>tr>th, .table:not(.table-bordered)>thead>tr>td, .table:not(.table-bordered)>thead>tr>th { border:none; }
thead .popover-content .input-group .form-control, thead .popover-content .form-control { border-radius:0!important; }
thead .popover-content .input-group-addon { border-right:1px solid; }
.flexgrid-filter-dropdown > div { padding-left:20px; padding-right:20px; }
thead .dropdown-menu { margin:0!important; padding:0!important; }
thead .dropdown > button { width:100%; text-align:left; }
thead .dropdown > button .caret { float:right; margin-top:7px; }
.filter-heading { position:relative; }
.filter-heading label:not(.predicted) { cursor:pointer; position:absolute; overflow:hidden; width:calc(100% - 28px); top:8px; left:7px; z-index:4; transition: .2s; padding:4px 4px 0 4px!important; }
.filter-heading .input-group label:not(.predicted) { padding:0!important; margin:0!important; }
.filter-heading.focused label:not(.predicted) { top:-5px; left:7px; transition: .2s; background-color:#fff; width:auto!important; }
.filter-heading.focused .input-group .form-control { transition: .2s; border:1px solid; }
.filter-heading.focused .popover select.form-control, .filter-heading.focused .filter-heading-multiple:not(:first-of-type) .input-group select.form-control, .filter-heading.focused .filter-heading-multiple:not(:first-of-type) .input-group input { padding-top:2px!important; }
.filter-heading .input-group-addon { border:none!important; }
.filter-heading:not([data-sorted]) .input-group-addon, .filter-heading[data-sorted="false"] .input-group-addon, th.tablesorter-headerUnSorted .tablesorter-icon, .flexgrid th:not([data-sortableth])::after { visibility: hidden; }
.filter-heading:hover .input-group-addon, .filter-heading.focused .input-group-addon, th.tablesorter-header:hover .tablesorter-icon, .flexgrid th:hover::after  { visibility: visible; }
.filter-heading.focused .input-group-addon, .select2-container.highlight .select2-selection { border-top:1px solid!important; border-bottom:1px solid!important; }
.select2-container.highlight .select2-selection { border:1px solid!important; border-right:none!important; }
.filter-heading .select2-container--default .select2-selection--single { border-top-right-radius:0!important; border-bottom-right-radius:0!important; }
.filter-heading.focused .input-group-addon:last-child { border-right-width:1px!important; border-right-style:solid!important; }
.filter-heading.filter-active .alert-info:not(.alert-blue) { border:1px solid; border-right:none!important; border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; }
.filter-heading.filter-active [data-type], .filter-heading.filter-active .input-group-addon, .filter-heading.filter-active .alert-info:not(.alert-blue), .filter-heading.focused [data-type="flexgrid"] button, .filter-heading.focused .select2-container--default .select2-selection--single { border-color:#1f3799!important; }
tbody tr td label.checkbox { margin-bottom:0!important; }
.table-condensed>tbody>tr>td:not(.checkData):not(.equalPadding):not(.checkDataInTable):not(.actions) { padding:6px 5px 4px!important;}
.table-condensed>tbody>tr>td:not(.checkData):not(.checkDataInTable):not(.actions) { border-left:none!important; }
.flexgrid>.table-condensed>tbody>tr>td, .gridSelector>tbody>tr>td { padding-top:4px!important; }
/*tbody tr td:first-child:not([colspan]):not(.checkData) { padding:11px 5px 2px!important; }*/
.filter-heading .input-group .predicted { padding:6px 0 0 8px!important; border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-style:solid!important; border-width: 1px !important; border-right:none!important; }
.filter-heading .dateRange { min-width:50%!important; width:50%; }
.filter-heading .dateRange:first-child { border-right:1px solid!important; }
.filter-heading .dateRange:not(:first-child) { border-radius:0!important; }
.table-filters-checkbox { margin:-5px!important; }
.table-filters-checkbox ul { margin:0!important; }
.table-filters-checkbox ul li { margin: 2px 0; padding:0 0 0 4px; }
.table-filters-checkbox ul li:last-child { margin-bottom: 7px; }
.table-filters-checkbox ul li, .table-filters-checkbox ul li a { float:left; width:100%; }
.table-filters-checkbox ul li:hover { background-color: #f3f3f3; }
.checkboxesTable { position:relative; }
.checkTH { width:14px!important; min-width:0!important; padding:0!important; }
.checkTH label.checkbox { margin: 14px 0 0 7px!important; height:12px; }
.checkData { border:none; width:6px!important; position:absolute; padding:0!important; left:11px; -webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pre-table .input-group { margin-bottom:5px!important; }
.table_td_max_height { max-height:80px; overflow:auto; }
.filter-heading-icon { position:absolute; top:13px; right:20px; z-index:4; background-color:#fff; padding: 1px 0 1px 4px; }
.table-sorter-flexgrid th { position:relative; }
.table-sorter-flexgrid th:after { font-family:Font Awesome\ 5 Pro, Font Awesome\ 5 Brands, Font Awesome\ 5 Free, Font Awesome\ 5 Solids, Helvetica; font-weight:300; content:'\f0dc'; position:absolute; top:6px; right:5px; z-index:1; }
.table-sorter-flexgrid[data-sortabledir="asc"] [data-sortableTH]:after { content:'\f0de'; font-weight:bold; }
.table-sorter-flexgrid[data-sortabledir="desc"] [data-sortableTH]:after { content:'\f0dd'; font-weight:bold; }
.gridFloating { position:absolute; top:0; left:0; z-index:1000000000000000; background-color:#fff; width:100%; min-height:100%;}
/* Se elimina el ARROW de los selects de las cabeceras de listado para sólo tener 1 icono al final y que el diseño permita colocar embudo (cuando filtran) siempre en la misma posición */
.filter-heading select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
.tableChecks { position:absolute; top:40px; left:-7px; /*background-color:#1e3799;*/ width:5px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.relationsDocuments .tableChecks { top:32px; }
.tableChecks tr, .tableChecks td { background-color:#1e3799; }
.tableChecks tr:first-child { overflow: hidden; }
.tableChecks tr td {
	-webkit-border-top-left-radius: 10px!important;
	-webkit-border-bottom-left-radius: 10px!important;
	-moz-border-radius-topleft: 10px!important;
	-moz-border-radius-bottomleft: 10px!important;
	border-top-left-radius: 10px!important;
	border-bottom-left-radius: 10px!important;
}
.tableChecks tr:hover td, .tableChecks.open tr td { position:relative; }
.tableChecks.open tr { opacity:1!important; }
.tableChecks tr:hover .checkbox, .tableChecks.open tr .checkbox { display:block; position:absolute; left: -16px; top:0; height:100%; min-width:20px; background-color:#1e3799; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.tableChecks tr:hover .owncheckbox, .tableChecks.open tr .owncheckbox { top: calc(50% - 6px); left: calc(50% - 3px); }
.table-empty-editable-field { float:left;min-width:100px;min-height:20px; }
tfoot.table-spinner>tr>td { border:none!important; }

/* Checks in table */
.checkInTH { padding:9px!important; font-size:15px; cursor:pointer; }
.checkDataInTable { border-left:none!important; border-right:none!important; width:30px!important; padding:4px!important; }
.checkDataInTable .checkbox { padding-left:0!important; }
.checkDataInTable .owncheckbox { width:14px; height:14px; top:4px; left: 2px; }
.tableChecks .checkDataInTable .checkbox { display:none; }
.tableChecks .checkDataInTable .owncheckbox { width:12px; height:12px; }
.tableChecks .checkbox .owncheckbox, .tableChecks .checkbox .ownradio { top: 0; }
.checkDataInTable .owncheckbox:after { width:4px; height:8px; left:4px; top:1px; }
.tableChecks .owncheckbox:after { left:3px; top:0; }

/*table.fix .checkData { left:-6px!important; }*/
#browser-files .grid { padding-left:5px; }
#browser-files .checkData:not(.open) { left:6px; }
#browser-files td:not(.checkDataInTable) { border-left:none!important; }
.checkData .checkbox { opacity:0; margin-top:5px!important; }
.checkData.open { left:-8px; width:24px!important; padding:5px 5px 4px!important; -webkit-transition: left .2s ease, width .2s ease; transition: left .2s ease, width .2s ease; }
.checkData.open .checkbox { opacity:1; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; }

.modal-open .modal { overflow: hidden; }
.modal .modal-body { overflow-y: auto; max-height: calc(100vh - 212px); }
.modal-body .doubleScroll-scroll-wrapper { top:-18px; }
.modal-body .doubleScroll-scroll-wrapper, .modal-body .table-responsive { margin:0 10px; }
.modal-body .checkData { left:19px!important; }
.modal-body .checkData.open { left:2px!important; }

.fix .checkData { left:-1px; }
.fix .checkTH label { display:none; }
.checkboxTd { position:absolute!important; border:1px solid; }
.grid-main-filters { border-bottom:1px solid; }
.grid-main-filters .separador, .grid-bottom-filters .separador { height:50px; padding:15px 15px; border-right:none!important; float:left; }
.grid-main-filters:not(.row) .separador { padding:10px 0!important; height:auto; }
.grid-main-filters .separador.nopadding, .grid-bottom-filters .separador.nopadding { padding-top:11px; }
.grid-main-filters .separador-display-table, .grid-bottom-filters .separador-display-table { display:table; padding-bottom:10px; }
.grid-main-filters .separador:first-child, .grid-bottom-filters .separador:first-child { border-left:none; }
.grid-main-filters .separador .icon, .iconRefresh .icon, .iconUsers .icon, .grid-bottom-filters .separador .icon { font-size:20px; padding: 0 10px; }
.grid-main-filters .separador .input-group-addon { width:auto!important; }
.grid-main-filters .iconUsers, .grid-bottom-filters .iconUsers { display:inline-block; }
.grid-main-filters .iconUsers .icon, .grid-bottom-filters .iconUsers .icon { float:left; }
.grid-main-filters .fa-users, .grid-bottom-filters .fa-users { font-size:27px; line-height:19px; }
.table-filters-checkbox .unmarkAll { display:none; }
.filters-popup .modal-body > .row > .clearfix { border-bottom:1px solid; margin:0 0 15px; }
.filters-popup .modal-body > .row > .clearfix:last-child { border:none; margin:0; }
.filters-popup .modal-body > .row *[class*=col-] { padding-right:20px; padding-left:20px; }
.filters-popup-cond { width:20px; border-right:1px solid; height:calc(100% - 13px); float:left; position:absolute; left:-20px; }
.filters-popup-cond span { position:absolute; top:calc(50% - 11px); background-color:#FFF; padding:5px 0; }
.filters-popup-cond span.and { left:calc(100% - 13px); }
.filters-popup-cond span.or { left:calc(100% - 9px); }
.filters-popup-cond-and { float:left; border-right:1px solid; height:40px; padding-right:10px; margin-right:10px; }
.filters-popup-cond-and .and { float:left; margin-top:14px; }
.filters-popup strong { float:left; margin-top:14px; max-width: calc(100% - 50px); white-space: nowrap; overflow: hidden; text-overflow:ellipsis;  }
td.actions { text-align:right!important; border:none!important; position:sticky; position:-webkit-sticky; right:5px; width:0!important; background-color:transparent!important; padding:6px 0 0 0!important; float:left; }
td.actions.opened { z-index:1; }
.table-condensed>tbody>tr>td:not(.checkData):not(.checkDataInTable):not(.actions).fixHeadersFirstTd { padding-left:9px!important; }
[data-checksOpened].table-condensed>tbody>tr>td:not(.checkData):not(.actions).fixHeadersFirstTd { padding-left:27px!important; }
.fieldActions { position:relative; }
.fieldActions > a { font-size:30px; padding:5px; opacity: 0; }
.fieldActionsWrapper { display:none; position:absolute; right:2px; top:calc(50% - 20px); padding:5px; border-radius:4px; }
.fieldActionsWrapper .dropdown-submenu > a { padding: 3px 10px !important; }
.fieldActionsWrapper .dropdown-submenu .dropdown-menu {	top: 0; left: 0; transform: translateX(-100%); margin-top: -1px; }
.master-data .fieldActionsWrapper { padding:3px!important; }
.master-data .fieldActionsWrapper { top:calc(50% - 13px); }
.master-data .fieldActionsWrapper > .btn-group > a, .master-data .fieldActionsWrapper > a, .master-data .fieldActionsWrapper .big-action { font-size:15px!important; padding:0 3px; }
.master-data .fieldActions > a { font-size:18px; padding:2px; }
.master-data .panel-body > .row { clear:both; }
.fieldActionsWrapper > .btn-group > a, .fieldActionsWrapper > a, .fieldActionsWrapper .big-action { padding:0 4px; font-size:18px; float:left!important; }
.list-check-options { display:none; }
.grid-bottom-filters .exportButtons { padding-top:10px!important; }
.separadorUsers { width:10%; }
.separadorActions { width:17%; }
.separadorProcess { width:29%; }
.separadorFullText { width:29%; }

/* Hover Icons listado */
.iconRefresh a:hover > span, .separador a:hover, #allUser:hover, .gridMoreMenu label:hover span { color:#1e3799!important; }
#meUser.active:hover, #allUser.active:hover { color:#566cc3!important; }

/* Pagination */
.separadorPag { float:right; margin: 17px 13px 10px 0; white-space: nowrap; display: flex; }
.separadorPag * { text-transform:uppercase; float:left; display:inline-block; margin:auto 5px; font-size:11px!important; }
.separadorPag span {  margin-top:4px; }
.separadorPag a { margin-top:6px; }
.separadorPag .form-control { max-width:48px; text-align:center; padding:3px 3px!important; }
.separadorPag select { margin-right:10px!important; }
.separadorPag input { width:30px; margin-right:0!important; }
.separadorPag .label-num-reg { color:#000!important; font-weight:bold; margin-left:10px; }
.targetPagination { float:right; }

.listPagPrev:not(.disabled), .listPagNext:not(.disabled) { cursor:pointer; }
.listPagPrev.disabled, .listPagNext.disabled { cursor:no-drop; }
.tablesorter-header { outline:none; }
.tablesorter-icon { float:right; margin:9px 5px 0; }
.actions .tablesorter-header-inner { display:none; }

@media (max-width: 1292px) {
	.grid-main-filters .separador .icon, .grid-bottom-filters .separador .icon { padding:0 5px; }
}
@media (max-width: 1022px) {
	.grid-main-filters .separador, .grid-bottom-filters .separador { padding: 15px 10px; }
}
@media (max-width: 1058px) {
	.grid-main-filters .separador .icon, .grid-bottom-filters .separador .icon { font-size:16px; }
	.grid-main-filters .fa-users, .grid-bottom-filters .fa-users { font-size:22px; line-height:16px; }
}

@media (max-width: 677px) {
	.grid-main-filters .separador .icon, .grid-bottom-filters .separador .icon { font-size:16px; }
	.grid-main-filters .fa-users, .grid-bottom-filters .fa-users { font-size:22px; line-height:16px; }
}

/* Componente Archivos */
.file-uploaded .file-cover, .file-uploaded .file-cover .link, .file-uploading { float:left; width:100%; }
.file-uploaded .file-cover { height:150px; }
.file-uploaded .file-cover { border:1px solid; background-size:cover; background-repeat:no-repeat; position:relative; }
.file-uploaded .file-cover-complete-images { height:auto; }
.file-button-bottom, .file-button-top, .file-button-move { background-color:rgba(255, 255, 255, 0.8); border-radius:4px; cursor:pointer; color:#333!important; }
.file-button-move { cursor:move }
.file-uploaded .file-cover > .btn-group { bottom:5px; right:5px; position:absolute; display:none; }
.file-uploaded .file-cover > .btn-group .btn { border:1px solid #888; }
.file-uploaded .file-cover:hover > .btn-group { display:block; }
.file-uploading { border:none !important; }
.file-uploading .fa-spin { font-size:30px; margin-bottom:5px; }
.file-uploading > div { text-align:center; position:absolute; left:0; top:0; width: 100%; height: 100%; }
.file-icon .file-uploading > div { height: calc(100% + 5px); }
.file-icon { font-size:130px; max-width:50px; float:left; position:relative; }
.file-icon.fa-play-circle { left:calc(50% - 65px) }
.file-icon-wrapper { float:left; position:relative; width:100%; margin-bottom:5px; }
.file-icon-options { position:absolute; bottom:5px; right:5px; }
.file-icon-info { float:left; margin:15px 0 0 10px; width:calc(100% - 60px); overflow: hidden; }
.file-icon-info > span { width:100%; float:left; }
.file-icon-info > span:first-child { text-overflow: ellipsis; white-space: nowrap; overflow:hidden; line-height:14px; }
.file-icon-info > span:last-child { color:#999; margin-top:10px; }
#popover_percent, .file-uploading .fa-spin { color:#fff; }
.popover-content #popover_percent { color:#333; }
.formUploadListFiles img { width:100%; height:auto; border:1px solid #ddd!important; }
.formUploadListFiles .file-name { font-size:14px; margin:5px 0; text-overflow: ellipsis; overflow:hidden; white-space:nowrap; padding:3px 0; }
.formUploadListFiles .file-icon img { width:100%; border:none!important; margin-top:7px; }
.formUploadListFiles.threadDocuments .file-icon img { margin-top:12px; }
.formUploadListFiles .uploadImages { margin-bottom:10px; }
.isImagePreview .file-uploaded .file-cover { width:auto; height:auto; }
.isImagePreview form { margin-bottom:0!important; }
.file-icon #popover_percent { font-size:13px; color:#fff; }
.panel-title .fileFolderSelector { margin-left:10px; font-size:12px; }
[data-isfile="0"] .file-uploading { height:150px; position:relative; }
[data-isfile="0"] .fa-spin { font-size:45px!important }
[data-isfile="0"] .file-uploading .dokuLoader { height: 20px; width: 20px; left:calc(50% - 10px); top:calc(50% - 10px); }
[data-isfile="0"] .file-uploading #popover_percent { position:absolute; top:50%; left:calc(50% - 16px); }
[data-isfile="1"] .file-uploading .dokuLoader { position:absolute; top:calc(50% - 12px); left:calc(50% - 10px); }

/* Botones */
button, .btn { /*text-transform: uppercase;*/ }
button:not(.btn-xs), .btn:not(.btn-xs) { font-size:13px; }
.flexgrid-filter button { height:30px!important; }

/* Pestañas */
.tab-content { border:none; padding:30px 15px; }
.tabs-left .tab-content { padding-top:0!important; }
.nav-tabs > li { margin-bottom:0!important; }
.nav-tabs > li > a { background-color:transparent!important; border:none!important; border-bottom: 4px solid #fff!important; font-weight:normal!important; box-shadow:none!important; font-size:15px!important; margin:0!important; }
.nav-tabs > li.active > a { background-color:transparent!important; border:none!important; border-bottom: 4px solid!important; font-weight:normal!important; }
.tab-buttons { float:right!important; }
.tab-buttons button { margin-top:7px; background-color:inherit; border:none; padding:2px 4px; line-height:normal; border-radius:0; }
.tab-buttons button * { font-size:20px; color:#cacaca; line-height:normal; }
.tab-buttons button:active { box-shadow:none!important; -webkit-box-shadow:none!important; }
.tab-buttons button.active * { color:#fff; }
.tab-buttons button:focus { outline:none!important; }

/* Componente Countdown */
.countdown { border:1px solid; border-radius:10px; padding:10px; float:left; width:100%; background-color:#fff; }
.countdown label { margin: 5px 5px 0 2px; width:100%; float:left; }
.countdown > i { float:left; font-size:25px; margin:3px 5px 0 0; }
.countdown > p { float:left; margin-top:10px; font-size:30px; }
.countdown .btn { float:right; }

/* Componente Gráficos */
.graph_layer { margin:0; border:1px solid; border-radius:4px; padding:10px; }
.graph_layer label { text-align:left!important; text-transform: uppercase; font-weight:bold; }
.graph_dataset { border:1px solid; border-radius:10px; margin-bottom:15px!important; }
.graph_dataset:last-child { margin-bottom:0; }
.graph_dataset_remove { float:right; margin:0 15px 15px; }
.graph_new_dataset_link { width:100%; border:1px dashed; padding:20px; float:left; font-size:20px; text-align:center; margin: 10px 0 20px 0; cursor:pointer; }
.equal-height-graphLayer { margin-top:10px; }

/* Componente Card */
.card { width:100%; float:left; min-height:100px; position:relative; margin-bottom:15px; padding:0; border:1px solid; border-radius:10px; !*overflow:hidden;*! cursor:pointer; overflow:hidden; -webkit-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.30); -moz-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.30); box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.30); }
/*.card > .row { margin:0; }
.card > .row > div { min-height:50px; }*/
.card > div:not(.card_box_top_left):not(.card_box_bottom_right) { position:relative; z-index:1; }
.card-icon-wrapper { padding:0; }
.card-text-wrapper { position:relative; }
.card .fa-spinner.fa-spin { font-size:14px; }
.card-icon { padding:15px 0; float:left; width:100%; font-size:45px; text-align:center; }
.card-text { padding-top:15px; padding-bottom:15px; line-height:18px; text-transform: uppercase; /*word-break: break-all;*/ }
.normal-break.card-text { word-break: normal; }
/*.card-text p { margin:20px 0 0 0!important; }*/
.card .card-number { font-size:35px!important; font-weight:normal!important; margin-top:10px; width: calc(100% - 40px); word-break: break-all; line-height: 32px; }
.card:not(.card-document) .panel-body { cursor:pointer; }
.card-document .panel-body { position:relative; }
.card-document .card-actions { position:absolute; right:5px; bottom:5px; }
.card-circle, .card-circle-1, .card-circle-2, .card-circle-3 { -webkit-border-top-left-radius: 100%; -moz-border-radius-topleft: 100%; border-top-left-radius: 100%; width:50px; height:50px; position:absolute; bottom:-5px; right:-5px; }
.card-circle-1 { opacity: 0.3 }
.card-circle-2 { opacity: 0.5; bottom:-15px; right:-15px; -webkit-border-top-left-radius: 85%; -moz-border-radius-topleft: 85%; border-top-left-radius: 85%; }
.card-circle-3 { opacity: 0.7; bottom:-25px; right:-25px; -webkit-border-top-left-radius: 70%; -moz-border-radius-topleft: 70%; border-top-left-radius: 70%; }
.card:hover .card_box_top_left, .card:hover .card_box_bottom_right { width:40%; height:40%; border-color:#337ab7; }
.card_box_top_left, .card_box_bottom_right { width:0; height:0; position:absolute; transition: all 0.2s ease; z-index:0; }
.card_box_top_left { border-top:1px solid transparent; border-left:1px solid transparent; top:0; left:0; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; }
.card_box_bottom_right { border-bottom:1px solid transparent; border-right:1px solid transparent; bottom:0; right:0; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; }
.form_group .card_box_bottom_right { bottom:15px!important; }
.card-content { cursor: pointer; padding: 20px; width: 100%; float:left; position:relative; }
.card-content label { text-transform:uppercase; font-weight: 400!important; width: calc(100% - 58px); /*word-break: break-all;*/ line-height: 15px; }
.card-content .card-icon { position:absolute; top: 7px; right: 20px; width:auto; text-align: inherit; max-width:50px; }
.card-content p:not(.card-number) { margin-top:10px; float:left; width: 100%; font-weight: 100!important; }

/* FileUpload */
.file_upload { position:relative; overflow: hidden; }
.file_upload input { border:none; left:0; right:auto; width:100%; height:100%!important; position:absolute; top:0; margin:0; opacity:0; cursor: pointer; }
.file_upload iframe, .file_upload button { display:none; }

/* Foro */
#forumList .panel { border:none!important; }
/*#forumList .panel-heading { background-color:transparent!important; padding:0 10px 10px!important; }*/
/*#forumList .panel-title { text-transform:uppercase; font-weight:bold; }*/
/*#forumBox { padding:0!important; }*/
#forumBox > div:not(.table-responsive):not(.doubleScrollFixed) { margin:20px 0; }
#forumBox > div:first-child { margin-top:0; }
 .widget-box-2 > div > div.forumIcon { padding-top:25px!important; }
.forumIcon { width:100px; height:100px; text-align:center; }
.forumIcon > span { display:inline-block; color:#fff; }
.forumLetter { font-size:60px!important; color:#fff; text-transform:uppercase; padding-top:17px!important; }
.threadInfo { margin:10px 0 10px 20px!important; }
.threadInfo > a { font-size:16px; font-weight:bold; }
.forum_last_thread { font-style: italic!important; font-weight:bold; }
#forumList .threadUsers { position:relative; top:0; left: 0; margin:28px 40px 0 0; }
#forumList .threadEdit { border-left:1px solid; position:relative; top:0; left: 0; margin:10px 5px 10px 0; padding-left:5px; min-height:80px; }
#forumList .threadEdit a { font-size:16px!important; }
#forumThreadList .file-icon-info { overflow:visible; }
#forumThreadList .file-icon-info > span { margin-bottom:5px; }

/* Page Layouts */
.page-layout-wrapper { float:left; width:100px; margin: 0 20px; }
.page-layouts { border:4px solid; width:100px; height:100px; margin:0 auto 10px; cursor:pointer; }
.page-layouts > div { display:none; height:100%; float:left; border-right:2px solid; }
#page-layout2 .pl-1 { display:block; width:50%; }
#page-layout3 .pl-1 { display:block; width:30%; }
#page-layout4 .pl-1 { display:block; width:70%; }
#page-layout7 .pl-1 { display:block; width:33%; }
#page-layout7 .pl-2 { display:block; width:33%; }
#page-layout8 .pl-1 { display:block; width:75%; }
#page-layout8 .pl-2 { display:block; width:25%; border-right:none; }
#page-layout9 .pl-1 { display:block; width:25%; }
#page-layout9 .pl-2 { display:block; width:75%; border-right:none; }
#page-layout10 .pl-1 { display:block; width:100%; height:30%; border-right:none; border-bottom:2px solid; }
#page-layout10 .pl-2 { display:block; width:50%; height:70%; }
#page-layout11 .pl-1 { display:block; width:100%; height:30%; border-right:none; border-bottom:2px solid; }
#page-layout11 .pl-2 { display:block; width:30%; height:70%; }
#page-layout11 .pl-3 { display:block; width:70%; height:70%; border-right:none; }
#page-layout12 .pl-1 { display:block; width:100%; height:30%; border-right:none; border-bottom:2px solid; }
#page-layout12 .pl-2 { display:block; width:70%; height:70%; }
#page-layout13 .pl-1 { display:block; width:100%; height:30%; border-right:none; border-bottom:2px solid; }
#page-layout13 .pl-2 { display:block; width:50%; height:40%; }
#page-layout13 .pl-3 { display:block; width:100%; height:30%; border-right:none; border-top:2px solid; }
#page-layout14 .pl-1 { display:block; width:100%; height:30%; border-right:none; border-bottom:2px solid; }
#page-layout14 .pl-2 { display:block; width:30%; height:40%; }
#page-layout14 .pl-3 { display:block; width:100%; height:30%; border-right:none; border-top:2px solid; }
#page-layout15 .pl-1 { display:block; width:100%; height:30%; border-right:none; border-bottom:2px solid; }
#page-layout15 .pl-2 { display:block; width:70%; height:40%; }
#page-layout15 .pl-3 { display:block; width:100%; height:30%; border-right:none; border-top:2px solid; }

/* ProgressBar */
.file_upload { position:relative; }
.file_upload .progressBar { position:absolute; bottom:0; left:0; width:0; height:5px; background-color:rgba(0, 255, 0, 1); }
.file_upload .progressPercent { position:absolute; bottom:2px; right:5px; font-size:13px; }

/* Progress bar circle */
.progress-circle { width: 70px; height: 70px; line-height: 70px; background: none; margin: 0 auto; box-shadow: none; position: relative; }
.progress-circle:after{ content: ""; width: 100%; height: 100%; border-radius: 50%; border: 5px solid #fff; position: absolute; top: 0; left: 0; }
.progress-circle > span { width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1; }
.progress-circle .progress-circle-left{ left: 0; }
.progress-circle .progress-circle-bar{ width: 100%; height: 100%; background: none; border: 5px solid; position: absolute; top: 0; }
.progress-circle .progress-circle-left .progress-circle-bar{ left: 100%; border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left; }
.progress-circle .progress-circle-right { right: 0; }
.progress-circle .progress-circle-right .progress-circle-bar{ left: -100%; border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right; -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.progress-circle .progress-circle-value{ width: 90%; height: 90%; border-radius: 50%; font-size: 15px; line-height: 65px; text-align: center; position: absolute; top: 5%; left: 5%; }
.progress-circle .progress-circle-bar{ border-color: #72cda6; }
.progress-circle .progress-circle-left .progress-circle-bar{ -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.progress-circle .progress-circle-disabled { position:absolute; left: 0; width: 70px; height: 70px; border-radius:50%; border: 5px solid; }

/* Paleta de colores */
.color1 { background-color: #eca400; }
.color2 { background-color: #006992; }
.color3 { background-color: #27476e; }
.color4 { background-color: #001d4a; }
.color5 { background-color: #ff7d00; }
.color6 { background-color: #78290f; }
.color7 { background-color: #15616d; }
.color8 { background-color: #bf1363; }
.color9 { background-color: #0e79b2; }
.color10 { background-color: #1c339b; }
.color11 { background-color: #f39237; }
.color12 { background-color: #c32f27; }
.color13 { background-color: #004b23; }
.color14 { background-color: #800f2f; }
.color15 { background-color: #084c61; }
.color16 { background-color: #323031; }
.color17 { background-color: #5a189a; }
.color18 { background-color: #ef476f; }
.color19 { background-color: #d68c45; }
.color20 { background-color: #011627; }
.color21 { background-color: #ad2831; }
.color22 { background-color: #593d3b; }
.color23 { background-color: #72b01d; }
.color24 { background-color: #5a7825; }

/* Repositorio */
.content.fileManager > .row { padding:0 15px!important; }
#currentFolderName { margin-bottom:10px!important; }
.browser-folders * { font-size:14px!important; }
.folders, .files { padding:0!important; }
.files { padding-left:5px!important; }
.browser-folders .subtree ul { padding-left: 5px; }
.browser-folders ul { margin:7px; }
#repoModesButtons .file_upload { cursor:pointer; width:auto!important; padding:0 4px!important; margin:6px 5px 0 0!important; }
#repoModesButtons .file_upload:hover { cursor:pointer!important; }
#repoModesButtons .file_upload div { font-size:13px; line-height:26px; }
.itemGallery { position:relative; z-index:11; height:auto!important; border:none!important; width:100%!important; padding:0!important; }
.itemGallery .check { position:absolute; padding:1px !important; }
.itemGallery .file-icon-options { bottom:0; right:0; }
.itemIconRepository { float:left; width:16%; }
.process_box.box_gallery { float:left; width:100%; }
.box_gallery .titulo { overflow:hidden; text-overflow: ellipsis; white-space: nowrap; width:100%; float:left; }
.box_gallery .detalles { width:calc(84% - 30px); float:left; margin:0 0 0 10px!important; }
.box_gallery { border-radius:6px; }
.folder-color { color:#ffda6b; }
#browser-files .folder-color { margin-right: 5px; margin-left:2px; font-size:18px; }
.document-viewer-edit-google-drive { display:none; }

/* Mis comunidades */
.communityPortletList { margin:15px 0; background-color:#fff; height:60px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; clear:both; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); }
.communityPortletList:first-child { margin-top:0!important; }
.communityPortletList .avatar img { width:50px; height:50px; margin:5px; }
.communityPortletList strong { font-size:16px!important; }
.community-icons { float:right; font-size:25px; position:relative; z-index:1; }
.community-icons > * { margin:18px 5px; }
.community-icons > *:last-child { margin-right:20px!important; }
.community-name, .community-description { float:left; margin-left:10px!important; }
.community-name { margin:15px 0 5px; }
.community-name.community-nodesc { margin-top:22px; }

/* Widgets */
.widget-box-2 { -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); box-shadow: 0 0 2px 0 rgba(0,0,0,0.5); }
.process_box { padding:10px; position:relative; margin:10px auto; -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.2); box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.2); }
.process_box hr { width:50px; }
.process_box .widget-labels  { padding:0!important; position:absolute; top: 5px; left:10px; }
.process_box .widget-labels * { font-size:11px; }
.card_bow_wrapper { position:relative; }
.card_bow_wrapper .widget-options { float:right; position:absolute; top:20px; right:25px; z-index:2; }
.card_bow_wrapper .widget-options a { margin-left:5px; }
.card_bow_wrapper .widget-options i { font-size:20px; }
.process_box .widget-description { padding: 0 10px; }
.process_box .widget-description p { margin:5px 0 0; display:inline-block; }
.process_box:hover .process_box_top_left, .process_box:hover .process_box_bottom_right, .hoverBorderEffect:hover .process_box_top_left, .hoverBorderEffect:hover .process_box_bottom_right { width:40%; height:40%; border-color:#337ab7; }
.process_box_top_left, .process_box_bottom_right { width:0; height:0; position:absolute; transition: all 0.2s ease; }
.process_box_top_left { border-top:1px solid transparent; border-left:1px solid transparent; top:0; left:0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; }
.process_box_bottom_right { border-bottom:1px solid transparent; border-right:1px solid transparent; bottom:0; right:0; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; }
.ticket_description { margin-top:5px; line-height:13px; }
/*.process_text_white .process_box_top_left { border-top-color:#ccff00; border-left-color:#ccff00; }
.process_text_white .process_box_bottom_right { border-bottom-color:#ccff00; border-right-color:#ccff00; }*/

.blackLetter { color:#333!important; }
.whiteLetter { color:#fff!important; }

/* Tarjetas */
.card-icon { border-radius:0; }

/* Paneles */
.panel-title { font-size:18px!important; }
.panel-title .fal:not(.panel-icon):not(.fa-spin), .panel-title .fas:not(.panel-icon):not(.fa-spin), .panel-icon-collapse { font-size:17px!important; line-height:12px!important; }
.panel-title .panel-icon { font-size:14px!important; }

.btn-gray *, .btn-group > .btn-gray { color:#555!important; }

/* Preferencias de usuario */
#sidebarRight-wrapper.toggled { transition:right .4s ease; right:0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }
#sidebarRight-wrapper h1 { font-size:17px!important; margin-top:14px; text-transform: uppercase; font-weight:bold; }
#sidebarRight-wrapper { overflow-y:auto; overflow-x:hidden; max-height:100%; position:fixed; z-index:1064; top:0; right:-310px; width:300px; padding:0 13px; background-color:#fff; box-shadow: -4px 0px 5px 0px rgba(0,0,0,0.4); -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; }
#sidebarRight-wrapper > a { position:absolute; top:17px; right:10px; }
#sidebarRight-wrapper [data-zoom] { outline:0!important; }

/* Shortcuts */
.mleft5 { margin-left:5px!important; }
.mleft10 { margin-left:10px!important; }
.mright5 { margin-right:5px!important; }
.mright10 { margin-right:10px!important; }
.mtop10 { margin-top:10px!important; }
.mbottom0 { margin-bottom:0!important; }
.mbottom10 { margin-bottom:10px!important; }
.mbottom20 { margin-bottom:20px!important; }
.mtop20 { margin-top:20px!important; }
.mtop30 { margin-top:30px!important; }
.mtop40 { margin-top:40px!important; }
.nowrap { white-space:nowrap!important; }
.overflow-x-hidden { overflow-x: hidden!important; }

/* checkSwitch */
.checkboxSwitch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
}
.checkboxSwitch input {
	opacity: 0;
	width: 0;
	height: 0;
}
.checkboxSlider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	transition: .4s;
}
.checkboxSlider:before {
	position: absolute;
	content: "";
	height: 14px;
	width: 14px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	transition: .4s;
}
input:checked + .checkboxSlider:before {
	transform: translateX(20px);
}
.checkboxSlider.round {
	border-radius: 20px;
}
input:checked + .checkboxSlider {
	background-color: #2196F3;
}
.checkboxSlider.round:before {
	border-radius: 50%;
}

.checkboxSwitch.checkboxSwitchSmall {
	width: 20px;
	height: 10px;
}
.checkboxSwitch.checkboxSwitchSmall .slider:before {
	height: 8px;
	width: 8px;
	left: 1px;
	bottom: 1px;
}
.checkboxSwitchSmall input:checked + .slider:before {
	transform: translateX(10px);
}
.checkboxSwitchSmall .checkboxSlider.round {
	border-radius: 10px;
}
/* !checkSwitch */

/* Acciones versión movil 800px */
@media (max-width: 800px) {

	.hideMobile { display:none!important; }

	/* Menú superior y lateral */
		/*#header-searcher, #header-upper-bar .navbar-right { width:100%; margin-bottom:0; float:left; }
		#header-upper-bar .navbar-right { margin:0; padding:10px; }
		#header-upper-bar .navbar-right > li { margin-top:0; }
		.nav-user img { margin:0; padding:0; float:right; height:30px; width:30px; }
		.nav-user > div:last-child { width:30px; }
		.navbar, #header-upper-bar { height:auto!important; }
		#comunityMenu { font-size:13px; line-height:12px; }
		#header-upper-bar #comunity-menu { margin-left:0; margin-right:0; min-width:250px; }
		#comunity-dropdown .dropdown-menu:before, #comunity-dropdown .dropdown-menu:after { right:auto!important; }
		#header-upper-bar #comunity-menu:before { left: 3px!important; }
		#header-upper-bar #comunity-menu:after { left:4px!important; }
		#comunity-name { margin-left:0!important; }
		#header .movil { margin: 0 5px 0 0; padding:6px 6px 6px 10px; }
		#header #header-create-process { margin:4px 15px; }
		.nav-icons.hidden-xs { display:none!important; }*/

	/*#sidebar-wrapper { width:250px!important; }*/
	#page-content-wrapper { width: calc(100% - 40px)!important;; margin-left: 40px!important; }
	#sidebar-wrapper { z-index:3; }

	/* Quitar espaciados en pestañas */
		.tab-content { padding-left:0!important; padding-right:0!important; }
	/* Todos los botones en su versión pequeña */
		.btn, .wfButtonsCss button, .actionsOnDesigner .btn { padding:1px 5px!important; font-size:12px!important; line-height:1.5!important; border-radius:3px; }
	/* Espaciados de debajo de inputs minificados */
		form input[type="text"], form input[type="number"], form input[type="password"], form textarea, form select, .filters-popup .form-control { margin-bottom:5px!important; }
		form .input-group input, form .input-group select { margin-bottom:0!important; }
	/* Paneles */
		.panel-heading .fa-circle { display:none; }
		.panel-title { font-size:16px!important; }
		.button-on-heading { margin:0 0 11px 0!important; }
		.button-on-heading .btn { margin-right:0!important; }
	/* Botones WF */
		.wfButtonsCss { position:static; padding: 15px; }
		.wfButtonsCss button, .actionsOnDesigner .btn { margin-bottom:5px; }

	/* Tablas en modo mobil */
		.grid .table-responsive,
		.gridSelector .table-responsive { padding:0; border:none; }
		.grid .table-responsive table, .grid .table-responsive table, .grid .table-responsive thead, .grid .table-responsive tbody, .grid .table-responsive th, .grid .table-responsive td, .grid .table-responsive tr,
		.gridSelector .table-responsive table, .gridSelector .table-responsive table, .gridSelector .table-responsive thead, .gridSelector .table-responsive tbody, .gridSelector .table-responsive th, .gridSelector .table-responsive td, .gridSelector .table-responsive tr { float:left; width:100%; }
		.grid .table-responsive thead tr,
		.gridSelector .table-responsive thead tr { position: absolute; top: -9999px; left: -9999px; }
		.grid .table-responsive tr,
		.gridSelector .table-responsive tr { border: 1px solid #eee; border-bottom:none!important; position:relative; margin-top:10px; border-radius:4px; }
		.grid .table-responsive td,
		.gridSelector .table-responsive td { border: none; border-bottom: 1px solid #eee!important; position: relative; white-space: normal!important; text-align:left; }
		.grid .table-responsive td:last-child,
		.gridSelector .table-responsive td:last-child { border: none!important; }
		.grid .table-responsive td:not(.actions):not(.table-no-result):before,
		.gridSelector .table-responsive td:not(.actions):not(.table-no-result):before { padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; }
		.grid .table-responsive td:not(.actions):not(.table-no-result):before,
		.gridSelector .table-responsive td:not(.actions):not(.table-no-result):before { content: attr(data-th)':'; }
		.grid .table-responsive .actions,
		.gridSelector .table-responsive .actions { width:100%!important; position:absolute; top:0; right:0; display:none; min-height:40px; }
		.grid .table-responsive tr:hover .actions, .grid .table-responsive .actions:hover,
		.gridSelector .table-responsive tr:hover .actions, .gridSelector .table-responsive .actions:hover { display:block; }
		.grid .table-responsive .fieldActionsWrapper,
		.gridSelector .table-responsive .fieldActionsWrapper { display:block!important; padding:4px!important; top:0; }
		.grid .table-responsive .fieldActionsWrapper a,
		.gridSelector .table-responsive .fieldActionsWrapper a { font-size:16px; }
		.grid .table-responsive .fieldActions > a,
		.gridSelector .table-responsive .fieldActions > a { display:none; }
		.grid .table-responsive .table-hover>tbody>tr:hover, .table-hover>tbody>tr.checked,
		.gridSelector .table-responsive .table-hover>tbody>tr:hover { box-shadow:none!important; }
		.separadorPag > span:first-child { display:none; }
		.grid-main-filters .separador, .grid-bottom-filters .separador { padding: 5px 10px; }
		.grid-main-filters .separador, .grid-bottom-filters .separador { height:auto; }
		.tableChecks { top:10px; }
		.checkboxOptions > div { margin-bottom: 5px; margin-top:5px; }
		.checkboxNumberWrapper { width:100%; }
		.checkboxNumber  { font-size:23px; }
		tfoot.aggregationsFoot { display:none; }

	/* Popup de firmar contrato */
		#signCertificate button, #uploadCertificate button, #signtUser button { width:100%; margin: 0 0 10px 0; float:left; }

	/* Mensajes de error y confirmación */
		.growlLayer { width:30px; }
		.growlMessage { margin-left:30px; }
		.growlLayer > i { font-size:16px; left:22%; top:33%; }
		.jGrowl-notification.success, .jGrowl-notification.error { padding:15px!important; }

	#body_login #loginBtn { width:100%; padding:10px!important; }

	/* QR Reader and Generator */
	.qrReader > button, .qrCreator > button { padding: 6px 10px !important; }
	.qrReaderElement #html5-qrcode-select-camera { max-width: 100%; margin-left: 0!important; }

	td .fieldActions { top:2px!important; }

}

.ownThemeWrapper ul { float:left; width:100%; border-radius:6px; overflow: hidden; cursor: pointer; border:1px solid #e0e0e0; }
.ownThemeWrapper li { float:left; width:16.66%; min-height:50px; border-left:1px solid #e0e0e0; }
.ownThemeWrapper li:first-child { border-left:none; }
.ownThemeWrapper .ownradio { margin:5px; }

.ownThemeWrapper .default li:nth-child(1){ background-color: #f1f1f1; }
.ownThemeWrapper .default li:nth-child(2){ background-color: #fff; }
.ownThemeWrapper .default li:nth-child(3){ background-color: #fff; }
.ownThemeWrapper .default li:nth-child(4){ background-color: #f7f7f7; }
.ownThemeWrapper .default li:nth-child(5){ background-color: #f5f5f5; }
.ownThemeWrapper .default li:nth-child(6){ background-color: #1e3799; }

.ownThemeWrapper .white_2 li:nth-child(1){ background-color: #f8edeb; }
.ownThemeWrapper .white_2 li:nth-child(2){ background-color: #f8f4f4; }
.ownThemeWrapper .white_2 li:nth-child(3){ background-color: #fff; }
.ownThemeWrapper .white_2 li:nth-child(4){ background-color: #f7f7f7; }
.ownThemeWrapper .white_2 li:nth-child(5){ background-color: #d8e2dc; }
.ownThemeWrapper .white_2 li:nth-child(6){ background-color: #fec89a; }

.ownThemeWrapper .white_3 li:nth-child(1){ background-color: #eddcd2; }
.ownThemeWrapper .white_3 li:nth-child(2){ background-color: #efe8e4; }
.ownThemeWrapper .white_3 li:nth-child(3){ background-color: #fff1e6; }
.ownThemeWrapper .white_3 li:nth-child(4){ background-color: #d0c5bd; }
.ownThemeWrapper .white_3 li:nth-child(5){ background-color: #edede8; }
.ownThemeWrapper .white_3 li:nth-child(6){ background-color: #ff9263; }

.ownThemeWrapper .night li:nth-child(1){ background-color: #18191d; }
.ownThemeWrapper .night li:nth-child(2){ background-color: #33393f; }
.ownThemeWrapper .night li:nth-child(3){ background-color: #3d444b; }
.ownThemeWrapper .night li:nth-child(4){ background-color: #656565; }
.ownThemeWrapper .night li:nth-child(5){ background-color: #4e555d; }
.ownThemeWrapper .night li:nth-child(6){ background-color: #00c594; }

.ownThemeWrapper .night_2 li:nth-child(1){ background-color: #260701; }
.ownThemeWrapper .night_2 li:nth-child(2){ background-color: #2f0e07; }
.ownThemeWrapper .night_2 li:nth-child(3){ background-color: #38160d; }
.ownThemeWrapper .night_2 li:nth-child(4){ background-color: #411d13; }
.ownThemeWrapper .night_2 li:nth-child(5){ background-color: #454d55; }
.ownThemeWrapper .night_2 li:nth-child(6){ background-color: #774936; }

.ownThemeWrapper .night_3 li:nth-child(1){ background-color: #090103; }
.ownThemeWrapper .night_3 li:nth-child(2){ background-color: #210710; }
.ownThemeWrapper .night_3 li:nth-child(3){ background-color: #3c222b; }
.ownThemeWrapper .night_3 li:nth-child(4){ background-color: #69545a; }
.ownThemeWrapper .night_3 li:nth-child(5){ background-color: #3e464a; }
.ownThemeWrapper .night_3 li:nth-child(6){ background-color: #39590c; }

/* OWN THEME */

	.ownTheme .table-bordered>tbody>tr:first-child>td { border-top-width:0!important; }
	.ownTheme .filter-heading.focused .input-group-addon:last-child { border-right-width:0!important; border-right-style:none!important; }
	.ownTheme thead .input-group, .ownTheme .filter-heading.focused .select2, .ownTheme .cke_chrome { border-radius: 5px!important; }
	.ownTheme .cke_button, .ownTheme .cke_combo_button { border-radius:4px; margin:0 1px; }
	.ownTheme .cke_toolbar_separator { display:none; }
	.ownTheme .cke_combo_on a.cke_combo_button, .ownTheme .cke_combo_off a.cke_combo_button:hover, .ownTheme .cke_combo_off a.cke_combo_button:focus, .ownTheme .cke_combo_off a.cke_combo_button:active { margin:0 1px!important; border:0; padding:1px!important; }
	.ownTheme .cke_toolgroup a.cke_button:last-child:after, .ownTheme .cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after, .ownTheme .cke_combo:after { border:none; }

	/* Fondo oscuro de Fondo web */
	body.ownTheme, .ownTheme .sidebar-nav .nav-header, .ownTheme .node-line li:first-child, .ownTheme .kanban-group > div, .ownTheme #dokuflex-help-bar > div, .ownTheme .timings_list, .ownTheme .summernoteManualMentions, .ownTheme .gridMoreMenu .menu-item a {
		background-color:var(--theme-background-web)!important;
	}
	.ownTheme .table-bordered>tbody>tr>td, .ownTheme .table-bordered>tbody>tr>th, .ownTheme .table-bordered>tfoot>tr>td, .ownTheme .table-bordered>tfoot>tr>th,
	.ownTheme .table-bordered>thead>tr>td, .ownTheme .table-bordered>thead>tr>th {
		border-color:var(--theme-background-web)!important;
	}

	/* Fondo porlets / Fondo menú lateral */
	.ownTheme .portlet:not(.lightProcessIcon) .content, .ownTheme .portlet:not(.lightProcessIcon) .title, .ownTheme #sidebar-wrapper, .ownTheme #toggleMenuHandler, .ownTheme #menu-horizontal-dom, .ownTheme #main-menu-arrow-left, .ownTheme #main-menu-arrow-right, .ownTheme .navbar, .ownTheme #menu-brand, .ownTheme thead, .ownTheme .tablesorter-header,
	.ownTheme .panel.panel-default, .ownTheme .panel-default > .panel-heading:not(.panel-heading-background):not([style*=background-color]), /*.ownTheme fieldset .panel,*/ .ownTheme .dropdown-menu, .ownTheme .list-group-item, .ownTheme .modal-content,
	.ownTheme .select2-container--default .select2-search--dropdown .select2-search__field, .ownTheme .filters-popup-cond span, .ownTheme .filters-popup-cond-and span, .ownTheme #timmingsInfo .headerCalendar .headerElement.empty,
	.ownTheme .headerElement, .ownTheme div[data-group] .rowCalendar, .ownTheme div[data-group] .rowCalendar > div:not(.tooltip):first-of-type, .ownTheme .date-picker-wrapper .month-wrapper,
	.ownTheme .popover, .ownTheme .select2-container--default .select2-selection--multiple .select2-selection__choice, .ownTheme .gridFloating, .ownTheme .introjs-tooltip,
	.ownTheme #sidebarRight-wrapper, .ownTheme #dokuflex-help-bar, .ownTheme .checkboxBar, .ownTheme .filter-heading.focused label:not(.userSelected):not(.cmmSelected) span, .ownTheme .openProcessSidebar, .ownTheme #affectedWfSidebar,
	.ownTheme .workflowTimeline ul li .info:after, .ownTheme .modal-icon, .ownTheme #block_page_body {
		background-color:var(--theme-background-portlet)!important;
	}
	.ownTheme .popover.top>.arrow:after { border-top-color:var(--theme-background-portlet)!important; }
	.ownTheme .popover.bottom>.arrow:after { border-bottom-color:var(--theme-background-portlet)!important; }
	.ownTheme .popover.left>.arrow:after { border-left-color:var(--theme-background-portlet)!important; }
	.ownTheme .popover.right>.arrow:after { border-right-color:var(--theme-background-portlet)!important; }
	.ownTheme .processBreadcrumb:not(:last-child).active .processBreadcrumbInfo:not(.processBreadcrumbCard):after {
		border-left-color:var(--theme-background-portlet)!important;
	}
	.ownTheme #comunity-dropdown .dropdown-menu:after, .ownTheme .nav-icons > .dropdown-menu:after, .ownTheme #comunity-dropdown .dropdown-menu:after, .ownTheme #user-menu-desplegable .dropdown-menu:after
	{
		border-bottom-color:var(--theme-background-portlet)!important;
	}

	/* Color blanco letra */
	body.ownTheme, .ownTheme .nav-tabs a:hover, .ownTheme .filter-heading.focused .highlight, .ownTheme #newLayoutWrapper ul li:hover, .ownTheme #newLayoutWrapper ul li.active, .ownTheme .table-hover>tbody>tr:hover,
	.ownTheme #header-upper-menu a:not(.btn), .ownTheme #comunityMenu, .ownTheme #organizationMenu, .ownTheme .nav-user a,
	.ownTheme .menu-collapsed-hover a > span:last-child, .ownTheme #header-upper-bar h2, .ownTheme #header-nav-searcher, .ownTheme thead .form-control, .ownTheme thead .fa, .ownTheme thead .fal, .ownTheme thead .fas,
	.ownTheme thead label, .ownTheme .filter-heading .btn, .ownTheme .filter-heading .btn span, .ownTheme .filter-heading label, .ownTheme thead th label, .ownTheme thead th, .ownTheme .table-filters-checkbox ul li a, .ownTheme .sidebar-nav li > a, .ownTheme .fa-spinner.fa-spin, .ownTheme .filter-heading.focused .form-control, .ownTheme .filter-heading .input-group .predicted, .ownTheme .filter-heading .input-group .predicted *, .ownTheme .threadInfo a, .ownTheme .threadInfo label, .ownTheme .communityPortletList strong, .ownTheme .browser-folders *, .ownTheme .sidebar-nav li a, .ownTheme .menu-collapsed-hover a,
	.ownTheme .sidebar-nav li:not(.sidebar-brand).active .item-caret a, .ownTheme .sidebar-nav li.active > a, .ownTheme .form-control, .ownTheme #html5-qrcode-select-camera, .ownTheme .filter-heading .select2, .ownTheme .select2-container--default .select2-selection--single .select2-selection__rendered, .ownTheme .separadorPag .label-num-reg, .ownTheme .table-spinner .fa-spin, .ownTheme .fa-spin-small,
	.ownTheme form label:not(.has-error > label):not(.blackLetter):not(.whiteLetter):not([for*="menu-toggler"]), .ownTheme label:not(.has-error > label).control-label, .ownTheme .form label, /*.ownTheme .panel-heading:not(.panel-heading-background),*/ .ownTheme .alert-info, .ownTheme a.link:visited,
	.ownTheme .dropdown-menu>li>a, .ownTheme .fa-layer a, .ownTheme .fa-layer a span, .ownTheme #target .controlIcons a, .ownTheme #target .controlIcons a span, .ownTheme #forumList .panel-title,
	.ownTheme .chosen-container-active .chosen-choices li.search-field input[type=text], .ownTheme .chosen-container .chosen-results, .ownTheme .ui-state-hover, .ownTheme .ui-widget-content .ui-state-hover, .ownTheme .ui-widget-header .ui-state-hover, .ownTheme .ui-state-focus, .ownTheme .ui-widget-content .ui-state-focus, .ownTheme .ui-widget-header .ui-state-focus, .ownTheme .ui-button:hover, .ownTheme .ui-button:focus,
	.ownTheme .suggestionsResult > a:hover span, .ownTheme .ui-datepicker-title select, .ownTheme .verde, .ownTheme .field, .ownTheme .CodeMirror-line,
	.ownTheme .portlet:not(.lightProcessIcon) .title *:not(.tooltip-inner):not(button):not(button > span):not(.label):not(.label > span), .ownTheme .header-filter, .ownTheme #forumList .threadEdit a, .ownTheme #forumList .threadEdit a.fa-star, .ownTheme #forumList .threadEdit a.fa-star-o, .ownTheme .separadorPag span, .ownTheme .separadorPag a, .ownTheme .separador a, .ownTheme .process_box .widget-description *,
	.ownTheme .targetDynamicList > ul > li label, .ownTheme .widget-box-2 a, .ownTheme .tree .tree-item, .ownTheme .tree .tree-folder .tree-folder-header, .ownTheme UL.jqueryFileTree A, .ownTheme #components .component, .ownTheme .form-horizontal#temp, .ownTheme #components .component-left .component-desc p, .ownTheme .form-horizontal#temp .component-desc p,
	.ownTheme #components .component-left, .ownTheme .form-horizontal#temp, .ownTheme #columns_list li a, .ownTheme .suggestionsResult a span.searchheading, .ownTheme .suggestionsResult a span,
	.ownTheme #sidebarRight-wrapper > a, .ownTheme #dokuflex-help-bar > a, .ownTheme .checkboxOptions > div, .ownTheme .processBreadcrumbInfo .processBreadcrumbCard strong, .ownTheme .processBreadcrumbInfo .processBreadcrumbCard span, .ownTheme .card-number:not(.whiteLetter):not([style]),
	.ownTheme .ui-tooltip-content, .ownTheme .autocomplete_fieldsname, .ownTheme .autocomplete_fieldsname a, .ownTheme .selectFaIConSearcher a, .ownTheme .timings_list, .ownTheme #file_uploadJsonNewProcess .text, .ownTheme .popover-content .submenu li a, .ownTheme .grid .filters .label,
	.ownTheme .panel-default > .panel-heading:not(.panel-heading-background):not([style*=background-color]), .ownTheme span.panel-default
	{
		color: var(--theme-letter) !important;
	}
	.ownTheme .input-group-addon, .ownTheme .input-group-addon *, .ownTheme #comunity-menu .list-group a:not(.active), .ownTheme .widget-box-2 *, .ownTheme .divCalendar .calendarTopRow .navButtons i, .ownTheme .suggestionsResult > a, .ownTheme .date-picker-wrapper .month-wrapper table .day.toMonth.valid,
	.ownTheme .ui-state-default, .ownTheme .ui-widget-content .ui-state-default, .ownTheme .ui-widget-header .ui-state-default, .ownTheme .ui-button, .ownTheme html .ui-button.ui-state-disabled:hover, .ownTheme html .ui-button.ui-state-disabled:active, .ownTheme #menu-edit button, .ownTheme #block_page_message,
	.ownTheme .chosen-container-single .chosen-single, .ownTheme .portlet:not(.lightProcessIcon) a:not(.btn):hover, .ownTheme a.link:not(.btn):hover, .ownTheme .node-line li:first-child, .ownTheme .publicInboxText strong, .ownTheme .widget-item > label > a, .ownTheme #listComments .showMore, .ownTheme .listComments .showMore {
		color:var(--theme-letter);
	}
	.ownTheme .modal-footer .btn-default, .ownTheme .cke_button, .ownTheme .cke_reset_all, .cke_reset_all *, .ownTheme .cke_top.cke_reset_all a, .ownTheme .cke_reset_all textarea,
	.ownTheme a.cke_button_disabled:hover, .ownTheme a.cke_button_disabled:focus, .ownTheme a.cke_button_disabled:active, .ownTheme .cke_combo_on a.cke_combo_button, .ownTheme .cke_combo_off a.cke_combo_button:hover,
	.ownTheme .cke_combo_off a.cke_combo_button:focus, .ownTheme .cke_combo_off a.cke_combo_button:active, .ownTheme .addComponentLink, .ownTheme .sp-cancel {
		background-color:var(--theme-letter);
	}
	.ownTheme .panel { -webkit-box-shadow: 0px 0px 4px 0px rgba(var(--theme-letter-rgb), 0.2); -moz-box-shadow: 0px 0px 4px 0px rgba(var(--theme-letter-rgb), 0.2); box-shadow: 0px 0px 4px 0px rgba(var(--theme-letter-rgb), 0.2); }

	/* Transparencias y omisión de borde */
	.ownTheme .filter-heading.focused label:not(.predicted), .ownTheme #header-nav-searcher, .ownTheme .alert-info:not(.alert-blue), [data-isFile="1"] .file-icon-wrapper:hover, .ownTheme .filter-heading .select2-container--default .select2-selection--single, .ownTheme #forumList .widget-color-3, .ownTheme .folders,
	.ownTheme #forumList .panel, .ownTheme .headerCalendar, .ownTheme #cardsInfoSheets .card-empty, .ownTheme .date-picker-wrapper table .caption .next:hover, .ownTheme .date-picker-wrapper table .caption .prev:hover, .ownTheme .well, .ownTheme #workflowDesignerLayer,
	.ownTheme .node-cloned .node-box, .ownTheme .filter-heading-icon, .ownTheme .tour-elements .highlight,
	.ownTheme .nav .open>a, .ownTheme .nav .open>a:focus, .ownTheme .nav .open>a:hover {
		background-color:transparent!important;
	}
	.ownTheme .panel, .ownTheme .panel-footer, .ownTheme .suggestionsResult > a, .ownTheme #block_page_content h1, .ownTheme #block_page_message, .ownTheme .filter-field {
		background-color:transparent;
	}
	.ownTheme .table-spinner td, .ownTheme .tree .tree-item, .ownTheme .tree .tree-folder {
		border:none!important;
	}

	/* Border inputs */
	.ownTheme .form-control, .ownTheme #user-show-profile-info, .ownTheme #user-show-organization, .ownTheme #html5-qrcode-select-camera, .ownTheme .suggestionsResult, .ownTheme .sp-colorize, .ownTheme .form-control:not(:focus):not(:hover), .ownTheme #html5-qrcode-select-camera:not(:focus), .ownTheme #newLayoutWrapper img,
	.ownTheme #header-searcher, .ownTheme #header-upper-bar .navbar-right, .ownTheme .nav-user, .ownTheme #header-nav-searcher, .ownTheme .grid-main-filters, .ownTheme .card,
	.ownTheme .cke_chrome, .ownTheme .list-group-item, .ownTheme .panel-default>.panel-heading, .ownTheme .widget-box-2, .ownTheme .predicted, .ownTheme .switch-with-text, .ownTheme .select2-container--default .select2-selection--single,
	.ownTheme .select2-dropdown, .ownTheme #listComments > div, .ownTheme .listComments > div, .ownTheme .panel-danger>.panel-heading, .ownTheme .panel-danger, .ownTheme .panel-default, .ownTheme .file-uploaded .file-cover,
	.ownTheme .workflowTimeline ul li .info, .ownTheme .countdown, .ownTheme .select2-container--default .select2-search--dropdown .select2-search__field,
	.ownTheme .select2-container--default .select2-selection--multiple, .ownTheme .select2-container--default.select2-container--focus .select2-selection--multiple, .ownTheme #target .component:not(.affected-wf-mandatory),
	.ownTheme .controlIcons, .ownTheme .fa-layer, .ownTheme .chosen-container-multi .chosen-choices, .ownTheme .chosen-container .chosen-drop, .ownTheme .process_box_lucene, .ownTheme .ui-widget.ui-widget-content,
	.ownTheme hr, .ownTheme .modal-header, .ownTheme .modal-footer, .ownTheme .popover-title, .ownTheme .filter-field, .ownTheme .well, .ownTheme #components .component, .ownTheme .form-horizontal#temp, .ownTheme .timeline > li > .timeline-panel,
	.ownTheme .chosen-container-single .chosen-single, .ownTheme .suggestionsResult img, .ownTheme #listComments .user img, .ownTheme .listComments .user img, .ownTheme #summaryConditionsListFields li a, .ownTheme .codeMirrorProcessBuilder .CodeMirror,
	.ownTheme .flexgrid .table-condensed>tbody>tr>td[data-td-flexgrid-checkbox], .ownTheme .invoiceLine .advancedInvoiceLineWrapper, .ownTheme .autocomplete_fieldsname, .ownTheme .showHistoryLayoutAdvice, .ownTheme #affectedWfList li,
	.ownTheme .portlet:not(.lightProcessIcon) .title .fa:after, .ownTheme .portlet:not(.lightProcessIcon) .title .fal:after, .ownTheme .portlet:not(.lightProcessIcon) .title, .ownTheme .selectFaIconSearcher, .ownTheme .kanban-element .panel-body > div,
	.ownTheme .designerTopButtons > div:first-child, .ownTheme #target .sortable, .ownTheme #file_uploadJsonNewProcess .file_upload, .ownTheme #header #main-menu > li, .ownTheme #header .haveSubMenu .submenu, .ownTheme .popover-content .submenu li,
	.ownTheme [data-multi-values-name="dynamicDesignForm"] .multi-form, .ownTheme #header-shortcuts-wrapper, .ownTheme .header-searcher-wrapper, .ownTheme .qrReader, .ownTheme .qrCreator, ownTheme .qrCreatorResultWrapper img, .ownTheme .grid .filters .label,
	.ownTheme [data-multi-values-name="createPersonalFieldsForm"]  > .multi-data > .multi-form:not(:first-child), .ownTheme .select2-container--default .select2-selection--multiple, .ownTheme .employeesList ul li, .ownTheme .employeesList ul li > div:last-child > div,
	.ownTheme div[data-caltype="weeks"] th, .ownTheme div[data-caltype="weeks"] td > div, .ownTheme .shiftOnDaysWrapper .listShiftOnDays > ul > li, .ownTheme .shiftsLegend > ul > li, .ownTheme .shiftOnShiftPerDay > li, .ownTheme .signingsPerDayHeader,
	.ownTheme .qrSigningWrapper .generatedQrCode, .ownTheme .filter-field:has(.showOnMultiFilter:not(.hide)) > .row:before, .ownTheme .filter-field:not(:first-child):before, .ownTheme .controlTimeReportTable tbody tr td span, .ownTheme .nav-control-time .button-signing-time,
	.owhTheme #modal-designer-conditions .col-no-set-value.conditions-with-nexus > .condition-ors, .ownTheme #signingReportDetail .commentsList li, .ownTheme .relationsDocuments ul li, .ownTheme .tableWeekQuadrant .day-cell, .ownTheme .controlTime .quadrantWeek .moreEmployees {
		border-color:var(--theme-border-inputs)!important;
	}
	.ownTheme .processBreadcrumb .processBreadcrumbInfo {
		border-color:var(--theme-border-inputs)!important;
	}
	.ownTheme .date-picker-wrapper, .ownTheme .ui-datepicker-title select {
		border-color:var(--theme-border-inputs);
	}
	/*.ownTheme span.panel-default {
		color:var(--theme-border-inputs);
	}*/
	.ownTheme .signature_layer, .ownTheme div[data-group], .ownTheme .processSelectedLayer {
		background-color:var(--theme-border-inputs)!important;
	}

	/* Fondo de inputs / Hover de menú lateral */
	.ownTheme .form-control, .ownTheme #html5-qrcode-select-camera, .ownTheme .menu-collapsed-hover, .ownTheme thead .form-control:not(.highlight), .ownTheme thead .form-control[readonly], .ownTheme thead .input-group-addon, .ownTheme thead .input-group, .ownTheme .filter-heading.focused .highlight, .ownTheme .filter-heading .input-group, .ownTheme .table-striped>tbody>tr:nth-of-type(odd), .ownTheme .signingsPerDayBody > div:nth-of-type(odd), .ownTheme .tableWeekQuadrantBody > div:nth-of-type(odd), .ownTheme #affectedWfList li:not(.highlight):nth-of-type(even), .ownTheme #header-upper-menu .input-group-addon, .ownTheme .checkData, .ownTheme .fieldActionsWrapper,
	.ownTheme .cke_top, .ownTheme .cke_reset_all, .ownTheme .dropdown-menu>li>a:focus, .ownTheme .dropdown-menu>li>a:hover, .ownTheme .select2-container--default .select2-results__option[aria-selected=true],
	.ownTheme .filter-heading .btn, .ownTheme .componentIcons, .ownTheme .select2-container--default .select2-selection--multiple, .ownTheme .chosen-container-multi .chosen-choices, .ownTheme .chosen-container .chosen-drop, .ownTheme .sp-container,
	.ownTheme .signature_layer canvas, .ownTheme .progress, .ownTheme #timmingsInfo div[data-group] header .headerText, .ownTheme div[data-group] .rowCalendar.totalCounts > div:not(.tooltip), .ownTheme .aggregateField,
	.ownTheme .ui-widget-content, .ownTheme .cke_autocomplete_panel, .ownTheme .cke_autocomplete_selected, .ownTheme .cke_autocomplete_panel > li:hover, .ownTheme .communityPortletList, .ownTheme .suggestionsResult, .ownTheme .ui-widget-header, .ownTheme .ui-datepicker-title select, .ownTheme .CodeMirror,
	.ownTheme .targetDynamicList ul li, .ownTheme .popover-title, .ownTheme #menu-edit button, .ownTheme #components .component, .ownTheme .form-horizontal#temp, .ownTheme .workflowColHeader, .ownTheme .timeline > li > .timeline-panel,
	.ownTheme .chosen-container-single .chosen-single, .ownTheme option:checked, .ownTheme #columns_list li, .ownTheme .autocomplete_fieldsname, .ownTheme .selectFaIconSearcher, .ownTheme .grid .filters .label, .ownTheme .controlTimeUser .tableWeekQuadrantBody div[data-date]:not([data-totals]) > div:first-child > div:first-child > span {
		background-color:var(--theme-background-inputs)!important;
	}
	.ownTheme .widget-box-2, .ownTheme .select2-dropdown, .ownTheme .select2-container--default .select2-selection--single, .ownTheme #timmingsInfo .headerUser .headerElement.empty, .ownTheme #timmingsInfo .headerUser > div, .ownTheme .process_box_lucene,
	.ownTheme .date-picker-wrapper, .ownTheme .node-box {
		background-color:var(--theme-background-inputs);
	}
	.ownTheme .processSelectedLayer ul li {
		background:var(--theme-background-inputs);
	}
	.ownTheme .darkLetter {
		color:var(--theme-background-inputs)!important;
	}

	/* Fondo de inputs desactivados */
	.ownTheme .form-control[disabled], .ownTheme .form-control[readonly], .ownTheme fieldset[disabled] .form-control, .ownTheme thead.well, .ownTheme .like-table-header, .ownTheme .form-readonly .checkbox .owncheckbox, .ownTheme .form-readonly .checkbox .ownradio {
		background-color:var(--theme-background-inputs-disabled)!important;
		border-color:var(--theme-background-inputs-disabled)!important;
	}
	.ownTheme .wizardSteps li.disabled, .ownTheme .wizardSteps li.disabled::after {
		background-color:var(--theme-background-inputs-disabled)!important;
	}

	/* Letra de inputs desactivados */
	.ownTheme .form-control[disabled], .ownTheme .form-control[readonly], .ownTheme fieldset[disabled] .form-control, .ownTheme thead.well, .ownTheme .like-table-header, .ownTheme .form-readonly .checkbox .owncheckbox, .ownTheme .form-readonly .checkbox .ownradio {
		color:var(--theme-letter-disabled)!important;
	}

	/* Verde chillón resaltado highlight */
	.ownTheme #meUser.active, .ownTheme #allUser.active, .ownTheme .iconRefresh .fas, .ownTheme .fas.filter-heading-icon, .ownTheme th[data-sorted="true"] [data-sort-handler] span, .ownTheme #header-upper-menu .input-group-addon, .ownTheme #meUser.active:hover, .ownTheme #allUser.active:hover,
	.ownTheme .nav-tabs .active > a, .ownTheme .cm-s-default .cm-keyword, .ownTheme #header .nav .fas:hover, .ownTheme #dropDownAlerts.shake-bell span, .ownTheme .checkboxOptions > div:hover *, /*.ownTheme .autocomplete_fieldsname a:hover,*/
	.ownTheme .portletForm .processIndexList li.active, .ownTheme .gridMoreMenu :checked ~ label span, .ownTheme .iconRefresh a:hover > span, .ownTheme .separador a:hover, .ownTheme #allUser:hover, .ownTheme .gridMoreMenu label:hover span,
	.ownTheme .sidebar-nav li:not(.sidebar-brand) .item-caret:hover a,
	.ownTheme .sidebar-nav li:not(.sidebar-brand).active .item-caret a,
	.ownTheme .sidebar-nav li.active > a,
	.ownTheme .sidebar-nav li.active > .item-caret > a,
	.ownTheme .sidebar-nav > li:not(:first-child):hover > a,
	.ownTheme .sidebar-nav > li:not(:first-child):hover > .item-caret > a,
	.ownTheme .sidebar-nav li.active > .item-caret > a > span,
	.ownTheme .sidebar-nav li.active > a > span,
	.ownTheme #community_menu_search > div.active,
	.ownTheme #community_menu_search > div.active span,
	.ownTheme #community_menu_search > div:hover,
	.ownTheme #community_menu_search > div:hover span,
	.ownTheme #header .nav .fas:hover,
	.ownTheme #header .nav .fal:hover,
	.ownTheme #header .nav .fa:hover,
	.ownTheme #header .nav .fa-thin:hover,
	.ownTheme #header .nav .fa-solid:hover,
	.ownTheme #header .nav .fa-duotone:hover,
	.ownTheme #header .nav .fa-brands:hover,
	.ownTheme .sidebar-nav li.active a > span:last-child, .ownTheme .sidebar-nav > li:not(:first-child):not(.nav-header):not(#menu-brand):not(.noHover):hover a > span:last-child,
	.ownTheme .modal-header [data-dismiss="modal"]::before, .ownTheme #block_close_button::before {
		color:var(--theme-hightlight)!important;
	}
	.ownTheme .table-hover>tbody>tr:hover,
	.ownTheme #target .component:not([data-bgcolor]):hover, .ownTheme #target .component:not([data-bgcolor]):hover .panel:not(.kanban-element), .ownTheme #target fieldset > .clearfix .fa-layer,
	.ownTheme .targetDynamicList .fa-layer, .ownTheme #target .controlIcons, .ownTheme .headerUser .headerElement, .ownTheme .calendar .calendar-header table th:hover,
	.ownTheme .date-picker-wrapper .month-wrapper table .day.real-today, .ownTheme .highlight, .ownTheme .summernoteManualMentions .active, .ownTheme .summernoteManualMentions a:hover, .ownTheme #newLayoutWrapper ul li:hover, .ownTheme #newLayoutWrapper ul li.active, .ownTheme .filter-heading:not(.filter-active) .alert-info:not(.alert-blue), .ownTheme #userCommentPredict label:hover,
	.ownTheme .checkboxNumberWrapper, .ownTheme .tableChecks tr, .ownTheme .tableChecks td, .ownTheme .tableChecks tr:hover .checkbox, .ownTheme .tableChecks.open tr .checkbox, .ownTheme .wizardSteps li.active, .ownTheme .wizardSteps li.active::after, .ownTheme input:checked + .slider, .ownTheme .contextTitle,
	.ownTheme .panel-title .label
	{
		background-color:var(--theme-hightlight)!important;
	}
	.ownTheme #main-menu li.active, .ownTheme #community_menu_search > div.active, .ownTheme #community_menu_search > div:hover {
		background-color:var(--theme-hightlight-opacity)!important;
	}
	.ownTheme .filter-heading.focused .highlight, .ownTheme .filter-heading.focused .form-control,
	.ownTheme .filter-heading.filter-active [data-type],
	.ownTheme .filter-heading.focused:not(.filter-active) .input-group-addon:last-child,
	.ownTheme .filter-heading.focused:not(.filter-active) .input-group-addon,
	.ownTheme .filter-heading.focused .select2-container.highlight .select2-selection,
	.ownTheme .nav-tabs > li.active > a, .ownTheme .tour-elements .highlight, .ownTheme .ui-datepicker-calendar .ui-state-hover, .ownTheme .ui-state-active,
	.ownTheme .form-control.sourceTranslationText, .ownTheme .portletForm .processIndexList li.active,
	.ownTheme .filter-heading.filter-active .alert-info:not(.alert-blue),
	.ownTheme .nav-tabs > li.active > a,
	.ownTheme .form-control:focus,
	.ownTheme .form-control:hover,
	.ownTheme #community_menu_search_input .form-control:hover,
	.ownTheme #community_menu_search_input .form-control:focus,
	.ownTheme .input-group:has(.form-control:focus) .form-control,
	.ownTheme .input-group:has(.form-control:hover) .form-control,
	.ownTheme .input-group:has(.form-control:focus) .input-group-addon,
	.ownTheme .input-group:has(.form-control:hover) .input-group-addon
	{
		border-color:var(--theme-hightlight)!important;
	}
	.ownTheme .previously-opened {
		outline: 2px solid var(--theme-hightlight);
		outline-offset: -1px;
	}
	.ownTheme ::selection {
		background: var(--theme-hightlight);
	}
	.ownTheme .ui-state-highlight:not(.jGrowl-notification), .ownTheme .ui-widget-content .ui-state-highlight:not(.jGrowl-notification), .ownTheme .ui-widget-header .ui-state-highlight:not(.jGrowl-notification), .ownTheme .ui-state-active, .ownTheme .ui-widget-content .ui-state-active, .ownTheme .ui-widget-header .ui-state-active, .ownTheme a.ui-button:active, .ownTheme .ui-button:active, .ownTheme .ui-button.ui-state-active:hover { background:var(--theme-hightlight)!important; }
	.ownTheme .highlight, .ownTheme .filter-heading:not(.filter-active) .alert-info:not(.alert-blue), .ownTheme #userCommentPredict label:hover { background-color:var(--theme-hightlight)!important; }
	.ownTheme .fieldActionsWrapper > .btn-group > a:hover, .ownTheme .fieldActionsWrapper > a:hover, .ownTheme .fieldActionsWrapper .big-action:hover { color:var(--theme-hightlight)!important; }
	.ownTheme #menu-search-icon.highlight { color:var(--theme-hightlight); }
	.ownTheme #timmingsInfo .multipleSelect, .ownTheme #selector-create-tour-left, .ownTheme #selector-create-tour-right , .ownTheme #selector-create-tour-top, .ownTheme #selector-create-tour-bottom { background-color:var(--theme-hightlight)!important; }
	.ownTheme .compareLine { background-color:var(--theme-hightlight); }
	.ownTheme #annotationsLayer { background-color:var(--theme-hightlight); border-color: var(--theme-hightlight); }
	.ownTheme .node-box:not(.node-disabled):not(.node-jump):not(.node-cloned):hover { background-color:var(--theme-hightlight); }
	.ownTheme #target .sorting-target, .ownTheme .targetDynamicList [data-sorttarget] { background-color:var(--theme-hightlight); }
	.ownTheme .cardactive { background:var(--theme-hightlight)!important; }
	.ownTheme .list-rounded .active { background-color:var(--theme-hightlight)!important; }

	.ownTheme .input-group .form-control:first-child:focus,
	.ownTheme .input-group .form-control:first-child:hover {
		border-right-color:var(--theme-border-inputs); !important;
	}

	/* Resaltado listados hover / Hover componentes administración */
	.ownTheme .table-hover>tbody>tr:hover,
	.ownTheme #target .component:not([data-bgcolor]):hover, .ownTheme #target .component:not([data-bgcolor]):hover .panel:not(.kanban-element), .ownTheme #target fieldset > .clearfix .fa-layer,
	.ownTheme .targetDynamicList .fa-layer, .ownTheme #target .controlIcons, .ownTheme .tree .tree-folder .tree-folder-header:hover,
	.ownTheme .tree .tree-folder .selected, .ownTheme UL.jqueryFileTree A:hover, .ownTheme UL.jqueryFileTree A.active,
	.ownTheme .node-box:not(.node-disabled):not(.node-jump):not(.node-cloned):hover, .ownTheme .table-filters-checkbox ul li:hover {
		background-color: var(--theme-list-hover)!important;
	}

	/* Borde de pestañas / Input group addons */
	.ownTheme .nav-tabs > li > a, .ownTheme .nav-tabs, .ownTheme .process_box_lucene:hover {
		border-color:var(--theme-border-tabs)!important;
	}
	.ownTheme .portlet:not(.lightProcessIcon) .grid-main-filters a, .ownTheme .date-picker-wrapper .month-wrapper table .day.real-today, .ownTheme .gridMoreMenu .menu-item a, .ownTheme .gridMoreMenu label:not(:hover) {
		color:var(--theme-border-tabs)!important;
	}
	.ownTheme .input-group-addon, .ownTheme #community_fav .btn, .ownTheme .sp-colorize {
		background-color:var(--theme-border-tabs);
	}
	.ownTheme #timmingsInfo .headerAgreement .headerElement.empty, .ownTheme #timmingsInfo .headerAgreement > div, .ownTheme #timmingsInfo .headerAgreement > div .headerElement {
		background-color:var(--theme-border-tabs)!important;
	}

	/* Botones */
	.ownTheme .btn-success, .ownTheme .badge-success {
		background-color: var(--theme-button-success);
		border-color: var(--theme-button-success);
	}
	.ownTheme .btn-default {
		background-color: var(--theme-button-default);
		border-color: var(--theme-button-default);
	}

	.ownTheme .btn-default, .ownTheme .input-group-addon, .ownTheme #community_fav .btn { border-color:transparent!important; }
	.ownTheme a.btn-default:hover, .ownTheme a.btn-default:hover *, .ownTheme .modal-footer .btn-default { color:var(--theme-button-font-hover)!important; }
	.ownTheme .btn-primary { border-color:var(--theme-button-primary-border)!important; }
	.ownTheme .btn-primary:not(.btn-nobutton):hover { border-color:var(--theme-button-primary-border-hover)!important; }
	.ownTheme .cm-s-default .cm-string { color:var(--theme-cm-string)!important; }
	.ownTheme .previously-opened td { border-top:none!important; border-bottom:none!important; }
	.ownTheme .previously-opened + tr td { border-top:none!important; }

	/* Color Error label */
	.ownTheme .form-group.has-error label, .ownTheme .has-error .form-control, .ownTheme .has-error label.control-label, .ownTheme .has-error strong.control-label, .ownTheme .form .has-error label { color: #a94442!important; }
	.ownTheme .has-error .form-control, .ownTheme .has-error .owncheckbox { border-color:#a94442!important; }

	.ownTheme #timmingsInfo div[data-group]:not([data-subgroup]) > header .headerText, .ownTheme div[data-group]:not([data-subgroup]) > header .rowCalendar.totalCounts > div:not(.tooltip){
		background-color:var(--theme-background-pink)!important;
		color:#333;
	}

/* OWN THEME */


/*  MODAL CHARTS */
	.charts_inside .row_box{border-radius: 2px;padding: 5px;}
	.charts_inside .row_title{font-weight: 300;color: darkgrey;text-align: center;text-transform: uppercase;margin:6px 0px;}
	.charts_inside .row_chart{cursor: pointer;padding: 2px 3px;margin: -3px 0px;border-bottom: 2px solid whitesmoke;border-radius: 5px;}
	.charts_inside .row_chart_active{background-color: rgba(65, 105, 225,1);color: white !important;}
	.charts_inside .row_chart:last-child{border-bottom: none;}
	.charts_inside .row_name{padding-top: 8px;}
	.charts_inside .row_totals{padding: 3px 6px 3px 0px;text-align: right;}
	.charts_inside .row_name .progress{margin:2px 0 0 0;width: 100%;height: 8px;}
	.charts_inside .row_total1{padding-top: 6px;font-size: 1.2em;font-weight: lighter;}
	.charts_inside .row_total2{margin-top: 0px;font-weight: bold;}
/*  MODAL CHARTS */

@media print {
	#followUpProcessWrapper > .row > div { width: 100% !important; }
	#followUpProcessWrapper .alert {
		white-space: normal;
	}
	#followUpProcessWrapper h4 {
		overflow: visible;
		text-overflow: unset;
	}
	#followUpProcessWrapper h4 {
		overflow: visible;
		text-overflow: unset;
	}
}