/* ##################  COMMON ALL WEB  ######################*/

/*
    color-main:     0964AF ==> 142C4F
    color-accent    169fd7 ==> 96ACC1
*/
.color-main {
    color: #142C4F;
}
.color-accent {
    color: #96ACC1;
}
.btn-landing-color-main {
    border-color: #142C4F;
    color: white;
    background-color: #142C4F;
    border-radius: 10px;
}
.btn-landing-color-accent {
    border-color: #96ACC1;
    color: white;
    background-color: #96ACC1;
    border-radius: 10px;
}

.no-click {
    pointer-events: none;
}


/* ##################  SB-ADMIN modificaciones ######################*/

/* NO MORE TABLES */
@media only screen and (max-width: 350px) {

    /* Force table to not be like tables anymore */
    #no-more-tables-350 table,
    #no-more-tables-350 thead,
    #no-more-tables-350 tbody,
    #no-more-tables-350 th,
    #no-more-tables-350 td,
    #no-more-tables-350 tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables-350 thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables-350 tr {
        border: 1px solid #ccc;

        background-color: #f9f9f9;
        margin-bottom: 1em;
        /*padding: 10px 0 10px 0;*/
    }

    #no-more-tables-350 td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;

        min-height: 48px;
    }

    #no-more-tables-350 td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables-350 td:before { content: attr(data-title); }
}

/* NO MORE TABLES */
@media only screen and (max-width: 500px) {

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
        border: 1px solid #ccc;

        background-color: #f9f9f9;
        margin-bottom: 1em;
        /*padding: 10px 0 10px 0;*/
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;

        min-height: 48px;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
}


