:root{
    --bg-color: #063051;
    --input_controls: #FFD;
    --border-radius: 15px;
    --header-height: 120px;
    --bg-menu: #284f70;
    --bg-submenu-select: #700707;
}

*{
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
}

html,body{
    margin: 0 auto;
    padding: 0;
    background-color: var(--bg-color);
}

.body{
    width:100%;
    margin: 0 auto;
    background-color: #FFF;
}

.body .header{
    height: var(--header-height);
    padding: 5px;
}

.body .header div[id^="h_"]{ width: 33%; float:left;}
.body .footer{ position: fixed; bottom:10px; text-align:right; width:100%; color:silver; font-size:8pt; z-index:1;  }

#menu{
    margin:0;
    padding:0;
    clear:both;
    text-align:center;
    background-color: var(--bg-menu);
    border:1px solid silver;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}


#menu ul.menu{
    list-style: none;
    margin:0 auto;
    display:block;
}

#menu ul.menu li.menu-item{
    float:left;
    display:block;
    position: relative;
    margin:0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

#menu ul.menu li.menu-item a{
    display:block;
    padding:10px 20px;
    text-decoration:none;
    color:black;
}

#menu ul.menu li.menu-item:hover{
    background-color: var(--bg-menu);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

#menu ul.menu li.menu-item:hover a{ color:white;}

ul.submenu{
    min-width:200px;
    border: 1px solid silver;
    position: absolute;
    background-color: var(--bg-menu);
    padding:0;
    margin:0;
    z-index:50;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

ul.submenu li.submenu-item{ list-style: none; }

ul.submenu li.submenu-item a{
    display:block;
    text-decoration:none;
    margin:0;
    padding:0;
    font-size:9pt;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

ul.submenu li.submenu-item a:hover{ background-color:var(--bg-submenu-select); }

.img_profile{ 
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
}

#tabs li .ui-icon-close { float: left; margin: 0.4em 0.2em 0 0; cursor: pointer; }
.body .content{
    margin:5px 15px;
    min-height:80vh;
    margin-bottom:15px;
    padding-bottom:20px;
    min-width:600px;
}

.inetosa-table-list{
    font-size:8pt;
}

#frmOrdentrabajo fieldset{ margin-bottom: 10px;}

#frmOrdentrabajo input, #frmOrdentrabajo select, #frmOrdentrabajo textarea{
    background-color:#fffcaa;
}

.sec-datos-del-trabajo span, .sec-datos-generales span{
    display:block;
    width:180px;
    float:left;
    text-align:right;
}
.sec-acabados label{
    display:block;
    width:150px;
    text-align:right;
    float:left;
}

.dataTables_wrapper .dt-buttons {
  float:none;  
  text-align:center;
}


.inetosa-table-list.copias *{  border: none; }
.inetosa-table-list.copias input{ border: 1px solid silver; }

.ui-autocomplete { max-height: 100px; overflow-y: scroll; overflow-x: hidden;}

.cancelada{
    background-color: #ff9494; 
    padding: 3px 0; 
    width:100%;
    text-align: center;
    font-weight: bold;
}

.splash-email {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
    background-color: rgba(0,0,0,0.8);
    border-radius: none!important;
}

.splash-email .box {
    position: absolute;
    width: 450px;
    padding: 15px 25px;
    box-sizing: border-box;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    top: 100px;
    left: 50%;
    margin-left: -200px;
    z-index: 99;
}

.splash-email .box #close{
    align-self: flex-end;
    cursor: pointer;
}
.splash-email .box h2 {
    align-self: center;
}

.splash-email .box button, .splash-email .box .enviando{
    margin-top: 20px;
    align-self: center;
}

.splash-email .box div input{
    width: 250px;
    padding: 5px 3px;
    box-sizing: border-box;
    margin-left: 8px;
}

.splash-email .box table {
    width: 100%;
}

.splash-email .box table input{
    width: 100%;
    padding: 5px 3px;
    box-sizing: border-box;
}

.alerts {
    width: 100%;
    display: flex;
    margin-top: 8px;
    flex-direction: column;
    align-items: center;
}

.alerts .success {
    color: green;
}

.alerts .error {
    color: red;
}