body {
    background-image: url(../imagen/inicio.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
}
#login_form_wrapper {
    margin-top: 100px;
}

#login_form_wrapper .form-group.has-info .control-label {
    color: #000;
}

#appletForm {
    margin-top: 15px;
}

html, body {
    height: 100%;
}
#main {
    /*overflow: hidden;*/
    max-height: 100%;
}

#menuPrincipal ~ #main #content.windowed-content {
    margin-bottom: 20px;
}

.windowed-content .well {
    /*overflow-y: scroll;*/
}

#breadcrumbs{
    visibility: hidden; /*temporal*/
    margin-top: 60px;
}


.nav-tabs.nav-info {
    background-color: #03a9f4;
}

.grid_title_wrapper {
    position: relative;
}

/* INDEX */
.table_wrapper {
    overflow-y: scroll;
    position:relative;
}

.table_wrapper table{
    background: rgba(255, 255, 255, 0.75);
}


#footer {
    height: 70px;
    margin-top: 20px;
}

#footer img{
    max-height:70px;
}

/* ESTILOS PARA TABLAS */
#main_grid_container {
    margin-bottom: 14px;
}
#main_grid_container table thead th {

}

#main_grid_container table tbody td {

}

.inactivo {
    color: red;
}
.archivado {
    background-color:#DDDDDD;
    color: green;
}
/*
table .ui-search-toolbar .form-control {
    background-color: ;
}
*/
.ui-jqgrid-caption {

}

.grid_title_wrapper {
    padding: 10px 0;
    margin-bottom: 10px;
}

.grid_title_wrapper h1{
    margin: 0;
}

.grid-buttons {
    position: absolute;
    right: 0;
    top: 70%;
    margin-top: -28px;
}
.tab-pane .grid-buttons {
    top: 50%;
}

.grid-buttons a {
    margin-left: 5px;
}

.btn-with-select {
    display: none;
}

#content {
    position: relative;
}

/** BARCOS **/
#btn_socio_factura {
    margin: 0;
}

#barcos_form{
    position: relative;
}

#result_banner, #alert-panel {
    position: fixed;
    z-index: 100;
    max-width: 50%;
}

#tripulacion_form_wrapper, #direccion_form_wrapper, #banco_form_wrapper,#contactos_form_wrapper_empresas,
#tarjeta_form_wrapper, #servicio_form_wrapper, #tipologias_form_wrapper,
#plazas_form_wrapper, #transitos_form_wrapper, #alquileres_form_wrapper,
#plantillas_form_wrapper,#etiquetas_form_wrapper,#condiciones_form_wrapper,
#documentosFolder_form_wrapper, #documentosFile_form_wrapper,
#control_form_wrapper, #reservas_form_wrapper, #empresas_documentos_folder_form_wrapper, #empresas_documentos_file_form_wrapper {
    display: none;
}

#gridControl .btn-more {
    margin: 0;
    padding: 0;
}

#table_wrapper {

}

#table_wrapper #control_details_wrapper {
    display: none;
}

#table_wrapper.with_details {
    overflow: hidden;
}

#table_wrapper.with_details #gbox_gridControl{
    float: left;
}

#table_wrapper.with_details #control_details_wrapper{
    float: left;
    display: block;
}

#control_details {
    padding: 15px;
}
.form-horizontal .radio {display:inline-block;}

.subformulario {
    background-color:#F1F1F1;
    padding:20px;
    margin-bottom:20px;
}
.subformularioApi {
    background-color:#F1F1F1;
    padding:20px;
    overflow: hidden;
    max-width: 815px;
    min-width: 815px;
}

.apiResult  {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    color:#03a9f4;
}

.modal-dialog-api {
    width: 860px;
}

.date-form {
   display: inline;
}

.dateGroup {
    display: table; 
}

.input-group-addon-date {
    border: none;
}

.ui-jqgrid-bdiv
{
    overflow-x : hidden !important;
}

.form-group.required .control-label:after {
    content:"*";
    color:red;
}

#alert-panel p {
    margin-bottom: 0;
}

/*** FACTURAS ***/

.grid-buttons .btn-group {
    margin-right: 15px;
}

#main_grid_container .grid-filter-button.active:hover,
.grid-filter-button.active {
    background: #d9edf7;
}

.factura-actions {
    margin-right: 10px;
}

#main_grid_container .grid-filter-button:hover {
    color: #0fb2fc;
}

#auxGrid tr.success td {
    background-color: transparent;
}

#auxGrid tr td.success {
    background-color: #d9edf7;
}

#auxGrid.with-overflow tr.active td input,
#auxGrid.with-overflow tr.success td input {
    height: 19px;
    line-height: 19px;
}

#auxGrid tr td.form-group {
    line-height: 0;
    vertical-align: middle;
}

