/**
* @summary     Identia
* @description CSS Popio de la web
* @version     1.0.0
* @date        2017-12-05
* @author      Julio Alberto Gilete - SORT
*
* -- IDICE --
* 
* 00 - Basic
* Esctructura basica de la web, css compartido
*
* 01 - View Login
* Css propio de la vista de login
*
* 02 - VIEW HOME
* Css propio de la selección de viviendas
*
* 03 - VIEW EDIT y 04 - VIEW EDIT 2
* Css propio de la edición de viviendas
*
*/

/* 00 - BASIC */

html {
    background-color: #f3f3f3 !important;
}

body{
    font-family: 'Lato', sans-serif !important;
    color: #808080 !important;
}

:focus {
    outline: 0 !important;
}

.h2, h2 {
    font-size: 30px;
    color: #000;
}

.separator {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid white;
}
.text-black {
    color: #000 !important;
}

/* Footer */
.footer {
    position: relative;
    background-color: #092746;
    color: #7d7975;
    padding: 95px 0 50px;
    font-size: 16px;
}

.footer p {
    line-height: 26px;
    color: #fff;
}

.footer ul {
    list-style: none;
    line-height: 35px;
    margin: 0px;
    color: #fff;
}

.footer a {
    color: #;
}

.footer-bottom {
    padding: 10px;
    padding-bottom: 25px;
    border-top: 1px solid #666666;
    background: #666666;
    width: 100%;
    z-index: 10;
    position: fixed;
    bottom: 0;
}

.copyright-text p {
    color: #ffffff;
    /* margin-top: 18px; */
    margin-bottom: 0;
    font-size: 12px;
}

.copyright-text a {
    color: #ffffff;
    margin: 0px 10px 0px 10px;
}

.copyright-text a:hover {
    /* color: #000000; */
}

.hide-vis {
    visibility: hidden !important;
}

.navbar-brand{
    height: auto;
}

.menu-principal>li.active>a {
    padding-bottom: 8px !important;
}

#main-container {
    padding-bottom: 100px;
    background-color: #f3f3f3 !important;
}

.background-white {
    background-color: white;
}


@media only screen and (max-width: 767px) {

   .menu-principal {
        max-width: 300px !important;
    }

   .menu-principal>li {
        max-width: 120px !important;
        display: inline-block;
        padding-top: 10px !important;
        padding-bottom: 15px !important;
    }

   .menu-login {
        position: absolute !important;
        right: 0
        padding-top: 5px !important;
        margin-right: 10px;
        margin-top: -75px;
    }

    .navbar-toggle {
        margin-top: 40px !important;
        margin-right: 40px !important;
    }

    li.dropdown.open {
        margin-bottom: 20px !important;
    }
}

@media only screen and (min-width: 992px) {

    .menu-login {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 400px) {
   .menu-login {
        position: absolute !important;
        right: 0
        padding-top: 5px !important;
        margin-right: 10px;
        margin-top: -40px;
        z-index: 1;
    }
}
/* 01 - View Login */


.input{
    border-radius: 0px !important;
 }

.panel-info{
    border: none !important;
    opacity: 0.7;
}

.panel{
    box-shadow: none !important;
    border-radius: 0;
    margin-bottom: 0;
}

.panel-body{
    padding: 15% 15% 15% 0 !important;
}

/*Sobrescribe la opacidad 
de los elementos del form */
#panel-info-login {
    opacity: 1 !important;
    background-color: rgba(255, 255, 255, .7);
    width: 100% !important;
}

form#frmLogin {
    padding: 5px 140px;
}

/*.navbar-header{
    background-image: url("<?=$LogoLogin;?>");
}*/

/*botón*/

.btn{
    padding: 3px 8px 3px 8px !important;
}

.btn-success{
    color: white;
    background-color: black !important;
    text-transform: uppercase !important;
    text-align: center !important;
    border: none !important;
}

.btn-success:hover{
    background-color: black;
    opacity: 0.5;
}


/*MEDIA QUERYS*/

@media only screen and (max-width: 409px) {

    .form-horizontal {
        padding: 0px 85px 0px 55px !important;
    }
}

@media only screen and (min-width: 410px) {

    .form-horizontal {
        padding: 0px 80px 0px 50px !important;
    }
}

