/* GENÉRICOS */

.page-content-white .page-title { margin: 15px 0 25px 0; font-size: 32px; font-weight: bold;}
.page-container-bg-solid .page-title, .page-content-white .page-title { /*color: #3598dc;*/}
.page-header.navbar .page-logo { padding-top: 3px;}
.page-content-white .page-content .page-bar { border-bottom: none;}
table.dataTable thead { line-height: 30px;}
.dataTables_wrapper .dataTables_info { float: none; text-align: center; margin-bottom: 10px; font-size: 12px; color: #666;}
.dataTables_wrapper .dataTables_paginate { float: none; text-align: center; padding-top: 0.50em;}
table.dataTable.stripe tbody>tr.odd.selected, table.dataTable.stripe tbody>tr.odd>.selected, table.dataTable.display tbody>tr.odd.selected, table.dataTable.display tbody>tr.odd>.selected {background-color: #dedede;}
table.dataTable.display tbody>tr.odd.selected>.sorting_1, table.dataTable.order-column.stripe tbody>tr.odd.selected>.sorting_1 {background-color: #dedede;}
div.copyright {/*color: #FFF;*/text-align: center;}
.page-header.navbar { height: 50px;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle { padding: 15px 8px 8px !important; height: 50px;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover { background-color: #164677;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i {font-size: 28px;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i.icon-logout {font-size: 24px; top: 3px;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge { right: 30px;}
 .page-sidebar .page-sidebar-menu>li>a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a:hover { background-color: #164677;}
.page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a {background: #164677 !important;}
 .page-sidebar .page-sidebar-menu>li>a:hover i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a:hover i { color: #FFF;}
.page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar .page-sidebar-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a {    background: #164677;}
.page-sidebar .page-sidebar-menu>li.open>a i { color: #FFF;}
.page-sidebar .page-sidebar-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu { padding-top: 40px;}
li [class*=" icon-"], li [class^=icon-] {top: 3px;}

@media (max-width: 1260px){}
@media (max-width: 992px){}
@media (max-width: 768px){
	.page-content-wrapper .page-content .page-title {margin-top: -10px !important;}
	#filtros input, #filtros select{ font-size: 11px !important; padding: 3px 6px; line-height: 1.42857 !important;}
	.jqtl-container{ width: 100% !important;}
	#main{ max-width: none !important; overflow-x: visible; }
}
@media (max-width: 480px){
	#filtros input, #filtros select{ font-size: 11px !important;  padding: 3px 6px; line-height: 1.42857 !important;}
	/*.page-header.navbar .top-menu { background-color: #113055 !important;}*/
}


#customFormHoteles {display: flex;flex-flow: row wrap;}
#customFormHoteles fieldset {margin: 0.5em;flex:40%;border:1px solid #aaa;}
#customFormHoteles fieldset legend {background-color: #f9f9f9;padding: 1px 20px;border: 1px solid #aaa;font-weight: bold;margin-bottom:5px;}
/*#FormAltaServicio fieldset.servicio {flex: 2 100%;}
#FormAltaServicio fieldset.servicio legend {background: #bfffbf;}
#FormAltaServicio fieldset.pasajeros legend {background: #ffffbf;}
#FormAltaServicio fieldset.observaciones legend {background: #ffbfbf;}*/
#customFormHoteles div.DTE_Field {padding: 1px;}
#customFormHoteles input[type='checkbox'].form-control {height: 16px;width:auto;}
#customFormHoteles .chkTarjeta .DTE_Label {width: 98% !important;}
#customFormHoteles .chkTarjeta .DTE_Field_Input {width: 0% !important;}
#customFormHoteles .accesos {display: flex;}

/* JM */
form fieldset legend {float: left !important; border: none !important; /*border-top: 1px solid #aaa !important;*/ border-bottom: 1px solid #aaa !important;}
legend.bordeSup {border-top: 1px solid #aaa !important;}
#accesos {clear: both;}
.plantillaInterior {display: both; float: left; width:48%;}

/* BOTONES btnEkey CON A y B en parte superior derecha */
button#btnEkey, button#btnEkeyWeb{ position: relative;}
button#btnEkey div.llaveApp, button#btnEkeyWeb div.llaveApp{ position: absolute; top: 2px; right: 3px; font-size: 10px; font-weight: bold;}

/*
	.campoReducido {display: both !important; float: left !important; width:46% !important; clear: none !important;}
	.DTE_Field.hijo.campoReducido { padding: 5px 5% !important;}
	.DTE_Field.hijo.campoReducido:first-child { padding: 5px 5% 5px 150px !important;}
*/

@media (max-width: 768px){
	#customFormHoteles fieldset {display: block !important; width: 100%; flex:none !important; }
	.DTED_Lightbox_Wrapper { left: 0px !important; }

	div.DTED_Lightbox_Container { display: block !important;}
	/* div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content { width: 62% !important;} */
}

.campo33{ float:left; width: 33% !important; clear: none !important;}
.campo33 label{ width: 90% !important;}
.campo33 .DTE_Field_Input{ width: 10% !important;}


/* Para el tema de la cámara y la firma de la WebApp */

#camera--sensor{display:none;}

#video{width:80%;height: auto;}

.taken{
    height: 200px!important;
    width: 200px!important;
    transition: all 0.5s ease-in;
    border: solid 3px white;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    top: 20px;
    right: 20px;
    z-index: 2;
}

#signature{width: 300px; height: 200px;border: 1px solid black;
}
#click{width: 90%;height: 10%;}


/* JON2 */
.select2-container{ width:100% !important;}
span.select2-container{ z-index: 9999999999999 !important;}

.loader { border: 30px solid #ffc340; /* Light grey */ border-top: 30px solid #ffb040; border-radius: 50%; width: 160px; height: 160px; animation: spin 1.5s linear infinite; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
table.dataTable{  -webkit-overflow-scrolling: touch;}

.modal2 { display: none; position: fixed; z-index: 999999; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.6); }



/* PRUEBAS ASPECT RATIO FOTO
#camaraModal .modal-body{
  position: relative;
  padding-bottom: 56.25%; 
  padding-top: 30px; 
  height: 0; 
  overflow: hidden;}
  */
#video{
  width: 100% !important;
  height: 200px !important; 
    object-fit: cover;}