/* CSS Document V2 */

.clear { clear:both; }
/*Twitter Bootstrapt mods*/
.navbar-brand {
padding: 0px 15px;
}

.esade-sidebar { /* width: 25% */ }
.jtable-contents { padding: 10px;}
.jtable-data-row { font-size: 12px; font-family: Arial, Helvetica, sans-serif, Calibri }
.force-right { text-align: right !important; padding-right: 5px; }
.hidden { display: none }

div.jtable-main-container table.jtable tfoot {
  background: url('../../lightcolor/bg-tfoot.png') repeat-x scroll top left #dddddd;
  border-top: 1px solid #C8C8C8;
  border-bottom: 1px solid #C8C8C8;
}
div.jtable-main-container table.jtable tfoot th {
  padding: 4px 3px 4px 6px;
  border-left: 1px solid #fff;
  border-right: 1px solid #C8C8C8;
}
div.jtable-main-container table.jtable tfoot th:first-child {
  border-left: none;
}
div.jtable-main-container table.jtable tfoot thth:last-child {
  border-right: none;
}

td.editable { color: #2d89ef; font-weight: bold; }
td.editable > span { cursor: pointer }
.editable {cursor: pointer}
.editable span { display: block}
td.excellike { text-align: right !important; font-weight: bold; }
.jtable-sidebar { width: 350px; }

/***** LAYOUT ******/
#main-wrapper { position: relative; display: table; height: 100%; }
#main-container { display: table-cell; width: 100%; vertical-align: top; padding-right: 10px; }
#sidebar-container { display: table-cell; width: 5%; border-left: 1px solid #F0F0F0; padding-left: 10px; vertical-align: top }
#sidebar-toggle { cursor: pointer; width: 60px; height: 55px; position: absolute; top: 50%; right: 0px; z-index: 10; background-image: url(../images/arrows.png); background-position: 0px 0px; background-repeat: no-repeat;}
#sidebar-toggle.closing { background-position: -80px 0px; }

#sidebar-content { width: 375px; display: none; position: relative; }
/* #results-table { position: absolute; bottom: 0px; left: 0px; width: 340px; height: 50px; } */
#results-table div.jtable-main-container {line-height: 24px !important; }

/** initial setup **/
.nano {
  position : relative;
  width    : 340px;
  height   : 300px;
  overflow : hidden;
}
.nano .nanocontent {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
  padding-right: 20px;
}
.nano .nanocontent:focus {
  outline: thin dotted;
}
.nano .nanocontent::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .nanocontent::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
  background : rgba(0,0,0,.15);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01; 
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;  
  border-radius         : 5px;
}
.nano > .pane > .slider {
  background: #888;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;  
  border-radius         : 3px;
}
.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}


div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-save-command-button {
  background: url(../images/save.png) no-repeat;
  width: 16px;
  height: 16px;
  opacity: 0.4;
}
div.jtable-main-container > table.jtable > tbody > tr.jtable-data-row > td > .jtable-save-command-button:hover {
  opacity: 0.8;
}

/*** MULTISELECT ****/
.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:bold}.multiselect-container>li>label.multiselect-group{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:bold}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:normal}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type="checkbox"]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}