@media only screen and (min-width: 540px) {

    .form-horizontal {
        padding: 0px 100px 0px 70px !important;
    }
/*
    .main-content {
        background-size: 100% !important;
    }
*/
/*
    .btn-success {
        margin-left: 30px !important;
    }
*/

    .navbar {
        background-size: 20% !important;
    }
}

@media only screen and (min-width: 600px) {

   .form-horizontal {
        padding: 0px 180px 0px 150px !important;
    }

}

@media only screen and (min-width: 768px) {

    .form-horizontal {
        padding: 0px 100px 0px 70px !important;
    }

}

@media only screen and (min-width: 1200px) {

    .form-horizontal {
        padding: 0px 130px 0px 100px !important;
    }
}

@media only screen and (min-width: 1400px) {

    .main-content {
        background-position: center center !important;
        background-repeat: no-repeat;
    }
}



/* 02 -VIEW HOME*/

.editable-click,
a.editable-click,
a.editable-click:hover {
    border-bottom: none;
    cursor: pointer;
}

/* Fila seleccionada, se ha hecho clikc en ella */
/*.select-row {
    background-color: gainsboro !important;
}*/

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0px !important;
}

.dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: left;
}

.bloqueada {
/*    height: 20px;
    width: 20px;*/
    border: 2px solid red;
    height: 5px !important;
    width: 0px;
    float: left;
    margin-top: 13px;
}

.editable-buttons {
    margin-top: 3px;
}


.tabla-viviendas.dataTable{
    padding: 10px;
}

.tabla-viviendas>tbody>tr>td,.tabla-viviendas>tbody>tr>th,.tabla-viviendas>tfoot>tr>td,.tabla-viviendas>tfoot>tr>th,.tabla-viviendas>thead>tr>td,.tabla-viviendas>thead>tr>th{
    border-top: none;
    border-bottom: none;
    border-right: 1px solid #808080;

}

.tabla-viviendas>thead>tr{
    color: black;

}
.tabla-viviendas>th.sorting{
      width: 2px !important;
}

.tabla-viviendas>tbody>tr:hover{
    background-color:#666;
    color: white;
}
.tabla-viviendas>tbody>tr:hover input{
    color: #666;
}
.tabla-viviendas>tbody>tr:hover button{
    background-color: transparent;
    border: 0;
}

.tabla-viviendas>thead>tr>th:last-of-type{
    border: none;
}
//Input de campos editables del interior de la tabla
// .editable-input input {
//     background: transparent;
//     border: 0;
// }

.tabla-viviendas>tbody>tr>td:last-of-type{
    border: none;
}

.tabla-viviendas>tbody>tr>td, .tabla-viviendas>tbody>tr>th, .tabla-viviendas>tfoot>tr>td, .tabla-viviendas>tfoot>tr>th, .tabla-viviendas>thead>tr>td, .tabla-viviendas>thead>tr>th {
    padding: 0px 10px;
    line-height: 2;
}
.tabla-viviendas th[columna=""] {
    width: 10px;
}
.tabla-viviendas th[columna="Nº"] {
    width: 10px;
}

.tabla-viviendas th[columna="Portal"] {
    width: 40px;
}

.tabla-viviendas th[columna="Planta"] {
    width: 40px;
}

.tabla-viviendas th[columna="Letra"] {
    width: 40px;
}
.tabla-viviendas th[columna="Dorm"] {
    width: 40px;
}
.tabla-viviendas th[columna="Titular 1"] {
    /*width: 200px;*/
    width: 245px;
}

.tabla-viviendas th[columna="Titular 2"] {
    /*width: 200px;*/
    width: 225px;
}

.tabla-viviendas th[columna="Titular 3"] {
    /*width: 200px;*/
    width: 180px;
}

.tabla-viviendas th[columna="Fecha firma reserva"] {
    /*width: 170px;*/
    width: 100px;
}
.tabla-viviendas th[columna="Firma reserva"] {
    /*width: 170px;*/
    width: 100px;
}
/*Reducimos el espacio de la fecha */
input.fecha_reserva {
    width: 85px;
    padding: 0px;
    padding-right: 0px !important;
}

.today {
    background: #eee;
}
input.input-medium {
    padding-right: 0px;
}
/*Ocultamos el botón de cerrar el cuadro de edición */
button.btn.editable-cancel {
    display: none !important;
}

