/* 11px = 0.68em */

div.DTE div.DTE_Header{ height: auto !important; padding-bottom: 16px !important;}
.DTE_Header_Content{ font-size: 16px !important;}

table.dataTable thead tr {background-color: #EEEEEE;}
table.dataTable tr.selected td.select-checkbox:after{margin-top: -8px; margin-left: -5px;}

.select2-container--default .select2-selection--single {height: 34px !important;}

.well p {margin:8px 0;}

.page-header {margin:12px 0 20px;}

.table td, .table th, .table thead tr th {font-size: 10px;}

.dt-buttons .btn {background-image: none !important; font-size: 14px !important;}

/*Formulario de alta */
#FormAltaServicio {display: flex;flex-flow: row wrap;}
#FormAltaServicio fieldset {margin: 0.5em;flex:40%;}
#FormAltaServicio fieldset legend {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;}*/
#FormAltaServicio div.DTE_Field {padding: 1px;}
#FormAltaServicio #repeaterLineas input.form-control {padding:2px 2px;}
#FormAltaServicio #repeaterLineas label.control-label {font-size:10px;}
#FormAltaServicio #repeaterLineas input {font-size:12px;}

#FormAltaServicio #repeaterLineas div.col-md-1 {padding-right: 0px;padding-left: 1px;}
#FormAltaServicio #repeaterLineas div.col-md-2 {padding-right: 0px;padding-left: 1px;}
#FormAltaServicio #repeaterLineas div.col-md-3 {padding-right: 0px;padding-left: 1px;width:22%;}
#FormAltaServicio #repeaterLineas div.col-md-4 {padding-right: 0px;}
#FormAltaServicio #repeaterLineas div.col-md-5 {padding-right: 0px;}

div.DTE_Processing_Indicator  {display: none !important}

/*Botones del listado*/
i.far , i.fas { margin-right: 5px; }

div.dt-buttons {float:left;margin-bottom: 15px;margin-right:15px;}
#dataTables-services_wrapper div.dt-buttons {clear: both !important;}
div#dataTables-services_length.dataTables_length {float:left;}

.sidebar { margin-top: 91px;}

.navbar-static-top { z-index: 0;}
.navbar-default, .panel-default>.panel-heading {background-color: #fff;}
.navbar-brand{ float: left; height: 80px !important; padding: 2px 15px 25px 15px; font-size: 18px; line-height: 27px;}

a.navbar-brand span{ display: none !important;}

table#dataTables-example.table.table-striped.table-bordered.table-hover tbody td { vertical-align: middle;}

@media (min-width: 768px) {
  .navbar-top-links .dropdown-user{ left: 0px !important; right: auto !important;}
}

@media (max-width: 767px) {
  .navbar-top-links .dropdown-user{ left: 0px !important; right: auto !important;}
  #FormAltaServicio  .imagen-coche{ margin-bottom: 20px !important;}
  .DTE_Header_Content{ font-size: 14px !important;}
}

@media (max-width: 768px) {
  html > body > div#wrapper > nav.navbar.navbar-default.navbar-static-top > ul.nav.navbar-top-links.navbar-right{ width:auto; position: absolute; top:0px; right:50px;}
  .sidebar { margin-top: 0px;}
  #FormAltaServicio{ display: block;}
  /*#FormAltaServicio fieldset{ display: block; width: 100%;}*/
}

/* PANTALLA LOGIN */
  body.inicio{ background: url("images/chauffeur_inverse.jpg") transparent no-repeat top left; background-size: cover;}
  .panel-entrada{ margin-top: 100px;}
/* FIN PANTALLA LOGIN */

/* PANTALLA SERVICIOS */
@media only screen and (min-width: 1200px) and (max-width:4000px) {
  .DTED_Lightbox_Content{ width: 90% !important;}
  div.DTED_Lightbox_Wrapper { position: fixed; top: 0; left: 50%; margin-left: -600px; width: 1200px; height: 100%; z-index: 11;}
}

.DTE_Header{ background-color: #37485C !important; color: #fff; font-size: 28px !important;}
div.DTE div.DTE_Header { height: 82px;}
div.DTE_Body { padding: 74px 0 !important;}

#FormAltaServicio legend{ clear: both; background-color: #E6E6E6 !important; border:1px solid #CACAD9 !important; font-weight: normal !important; color:#000000;}
#FormAltaServicio  .campo50{ width: 50%; display: block; float: left; clear: none !important;}
#FormAltaServicio  .campo33{ width: 33%; display: block; float: left; clear: none !important;}
#FormAltaServicio  .campo25{ width: 25%; display: block; float: left; clear: none !important;}
#FormAltaServicio  .imagen-coche{ width: 35%; display: block; float: left; clear: none !important; margin-bottom: 20px;}
#FormAltaServicio  input#DTE_Field_EmailOperador{margin-bottom: 15px;}
/*.DTE_Field_Name_Fechavuelta{ width: 50%; display: block; float: left; clear: none !important;}*/

#FormAltaServicio  div.DTE button.btn, div.DTE div.DTE_Form_Buttons button {
    position: relative; display: block; float: none;
    margin-top: 0; margin: 0px auto; padding: 0.5em 1em;
    cursor: pointer; font-size: 14px; text-align: center;
    border: 1px solid #999; color: inherit;
    -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #ccc; -moz-box-shadow: 1px 1px 3px #ccc; box-shadow: 1px 1px 3px #ccc;
    background: none; background-color: #374454 !important; color: #fff; font-weight: bold;
}

#FormAltaServicio label{ font-weight: bold;}
#FormAltaServicio label { float: none; width: 100%; padding-top: 1px;margin-bottom: 2px;}

#FormAltaServicio div.DTE_Field_Input { float: none; width: 100%;}
#FormAltaServicio hr{ margin:0; margin-top: 5px;}

#FormAltaServicio div.DTE_Field_Type_select div.DTE_Field_Input { padding-top: 0px;}

/*.multi-value{ display: block; }*/
/* FIN PANTALLA SERVICIOS */

.bootstrap-select button{ background: none !important; border: 1px solid #ccc !important; }

.filtros-servicios{ min-width: 420px}
.filtros-servicios input{ width: 100px}
.filtros-servicios div.dt-buttons {margin-bottom: 0px;}

.btn.btn-info{ background-color: #37485C !important; color: #fff; border-color: #37485C !important;}

.fa.fas.fa-plane.font-green{color: #37485C !important; }

.DTE_Field_Name_Observaciones{ margin-bottom: 20px;}

.desgloseprecios{ display: block; background-color: #ccc !important; border:1px solid #B9B9C8;  border-radius: 5px; color: #000; min-height: 90px;}
.desgloseprecios p{ margin: 2px 0px; font-size: 13px;}

.desgloseprecios p span{ float:right;}

.preciofinal p{ margin: 0px 0px 10px 0px; color: #000;}
.preciofinal span{  display: block !important;  min-height: 90px; background-color: #3F5267 !important; color: #fff;  border-radius: 5px; font-weight: bold;}
.ivaincluido {font-size:14px !important;min-height:0px !important;padding-right: 10px !important;}

.con-precio { font-size:45px; text-align: right;padding-top: 0px;}
.pendiente-cotizar { font-size:20px; text-align: center;padding-top: 30px;}
/*
.DTE_Field_Name_PrecioSinIva{ background-color: #ccc !important;  width: 49%; display: block; float: left; font-size: 14px; margin-top: 20px;}
input#DTE_Field_PrecioSinIva, input#DTE_Field_Descuento, input#DTE_Field_Iva { background: none; border:none; padding: 0px;}


.DTE_Field_Name_PrecioSinIva .DTE_Label{ display: block; float: left; width: auto !important;}

.DTE_Field_Name_Descuento{ background-color: #ccc !important; width: 49%; display: inline-block; float: left; }
.DTE_Field_Name_Iva{ background-color: #ccc !important;width: 49%; display: inline-block; float: left; }
input#DTE_Field_Pvp{ background: none; border:none; padding: 0px; font-size: 40px; color: #fff;}


.DTE_Field_Name_Pvp{ background-color: #3F5267; width: 49%; display: inline-block; float: right; position: relative; top:-190px; }
.DTE_Field_Name_Pvp:hover{ background-color: #3F5267; width: 49%; display: inline-block; float: right; position: relative; top:-190px; }
*/


#filtros span{ display: block; float:left; margin-right: 5px; margin-bottom: 10px;}

#filtros button span{ margin-bottom: 0px;}
.clear{ clear: both;}

.waiting{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('/customers/images/spinner_rojo.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .waiting {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .waiting {
    display: block;
}

/*.ratecalculator {background-color: transparent !important;}*/
.ratecalculator #page-wrapper {margin: 0px !important;/*background-color: transparent !important;*/}
.ratecalculator .DTED_Lightbox_Content {width:100% !important;}
.ratecalculator .DTED_Lightbox_Content_Wrapper {vertical-align: top !important;}
.ratecalculator .select2-results__message{display: none;}

.banderita{ float: right; margin-right: 10px; position: relative; z-index:99999;}
/*
@media (min-width: 1200px) {
#FormAltaServicio #repeaterLineas div#divVuelo{width: 13%;}
#FormAltaServicio #repeaterLineas div#divVueloVuelta{width: 13%;}
}
*/

/*
@media (max-width: 768px) {
#FormAltaServicio  .campo50{ width: 98% !important; display: block; float: left; clear: none !important;}
#FormAltaServicio  .campo33{ width: 98% !important; display: block; float: left; clear: none !important;}
#FormAltaServicio  .campo25{ width: 98% !important; display: block; float: left; clear: none !important;}
#FormAltaServicio  .imagen-coche{ width: 98% !important; display: block; float: left; clear: none !important; margin-bottom: 60px;}


}*/


.filapasajeros{ position: relative;}
.filapasajeros{ border-top: 1px dotted #000; padding-top: 10px; margin-top: 10px;}
.filapasajeros:first-child{ border: none; margin-top: 0px;}
.filapasajeros:before{ content: attr(title);
  color: #333;
  position: relative;
  left:15px;
  font-family: "Open Sans",sans-serif;
  font-size: 14px;
 }

 .btn-info.mt-repeater-add{ margin-top: 10px; }