.editable-list th, .editable-list td{
    min-width: 200px !important;        
    max-width: 200px !important;
}

.editable-list input, .editable-list select, .editable-list textarea{
    width:160px;
}
        
.too-late.executive-pendiente td{
    background:#fcd0d0;
    border-bottom:#990000 1px solid !important
}

.late.executive-pendiente td {
    background:#ffffaf;
}

.in-time .executive-pendiente td{
    
}

.too-late.supervisor-pendiente td{
    background:#fcd0d0;
    border-bottom:#990000 1px solid !important
}

.late.supervisor-pendiente td {
    background:#ffffaf;
}

.in-time .supervisor-pendiente td{
    
}

.executive-cancelado, .executive-aprobado, .executive-rechazado, .executive-procesado{
    background:#eee;
}

.supervisor-cancelado, .supervisor-aprobado, .supervisor-rechazado, .supervisor-procesado{
    background:#eee;
}

.provider-cancelado, .provider-pendiente, .provider-rechazado, .provider-procesado{
    background:#eee;
}

.fieldset{
    color:#777;
    font-weight:bold;
    font-size:1.4em;
    padding-left:50px !important;
}

.group{
    padding-left:100px !important;
    border-left:2px #777 solid !important;
}

.group2{
    padding-left:140px !important;
    border-left:2px #777 solid !important;
}

ul.extra-login{
    font-size:11px;
    list-style:none;
    border-top:#305074 1px solid;
    padding-top:5px;
}

ul.extra-login li{
    float:left;
}

ul.extra-login li a{
    padding:3px 15px 3px 3px;
    margin-right:5px;
    color:#103054;
}

ul.extra-login li a:hover{
}

ul.login{
    font-size:20px;
    list-style:none;
}

ul.login li{
}

ul.login li a{
    color:#103054;
    display:block;
    padding:7px;
    font-weight:bold;
}

ul.login li a:hover{
    color:#fff;
    background:#103054;
}

.preview{
    min-height : 250px;
    white-space:nowrap;
}

.totals{
    margin-bottom:20px !important;
    width:100%;
}

#actions{
    margin-top:20px;
}

.dataform, .dataform tbody tr td{
    border:0px !important;
}
.dataform .label{
    color:#000!important;
}

/* WRITE YOUR CSS CODE HERE */

.ui-datepicker-trigger{
    padding:1px; font-size:100%; cursor:pointer;
}

#content .error-message {
    color: #406AB3;    
}

.error-message {
    font: 85%/1.2 "tahoma",sans-serif;
}

.input-submit label{
    margin-left:5px;
}

#detalles{
    display:none;
}

#detail_link{
    text-decoration:none;
}

#detail_link_lower{
    text-decoration:none;
}

.detail_info{
    background-color: #FFFFFF;
    color: #000000;
    padding:10px;
    border:#0085CC 1px solid !important;
}

.detail_title{
    background-color: #FFFFFF;
    color: #000000;
    font-weight:bold;
    padding:10px;
    border:0 !important;
}

.detail_table{
    border:0 !important;
}

.detail_spacing{
    height:20px;
    background-color: #FFFFFF;
    border:0 !important;
}
#btn-create a {
    background: url("../img/design/btn-create-left.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 37px;
    overflow: hidden;
    padding-left: 27px;
    text-decoration: none;
}

#btn-create a {
    background-color: #FFFFFF;
    color: #303030;
}
#btn-create a span {
    background: url("../img/design/btn-create-right.gif") no-repeat scroll -2px 0 transparent;
    display: block;
    float: left;
    padding: 8px 0 10px 10px;
    width: 163px;
}
#btn-create a span {
    background-color: #FFFFFF;

}

#btn-info a {
    background: url("../img/design/btn-info.gif") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 37px;
    overflow: hidden;
    padding-left: 26px;
    text-decoration: none;
}

#btn-info a {
    background-color: #FFFFFF;
    color: #303030;
}
#btn-info a span {
    background: url("../img/design/btn-create-right.gif") no-repeat scroll -2px 0 transparent;
    display: block;
    float: left;
    padding: 8px 0 10px 10px;
    width: 163px;
}
#btn-info a span {
    background-color: #FFFFFF;
}

.paginator a{
    text-decoration: none;
    border:2px solid #FFF;
    padding:3px;
}

.paginator span{
    text-decoration: none;
    border:2px solid #FFF;
    
    padding:3px;
    color:#406AB3;
}

#shadow{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:#000000;
    opacity:0.5;
    display:none;
    z-index:1000;
    cursor:crosshair;
}

#popup{
    display:block;
    background:#FFFFFF;
    cursor: normal;
    opacity:1;
    position:absolute;
    left:0px;
    top:0px;
    z-index:1000001;
    border:3px black solid;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    padding:20px;
}

