/*@import url(http://fonts.googleapis.com/css?family=Lato:400,700);*/
a{color: #000;}
a:hover{color: #666;}
body,html{font: 14px 'Open Sans', sans-serif;}


/*Para el loader de ajax*/
#fondoOpaco{width: 100%;position: fixed;top: 0;left: 0;background: rgba(150,150,150,0.5);z-index: 1000000;}
#loaderImage{position: absolute;left: 50%;width: 128px;height: 128px;margin:0 0 0 -64px;}

td.gris{color:#5a5a5a}
.espacio{padding:10px !important}


section input.control.malCC, section textarea.control.malCC, #edicionLista input.control.malCC{border:1px solid #D50823} 
.dataTable tbody tr:hover{background-color:#E6FF99 !important; cursor: pointer !important}
.table-striped > tbody > tr:nth-child(2n) {
    background-color: #f3f3f3;
}

.datatable > thead > tr{background: #6FAED9; color:white; }
.datatable > thead > tr > th{}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    color: #333333;
   
}
/*
form .dataTables_paginate, form .dataTables_info, form .dataTables_length {
    display: none;
}

form .dataTables_wrapper .row, .tablaSinHeaders .dataTables_wrapper .row{
    display: none;
}
*/

.tablaSinHeaders .dataTables_wrapper .row{
    display: none;
}

form .tabla-completa .dataTables_paginate, form .tabla-completa  .dataTables_info, form .tabla-completa  .dataTables_length {
    display: block;
}

form .tabla-completa  .dataTables_wrapper .row{
    display: block;
}

.dataTables_wrapper{background: white}
.btn:not(.btn-large):not(.spinbox-up):not(.spinbox-down):not(.aside-trigger):not(.btn-medium){padding: 1px 5px;}
#btn-mensaje{padding: 2px 5px;}
body .chosen-container-active.chosen-with-drop .chosen-single{background-image:none}
.chosen-container-single .chosen-single span{padding-top: 4px}
.chosen-container-single .chosen-single div b { margin-top: 3px;}

.dataTable > thead > tr > th.noorden:after {
    display: none;
}

.dataTable > thead > tr > th.sorting_desc, .dataTable > thead > tr > th.sorting_asc {
    background: #A1CEEB;   
}


.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: 0;
}

.ui-dialog .ui-dialog-titlebar, .ui-jqdialog .ui-dialog-titlebar, .ui-dialog .ui-jqdialog-titlebar, .ui-jqdialog .ui-jqdialog-titlebar {
    font-size: 16px;
    padding: 0.4em;
    color: #006fae;
}

.ui-dialog .ui-dialog-titlebar span, .ui-jqdialog .ui-dialog-titlebar span, .ui-dialog .ui-jqdialog-titlebar span, .ui-jqdialog .ui-jqdialog-titlebar  span{
    font-weight: bold;
}

#dialogo .date-picker{z-index: 1151 !important;}
.btn.btn-white {    
    padding: 5px !important;
}

.es-editable:hover{cursor: pointer}

.no-border-bottom{border-bottom: 0px !important}

.dropzone, #body_inicio .dropzone{ min-height: 220px; padding: 8px}

.dropzone .dz-default.dz-message, #body_inicio .dz-default.dz-message{
    background-image: none;
    font-size: 20px;
    left: 0;
    line-height: 22px;
    margin-left: auto;
    text-align: center;
    width: 100%;
}
.dropzone .dz-default.dz-message span, #body_inicio .dz-default.dz-message span{
    display: block;
    padding-top: 8px
}

a.descargaTarea img:hover{background-color: rgba(255, 255, 255, 0.5); cursor: pointer}
a.descargaTarea:hover{background-color: red; cursor: pointer; z-index: 1000; position: relative}
.dropzone .dz-preview .dz-details img:hover, .dropzone-previews .dz-preview .dz-details img:hover,#body_inicio .dropzone .dz-preview .dz-details img:hover,#body_inicio  .dropzone-previews .dz-preview .dz-details img:hover {
    background: #a4cce5; 
}


li.item-pink2 {
    border-left-color: #c6699f;
}

li.item-light-blue{border-left-color: #93cbf9}

#body_permisos .panel-heading {
    border-bottom: 1px solid #dae2ea;
}
.no-border-top {
    border-top-width: 0 !important;
}

#body_permisos .list-group-item .dd2-content {
    border-left-color: inherit;
    border-left-style: solid;
    border-left-width: 2px;
}

