html, body {
  font-family: 'Noto Sans', sans-serif;
  background: #F3F3F3;
}

input, select{
  font-family: 'Noto Sans', sans-serif;
}

h2 {
  margin-top: 0;
}

.activeNav {
  background: #D7DCDF;
  height: 60px;
}

.activeNav > a{
  color: #000 !important;
  font-weight: bold;
}

.lyt-main-content table thead th,.lyt-main-content table tfoot th{
  background: #333;
  color: white;
  font-weight: bold;
}

.lyt-main-content table th a,.lyt-main-content table th a:hover{
  color: #CEF;
}

.lyt-main-content table tfoot img{
  margin-bottom: 3px;
}

.lyt-main-content table tfoot a{
  padding: 3px;
}

.sf_admin_actions{
  list-style: none;
}

.sf_admin_actions li{
  display: inline-block;
  margin-right: 30px;
}

.sf_admin_actions li a{
  position: relative;
  top: -4px;
}

.sf_admin_actions li input[type="submit"]{
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: -5px;
}

ul.bloques li {
  color: white;
  font-weight: bold;
  display: inline-block;
  list-style: none;
  width: 85px;
  /*height: 100px;*/
  margin: 0 10px 15px 0;
  border-radius: 10px;
  text-align: center;
}

ul.bloques li.libre {
  background-image:url('/images/bgi/libre02.gif');
}

ul.bloques li.ocupado {
  background-image:url('/images/bgi/ocupado02.gif');
}

ul.bloques a, ul.bloques a:hover{
  text-decoration: none;
}

ul.bloques li h3{
	margin: 5px;
	padding: 5px;
	font-size: 20pt;
	background-image:url('/images/bgi/libre01.gif');
	border-radius: 10px;
}

.sf_admin_td_actions{
  list-style: none;
  margin: 0px;
}

.sf_admin_td_actions li{
  padding: 3px;
}

ul.checkbox_list {
  margin: 0 0 10px 4px;
}

ul.checkbox_list li {
  list-style: none;
  clear:both;
}

ul.checkbox_list li input{
  float:left;
}

ul.checkbox_list li label {
  float:left;
  font-size: 80%;
  padding: 2px;
}

.lil-label {
  color: grey;
  font-size: 9px;
  font-weight: bold;
  padding-left: 70px;  
}

.lyt-filter {
  border: 1px solid #CCC;
  position: absolute;
  right: 0;
  background: #EEE;
  padding: 10px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  overflow: hidden;
  width: 370px !important;
}

.filter-toggle {
  display: block;
  width: 230px;
  height: 20px;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  position: absolute;
  right: 260px;
  top: 250px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  writing-mode: tb-rl;
}

.pin-filter{
  float: right;
  border: 1px solid black;
  border-radius: 7px;
  width: 20px;
  height: 20px;
  text-align: center;
  padding-top: 3px;
  margin: 8px;
}

.pin-filter.active{
  background: #AAA;
}

/* ------------- Botones --------------*/