#popup h2{
    margin:0px !important;
}

#popup a.equis{
    float:right;
}

.ui-menu-item{
    cursor: pointer !important;
}

.quick_title{
    display:none;
}

.yt_title{
    display:none;
    padding-bottom:20px;
}

select{
    cursor: pointer;
}

#yt_frame{
    display:none;
}

.ui-datepicker{
    z-index:5000 !important;
}

#extended_block{
    padding:0px;
    margin:0px;
    display:none;
}

#extended_block iframe{
    overflow:scroll;
    width:auto;
    height:auto;
    display:none;
}

#extended_block img{
    margin-left:15px;
}

.ext_container{
    display:none;
}

.square-controls{
    float:left;
    margin: 0px !important;
    margin-right:20px !important;
    width:150px;
}

.square-controls li{
    padding-left: 0px !important;
}

.square-grid{
    border:black 3px solid !important;
}

.tile{
    border:black 3px solid !important;
}


.ui-autocomplete{
    z-index:100!important;
}

/* FUNCTIONS */

.sala{
    width:300px;
    float:left;
    height:300px;
    border:#666 1px solid;
    margin-bottom:15px;
    margin-right:15px;
}

.sala .titulo{
    background-color:#0085cc;
    color:#fff;
    padding:5px;
    font-weight:bold;
}

.sala .agregar{
    height:20px;
    text-align:center;
}

.sala .funciones{
    overflow-x:hidden;
    overflow-y:auto;
    height:250px;
    display:block;
}

.function-add{
    display:none;
}

/* vistas */

.functions .dia {
    margin-top:10px;
    padding:10px;
    font-size:20px;
    background:#103054;
    color:white;
    font-weight: bold;
}

.functions .rooster {
    height:60px;
    background:white;
    clear:both;
    border-left:#305074 1px solid;
    border-bottom:#305074 1px solid;
    border-right:#305074 1px solid;
}

.functions .rooster .hora {
    float:right;
    height:60px;
    background:#103054;
    font-size:50px;
    width:100px;
    color:white;
    text-align:center;
}

.functions .rooster .hora table{
    border:0px !important;
}

.functions .rooster .hora table{
    border:0px !important;
}

.functions .rooster .hora table tr td{
    font-size:50px;
    vertical-align:middle;
    text-align:center;
    border:0px !important;
}

.functions .rooster .funciones {
    height:60px;
    margin-bottom:1px;
}

.funcion{
    background:white;
    margin-bottom:1px;
    font-weight:bold;
    background:#ddd;
}

.funcion div{
    padding:2px;
}

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

fieldset#comments div.empty{
    font-size:1.2em;
    font-weight:bold;
}

fieldset#comments h3{
    margin:0px;
    width:500px;
    border-bottom:#eee 1px solid;
}

fieldset#comments h3 span.author{
}

fieldset#comments span.date{
    font-size:0.9em;
    font-weight:bold;
}

fieldset#comments pre{
    padding-left:100px;
    padding-top:30px;
    padding-bottom:30px;
    font-size:1.4em;
}

fieldset#comments div.add {
    margin-top:30px;
    font-weight:bold;
}

fieldset#comments div.add label{
    float:left;
}

fieldset#comments div.add textarea{
    margin-left:15px;
}

.append{
    font-weight:bold;
    color:#777;
    font-size:0.8em;
    padding-left:5px;
}

td.legend{
    color:#406AB3;
    font-size:1.4em;
    font-weight:bold;
    padding-bottom:20px !important;
    padding-top:20px !important;
}

td.sublegend-detail{
    color:#305074;
    font-size:1.0em;
    font-weight:bold;
    padding-bottom:20px !important;
    padding-top:20px !important;
}

td.sublegend{
    color:#305074;
    font-size:1.32em;
    font-weight:bold;
    padding-bottom:20px !important;
    padding-top:20px !important;
}

ul.multidata {
    margin:0px!important;
}

ul.multidata li{
    list-style:square;
    background:transparent!important;
    margin-left:50px;
}

div.fotos{
    background:#eee;
}

div.fotos div.img img{
    width:100px;
    height:100px;
}

div.fotos div.img{
    border-radius:10px 10px;
    background:#999!important;
    padding:10px;
    width:100px;
    height:120px;
    margin-right:20px;
    float:left;
}

a.cerrar{  
    display:block;
    padding:2px;
    text-align:center;
    background:#666;
    color:#fff;
    border-radius:0px 0px 10px 10px;
}

a.cerrar:hover{
    color:darkblue;
}

div.history{

}

div.history div{
    border-top:#406AB3 5px solid;
    padding-top:20px;
    margin-top:20px;
}