#body_permisos .dd2-content a{color:#555; font-weight: 700}
#body_permisos .dd2-content a:hover, .dd2-content a:focus{text-decoration: none; color:#999}
#body_permisos .dd2-content .lbl{color:#466070}

#body_permisos .dd-draghandle label.pull-left { display: block; width: 100%;}
#body_permisos .dd-draghandle label.pull-left .lbl{ width: 100%;}
#body_permisos .dd-draghandle label.pull-left .lbl > a { display: block; float: right; width: calc(100% - 25px);}

.dataTable>thead>tr>th[class*='sort']:hover{color:#005885}

.itemdiv.dialogdiv .name a{color:#337ab7;}

.dropdown-menu.dropdown-navbar.navbar-pink,#buscador-navbar{width:500px}

#addClienteProyecto{float: right}
#body_proyecto #idCliente_chosen .no-results{overflow: hidden}
.action-buttons span:hover{cursor: pointer}

#body_proyectoDetalle .widget-header .editar{padding:5px;  height: 45px;}
/*#body_proyectoDetalle .editar textarea{resize: none}*/
#breadcrumbs ul.dropdown-menu{    width: 100%;}
button#guardar,button#guardarycontinuar { 
    font-size: 16px;
    margin-top: -3px;
    padding: 2px 30px;
    text-transform: uppercase;
}
button#guardarycontinuar + button.dropdown-toggle{
    font-size: 16px;
    margin-top: -3px;
    padding-top: 2px;padding-bottom: 2px;
}
#buscador-navbar{background: transparent;height: 34px !important; line-height: 0;}
.colpick{z-index: 10;}
body .colpick_field_letter{width: 17px;}
body .colpick_field input{width: 39px;}

#body_remesa table#cobros th input[type='text']{height:27px} 
.help-block{color:#888}
#tabla-gastos .importeConIva{display: none}



.label-circle{ width:24px; border-radius: 100%;}

.infobox > .infobox-data{padding-left: 10px;vertical-align: top;}
.infobox > .infobox-progress, .infobox > .infobox-chart{width:70px}
.infobox > .infobox-icon { width: 52px;}
.widget-shadow{box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)}

.horizontal-charts .infobox > .infobox-data > .infobox-data-number{font-size: 16px}
.horizontal-charts .infobox{width:33%; border:none; height: auto; padding-left: 15px; }
.horizontal-charts .infobox-icon { padding-bottom: 15px; padding-top: 8px;}
.horizontal-charts .infobox-icon + .infobox-data {  padding-top: 12px;}
.horizontal-charts .infobox-dark > .infobox-icon > .ace-icon, .horizontal-charts .infobox-dark > .infobox-icon > .ace-icon::before{font-size: 48px}

.infobox .infobox-content { max-width: 100%;}
.infobox > .infobox-data { width: 65%;}

body#body_gastoperiodico table#prevision td:first-child{text-align: center; width:120px}
.descarga-archivo .btn.btn-large {
    padding: 4px 12px;
}

.dataTables_filter label {
    width: 100%;
}
.dataTables_filter input[type="search"] {
    width: 60%;
}

#body_anotacion table#anotacion .timeline-info .timeline-indicator, 
#body_tipoanotacion table#tipoanotacion .timeline-info .timeline-indicator,
#body_tipoanotacion.detalle .timeline-info .timeline-indicator{ border-radius: 50%; padding: 5px;}

#body_anotacion table#anotacion .timeline-info, #body_tipoanotacion table#tipoanotacion .timeline-info{float: none}

#body_tipoanotacion.detalle .menu-icon.ace-icon{font-size: 1.2em}
#body_tipoanotacion.detalle .menu-icon.ace-icon:hover{cursor: pointer}

.fc-view-container .fc-widget-content .fc-event {
    border: 1px solid #dadada;
    font-size: 1em;
    line-height: 1.5;
}

.well h4.nombre-cliente-proyecto{font-weight: bold;
line-height: 18px;
font-size: 16px;margin-bottom: 5px;}

.transparente {    opacity: 0;}
.fa-6{font-size: 100px}
@media (max-width:1499px){
    .horizontal-charts .infobox{width: 32%;}
    body:not(#body_permisos) .page-content-area .col-xs-12.col-lg-10.col-lg-offset-1{width: 100%; margin-left: 0}
}

.btn.btn-sm.btn-formulario{
    padding: 4px 9px 5px !important;
}
body .nav-tabs>li>a {
    padding: 7px 9px 8px;
}
#body_seccioncolegiados.detalle .editable-buttons{display: none;}
.ace-nav>li>a>.ace-icon{
    vertical-align: top;
    position: relative;
    top: 6px;}
#guardar.btn.btn-sm.btn-formulario{
    font-size: 13px; 
    margin-top: 0;
    padding: 4px 9px 5px;
}