/* Virtuales:   check-v: {checkin-v}, {checkout-v}
    #337ab7 --> #b87f59
*/
/*.panel-check-v > .panel-heading {*/
.panel-check-v {
    border-color: #337ab7;
    color: white;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#337ab7+0,2989d8+50,337ab7+50,b87f59+50,7db9e8+100 */
    background: #337ab7;                                                                                                    /* Old browsers */
    background: linear-gradient(135deg, #337ab7 0%, #337ab7 50%, #b87f59 50%, #b87f59 100%);                                /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: -moz-linear-gradient(-45deg, #337ab7 0%, #337ab7 50%, #b87f59 50%, #b87f59 100%);                           /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #337ab7 0%, #337ab7 50%, #b87f59 50%, #b87f59 100%);                        /* Chrome10-25,Safari5.1-6 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#337ab7', endColorstr='#b87f59',GradientType=1 );    /* IE6-9 fallback on horizontal gradient */
}
/*.panel-checkin-v > .panel-heading {*/
.panel-checkin-v {
    border-color: #337ab7;
    color: white;
    background-color: #337ab7;
}
/*.panel-checkout-v > .panel-heading{*/
.panel-checkout-v {
    border-color: #b87f59;
    color: white;
    background-color: #b87f59;
}

/* Presenciales:    check-p: {checkin-p}, {checkout-p}
    #f0ad4e --> #b84dc0
*/
/*.panel-check-p > .panel-heading {*/
.panel-check-p {
    border-color: #f0ad4e;
    color: white;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#337ab7+0,2989d8+50,337ab7+50,b87f59+50,7db9e8+100 */
    background: #f0ad4e;                                                                                                    /* Old browsers */
    background: linear-gradient(135deg, #f0ad4e 0%, #f0ad4e 50%, #b84dc0 50%, #b84dc0 100%);                                /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: -moz-linear-gradient(-45deg, #f0ad4e 0%, #f0ad4e 50%, #b84dc0 50%, #b84dc0 100%);                           /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f0ad4e 0%, #f0ad4e 50%, #b84dc0 50%, #b84dc0 100%);                        /* Chrome10-25,Safari5.1-6 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ad4e', endColorstr='#b84dc0',GradientType=1 );    /* IE6-9 fallback on horizontal gradient */
}
/*.panel-checkin-p > .panel-heading {*/
.panel-checkin-p {
    border-color: #f0ad4e;
    color: white;
    background-color: #f0ad4e;
}
/*.panel-checkout-p > .panel-heading {*/
.panel-checkout-p {
    border-color: #b84dc0;
    color: white;
    background-color: #b84dc0;
}

/* CLEAN: Limpieza */
/*.panel-clean > .panel-heading, */
/*.panel-clean-p > .panel-heading, */
/*.panel-clean-m > .panel-heading, */
/*.panel-clean-c > .panel-heading {*/
.panel-clean,
.panel-clean-p,
.panel-clean-m,
.panel-clean-c {
    border-color: #000000;
    color: white;
    background-color: #000000;
}
/* MANT: Mantenimiento */
/*.panel-mant > .panel-heading, .panel-mant-p > .panel-heading, .panel-mant-c > .panel-heading {*/
.panel-mant, .panel-mant-p, .panel-mant-c {
    border-color: #787878;
    color: white;
    background-color: #787878;
}

/*.panel-ext > .panel-heading {*/
.panel-ext {
    border-color: #7ec081;
    color: white;
    background-color: #7ec081;
}

.panel-crm {
    border-color: #f6b080;
    color: white;
    background-color: #f6b080;
}

/* >>> SFR: Representación de cada servicio:
            En el futuro esto se podrá guardar con el servicio en la base de datos
*/
.color-checkin-v {
    border-color: #337ab7;
    color: white;
    background-color: #337ab7;
}
.color-checkin-p{
    border-color: #f0ad4e;
    color: white;
    background-color: #f0ad4e;
}
.color-checkout-v {
    border-color: #b87f59;
    color: white;
    background-color: #c68d59;
}

.color-checkout-p {
    border-color: #b84dc0;
    color: white;
    background-color: #b84dc0;
}

/* CLEAN GROUP */
.color-clean-p {
    border-color: #000000;
    color: white;
    background-color: #000000;
}
.color-clean-m {
    border-color: #4dff24;
    color: white;
    background-color: #787878;
}
.color-clean-c {
    border-color: #ff29f1;
    color: white;
    background-color: #a5a5a5;
}

/* MANT GROUP */
.color-mant-p {
    border-color: #993d8d;
    color: white;
    background-color: rgba(120, 120, 120, 0.44);
}
.color-mant-c {
    border-color: #993d8d;
    color: white;
    background-color: rgba(120, 120, 120, 0.44);
}

/* Servicios externos */
.color-ext {
    border-color: #7ec081;
    color: white;
    background-color: #7ec081;
}

/* Nuevos servicios: */
.color-clean-ex,
.color-lavanderia {
    border-color: #ff29f1;
    color: white;
    background-color: #a5a5a5;
}

/* <<< SFR*/
/* ##################  BOOTSTRAP modificaciones ######################*/

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #545b62;
    border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}


/*.badge {*/
    /*padding: 1px 9px 2px;*/
    /*font-size: 12.025px;*/
    /*font-weight: bold;*/
    /*white-space: nowrap;*/
    /*color: #ffffff;*/
    /*background-color: #999999;*/
    /*-webkit-border-radius: 9px;*/
    /*-moz-border-radius: 9px;*/
    /*border-radius: 9px;*/
/*}*/

.badge2 {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

.badge2:hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}
.badge-error {
    background-color: #b94a48;
}
.badge-error:hover {
    background-color: #953b39;
}
.badge-warning {
    background-color: #f89406;
}
.badge-warning:hover {
    background-color: #c67605;
}
.badge-success {
    background-color: #468847;
}
.badge-success:hover {
    background-color: #356635;
}
.badge-info {
    background-color: #3a87ad;
}
.badge-info:hover {
    background-color: #2d6987;
}
.badge-inverse {
    background-color: #333333;
}
.badge-inverse:hover {
    background-color: #1a1a1a;
}
/* <<< SFR*/