/***** MODS CHILD TABLE ***/
.jtable-child-table-container {padding: 10px 10px 10px 40px !important }
.jtable-child-table-container .jtable-title { background: #7AA6D8 !important; }
.jtable-child-table-container .jtable { border: 1px solid #B1CBE9 !important; }
.jtable-child-table-container thead, .jtable-child-table-container .jtable-toolbar-item { background: #B1CBE9 !important; }


/***** MODS ****/
.budget-bigbuttons a { padding: 45px 10px !important; font-size:18px; width: 100% }
.budget-headersave { min-height: 52px;}
.budget-banner-headersave { min-height: 93px;}
.budget-filtersbar { min-height: 30px; margin-bottom: 20px; padding: 10px 0px 20px 0px; border-bottom: 1px solid #D7D7D7; background: #FaFaFa;}
.budget-filtersbar label { display:block; }
.calculado { cursor: pointer }
td.editable { text-align: right;}
td.editable span { max-height:75px; overflow: hidden; }
td.editable textarea { width: 95%; height:75px; text-align: left; }
.prev-values {color: #999; }
.jtable-row-selected .prev-values {color: #F0F0F0; }
.value-under { color: #80a51b; font-weight: bold; }
.value-above { color: #C00; font-weight: bold; }
.value-ok { color: #333; font-weight: bold; }
.nowrap { white-space: nowrap; }
.editable-textarea { text-align: left !important; }
.toolbarsearch-container .jtable-column-header-container { height: 40px !important}
.list-metro { width: 16px; height: 16px; background: #CF3 url(/media/images/list_metro.png) top left no-repeat; }
.align-right { text-align: right !important }
#totales-holder { background: #0b67cd; }
#totales-holder a.dropdown-toggle {color: #FFF; background-color: #0b67cd; }
#totales-holder a.dropdown-toggle:hover, #totales-holder a.dropdown-toggle:focus { background-color: #0b67cd; border-color: #0b67cd }
#totales-holder .caret { border-top-color: #FFF; border-bottom-color: #FFF; }
.progress {
    position: relative;
}

.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: black;
 }
.progress-icon-warning { color: #f0ad4e; }
.progress-icon-success { color: #5cb85c; }
.progress-icon-danger { color: #d9534f; }
.progress-icon-info { color: #f5f5f5; }

.limit-icon { vertical-align: middle; font-size: 17px; }
.clone-pending { color: #C00 !important; }
.jtable-close-button { display: none !important; }
.jtable-row-selected span { color: #FFF !important; }
#tabs-holder .nav-tabs > li.active > a { color: #FFF !important; background-color: #0b67cd !important; border: none !important  }
#tabs-holder .btn-sm { padding-bottom: 0px; }
#legend-bar .progress { height: 10px; margin-bottom: 0px; overflow: hidden; background-color: #FFF; border-radius: 4px; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0); box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);} 
.message-row { margin: 30px 0px; }
.tabla-inactiva .jtable-title  { background-color: #D5D5D5 !important; }
.tabla-inactiva thead, .tabla-inactiva thead th  { background-color: #E7E7E7 !important; color: #555 !important }
.tabla-inactiva .jtable-title-text { color: #555 !important }
.tabla-inactiva .jtable { border: 1px solid #E7E7E7 !important}
.tabla-inactiva div.jtable-main-container > div.jtable-bottom-panel {
background-color: #E7E7E7 !important;
color: #555 !important;
border: 1px solid #E7E7E7 !important;}
.tabla-inactiva .jtable-page-number,
.tabla-inactiva .jtable-page-number-first,
.tabla-inactiva .jtable-page-number-last,
.tabla-inactiva .jtable-page-number-previous,
.tabla-inactiva .jtable-page-number-next,
.tabla-inactiva .jtable-page-number-active,
.tabla-inactiva .jtable-page-number-space {
background-color: #B3B3b3 !important;
color: #FFF !important;
}
.ui-dialog, .ui-dialog .ui-dialog-content { overflow: visible !important; } /* Necesario para que el validation se vea entero */
.glyphicon-active { color: #4fabff }
.glyphicon-inactive { color: #D7D7D7 }
td.info { background-color: #D9EDF7 }
td.esade-dashboard { /*font-size: small */}
.clickable { cursor: pointer; }
.header-message, .dates-message { font-size: 17px !important; padding: 13px 5px 0px 10px;  }
.padded-jtable-data-row { padding: 20px 10px; }
.list-group-item-info { color: #31708F; background-color: #D9EDF7; }
.list-group-item-active { color: #FFF; background-color: #428BCA; }
.list-group-item-success { color: #3C763D; background-color: #DFF0D8; }
.list-group-item-danger { color: #A94442; background-color: #F2DEDE}

.short-jtable div.jtable-main-container > div.jtable-bottom-panel div.jtable-right-area {
position: relative !important;
}
.limit-totals { font-weight: bold; text-align: right; }
.toggle_limits { cursor: pointer; width: 30px; height: 30px; margin: 10px 0px 0px 0px; float:right; background: url(/media/images/arrow_up.png) top center no-repeat; }
.arrow_down { background: url(/media/images/arrow_down.png) top center no-repeat; }
.disabled-cell { background: url(../images/stripped.png); }
.top-cell { vertical-align: top !important; }

/* MODAL SIZE */
#myModal .modal-dialog{
    width: 800px !important;
}
#status-grid { font-size: 12px; }
.toggle-presupuesto { cursor: pointer; }
#thinking-export { padding-top: 10px; }

.budget-banner { border-top: 1px solid #D7D7D7; padding: 10px; background: #F1F1F1; }

.ui-widget-overlay {
   position: fixed;
}

/*********** DEV *********************/
.dev-footer { background: #f8f8f8; border-top: 1px solid #D7D7D7; padding: 30px 0 90px 0;  }
/*************************************/

.popover-content {
max-height: 550px;
with: 400px;
overflow-y: scroll;
}
.popover-content .label { white-space: normal; }

/************** DISABLE RESPONSIVE **********************/
/* .container { max-width: none !important; width: 1065px !important } */
.container { max-width: none !important; width: 95% !important }


.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}


#countdown {
  display: block;
  overflow: hidden;
  text-align: center;
  padding: 0;
  margin: 0px 10px;
}

#countdown li {
  list-style: none;
  display:inline-block;
  margin-right: 0px;
  margin-top: 5px;
  text-align: center;
  text-transform: uppercase;
  font-size: 8px;
  position: relative;
}

#countdown li p {
    margin-top: 2px;
    margin-bottom: 2px;
}

.fixed-menu #countdown li {
  list-style: none;
  display:inline-block;
  margin-right: 0px;
  margin-top: 0px;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  position: relative;  
}

#countdown li:last-child {
  /* margin-right: 20px */
}

#countdown li span {
    display: block;
    font-size: 23px;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    width: 50px;
    border-radius: 3px;
    border-right: 1px solid #428bca;
    border-bottom: 1px solid #428bca;
    color: #fff;
}

.fixed-menu #countdown li span {
  display: block;
  font-size: 20px;
  font-weight: 700;
  height: 32px;
  line-height: 38px;
  width: 45px;
  border-radius: 3px;
}

#countdown li .days {
  background-color: #009de0;
  border-top: 1px solid #009de0;
  border-left: 1px solid #009de0;
}

#countdown li .hours {
  background-color: #0fa4e4; 
  border-top: 1px solid #0fa4e4;
  border-left: 1px solid #0fa4e4;
}

#countdown li .minutes {
  background-color: #20aae6;
  border-top: 1px solid #20aae6;
  border-left: 1px solid #20aae6;
}

#countdown li .seconds {
  background-color: #35b3ea;
  border-top: 1px solid #35b3ea;
  border-left: 1px solid #35b3ea;
}

/* #countdown li:before {
  background-color: #FFFFFF;
  content: "";
  height: 11px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 1px;
} 

#countdown li:after {
  background-color: #FFFFFF;
  content: "";
  height: 11px;
  right:0;
  position: absolute;
  top: 12px;
  width: 1px;
} */

.navbar-nav > li > a { 
    line-height: 25px;
}

div.jtable-main-container > table.jtable > tbody > tr.jtable-child-row > td {
    padding: 0px;    
}

.jtable-no-footer .jtable-bottom-panel { display: none; }
.jtable-no-header div.jtable-main-container > table.jtable > thead { display: none; }

.jtable-no-header td.text-left {
    text-align: left;
}
.jtable-no-border {}
/* #ProjectsTableContainer div.jtable-main-container > table.jtable > tbody > tr.jtable-row-selected {
    color: #fff;
    background-color: #b5ceea;
}
#ProjectsTableContainer .jtable-row-selected span {
    color: #2f2f2f !important;
} */