.img-promo {
    height: 74px;
}

/* 03 - VIEW EDIT y 04 - VIEW EDIT 2 */

.capa-personalizacion {
    min-height: 108px;
    margin-bottom: 30px;
    background-color: #f3f3f3;
}
.container-options-promo{
    background: white;
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.3);
    min-height: 600px;
    border: 1px solid gray;
}

.container-options-promo > .container-fluid {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px;
}
.container-options-promo > .container-fluid .container-table {
    // padding-left: 35px;
    // padding-left: 55px;
}
.table-no-border, .table-no-border td, .table-no-border tr, .table-no-border th{
    border-top: 1px solid white !important;
    border-bottom: 1px solid white !important;
    border-left: 1px solid white !important;
    border-right: 1px solid white !important;
}
input.precio_opcion {
    border: 0px;
    text-align: right;
    max-width: 55px;
}
/* Texto en negrita en las filas activas*/
tr.activa, tr.activa label {
    font-weight: 700 !important;
    color: #000 !important;
}
/*Para que no se vea que el campo esta desahabilitado*/
.col-table-2 input[disabled] {
    background-color: white !important;
}
.col-table-2>small {
    font-weight: 300 !important;
}
.barra-totales p {
    padding-bottom: 5px;
    font-weight: 400;
    /*font-size: 17px;*/
}

div.text-right.barra-totales {
    padding-left: 30px;
}
#total_totales {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
}
#observaciones.control-label {
    font-size: 20px;
    font-weight: 500;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
}
.tabla-kit>tbody>tr>td, .tabla-kit>tbody>tr>th, .tabla-kit>tfoot>tr>td, .tabla-kit>tfoot>tr>th, .tabla-kit>thead>tr>td, .tabla-kit>thead>tr>th {
    padding: 3px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 0px solid #ddd;
}
.tabla-kit>thead>tr>th {
    border-bottom: 0px solid #ddd;
    padding-bottom: 7px;
}
caption {
    color: #000;
}
.barra-totales p {
    color: #000;
}
.barra-totales p[data-total="0"] {
    color: #808080;
}

.editable-click, a.editable-click, a.editable-click:hover{
    border-bottom: none;
    cursor:pointer;
}

div.dataTables_wrapper div.dataTables_filter input { margin-left: 0px !important;}
.dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: left;
}

.col-table-2{
    width: 5px !important;
    display: table-cell;
    max-width: 20px;
    min-width: 20px;
}
.cantidadOpciones {
    /*text-align: center;*/
    border:1px solid white;
    padding-left: 20px;
    border: 0;
}
.barra-totales{
    margin-top: -30px;
}


/* Detalles de promoción */
.logo-promo {
    min-width: 85px !important;
    margin-right: 120px !important;
}

.padding-left-icons {
    padding-left: 40px !important;
}

.padding-left-section {
    padding-left: 48px !important;
}

.icono-form {
    padding-top: 8px;
}

.img-container, #quality, #plus, #style {
    padding: 0 !important;
}

/* Para que no se pegue mucho la imagen */
.document {
    padding-top: 70px !important;
}

@media only screen and (max-width: 991px) {

    .btn-save {
        font-size: 13px;
    }

    .padding-left-icons {
        padding-left: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    
    .btn-save {
        font-size: 12px;
    }

    .imagenCapa {
        display: block;
    }

    .capa-personalizacion {
        min-height: auto;
    }
}

@media only screen and (min-width: 768px) {

    .imagenCapa {
        max-width: 650px !important;
    }

    .capa-personalizacion {
        min-height: 50px;
    }

    .container-options-promo {
        max-width: 720px !important;
    }
}

/* Para ajustar mejor la vista de ipad */
@media only screen and (min-width: 800px) {

    .container-options-promo {
        max-width: none !important;
    }
}

@media (max-width: 992px) {

    .column-1 .caption h2 {
        font-size: 18px !important;
    }
}

@media only screen and (min-width: 1200px) {

    .imagenCapa {
        max-width: 800px !important;
    }

    .capa-personalizacion {
        min-height: 86px;
    }
}



table#tablaIncidencias td>b {
    color: black;
}

#tablaSeguimientos td[columna="Fecha y Hora"] {
    width: 190px !important;
}