#auxGrid tr td.form-group:before,
#auxGrid tr td.form-group:after {
    display: none;
}
#jqGrid-lineas tr td.has-error,
#auxGrid tr td.form-group.has-error {
    background-color: #f2dede;
}

.required-info {
    line-height: 30px;
    margin: 10px 0;
}

.loading-gif {
    margin-right: 10px;
    display: none;
}

#aux_form legend.factura-lines {
    margin: 20px 0 15px;
    overflow: hidden;
}

#aux_form legend.factura-lines .btn{
    float: right;
}

/*** ALBARANES ***/
.ui-jqgrid .checkbox {
    margin: 0;
}

#jqgh_jqGrid-pedidos_selectcheck,
#jqgh_jqGrid-ofertas_selectcheck,
#jqgh_jqGrid-recibos_selectcheck,
#jqgh_jqGrid-facturas_selectcheck,
#jqgh_jqGrid-albaranes_selectcheck {
    display: none;
}

.select-oferta .checkbox,
.select-factura .checkbox,
.select-recibo .checkbox,
.select-albaran .checkbox {
    display: none;
}
.selecting .select-oferta .checkbox,
.selecting .select-factura .checkbox,
.selecting .select-recibo .checkbox,
.selecting .select-albaran .checkbox {
    display: block;
}

#selection-confirmation-buttons {
    position: absolute;
    background: #FFF;
    text-align: right;
    transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out;
    top: -70px;
    height: 65px;
    left: -5px;
    right: 0;
    display:none;
    text-align: right;
}

.selecting #selection-confirmation-buttons {
    top: 0;
    display:block;
}

.btn.btn-peque{
    width: 25px;
    height: 25px;
    padding: 2px;
    padding-left: 2px;
    font-size: 19px;
    text-align: center;
}

#ventana-nuevoBarco .checkbox {
    min-height:34px;
}

#jqGrid-pedidos tbody td.pedidos-nopadding{
    padding: 0;
}

#jqGrid-pedidos tbody td.pedidos-nopadding .custom-format{
    padding: 8px 2px 8px 8px;
    height: 43px;
}

#jqGrid-pedidos  .custom-format.bg-info {
    background-color: rgb(217, 237, 247)
}

#jqGrid-pedidos  .custom-format.bg-default {
    /*background-color: #00ff00;*/
}

#jqGrid-pedidos  .custom-format.bg-success {
    background-color: #dff0d8;
}

/*** PASO ***/
#existing_item_row {
    display: none;
}

#jqGrid-lineas tr.active td input,
#jqGrid-lineas tr.success td input {
    line-height: 19px;
    height: 19px;
    text-align: right;
}
/*zapatec*/
.ocupado {
    color:#CC0000;
}
.libre {
    color:#00CC00 !important;
}
#zpCal0MañanaButtonStatus, #zpCal0PrevMonthButtonStatus,#zpCal0NextMonthButtonStatus, #zpCal0PrevYearButtonStatus, #zpCal0NextYearButtonStatus, #zpCal0HelpButtonStatus, #zpCal0CloseButtonStatus, #zpCal0Title {
    display:none;
}
#zpCal0Container table {
    width:100%;
}
#zpCal0Container {
    margin-top:50px;
}

#contenedor_asistente {
    overflow:auto;
}
.btn.btn-fab.cuaderno1914,.btn.btn-fab.cuaderno1944 {
     padding: 17px 0 0 0px;
     font-size: 18px;
 }
.top {
    margin-top:20px
}
#appletForm {
    display: block;
    margin: 30px auto 20px;
    max-width: 270px;
}
body .ui-widget-header {
    border: 1px solid #03A9F4;
    background-image: none;
    background-color: #03A9F4;
    color: #FFFFFF;
    font-weight: bold;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    color: #000000;
}
.nav.nav-tabs.nav-info li.active {
    background-color: #FFFFFF;
}
.nav-tabs>li.active>a {
    color: #03A9F4 !important;
}

#tercero .ms-res-ctn {
    width:400px;
}
.bandejaSalida {
    padding-top: 43px;
}
#aviso {
    padding-top: 20px;
}

