@charset "UTF-8"; 






.form-control {
    font-size: 14px !important;
    width: 100% !important;
    height: 39px !important;
    padding: 6px 12px !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%) !important;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    color: black !important;
}

body{
    height:100%; 
    width:100%;
    font: menu !important;
    font: menu;
    /* font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; */
    font-size: 14px !important;
    line-height: 1.428571429;
    color: #404041;
    font-family: 'Montserrat'  !important;
    font-weight: initial !important;

}


a, div, span, input, textarea, li, strong, button{ outline:none; text-decoration:none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none;}
img{ border:none; border:0px;}

h1, h2, h3, h4, h5, h6{ margin:0px !important;}
.ClearBoth{clear:both;}
.CursPointer{ cursor:pointer;}

/*visibilities according to the platform*/
.ShowOnMobile{ display:none;}
.ShowOnDesktop{ display:inherit;}
.FloatNoneOnMobile{}

.show{display:block !important;}
.hide{display:none !important;}

/* make auto of element width and/or height attribute on mobile devices with media queries */
.WidAutoOnMobile{}
.HeiAutoOnMobile{}

/* for responsive mode - if you want any ContainerX element has a responsive fluid abilities with media queries you must add this class to your element*/
.Responsive{}
.Responsive50{}
.Responsive100{}

/* Text Decoration */
.Underline{ text-decoration:underline;}
.UnderlineHover:hover{text-decoration:underline;}  

/* Making Unselectable Contents */
.Unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* for on iphone safari inputs shadow problem */
input[type="text"], input[type="password"], textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* Display */
.DispBlock{ display:block;}
.DispTable{ display:table; vertical-align:middle;}
.DispTableCell{ display:table-cell; vertical-align:middle;}
.DispNone{ display:none;}
.DispInlBlock{display:inline-block;}
.DispInline{display:inline;}

/* FLEX Boxes */
.Flex{display:-webkit-flex !important; display: -ms-flexbox !important; display: flex !important;}                                        /* NEW */
.FlexWrap{-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}                                                              /* NEW */

/* Position */
.PosFixed{position:fixed;}
.PosAbsolute{position:absolute;}
.PosRelative{ position:relative;}
.PosStatic{position:static;}

/* Floating */
.Fleft{ float:left;}
.Fright{ float:right;}
.Fnone{ float:none !important;}

/* Overflows */
.OvHidden{ overflow:hidden;}
.OvScroll{ overflow:scroll;}
.OvAuto{ overflow:auto;}
.OvVisible{ overflow:visible;}
.OvXScroll{ overflow-x:scroll;}
.OvYScroll{ overflow-y:scroll;}
.OvXHidden{ overflow-x:hidden;}
.OvYHidden{ overflow-y:hidden;}