#guardaryduplicar,#botones-accion-ficha .btn-large {
    padding: 2px 30px;
}

ul.ui-autocomplete {
    max-height: 250px;
    overflow: auto;
    z-index: 10000;
    overflow-y: auto;
    overflow-x: hidden;
}

#buscador-navbar .input-icon{
    height: 45px;
    position: absolute;
    right: 0;min-width: 50px;
}
#buscadorColegiado{
    border-radius:0 !important;
    width: 280px;
    max-width: 280px;
    padding-left: 60px;
    height: 45px !important;
    border: none;
    font-size: 14px;
    line-height: 14px;
}
#buscador-navbar .ui-autocomplete{
    left: auto !important;
    right: 0;
    width: auto !important;
    box-sizing: content-box;
}
#buscador-navbar .ui-autocomplete li,#buscador-navbar .ui-autocomplete a{display: block; line-height: 20px;}
.display-no-wrap a{white-space: nowrap;}
#buscador-navbar{position: relative;padding-left: 50px;}
#buscador-navbar .nav-search{    right: 0; width: 50px;}
#buscador-navbar .nav-search.minimized .nav-search-icon{padding: 0 !important; height: 45px;width: 50px;background-color: #868787;color: white !important;border-radius: 0;border: none;top: 0;   line-height: 45px!important;font-size: 16px !important;left: 0;}
#body_Perfiles .panel-heading {
    border-bottom: 1px solid #dae2ea;
}
.no-border-top {
    border-top-width: 0 !important;
}

#body_Perfiles .list-group-item .dd2-content {
    border-left-color: inherit;
    border-left-style: solid;
    border-left-width: 2px;
}

#body_Perfiles .dd2-content a{color:#555; font-weight: 700;cursor: default;}
#body_Perfiles .dd2-content a:hover, .dd2-content a:focus{text-decoration: none; color:#999}
#body_Perfiles .dd2-content .lbl{color:#466070}

#body_Perfiles .dd-draghandle label.pull-left { display: block; width: 100%;}
#body_Perfiles .dd-draghandle label.pull-left .lbl{ width: 100%;}
#body_Perfiles .dd-draghandle label.pull-left .lbl > a { display: block; float: right; width: calc(100% - 25px);}
#body_Perfiles .dd{max-width: 100%;}
#body_Perfiles label.checkEscritura{margin-right: 15px;padding-right: 15px;border-right: 1px solid #868787}
#avatar,#firma{max-width: 100%;}
#body_cambiomasivo table#listado-correo td:first-child, #body_cambiomasivo table#listado-correo th:first-child,
#body_clavesRevisionpublica table#listado-correo td:first-child, #body_clavesRevisionpublica table#listado-correo th:first-child{
    text-align: center;
    width: 120px;
}
#body_correopostal #dialogo .row{padding: 26px 0;}

#body_seccioncolegiados.detalle #edicion tbody tr td:first-child {
    font-weight: bold;
}
#body_seccioncolegiados.detalle #lista-cambio-estado tbody tr:first-child td, #body_seccioncolegiados.detalle #listado-src tbody tr:first-child td {
    font-weight: bold;
}
#body_seccioncolegiados.detalle #listado-src tbody tr td:first-child{text-align: center;}
#body_seccioncolegiados.detalle #listado-cobros tbody tr td:first-child{text-align: center;}
#body_seccioncolegiados.detalle .well .claseParaOcultar{display: none;}
#body_seccioncolegiados.detalle #dialogo .well .claseParaOcultar{display: block;}
#body_certificado .contenedorListas{max-height: 635px;overflow-y: scroll;}
#body_certificado .contenedorListas li{cursor: pointer;}
#body_seccioncolegiados h1 strong.red{display: none;}
@media (max-width: 1155px){
    #body_seccioncolegiados.detalle .nav-tabs>li>a .ace-icon{display: none;}
}
.well .ace-file-input .ace-file-container .ace-file-name{height: 32px;line-height: 32px;}
.well .ace-file-input .ace-file-container .ace-icon{line-height: 28px;width: 28px;}
.well .ace-file-input .ace-file-container{height: 34px;}
.well .ace-file-input .ace-file-container:before{line-height: 28px;}


/* 
    Created on : 12-ene-2016, 12:06:25
    Author     : Lorenzo
*/

