﻿/** BOTONES **/
.boton, .botonDeshabilitado {
    background-color: #005A95;
    border: none !important;
    color: #FFFFFF !important;
    cursor: pointer;
    margin-right: 5px;
    padding: 5px 7px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.boton:hover, .ui-widget button:hover {background-color:#666666;border: none !important;}
.botonDeshabilitado {background-color:#DDD;cursor:auto;}
.imageButtonDeshabilitado {opacity:0.4;filter:alpha(opacity=40);cursor:default;}
.textoDeshabilitado {opacity:0.4;filter:alpha(opacity=40);}
.ui-widget button {border-radius: 10px 10px 10px 10px;border: none !important;}
.ui-dialog-buttonset .ui-state-focus {background:url('jquery/images/ui-bg_flat_90_005a95_40x100.png') repeat-x scroll 50% 50% #005A95 !important;color:#FFF !important;}
.ui-state-focus:hover {background:url('jquery/images/ui-bg_flat_90_dddddd_40x100.png') repeat-x scroll 50% 50% #dddddd !important;color:#005A95 !important;}
.ui-dialog-buttonset .ui-state-hover {border: 1px solid #666 !important;background: #666 !important;color:#FFF !important;}
.ui-datepicker-trigger {margin-left:5px;margin-right:10px;vertical-align:bottom;}
.BotonBlock, .BotonBlockProgress {}


/** TEXTBOX **/
.textbox, input[type='text'], select, textarea, .divFormatoCajaTexto {border: 1px solid #005A95;border-left: 6px solid #005A95;font-size:1em;}
.divFormatoCajaTexto {padding:4px 0 0 10px;width:340px;}
.tablaFiltrado .anchoDescripcion {width:200px;}
.tablaFiltrado .anchoDescripcionLarga {width:400px;}
.tablaFiltrado .anchoContenedor, .tablaFiltrado .anchoAlbaran, .tablaFiltrado .anchoDua {width:150px;}
.tablaFiltrado .anchoDelegacion {width:120px;}
.etiquetaSeparadora {margin-left:5px;}
.textBoxsDeshabilitados {background-color:#DADADA;color:#444;cursor:default !important;}
.anchoNumerico2Digitos {width:20px;}
.anchoHora {width:42px;}
.anchoBanco, .anchoSucursal, .anchoDC, .anchoSerieFacturacion, .anchoCondEnvio, .anchoCaracteres {width:50px;}
.ancho60, .anchoId, .anchoNumericoEntero {width:60px;}
.ancho65, .anchoPaisFiltro {width:65px;}
.anchoCodigo {width:70px;}
.anchoNif, .anchoCP, .anchoCantidad, .anchoNumerico {width:80px;}
.anchoNumCuenta, .anchoPais, .anchoPuerto, .anchoNumFact {width:100px;}
.anchoTfno, .anchoUnidadMedida, .anchoMarca {width:120px;}
.anchoLocalidad, .anchoMatricula, .anchoImpuesto, .anchoDivisa, .anchoSwift {width:150px;}
.anchoPais, .anchoConceptoFacturacion {width:175px;}
.anchoDescripcionCorta {width:200px;}
.anchoDescripcion {width:300px;}
.anchoDescripcionExtraLarga { width: 500px;}



/** FECHAS **/
/*.tablaFiltrado .anchoFecha {width:75px;}*/
.anchoFecha {width:75px;}
.anchoFechaSinCalendar {width:75px;}
.anchoFecha:hover {cursor:pointer;}
.fechaITV, .fechaCertificadoSubcontratista {font-size:0.9em;font-style:italic;}


/** TEXTAREA **/
.textArea {width:100%;display:table;}
.textArea .campo {width:100%;}
.textArea textarea {resize:none; width:99%;}
.textAreaDialog textarea {resize:none;}
.divObservacionesNotificaciones .textArea {width:47%;}
.divObservacionesNotificaciones .etiquetaObservaciones {padding-top:9px;}


/** JQUERY SELECT2 **/
.select2-container {font-size:1em;margin-top:2px;}
.select2-results .select2-highlighted {background-color:#005A95;}
.select2-default {width:200px !important;}
.objetoSelect2 {border: 1px solid #005A95;border-left: 6px solid #005A95;font-size:1em;}

/** JQUERY WATERMARK **/
.placeholderCSS {font:0.75em sans-serif;color:#555;left:10px;top:3px;overflow-x:hidden;}

/** JQUERY TABS **/
#contentTabs 
{ 
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
}


/** RADIO BUTTON Y CHECKBOX **/
.elementoCheckboxInline{float:left;margin-left:5px;}
.etiquetaRadioButtonInline {margin-top:2px;}
.checkbox, .radiobutton {margin-right:0;}
.checkbox .iconoChecked, .checkbox .iconoNoChecked {height:19px;width:17px;margin-top:-12px;}
.radiobutton .iconoChecked,.radiobutton .iconoNoChecked {height:15px;width:15px;margin-top:-11px;}
.checkbox .ui-button-text-icon-primary .ui-button-text, .checkbox .ui-button-text-icons .ui-button-text, 
.radiobutton .ui-button-text-icon-primary .ui-button-text, .radiobutton .ui-button-text-icons .ui-button-text
{
    font-size: 1em;
    font-family: Verdana, Arial, sans-serif;
}
.gvw .columnaBoton .checkbox .ui-button-text-icon-primary .ui-button-text,
.gvw .columnaBoton .checkbox .ui-button-text-icons .ui-button-text,
.gvw .columnaBotonAccion .checkbox .ui-button-text-icon-primary .ui-button-text,
.gvw .columnaBotonAccion .checkbox .ui-button-text-icons .ui-button-text {padding: 0 2px 0 20px;text-align:left;}
.checkbox .ui-button-text-icon-primary .ui-button-text, .checkbox .ui-button-text-icons .ui-button-text {padding: 0 12px 0 20px;text-align:left;}
.radiobutton .ui-button-text-icon-primary .ui-button-text, .radiobutton .ui-button-text-icons .ui-button-text {padding: 0 12px 0 18px;}
.checkbox .ui-buttonset, .checkbox .ui-button, .radiobutton .ui-buttonset, .radiobutton .ui-button {background:none;color:#005A95;border:none;height:21px;margin-right:0px;}
.radiobutton .ui-button-text-icon-primary .ui-button-icon-primary, .radiobutton .ui-button-text-icons .ui-button-icon-primary, .radiobutton .ui-button-icons-only .ui-button-icon-primary {left: 0;}
.formularioEdicion .checkbox .ui-buttonset, .formularioEdicion .checkbox .ui-button, .formularioEdicion .radiobutton .ui-buttonset, .formularioEdicion .radiobutton .ui-button {color:#000;}
.checkbox .ui-state-hover, .checkbox .ui-state-focus:hover, .radiobutton .ui-state-hover, .radiobutton .ui-state-focus:hover {background:none !important;}
.checkbox .ui-button-text-icon-primary .ui-button-icon-primary, .checkbox .ui-button-text-icons .ui-button-icon-primary, .checkbox .ui-button-icons-only .ui-button-icon-primary {left:0;}
.checkbox .iconoChecked {background:url('../Entorno/Forms/checkboxAct.png') no-repeat;}
.checkbox .iconoNoChecked {background:url('../Entorno/Forms/checkboxDes.png') no-repeat;}
.radiobutton .iconoChecked {background:url('../Entorno/Forms/radiobuttonAct.png') no-repeat;}
.radiobutton .iconoNoChecked {background:url('../Entorno/Forms/radiobuttonDes.png') no-repeat;}
.radiobuttonConImagen .radiobutton .ui-buttonset, .radiobuttonConImagen .radiobutton .ui-button {margin-bottom:7px;}
.radiobuttonConImagen .radiobutton .iconoChecked, .radiobuttonConImagen .radiobutton .iconoNoChecked {margin-top:-4px;}
.radiobuttonConImagen .radiobutton .ui-button-text img {margin-left:5px;margin-right:20px;}
.radiobuttonElementoPorLinea label {display:table;}
.labelDivSelectDirecciones {height:auto !important;text-align:left;padding-bottom:4px;}


/** EDITAR DATOS **/
.MensajeValidadores {color:#C70F0F;font-size:0.9em;font-style:italic;}
.error {color:#C70F0F;font-size:0.9em;font-style: italic;}
.formularioEdicion .areaForm {padding:0 0.25%;margin-bottom:20px;color:#000;}
.formularioEdicion .divFieldset {padding:7px 5px;border:1px solid #848484;border-radius:10px;}
.formularioEdicion .divFieldset .textoLeyenda {background-color:#FFF;float:left;position:relative;top:-15px;color:#C70F0F;font-weight:bold;text-transform:uppercase;margin-left:5px;padding:0 2px;}
.formularioEdicion .divFieldset .textoLeyenda .leyendaSerieFacturacion {text-transform:none;}
.formularioEdicion .divFieldset .textoLeyenda img {margin-left:10px;}
.formularioEdicion .areaFormSuperior {padding-bottom:25px;}
.formularioEdicion .area30{width:29%;}
.formularioEdicion .area40{width:39%;}
.formularioEdicion .area50{width:49%;}
.formularioEdicion .area60{width:59%;}
.formularioEdicion .area70{width:69%;}
.formularioEdicion legend {color:#C70F0F;text-transform:uppercase;font-weight:bold;}
.formEditar {margin:10px 5px;}
.formEditarEstados {margin:0 5px 0 5px;}
.formularioEdicion .elementoFormulario {float:left;margin-right:25px;margin-bottom:10px;height:25px;}
.formularioEdicion .elementoFormularioSinAltura {float:left;margin-right:10px;margin-bottom:10px;height:auto;}
.formularioEdicion .elementoSelect2Ancho100 {height:auto;width:99%;}
.formularioEdicion .elementoFormulario .etiqueta {float:left;margin-right:4px;}
.formularioEdicion .elementoFormulario .campo {float:left;}
.formularioEdicion .elementoFormulario .validadorSaltoLinea {clear:both;}
.formularioEdicion .elementoFormulario .chivatoCampo, .formularioEdicion .elementoFormulario .divBotonLeft {float:left;padding-left:5px;}
.formularioEdicion .elementoFormulario .chivatoCampo .imgContenedorAviso, .formularioEdicion .elementoFormulario .chivatoCampo .imgPlataformaAviso {display: none;}
.formularioEdicion .area50 .formArea50, .formularioEdicion .area100 .formArea50{margin:10px 5px 5px 5px;}
.botonesForm {text-align:right;margin-bottom:8px;}
.areaForm .botonesForm {margin-top:15px;}
.divResumenImporteTotal {float:left;font-weight:bold;background-color:#EEE;padding:7px 10px;margin-left:5px;
                        border-radius:0 10px 10px 0;border:1px solid #005A95;border-left:6px solid #005A95;}
.divResumenImporteTotal .importeDesglosadoCliente {font-weight:normal; margin-left:15px;}
.conceptoImporteTotal {float:left;background-color:#EEE;padding:4px 10px;border-radius:0 10px 10px 0;border:1px solid #005A95;border-left:6px solid #005A95;}
.formularioEdicion .txbOrigenDestino{float:left;}
.icoMapa, .icoLibreta {float:left;height:20px;width:20px;margin-left:5px;}
.divZonaEstados .areaFormSuperior, .divCargasMasivas .areaFormSuperior {padding-bottom:10px;}

.ClienteContado {text-align: left;margin-right: 10px;color: #fff !important;background-color: #f44336 !important;border: none;color: white;
                 padding: 14px 28px;font-size: 16px;}

/** EDITAR DATOS DIALOG **/
.formEditarDialog {margin-bottom:20px;}
.formEditarDialog .elementoFormulario {margin-bottom:10px;margin-right:10px;}
.formEditarDialog .elementoFormulario .etiqueta {margin-bottom:2px;}
.formEditarDialog .elementoFormularioInline {float:left;margin-right:10px;}
.formEditarDialog .elementoFormulario .etiquetaIzda {float:left;margin-right:5px;}
.formEditarDialog .elementoFormulario .campoDcha {float:left;}
.formEditarDialog .conceptosPestaniaOrigenDestino {border-radius:0 10px 0 0;background-color:#EEE;width:80px;padding:5px 3px 2px 7px;color:#005A95;
                                                   text-align:center;border:1px solid #005a95;border-left:5px solid #005a95;border-bottom:none;}
.formEditarDialog .conceptosFondoPestaniaOrigenDestino {border-radius:0 10px 10px 0;padding:8px 5px 3px 4px;background-color:#EEE;width:455px;border-left:5px solid #005a95;}
.formEditarDialogEscalados {margin-bottom:10px;}
.formEditarDialogEscalados .elementoFormulario {margin-bottom:20px;margin-right:10px;}
.areaFormInsertarEscalados {width:175px;background-color:#EEE;border-radius:10px;padding:15px 2px 2px 2px !important;}
.areaFormInsertarEscalados .elementoFormulario .etiqueta {float:none;}
.divEscalados .columnaBotonAccion input {width:20px;}
.formEditarDialog .elementoFormularioSangria {margin-left:50px;}
.conceptosFacturacion {min-width:400px;}
.divCalendarioDesplegado div { margin:0 auto;}
.formEdicionConceptoAutomaticoExcepciones {padding-bottom:12px;}
.formExportarFacturasRadioButtons {float:left; margin-left: 20px; margin-top: 10px; width:450px;}


/** DISEÑOS DIALOGS EDITAR **/
.direccionDialog {text-align:center;margin-bottom:20px;}
.anchoDialog {max-width:600px;}
.datosDocImg {text-align:center;float:left;}
.datosDocImg img {max-width:400px;max-height:400px;}
.datosDocInfo {width:340px;float:left;}


/** DISEÑO DE UN CHECKBOXLIST **/
.anchoMinimo120 td {min-width: 120px;}


/** VER PEDIDOS Y VER AMBITOS (RELACIONES EN FORMULARIOS) **/
.btnVerRelacion .iconoVerRelacion, .btnVerRelacion .textoVerRelacion {float:left;}
.btnVerRelacion .iconoVerRelacion {margin-right:7px;}
.btnVerRelacion .boton {padding:3px 7px;}
.divVerAmbitos {margin-top:16px;}

/** SUMARIO MAPA (VIAJESEDIAR.ASPX) **/
.TrayectosSumarioMapaViajes{padding-bottom:10px;}
.lineaTrayectosSumarioMapaViajes {padding-left:30px;}
.lineaTrayectosSumarioMapaViajes span{font-weight:bold;}

/** FACTURAS **/
.formularioEdicion .divZonaEstados .divFieldset .textoLeyenda {top:-23px;}

/** EXPEDICIÓN CABECERA **/
.iconoDUAVerde {float:left; margin-left:5px;}

/** CARGA MASIVA DUA */
.tablaResultado {margin-top :10px;}