/* Empty Boxes */
.EmptyBox5{ display:block; width:100%; height:5px; overflow:hidden;}
.EmptyBox10{ display:block; width:100%; height:10px; overflow:hidden;}
.EmptyBox20{ display:block; width:100%; height:20px; overflow:hidden;}
.EmptyBox30{ display:block; width:100%; height:30px; overflow:hidden;}
.EmptyBox40{ display:block; width:100%; height:40px; overflow:hidden;}
.EmptyBox50{ display:block; width:100%; height:50px; overflow:hidden;}
.EmptyBox60{ display:block; width:100%; height:60px; overflow:hidden;}
.EmptyBox70{ display:block; width:100%; height:70px; overflow:hidden;}
.EmptyBox80{ display:block; width:100%; height:80px; overflow:hidden;}
.EmptyBox90{ display:block; width:100%; height:90px; overflow:hidden;}
.EmptyBox100{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox110{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox120{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox130{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox140{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox150{ display: block; width: 100%; height:150px; overflow:hidden;}

/* Opacity */
.Opac100{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}
.Opac95{ opacity:0.95; -webkit-opacity:0.95; -moz-opacity:0.95;}
.Opac90{ opacity:0.9; -webkit-opacity:0.9; -moz-opacity:0.9;}
.Opac80{ opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8;}
.Opac70{ opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7;}
.Opac60{ opacity:0.6; -webkit-opacity:0.6; -moz-opacity:0.6;}
.Opac50{ opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5;}
.Opac40{ opacity:0.4; -webkit-opacity:0.4; -moz-opacity:0.4;}
.Opac30{ opacity:0.3; -webkit-opacity:0.3; -moz-opacity:0.3;}
.Opac20{ opacity:0.2; -webkit-opacity:0.2; -moz-opacity:0.2;}
.Opac10{ opacity:0.1; -webkit-opacity:0.1; -moz-opacity:0.1;}
.OpacZero{ opacity:0; -webkit-opacity:0; -moz-opacity:0;}

/* Border Radius */
.BordRad3{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.BordRad4{ border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.BordRad5{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.BordRad10{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.BordRad15{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
.BordRadHalf{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}

.BordRight{ border-right:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordLeft{ border-left:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordTop{ border-top:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordBottom{ border-top:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordAll{ border:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* Width */
.Wid130{ width:130%;}
.Wid120{ width:120%;}
.Wid110{ width:110%;}
.Wid100{ width:100%;}
.Wid90{ width:90%;}
.Wid80{ width:80%;}
.Wid70{ width:70%;}
.Wid60{ width:60%;}
.Wid50{ width:50%;}
.Wid45{ width:45%;}
.Wid40{ width:40%;}
.Wid30{ width:30%;}

/* Width Special Values */
.Wid33{ width:33.3%;}
.Wid25{ width:25%;}
.Wid20{ width:20%;}
.Wid10{ width:10%;}

.MaxWid500{max-width:500px;}
.Wid100NoPadding{width:100%; box-sizing:border-box;}

/* Height */
.Hei100{ height:100%;}
.Hei90{ height:90%;}
.Hei80{ height:80%;}
.Hei70{ height:70%;}
.Hei60{ height:60%;}
.Hei40{ height:40%;}
.Hei50{ height:50%;}
.Hei30{ height:30%;}
.Hei20{ height:20%;}
.Hei10{ height:10%;}

/* Margins */
.MarTopPerc5{ margin-top:5%;}
.MarTopPerc10{ margin-top:10%;}
.MarTopPerc20{ margin-top:20%;}
.MarTopPerc30{ margin-top:30%;}
.MarTopPerc40{ margin-top:40%;}
.MarTopPerc50{ margin-top:50%;}

.MarAuto{ margin-left:auto; margin-right:auto;}

.MarTop5{ margin-top:5px;}
.MarTop10{ margin-top:10px;}
.MarTop20{ margin-top:20px;}
.MarTop30{ margin-top:30px;}
.MarTop40{ margin-top:40px;}
.MarTop50{ margin-top:50px;}

.MarTopQuarter{ margin-top:25%;}
.MarTopHalf{ margin-top:50%;}

.MarBot10{ margin-bottom:10px;}
.MarBot20{ margin-bottom:20px;}
.MarBot30{ margin-bottom:30px;}
.MarRight10{ margin-right:10px;}
.MarRight20{ margin-right:20px;}
.MarRight30{ margin-right:30px;}


/* Paddings */
.NoPadding{padding:0px !important;}
.PaddingTopPercent10{ padding-top: 10%;}

/* Containers */
.Container100{ width:100%; float:left; padding:5px; box-sizing:border-box; }
.Container96{ width:96%; float:left; padding:5px; box-sizing:border-box; }
.Container90{ width:90%; float:left; padding:5px; box-sizing:border-box; }
.Container85{ width:85%; float:left; padding:5px; box-sizing:border-box; }
.Container80{ width:80%; float:left; padding:5px; box-sizing:border-box; }
.Container75{ width:75%; float:left; padding:5px; box-sizing:border-box; }
.Container70{ width:70%; float:left; padding:5px; box-sizing:border-box; }
.Container60{ width:60%; float:left; padding:5px; box-sizing:border-box; }
.Container50{ width:50%; float:left; padding:5px; box-sizing:border-box; }
.Container40{ width:40%; float:left; padding:5px; box-sizing:border-box; }
.Container33{ width:33.3%; float:left; padding:5px; box-sizing:border-box; }
.Container30{ width:30%; float:left; padding:5px; box-sizing:border-box; }
.Container25{ width:25%; float:left; padding:5px; box-sizing:border-box; }
.Container20{ width:20%; float:left; padding:5px; box-sizing:border-box; }
.Container15{ width:15%; float:left; padding:5px; box-sizing:border-box; }
.Container10{ width:10%; float:left; padding:5px; box-sizing:border-box; }
.Container5{ width:5%; float:left; padding:5px; box-sizing:border-box; }

.boxSombreado{
    -webkit-box-shadow: 0px 0px 1px 0px rgba(189,153,189,1);
    -moz-box-shadow: 0px 0px 1px 0px rgba(189,153,189,1);
    box-shadow: 0px 0px 1px 0px rgba(189,153,189,1);
}

.boxSombreadoSeleccionado{
    -webkit-box-shadow: 5px 4px 11px 0px rgba(192, 57, 43,1);
    -moz-box-shadow: 5px 4px 11px 0px rgba(192, 57, 43,1);
    box-shadow: 5px 4px 11px 0px rgba(192, 57, 43,1);
}

.SmallIndent{padding:3px;}                                                  
.NoIndent{display:block; margin:0px auto; padding:0px;}

/* Text Aligns */
.TexAlCenter{ text-align:center;}
.TexAlLeft{ text-align:left;}
.TexAlRight{ text-align:right !important;}

/* Padding With Transparent Border*/
.Padding1{ padding:1px; box-sizing:border-box;}
.Padding3{ padding:3px; box-sizing:border-box;}
.Padding5{ padding:5px; box-sizing:border-box;}
.Padding10{ padding:10px; box-sizing:border-box;}
.Padding15{ padding:15px; box-sizing:border-box;}
.Padding20{ padding:20px; box-sizing:border-box;}
.PadLeftRightZero{padding-left:0px; padding-right:0px;}                
.PadTopBottomZero{padding-top:0px; padding-bottom:0px;}                 

/* Box Sizing */
.BoxSizeContent{ box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
.BoxSizeBorder{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* Font Sizes */
.Fs9{font-size:9px !important;} 
.Fs10{font-size:10px !important;} 
.Fs11{font-size:11px !important;} 
.Fs12{font-size:12px !important;} 
.Fs13{font-size:13px !important;} 
.Fs14{font-size:14px !important;} 
.Fs15{font-size:15px !important;} 
.Fs16{font-size:16px !important;} 
.Fs17{font-size:17px !important;} 
.Fs18{font-size:18px !important;} 
.Fs19{font-size:19px !important;} 
.Fs20{font-size:20px !important;} 
.Fs21{font-size:21px !important;} 
.Fs22{font-size:22px !important;} 
.Fs23{font-size:23px !important;} 
.Fs24{font-size:24px !important;} 
.Fs25{font-size:25px !important;} 
.Fs26{font-size:26px !important;} 
.Fs27{font-size:27px !important;} 
.Fs28{font-size:28px !important;} 
.Fs29{font-size:29px !important;} 
.Fs30{font-size:30px !important;}
.Fs40{font-size:40px !important;}
.Fs50{font-size:50px !important;}
.Fs60{font-size:60px !important;}
.Fs100{font-size:100px !important;}
.Fs130{font-size:130px !important;}

/* Font Type */
.FontBold{ font-weight:bold !important;}
.FontLight{ font-weight:lighter;}
.FontNormal{ font-weight:normal;}
.FontItalic{font-style:italic;}

/* Animated */
.Animated03{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.Animated05{-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.Animated1{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}

/* Zoom */
.Zoom1point05x{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.Zoom1point05x:hover{-moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);
                     -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);}       

.Zoom1point1x{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.Zoom1point1x:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);
                    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);}     

.Zoom1point2x{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}  
.Zoom1point2x:hover{-moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
                    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);}    


.dialogoLogin{background: white;width: 30%;margin-left: 35%;border-radius: 10px;border: solid 2px #ababab;text-align: left}
.ui-widget-content {border: solid 0px #e4e4e4 ;padding: 0px 0px 0px 0px}
.ui-widget{font-family: 'Montserrat'  !important;font-weight: initial !important;
           font-family: 'Montserrat' !important;
           font-weight: initial !important;
           border-radius: 0px !important;
           border: solid 0px !important;
           border-bottom: solid 0px red;
           box-shadow: 0px 0px 0px 0px red;

}
.ui-draggable .ui-dialog-titlebar {cursor: move;background: white;}
.ui-widget .ui-widget { font-size: 1em;text-decoration: none;}




/*
.ui-fileupload-buttonbar{background: white !important; border: solid 0px white;}
.ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left ui-fileupload-choose{
    background: red !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #fff;
    background: #c4c4c4 url(/Proigualdad2021/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png.xhtml?ln=primefaces-aristo) 50% 50% repeat-x;
    background: #c4c4c4 linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0));
    background: #ffffff -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0)));
    background: #c4c4c4 -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0));
    font-weight: bold;
    color: #4f4f4f;
    text-shadow: 0 1px 0 rgb(255 255 255 / 70%);
    background: white;
}

.ui-datatable-odd {
    background: #f9f9f9;
    border: solid 1px #e4e4e4  !important;
}

.ui-widget-header {
    font-weight: bold;
    text-shadow: 0 1px 0 rgb(255 255 255 / 70%);
    background: white;
    border: solid 0px;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 4px 10px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border: solid 1px #e9e9e9;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    background: none;
    -moz-box-shadow: inset 0 2px 2px #8f8f8f;
    -webkit-box-shadow: none; 
}
.ui-messages-error-detail{display: none}
.ui-messages-error-icon{display: none}

*/.opcioncommandlink{
    background: #ffffff !important;
    border: solid 2px #9d2449;
    color: #9b2448 !important;
    border-radius: 3px;
    padding: 7px;
}

.opcioncommandlinkSeleccionado{
    background: #9d2449 !important;
    border: solid 2px #9d2449;
    color: #fff !important;
    border-radius: 3px;
    padding: 7px;
}
.opcioncommandlinkVacio{
    background: #9d2449 !important;
    border: solid 1px #9d2449;
    color: white !important;
    border-radius: 3px;
    padding: 7px;
}
.opcioncommandlink:hover {
    background: white !important;
    font-weight: bold !important;
}
.opcionfileUpload .ui-button-text{
    font-size: 12px;
    color: white;
    text-shadow: none;
    position: relative;
    z-index: 100;
    background: #13322b;
    text-align: center;
    margin-right: -5px;
    border-radius: 0px;
    z-index: 120;
    border: solid 2px #13322b;
}
.opcionfileUpload:hover .ui-button-text{
    /*background: #9d2449 !important;*/
    color: white;
}
/*
.ui-state-hover{box-shadow: 10px 10px 10px white !important;}
.ui-state-default .ui-icon {display: none !important;background:  red !important;}
.textoTitulo{font-weight: bold !important}
.textoIndicaciones{color: #0099cc}
.cuadroTitulos{border-bottom: solid 1px #e4e4e4}
.cuadroTitulosBordeCompleto{border: solid 1px #e4e4e4}
.bordeseparator{ border-bottom: solid 1px #c7c7c7 !important;}
.inputtextcuestionario{border-bottom: solid 1px #d4d4d4;}




.Red{color: red !important;}
.entradaTexto{background: #f5f5f5}
::-webkit-input-placeholder { color: #cacaca; } 
:-moz-placeholder {  Firefox 18-  color: #cacaca; } 
::-moz-placeholder {  Firefox 19+  color: #cacaca; } 
:-ms-input-placeholder { color: #cacaca; }
:focus::-webkit-input-placeholder{color:transparent;}


.boleanbutton{width: 150px;border: solid 1px #cccccc;background: whitesmoke;}
.hover{}
.hover:hover{color: #666666 !important;font-weight: bold !important}




*/
.cuadroTexto{
    border: solid 1px #cccccc;
    background: whitesmoke;
}
.selectOneMenu {
    /*margin:20px auto 40px auto;*/	
    border:1px solid #d9d9d9;
    height:30px;
    overflow: hidden;
    width: 230px;
    position:relative;
}
select {
    background: transparent;
    border: none;
    font-size: 14px;
    height: 30px;
    padding: 5px;
    width: 250px;
}
select:focus{ outline: none;}

.selectOneMenu::after{
    content:"\025be";
    display:table-cell;
    padding-top:7px;
    text-align:center;
    width:30px;
    height:30px;
    background-color:#13322b;
    background-color:#fff;
    position:absolute;
    top:0;
    right:0px;	
    pointer-events: none;
}/*

.ui-chkbox .ui-chkbox-box {
    border: solid 1px #b5b5b5 !important;
}

.ui-datepicker.ui-widget-content{
    width: 350px;
}
.calendar{
    border: solid 1px #c5c5c5;
    border-radius: 3px;
    padding: 6px;
}

.ui-dialog {
    position: absolute;
    top: 122px !important;
}

.ui-radiobutton ui-widget{
    background: red !important;
}








*/
.TextoRemarcado{
    font-weight: bold !important;

}

.seleccionAccionPuntual{
    border-bottom: solid 1px #e6e6e6;
    padding: 15px;
}
.seleccionAccionPuntual:hover{
    background: #f1f1f1;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #c5c5c5;
}

.seleccionCompromiso{
}
.seleccionCompromiso:hover{
    background: white;   
    border-radius: 5px;
    border: solid 1px #404041;
}


.cuadroInformacion{
    border: solid 1px #afafaf;
    box-shadow: 0px 0px 10px #616161;
    padding: 20px;
}



.body{padding-top:0px !important}
.panelSesion{z-index: 99999999 !important;margin-top: 0px;color: white;background: #0C231E !important;position: fixed;height: 40px;}
.panelMenu{z-index: 200 !important;margin-top: 40px;color: white;background: #13322B !important;position: fixed;height: 50px;}
/*.piePagina{background: #0C231E;bottom: 0;height: 50px;padding: 0% 20% 0% 20%;position: fixed;z-index: 9999;color: white}*/
.contenido{min-height:  600px;}
.titulo{color: white !important;font-size: 20px}
.subtitulos{color: white !important;font-size: 14px}
.ambienteTrabajo{}

.barraEstado{background: white}


* {margin:0px;padding:0px;}
#header {margin-top: -10px}
ul, ol {list-style:none;margin-right: 80px}
/*ul, ol {list-style:none;text-align: right !important}*/
.nav > li {    float:right;padding: 0px}
.nav li a {text-decoration:none;padding:0px 10px 3px 10px ;display:block;}
.nav li ul {display:none;position:absolute;min-width:140px;text-align: left !important}

.nav li:hover > ul {margin-right: 100px;display:block;background: white;width: 300px;text-align: left;box-shadow: 0px 0px 10px #999999;color: #999999 !important;z-index: 999999999}
.nav li ul li {position:relative;padding: 4px 10px 4px 10px}
.nav li ul li:hover {position:relative;padding: 4px 10px 4px 10px;background: #cccccc;color: black}
.nav li ul li ul {right:-140px;top:0px;}



/*.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none!important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
    background: #13322b !important;
    font-size: 12px;
    color: white !important;
}*/



.botonCancelar .ui-button-text {
    background: #676767 !important;
    border: solid 2px #676767
}
.ui-confirmdialog-no .ui-button-text {
    background: #9D2449 !important;
    border: solid 2px #9D2449;
    height: 30px;

}
.ui-confirmdialog-yes .ui-button-text {
    height: 30px;
}
.cargaMasiva .ui-button-text {
    background: white !important;
    color: black;
}
.cargaMasiva .ui-button-text:hover {
    background: #255248 !important;
    color: white;
}

.botonMisDados .ui-button-text {




    background: white;
    color: black;
    font-weight: bold;
    padding: 12px 6px 6px 6px;
    min-width: 50px !important;
    border-radius: 120px !important;
    margin-top: 6px;
    font-size: 16px;
    border: solid 3px #ffffff;
    /* box-shadow: 0px 0px 10px white; */
    width: 50px !important;
    height: 50px !important;
}


.botonMisDados .ui-button-text:hover{
    background: white !important;
    color: black  !important;

}

.nuevo .ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left{
    background: white !important;
}


.hoverMouse{

}
.hoverMouse:hover{
    background:  #f1f1f1;
    border: solid 1px #999999;
}


.checboxPerzonalizado .ui-chkbox-box .ui-icon-blank{
    border-radius: 0px !important
}


.ui-chkbox {
    display: flex;
}

.seleccionCommanlink{
    background: #e6e6e6;
    padding: 15px;
    border: solid 3px #fff;

}
.seleccionCommanlink:hover{
    border: solid 3px #ddc9a3;
    box-shadow: 3px 0px 6px #ddc9a3;


}


.botonSinEstructura .ui-button-text{
    background: white !important;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    color: black !important;
    border: solid 0px white;
    text-align: left !important;
    text-decoration: underline !important;
}
.botonSinEstructura .ui-button-text :hover{
    background: white !important;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    color: black !important;
    border: solid 5px white;
    text-align: left !important;
    text-decoration: underline !important;
}


.botonsi .ui-button-text{
    max-width: 50px;
    min-width: 50px;
    width:  50px;
}

.containerPegajoso {
    width: 100%;
    background: #e6e6e6;
    box-sizing: border-box;
    position: sticky;
    top: 95px;
    z-index: 999 !important;
    background: #f7f7f7;
    border: solid 1px;
}
.containerFechas {
    z-index: 99999999 !important;
    margin-top: 0px;
    color: white;
    position: fixed;
    right: 4%;
    width: 14%;
    padding: 15px !important;
}

.preguntasRequeridas{
    color: red !important;
    font-weight: bold !important;
    font-size: 13px;
}

/*.checboxPerzonalizado2 .ui-chkbox-box .ui-chkbox-label label{*/
.checboxPerzonalizado2 {
    color: red !important;
    background: #fbe5e5 !important;
    padding: 2px;
    border-radius: 2px !important;
    width: 20%;
}

.botonDescarga{
    background: #13322b !important;
    color: white !important;
    text-decoration: none;
    padding: 6px 12px;
}

.totales{
    color: #c49a62 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}
.flex{
    display:flex;
}
.comentarioAzul{
    color: #1090bb !important;
    font-size: 13px;
}

.preguntasSegundoNivel{
    margin-left: 4%;
    max-width: 96%;
    text-align: justify;
}
.preguntasTercerNivel{
    margin-left: 8%;
    max-width: 92%;
    text-align: justify;
}
.preguntasCuartoNivel{
    margin-left: 12%;
    max-width: 88%;
    text-align: justify;
}
.obligatorio{
    color: #cb0000 !important;
}
.ipervinculo{
    font-weight: normal !important;
    text-decoration: underline;
    cursor:pointer ;
}
.ipervinculo:hover{
    font-weight:  bold !important;
}