:root { --menuMargin: 10%; --width: 90%; --marginSides: 5%; --mainColor: #05395B; }
* { font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif !important; font-size: 12pt; margin: 0; padding: 0; overflow: initial; }
h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 * { font-size: revert; }
ul, li { margin: revert; padding: revert; }
header { background-color: #FFF; border-bottom: 1px solid #b7b7b7; padding: 5px 1%; width:  98%; z-index: 1000; }
p { margin: 5px 0 10px; }
.menu { text-align: right; }
.menu-item { background-color: #A0D9FF; border: 1px solid #FFF; border-radius: 5px; color: var(--mainColor); display: inline-block; padding: 5px 10px; text-decoration: none; }
.container { margin: 0 auto; width: var(--width); }
.form-grp { display: flex; flex-wrap: wrap; margin: 5px 0 10px; }
.form-input { -webkit-flex-grow: 1; flex-grow: 1; min-width: 210px; overflow: hidden; }
.form-input select, .form-input input:not([type='checkbox']):not([type='radio']), .form-input textarea { border: 1px solid #A3A3A3; border-radius: 5px; color:#333; display: block; height: 30px; margin: 0 auto; min-width: 200px; padding: 0 2%; width: 94%; }
.form-input textarea { padding: 5px; height: 100px; }
select[multiple] { height: 145px !important; overflow-y: auto; }
.form-input span:not([style]) { box-sizing: border-box; color:  #069; display: block; font-weight: bold; padding: 5px 10px 5px 0; margin: 0px; }
.two-col { width: 49% !important; }
.btn { cursor: pointer; }
.btn-success { color:#FFF !important; background-color:#28a745 !important; border-color:#28a745 !important; width: max-content !important; }
.btn-return { color:#fff !important; background-color:#dc3545 !important; border-color:#dc3545 !important; width: max-content !important; }
.text-center { text-align: center; }
.suc, .err, .hint, .info { text-align: center;  padding: 10px 5px; }
.err { background-color: #f8d7da; border-color: #f5c6cb; color: #721c24; }
.suc { background-color: #d4edda; border-color: #c3e6cb; color: #155724; }
.hint { background-color: #ffd044; border-color: #ffc107; color: #3c2f08; font-size: 10pt; }
.info { background-color:#42daf2; border-color:#17a2b8; color:#0c4f59; }
.icon { margin: 0 auto; vertical-align: sub; width: 20px; }
.div-overflow { border: 1px solid #b0b0b0; border-radius: 3px; max-height: 150px; overflow: scroll; padding: 1%; width: 97%; }
.cite { font-size: 8pt; font-style: italic; }
.box-emphasis { background-color: #fafdff; border: 1px solid #053989; border-radius: 5px; padding: 5px; }
#sortableVerification, #sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortableVerification li, #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; height: 18px; cursor: grab; }
#sortableVerification li { cursor: no-drop; }
#sortable li { cursor: grab; }
#sortableVerification li span, #sortable li span { position: absolute; margin-left: -1.3em; }
.ui-accordion-content { height: max-content !important; border: 1px solid #c5c5c5 !important; }
#menu-admin-list { display: none; }
#menu-admin, #menu-admin-list a { background-color: #ffd179; }
#menu-results { background-color: #7fe36b; }
.icon-float { cursor: pointer; /*right: 0; position: fixed; top: 30%; width: 4%; min-width: 45px; */ width: 32px; display: block; margin: 0 auto; background-color:rgba(255,255,255,0.8); border-radius: 10px; }
#popup-div { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; background-color:rgba(0,0,0,0.8); }
#popup-close { display: block; text-align: center; cursor: pointer; }
#popup-close span { color: #F00; background-color: #fff; padding: 5px; }
#popup-iframe { width: 80%; margin: 0 auto 15%; display: block; height: 80%; background-color:#FFF; }
.table { border-collapse: collapse; width: 90%; }
.table th, .table td { padding: 5px; border: 1px solid #000; }
.highcharts-table { margin: 0 auto; }
.highcharts-table th, .highcharts-table td { text-align: center; font-size: 10pt; }
.highcharts-figure, .highcharts-data-table table { min-width: 310px; max-width: 800px; margin: 1em auto; }
tspan { font-size: 10pt; }
.profiletable { 
    border: 1px solid #000; 
    border-radius: 5px; 
    padding: 5px; width: 90%; 
    display: block; 
    margin: 0 auto 10px;
}  
.profiletable td { 
    padding: 0 10px; 
}
.oneselect { 
    border: 1px solid #000; 
    border-radius: 5px; 
    padding: 5px; width: 100%; 
    display: block; 
    margin: 0 auto 10px;
}
.onetable { 
    border: 1px solid #000; 
    border-radius: 5px; 
    padding: 5px; width: 100%; 
    display: block; 
    margin: 0 auto 10px;
}  
    .onetable th { 

        background-color: #e0e9f3; color: #000000; text-align: middle; width: 25%;  
    }    
    
    .onetable td { 
         color: #000000; 
         text-align: middle; 
         width: 25%; 
    }   
  
.referencia { border: 1px solid #000; border-radius: 5px; cursor: pointer; display:none; position: absolute; background-color: rgba(255,255,255,0.99); padding: 10px; width: 300px;}
.profiletextarea-disabled { display: block; font-size: 9pt !important; min-width: 250px !important;}
.help-icon { height: 20px; width: auto; }
