/*
 * fix.css overrides all previous stylesheets. 
*/ 
#map_canvas
{
    width:529px;
    height:400px;
}
.box_canvas
{
    width:529px;
    height:400px;
    border:1px solid #ccc;
    padding:10px;
    box-shadow:1px 1px 3px #ccc;
    background-color:white;    
    margin: 0px auto
}

.ui-widget-content {
border: 1px solid #aaaaaa!important ;
overflow-y: scroll!important ;
overflow-x:hidden!important;
max-height: 80%!important;

color: #000 !important;
font-family: Archivo Narrow, arial !important;
font-size: 17px!important;
text-indent:15px !important;
}
input.ui-widget-content:hover  {
background-color: #F2F2F2!important;
}
#autocomplete-input {
    /*
    width: 65%;
    font-size:15px; 
    */
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    float: left;
    border: none!important; 
    border-bottom: 1px solid #d7d7d7!important;
    background: none!important; 
    /*width: 10%;*/ 
    height: 50px;
    font-weight: normal;
    color: #787878;


}
.ui-button-icon-only .ui-icon {
    /*
    left: 50%;
    top: -270%;
    margin-left: -8px;
    */
}
 
 /* ========================================================
   TABLES
   ===================================================== */
table .estado-serv 
{ 
    display: inline;
    padding: .2em .6em .3em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.presupuestado, .trabajando_fallas{
    background-color: #f0ad4e;
}
.activo, .trabajando{
    background-color: #5cb85c;
}
.aprobado, .trabajando_con_limitaciones{
    background-color: #A4CE7F;
}
.cancelado, .presupuesto_desaprobado, .parada {
    background-color : #F04E4E;
}
.pausado, .trabajando_limitaciones {
    background-color: #B1B1B1;
}
.finalizado {
    background-color: #4EADF0;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 18px 6px 18px;
    border-top: 1px solid #D7D7D7;
    text-align: right;
}
table button {
 
background-color: #C1CDE6;
    padding: .3em;
    margin: .3em;
    border: 1px solid #556DA2;
    border-radius: 5px 5px 5px 5px;
    cursor:pointer;
    padding: .6em;
    /* margin: .6em; */
    border: 1px solid #444A4E;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    width: auto;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
    font-family: arial, helvetica;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
table button:hover { 
    color:#000; 
    transition:all linear 0.15s;
    background: #7D94C7;
}
table button:disabled {
    color:#999999;
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-color: #D9E0F1;
    border-bottom: none;
}
table.dataTable {
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
table.dataTable.no-footer {
    border-bottom: 2px solid #C1CDE6;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 2px solid #D6D4D4; 
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
table.dataTable tbody td {
    padding: 8px 10px;
    font-size: 0.9em!important;
    border-left: 1px solid #E6E6E6;
    border-top: 1px solid rgba(0, 0, 0, 0.17);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
table span.aprobado {
    background-color: #C1CDE6;
    padding: .3em;
    margin: .3em;
    border: 1px solid #556DA2;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    padding: .6em;
    /* margin: .6em; */
    border: 1px solid #444A4E;
    cursor: pointer;
    width: auto;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
    font-family: arial, helvetica;
    background-color: #63A263;
    background-repeat: repeat-x;
 
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 1px 1px rgb(47, 86, 47);
    box-shadow: inset 0 1px 0 rgb(71, 99, 71), 0 1px 2px rgb(255, 255, 255);
}
table span.desaprobado {
    background-color: #C1CDE6;
    padding: .3em;
    margin: .3em;
    /* border: 1px solid #556DA2; */
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    padding: .6em;
    /* margin: .6em; */
    border: 1px solid #444A4E;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    width: auto;
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
    font-family: arial, helvetica;
    background-color: #AD391E;
    background-repeat: repeat-x;
 
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 1px 1px rgb(130, 54, 37);
    box-shadow: inset 0 1px 0 rgb(101, 26, 8), 0 1px 2px rgb(255, 255, 255);
}
/*
table{
  margin:20px 30px; 
}
table thead th{
margin: 8px 5px;
  min-width:50px;
    font-family: arial;
    font-weight: bold;
    font-size: 11px;
    text-indent: 9px;
    color: #000;
    height: auto;
    border: none;
    padding: 0px;
    text-align: left;
    background-color:#d7d7d7;
}
table tbody td{
 
    font-size: 14px;
    text-indent: 9px;
    color: #000;
} 
table.dataTable thead {
    background-color:#889ECF !important;
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-color: #B1BFDE;
}

table.dataTable tbody th, table.dataTable tbody td{
 
    padding: 5px 2px !important;
    border-right: 1px solid #DBDBDB !important;
    border-bottom: 1px solid #DBDBDB !important;
    font-size: 1em;
    text-align:left; 
    vertical-align:middle;
}
table.dataTable tbody td span {
    font-size:.7em!important;  text-align:center; 
    vertical-align:middle;
 }
table.dataTable .odd {
background-color:#F1F1F1 !important ;
}
table th:nth-child(3), td:nth-child(3) {
  display: none;
}

table th:nth-child(3), td:nth-child(3) {
  display: none;
}
*/
.dataTables_wrapper {
    max-width: 95%!important;
    margin:0 auto!important;
}
table.dataTable {
    border: 2px solid #d7d7d7;
}
table.dataTable thead {
    background-image: url("DataTables-1.10.9/images/sort_both.png");
    font-size: .9em;
    font-weight: 100;
    border: 1px solid #DADADA;
    /*
    background: -moz-linear-gradient(top, #EEEEEE 0%, #DADADA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEEEEE), color-stop(100%, #DADADA));
    background: -webkit-linear-gradient(top, #EEEEEE 0%, #DADADA 100%);
    background: -o-linear-gradient(top, #EEEEEE 0%, #DADADA 100%);
    background: -ms-linear-gradient(top, #EEEEEE 0%, #DADADA 100%);
    background: linear-gradient(top, #EEEEEE 0%, #DADADA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA')";
    */
    background:none!important;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
 

}
table.dataTable .sorting, table.dataTable th 
{
    border-left:1px solid #DADADA;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    padding: 0.7em 1.3em;
    border-bottom: 1px solid #ddd;
    font-size: 11px;
    text-align: center;

    vertical-align: middle;
    font-weight: 600;
    font-family: arial, helvetica;
    border-bottom: 1px solid #B1B1B1;
    -webkit-box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .72);
    z-index: 10000;
}
table.dataTable td
{
        text-align: center;
    vertical-align: middle;
}
table.dataTable td.child
{    text-align: left;}
.exports_container
{
    width: 100%;
    width: 95%;
    float: left;
    /* background-color: #EBEBEB; */
    border-top: 1px solid #D8D7D7;
    margin: 1em;
    height: 3em!important;
}
.exports_contanier span
{
  font-size:15px;
  margin:1em!important;
  margin-top:2em;
  float:left;
  font-weight:600;
  font-family:arial, helvetica;

}
.exportsContainer
{
    width: 100%;
    width: 95%;
    float:left;
    background-color: #EBEBEB;
    border: 1px solid #D8D7D7;
    margin: 1em;
    height: 3em!important;
}
.exportsContainer span
{
  font-size:15px;
  margin:1em!important;
  margin-top:2em;
  float:left;
  font-weight:600;
  font-family:arial, helvetica;

}
#calendar table span, #srv_calendario table span {
 
    font-family: 'Archivo narrow', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: lighter;
    margin: 0px;
    line-height: 1%;
    color: #000; 
    padding: 1% 1% 1% 1%;
    padding: .2em .6em .3em; 
}
.fc-event .fc-content {
    border:none;
    /* background: #f2f2f2; */
    font-style:italic;
    text-transform: uppercase;
    /* font-weight: lighter; */
    /* position: relative; */
    /* z-index: 2; */
    /* background-color: #CCD2D8!important; */
    /* border: none; */
    /* border-bottom: 2px solid #909BA2; */
    /* text-shadow: none; */
    /* display: block; */
    /* text-shadow: 0 1px 1px #fff; */
    color: #fff!important;
    padding: .5em .5em .5em .5em;
    box-shadow: 0px 0px 7px 0px #BDBDBD;
}




.gantt_grid_scale .gantt_grid_head_cell, {
    color: #a6a6a6;
    border-top: none!important;
    border-right: none!important;
 
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
}
.gantt_task_line.gantt_task_inline_color {
    /* border-color: #999; */
    border:none;
}
.gantt_container,.gantt_grid div,.gantt_task .gantt_task_scale .gantt_scale_cell {
    font-size: 11px!important;
    vertical-align: middle;
    font-weight: 600;
    font-family: arial, helvetica;

}
.gantt_task .gantt_task_scale .gantt_scale_cell {
    font-size: 11px!important;
    vertical-align: middle;
    font-weight: 600;
    font-family: arial, helvetica;
        background: -moz-linear-gradient(top, #EEEEEE 0%, #DADADA 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEEEEE), color-stop(100%, #DADADA));
    background: -webkit-linear-gradient(top, #EEEEEE 0%, #DADADA 100%);
    background: -o-linear-gradient(top, #EEEEEE 0%, #DADADA 100%);
    background: -ms-linear-gradient(top, #EEEEEE 0%, #DADADA 100%);
    background: linear-gradient(top, #EEEEEE 0%, #DADADA 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA')";
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,1);
}
.gantt_grid_head_cell.gantt_grid_head_add {
    display:none;
}
.nested_task{
    display:none;
}
.gantt_add{
   display: none;
}
.gantt_task_content {
    font-size: 11px;
    width: 100%;
    top: 0;
    position: absolute;
    white-space: nowrap;
    text-align: center;
        border: none!important;
    padding: .7em;
    font-family: 'Archivo narrow', sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: lighter;
    font-style: italic;
    margin: 0px;
    line-height: 1em;
    text-shadow: 0 1px 1px #093A52;
    /* color: #575E63; */
    padding: 1% 1% 1% 1%;
} 
html, body{ height:100%; padding:0px; margin:0px; overflow: hidden;}

.buttonContainer button  {
float: right;
    padding: .6em;
    margin: .3em;
    border: 1px solid #444A4E;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    width: auto;
    font-size: .7em;
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
    font-family: arial, helvetica;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.buttonContainer button:hover{
    background-image: -moz-linear-gradient(bottom, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
    background-image: -webkit-linear-gradient(bottom, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(bottom, #ffffff, #e6e6e6);
    background-image: linear-gradient(to top, #ffffff, #e6e6e6);
    background-image: none;
    text-shadow:none;
    border-color:none;
     box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.2), 2px 1px 0px rgba(0, 0, 0, 0.05);
}
#gantt_here {
 max-width:800px;
width:100%;  
height:100%;
margin:0!important;    
float:left;
}

.gantt_task {
    width:700px; 
    height:400px; 
}
/* Laptop/Tablet (1024px) */
@media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation: landscape) {

    .gantt_container {
        width:600px;
        max-width:100%; 
        height:300px;
    }
}

/* Tablet Portrait (768px) */
@media only screen and (min-width: 321px) and (max-width: 1024px) and (orientation: portrait) {

        .gantt_container {
        width:600px;
        max-width:100%; 
        height:300px;
    }
}

/* Phone Landscape (480px) */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: landscape) {

        .gantt_container {
        width:300px;
        max-width:100%; 
        height:300px;
    }
}

/* Phone Portrait (320px) */
@media only screen and (max-width: 320px) {

            .gantt_container {
        width:300px;
        max-width:100%; 
        height:300px;
    }
}

.fc-day:hover {

    background-color: #E6EAEF;

}
.pad {
    position: relative;
    border: 1px solid #D7D7D7;
    cursor: url("../assets/pen.cur"), crosshair;
    cursor: url("pen.cur") 16 16, crosshair;
    -ms-touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;}

.filtros_tabla {
    width: 95%;
    float:left;
    display: block;
    margin: 20px 3% 0 3%;
    margin-top: 20px;
    margin-right: 3%;
    margin-bottom: 0px;
    margin-left: 3%;
    margin-top: 20px;
}
.btn {
background-color: #C1CDE6;
    padding: .3em;
    margin: .3em;
    border: 1px solid #556DA2;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    padding: .6em;
    /* margin: .6em; */
    border: 1px solid #444A4E;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    width: auto;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    /* font-weight: 600; */
    font-family: archivo narrow;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #000!important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover { 
    color:#000; 
    transition:all linear 0.15s;
    background: #7D94C7;
}
.btn.selected {
    background: #D7D7D7;
}
li a {
color: #fff;
text-decoration: none;
}