.btn-mail {
    background-image: url(../imagen/layout/mail.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.btn-pdf {
    background-image: url(../imagen/layout/pdf.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.btn-csv {
    background-image: url(../imagen/layout/excel.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.btn-pagosOK {
    background-image: url(../imagen/layout/pagado.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 25px;
}
.btn-pagosKO {
    background-image: url(../imagen/layout/nopagado.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 25px;
}
#selection-confirmation-buttons {
    z-index:1;
}
.glyphicon.glyphicon-unchecked.tree-leaf.treeclick {
    display:none;
}

/*ajustes diseño maria*/

.inputlogin {
    padding-bottom:20px;
}
#formulario-login-portada div img {
    margin:20px;
    padding-right: 19px;
}
.cuadroMandos .panel {
    min-height:100px;
}
.cuadroMandos a.btn {
    font-size: 14px;
    padding: 15px;
    text-align: left;
    padding-left: 40px;
}

.cuadroMandos a span {
    font-family: "RobotoDraft", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.cuadroMandos a:before {
    top: 10px;
    left: 8px;
    position: absolute;
}
.procedencia:before {
    content: url("../imagen/layout/procedencia.png");
}
.clientes:before {
    content: url("../imagen/layout/cliente.png");
}
.barco:before {
     content: url("../imagen/layout/barco.png");
}
.tipodebarco:before {
    content: url("../imagen/layout/tipodebarco.png");
}
.amarres:before {
    content: url("../imagen/layout/amarres.png");
}
.articulos:before {
    content: url("../imagen/layout/articulos.png");
}
.barcos:before {
    content: url("../imagen/layout/barcos.png");
}
.eslora:before {
    content: url("../imagen/layout/eslora.png");
}
.amarre:before {
    content: url("../imagen/layout/amarre.png");
}
.ocupacion:before {
    content: url("../imagen/layout/ocupacion.png");
}
/***** ficha tercero ******/
h1 .text-info { color: #a9a9a9; }
.tabTerceros h3 {
    color: #03a9f4;
    background-color: transparent;
    padding: 15px;
    border: 1px solid #f5f5f5;
    margin-bottom: 0;
}
.tabTerceros.activo h3 {
    color: #ffffff;
    background-color: #03a9f4;
    padding: 15px;
}
.tabTerceros a {text-decoration: none;}
.tabTerceros h3 {
    color: #03a9f4;
    background-color: #FFFFFF;
    padding: 15px;
}
.tabTerceros.activo .interiorTabTerceros {
    display:block;
}
.tabTerceros .interiorTabTerceros {
    display:none;
}
.interiorTabTerceros {
    /*transition: display 2s,opacity 1s ease;*/
}
.tabTerceros h3 i {
    float:right;
}
.interiorTabTerceros {
    background-color: #f6f6f6;
    padding: 40px;
}
.interiorTabTerceros .marcoFoto {
    width: 230px;
    overflow: hidden;
    height: 241px;
}
.interiorTabTerceros .marcoPie {
    height: 40px;
    background-color: #b0b0b0;
    width: 230px;
    color: #e6e6e6;
    padding: 7px;
}
/***** ficha barco *****/
.tabBarcos h3 {
    color: #03a9f4;
    background-color: transparent;
    padding: 15px;
    border: 1px solid #f5f5f5;
    margin-bottom: 0;
}
.tabBarcos.activo h3 {
    color: #ffffff;
    background-color: #03a9f4;
    padding: 15px;
}
.tabBarcos a {text-decoration: none;}
.tabBarcos h3 {
    color: #03a9f4;
    background-color: #FFFFFF;
    padding: 15px;
}
.tabBarcos.activo .interiorTabBarcos {
    display:block;
}
.tabBarcos .interiorTabBarcos {
    display:none;
}
.interiorTabBarcos {
    /*transition: display 2s,opacity 1s ease;*/
}
.tabBarcos h3 i {
    float:right;
}
.interiorTabBarcos {
    background-color: #f6f6f6;
    padding: 40px;
}

.grid-buttons .btn-success:not(#pass_button) {
    position: absolute;
    top: -50px;
    right: 0px;
}
.grid-buttons .btn-success.static:not(#pass_button) {
    position: static;

}
.grid-footer-buttons {
    text-align:right;
}
.grid-footer-buttons a {
    font-family: "RobotoDraft";
    font-size:14px;
}

i.mdi-action-csv:before {
    content: url(../imagen/layout/icon_excel.png);  
}
i.mdi-action-pdf:before {
    content: url(../imagen/layout/pdf.png);  
}
.grid-footer-buttons i, .grid-buttons #detalles_ficha i, .grid-buttons #contable_csv i, .grid-buttons #folder_add i, .grid-buttons #file_add i, .grid-buttons #barcos-detail-csv i, .grid-buttons #transitos-detail-csv i, .grid-buttons #btn-facturar i, .grid-buttons #detail-csv i, .grid-buttons #detailc-csv i, .grid-buttons #main-grid-detail-csv i, i.mdi-av-skip-next, .grid-buttons #btn-1914 i, .grid-buttons #btn-1944 i, .grid-buttons #pdfAll i {
    font-size: 22px;
    position: relative;
    top: 4px;
    left: 6px;
}
a#main-grid-select-items, a#btn-1944, a#barcos-detail-csv, a#transitos-detail-csv {
    margin-right:10px;
}
.btn .caret {
    margin-left: 10px;
}


#incrustado-plazaTransitoInfo .ms-res-ctn {
    max-height: 225px;
}
.mapa-vision {
    min-height:752px;
}
.loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px;
}
.alert-mail-send {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 20000;
    min-width: 320px;
}