input[type='button'],input[type='submit'],.button {
    -moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
    box-shadow:inset 0px 0px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #c9c6c1;
    display:inline-block;
    color:#636363;
    font-family:arial;
    font-size:11px;
    font-weight:bold;
    padding:5px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
input[type='button']:hover,input[type='submit']:hover,.button:hover {
    color: #333;
    text-decoration:none;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
    background-color:#dfdfdf;
}
input[type='button']:active,input[type='submit']:active{
    position:relative;
    top:1px;
}


.btn-primario {
    -moz-box-shadow:inset 0px 1px 0px 0px #3c3a47 !important;
    -webkit-box-shadow:inset 0px 1px 0px 0px #3c3a47 !important;
    box-shadow:inset 0px 1px 0px 0px #3c3a47 !important;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2d15e6), color-stop(1, #1b1640)) !important;
    background:-moz-linear-gradient(top, #2d15e6 5%, #1b1640 100%) !important;
    background:-webkit-linear-gradient(top, #2d15e6 5%, #1b1640 100%) !important;
    background:-o-linear-gradient(top, #2d15e6 5%, #1b1640 100%) !important;
    background:-ms-linear-gradient(top, #2d15e6 5%, #1b1640 100%) !important;
    background:linear-gradient(to bottom, #2d15e6 5%, #1b1640 100%) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d15e6', endColorstr='#1b1640',GradientType=0) !important;
    background-color:#2d15e6 !important;
    border:1px solid #a7a6ad !important;
    color:#ffffff !important;
    text-shadow:0px 1px 0px #2b2847 !important;
}

.btn-primario:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1b1640), color-stop(1, #2d15e6)) !important;
    background:-moz-linear-gradient(top, #1b1640 5%, #2d15e6 100%) !important;
    background:-webkit-linear-gradient(top, #1b1640 5%, #2d15e6 100%) !important;
    background:-o-linear-gradient(top, #1b1640 5%, #2d15e6 100%) !important;
    background:-ms-linear-gradient(top, #1b1640 5%, #2d15e6 100%) !important;
    background:linear-gradient(to bottom, #1b1640 5%, #2d15e6 100%) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b1640', endColorstr='#2d15e6',GradientType=0) !important;
    background-color:#1b1640 !important;
}

.button{
  position:relative;
  top: 1px;
}

.button:active{
  position:relative;
  top: 2px;
}

.profile{
  width: 600px;
  margin: 0 auto;
}

.profileImage{
  width: 145px;
  height: 145px;
  margin: 10px;
  float:left;
}

.profileTable{
  float: left;
  width: 350px;
}

.divCenter{
  text-align: center;
  width: 1075px;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 15px;
}

.boxDatos{
  text-align: left;
  float:left;
  margin: 5px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #BFBFBF;
}

.lyt-footer {
  margin-top: 10px;
  border-top: solid 1px silver;
  padding: 10px 0 0 0;
  background-color: white !important;
}

tr.noshow { display: none; }
tr.noshow td { background-color: #ffc; }
td.columnToggle { text-align: right; }
td.columnStrong { font-weight: bolder; }

table.dataRaw { background-color: white; }
table.dataRaw td { background-color: white; }

tr.sf_admin_filter_field_cmpte_h_tipo ul.checkbox_list li {
  display: inline-block;
}

tr.sf_admin_filter_field_tipo_codigo ul.checkbox_list li {
  display: inline-block;
}

.toptop {
  z-index: 1000000 !important;
}

.lyt-main{
  padding:15px;
}
.padzero{
  padding:  0 !important;
}

td { padding: 10px; }

.tdlv0 { font-size: xx-large; }
.tdlv1 { font-size: x-large; }
.tdlv2 { font-size: large; }
.tdlv3 { font-size: medium; }
.tdlv4 { font-size: small; }
.tdlv5 { font-size: x-small; }

.thlv0 { font-size: xx-large; }
.thlv1 { font-size: x-large; }
.thlv2 { font-size: large; }
.thlv3 { font-size: medium; }
.thlv4 { font-size: small; }
.thlv5 { font-size: x-small; }

.trlv1 { border-bottom: solid 6px #D7210F; }
.trlv2 { border-bottom: solid 4px #106CED; }
.trlv3 { border-bottom: solid 2px #169E31; }

.trlv1r {
  border-top: solid 4px #D7210F !important;
  border-bottom: solid 2px silver;
}

.trlv2r {
  border-top: solid 2px #106CED !important;
  border-bottom: solid 2px silver;
}

.trlv3r {
  border-top: solid 2px #169E31 !important;
  border-bottom: solid 2px silver;
}

.resumen-filtro .cuadro{
  border: 1px solid #DBDBDB;
  background: #DBDBDB;
  padding: 8px;
}

.resumen-filtro .cuadro .label{
  display: inline-block;
  margin: 3px 2px;
}

.resumen-reporte tr.titulo td, 
.resumen-reporte tr.titulo td:hover, 
.resumen-reporte tr.titulo,
.resumen-reporte tr.titulo:hover{
  background: #333 !important;
  color: #fff !important;
  padding: 15px;
  border-top: 10px solid #fff;
}
.resumen-reporte tr.total1 td, 
.resumen-reporte tr.total1 td:hover, 
.resumen-reporte tr.total1,
.resumen-reporte tr.total1:hover{
    background: none repeat scroll 0 0 #ccc !important;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    

}
.resumen-reporte tr.total2 td, 
.resumen-reporte tr.total2 td:hover, 
.resumen-reporte tr.total2,
.resumen-reporte tr.total2:hover{
    background: none repeat scroll 0 0 #333333 !important;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    color: #FFF !important;
}
.resumen-reporte tr.total2 td a, 
.resumen-reporte tr.total2 td:hover a{
    color: #FFF !important;
}
.resumen-reporte tr.total3 td, 
.resumen-reporte tr.total3 td:hover, 
.resumen-reporte tr.total3,
.resumen-reporte tr.total3:hover{
    background: none repeat scroll 0 0 #cc3333 !important;
    color: #FFF;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
}
.resumen-reporte tr.total3 a{
  color: #FFF;
}

.resumen-reporte tr.titulo td a, 
.resumen-reporte tr.titulo td:hover a, 
.resumen-reporte tr.titulo a,
.resumen-reporte tr.titulo:hover a{
  color: #ffffff;
}

.resumen-reporte tr.header,
.resumen-reporte tr.header:hover,
.resumen-reporte tr.header td,
.resumen-reporte tr.header td:hover{
  padding-top: 15px;
  border-bottom: 2px solid #333;
  border-top: 2px solid #333;
  background: #ccccff !important;
}
.resumen-reporte tr.subt{
    border-bottom: 6px solid #333;
    font-size: 14px;
    font-weight: bold;
    padding-top: 10px;
}
.resumen-reporte tr.subt td{
  padding-top: 25px;
  padding-bottom: 5px;
  vertical-align: bottom;
}
.resumen-reporte li{
  list-style: none;
  float:left;
  background: #F5F5F5;
  padding: 5px;
}

#cargando {
    position: absolute;
    width: 100%;
    margin: 0 !important;
    color: #000;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    background: #fff url(/images/ajax-loader.gif) no-repeat center;
}

.filtro-reporte .btn-group {
    display: inline-block;
    vertical-align: middle;
}
.multiselect-container > li > label.multiselect-group, .multiselect-group {
    font-weight: bold !important;
}

.filtro-asiento .open > .dropdown-menu {
    position: relative;
}

/**************************NUEVO TEMPLATE*************************************/
.navbar-inner {
  background-color: #003595;
  background-image: none;
  border-radius: 0 !important;
}
footer .lyt-footer{
  background: #2d3945 !important;
  display: inline-block;
  width: 100%;
}
footer .foot-1{
   text-align: right;
   margin-top:10px;
   font-size: 9pt;
   color: #fff;
   width: 90%;
   float:left;
}
footer .foot-2{
  text-align: right;
  width:8%;
  float:left;
  padding: 0 10px;
}
.lyt-footer{
  padding: 10px 0;
}
.navbar .xn-logo{
  padding: 0 0 10px 20px;
}
.navbar .titulo{
  padding: 20px 20px 20px 30px;
  color: #fff;
}
.navbar .nav > li > a{
  color: #fff;
  padding: 20px 15px;
  text-shadow: none;
}
.navbar .divider-vertical{
  background-color: #fff;
  height: 60px;
  margin: 0;
  border: 0;
}
.navbar-inner{
  padding-left: 0;
  padding-right: 0;
}
.navbar .nav{
  margin: 0;
}
html, body {
	height: 100%;
}
* {
	margin: 0;
}
/*.page-container{
	min-height: 100%;
	margin: 0 auto -65px;  the bottom margin is the negative value of the footer's height 
}
footer{
 height: 65px; 
}
*/
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover{
  background: #003595;
}


/*COLOR COLUMNA E*/
tr.total2 td.columnE{
  background: #003595 !important;
}
tr.total1 td.columnE{
  background: #CDE3FD !important;
}
tr.total3 td.columnE{
  background: #F48028 !important;
}
/*COLOR COLUMNA H*/
td.columnH{
  background: #A9D0F5;
}
tr.total2 td.columnH{
  background: #003595 !important;
}
tr.total1 td.columnH{
  background: #CDE3FD !important;
}
tr.total3 td.columnH{
  background: #F48028 !important;
}

/*HEADER FIXED*/
#table-container table {
    border-collapse: unset;
}
#table-container thead{
    background-color:white;
}

/*COLUMN TOGGLE*/
.columnBtoggle,
.columnCtoggle,
.columnDtoggle,
.columnEtoggle,
.columnFtoggle,
.columnGtoggle,
.columnHtoggle{
  vertical-align: top;
}

.flag_id li, .color_id li{
  list-style: none;
  float:left;
  padding-right: 20px
}
.flag_id li i.fa{
  font-size: 15pt;
  color: #000;
  margin: 5px;
}
.flag_id li .icono{
  font-size: 0px !important;
  margin-top: 5px;
}
.color_id .color-check{
  font-size: 0px !important;
  margin: 5px;
  height:22px; 
  width:22px;
}

.color_id .ui-state-default, 
.color_id .ui-widget-content .ui-state-default, 
.color_id .ui-widget-header .ui-state-default,
.flag_id .ui-state-default, 
.flag_id .ui-widget-content .ui-state-default, 
.flag_id .ui-widget-header .ui-state-default
{
  border: 1px solid #fff;
}

.color_id .ui-state-active, 
.color_id .ui-widget-content .ui-state-active, 
.color_id .ui-widget-header .ui-state-active,
.flag_id .ui-state-active, 
.flag_id .ui-widget-content .ui-state-active, 
.flag_id .ui-widget-header .ui-state-active
{
  border: 1px solid #000 !important;
}