#guardarycontinuar{
    padding: 2px 30px;
}

/*Para que las imagenes de la ficha colegial tenga una altura máxima.*/
#body_seccioncolegiados.detalle img#imagenUpload {
    max-height: 220px;
}

#body_seccioncolegiados.detalle img#firma {
    max-height: 80px;
}

#body_certificadospagos fieldset.sobres{
    margin-left: 16px;
}

h3.header.lighter.smaller.grey {
    color: #72b3a9 !important;
    font-weight: 600;
}

h3.header.grey {
    border-bottom-color: #72b3a9;
    border-width: 2px;
}

/*Imprimir sobres*/
.botonsobre{
    margin-left: 0;
}

/*Carne colegial*/
#body_carnecolegial table tbody tr td:first-child{
    text-align: center;
}

/*Gráfico informes*/
#grafico-tabla div.google-visualization-table{
    border: 1px solid #ddd;
}

#grafico-tabla {
    text-align: center;
}

#grafico-tabla table thead tr th{
    background-image: none;
    background: #72b3a9;
    color: white;
    padding: 10px;
    font-size: 14px;
}
    
.google-visualization-table .gradient{
    background-image: none !important;
    background: #72b3a9;
    padding: 4px;
}

#grafico-tabla .odd:not(.google-visualization-table-tr-sel){
    background-color: #f3f3f3;
}

#grafico-tabla .google-visualization-table-page-numbers a:not(.current){
    background-color: rgba(248, 248, 249, 0.75);
}

/*Drop-zone*/
.clipGrande{
    font-size: 36px;
    display: block;
    text-align: center;
}

/*Estilo textarea*/
textarea {
    resize: none !important;
}

/*Nav*/
@media (max-width: 540px){

    .navbar:not(.navbar-collapse) .navbar-buttons .user-info {
        position: absolute;
        margin-top: 40px;
        margin-left: 1px;
        right: 2px;
        z-index: 1032;
        color: #777;
        font-size: 14px;
        width: 156px;
        max-width: 156px;
        padding-left: 8px;
        padding-right: 8px;
        height: 32px;
        line-height: 26px!important;
        display: none;
        border-bottom: 1px solid #E5E5E5;
        text-align: center;
    }
    
    ul.ace-nav {
        text-align: right !important;
    }
    
    div.navbar-buttons.navbar-header.pull-right ul.ace-nav li.light-blue {
        float: right !important;
    }

    .navbar-buttons .nav-user-photo {
        margin: -4px 8px 0 0 !important;
    }
    
    .ace-nav > li.light-blue > a {
        padding: 3px 8px !important;
    }
}

@media (min-width: 0px) and (max-width: 480px){
    div.navbar-buttons.navbar-header.pull-right{
        height: 52px;
    }
    
    li.open .user-info {
        display: inline-block!important;
    }

    .navbar:not(.navbar-collapse) .navbar-buttons .user-info>small {
        display: inline;
        opacity: 1;
    }
    .navbar:not(.navbar-collapse) .navbar-buttons .user-menu {
        padding-top: 42px!important;
    }
}

.modal.aside-vc.navbar-offset .modal-dialog .aside-trigger{top:90%}
.navbar-fixed-top ~ .modal.aside-vc {
  z-index: 10025;
}

.modal.aside .table-header-black{background-color:#000; padding-top: 8px; }
.modal.aside-vc.navbar-offset .modal-dialog{top:0}


  /*overlay*/

  #gjs-overlay {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: #1a1a2e;
  flex-direction: column;
}
#gjs-overlay.open {
  display: flex;
}
#gjs-overlay-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  background: #12122a;
  border-bottom: 1px solid #333;
  flex-shrink: 0;
}
#gjs-overlay-bar .gjs-ov-title {
  color: #aaa;
  font-size: 13px;
  font-family: sans-serif;
  flex: 1;
}
#gjs-overlay-bar .gjs-ov-btn {
  border: none;
  border-radius: 4px;
  padding: 6px 14px;
  font-size: 13px;
  cursor: pointer;
  font-family: sans-serif;
}
#gjs-ov-cancel {
  background: #444;
  color: #ccc;
}
#gjs-ov-cancel:hover { background: #555; }
#gjs-overlay iframe {
  flex: 1;
  width: 100%;
  border: none;
}
/* Spinner mientras carga el iframe */
#gjs-ov-loading {
  position: absolute;
  inset: 50px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaa;
  font-family: sans-serif;
  font-size: 14px;
  pointer-events: none;
}