/* ||||||| Declaraciones originales Taxitronic */
.formprincipal {
    overflow: hidden;
    padding-bottom: 50px;
    /*padding-top: 50px;*/
}


.nooverflowNoTop {
    overflow: hidden;
    padding-bottom: 0px;
}

.nooverflow {
    overflow: hidden;
    padding-bottom: 50px;
    /*padding-top: 50px !important;*/
}

.nooverflow2 {
    overflow: hidden;
    padding-bottom: 0px;
    padding-top: 50px !important;
}

#listaAreasPrecio {
    height: 89vh;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 0px;
}

    #listaAreasPrecio #dataTable_wrapper {
        border-bottom: 1px solid #ccc;
        overflow: hidden;
    }

.separa {
    margin-bottom: 40px;
}

.autocompleteScroll {
    overflow-y: scroll;
    overflow-x: hidden;
}

.llistaEmpreses > li {
    padding-right: 39px;
    padding-left: 0px;
    padding-bottom: 2px;
}

.barravertical {
    overflow-y: scroll;
    overflow-x: hidden;
}

.caixaIndex {
    min-height: 240px;
    min-width: 250px;
    padding: 50px !important;
    margin: 44px !important;
}

.datatitlepanel {
    padding: 1px 5px !important;
    background-color: rgba(65,138,201,0.2);
    border: 1px solid #fff;
    font-size: 10px;
    white-space: nowrap;
    font-weight: 600; /* NOU DAVID 20131213 MODIFICAT */
    color: #418ac9;
}

.resaltaVermell {
    color: red;
    font-weight: bold;
}

.shadow {
    display: none;
}

textarea {
    resize: none;
}
/* none|horizontal|vertical|both */

.animated {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

.arrow_down {
    height: 7px;
    width: 11px;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 1px;
    background-image: url(../Images/arrow_down.png);
    background-repeat: no-repeat;
}

.icon12 {
    font-size: 10px;
}

.loginLogo {
    padding: 30px;
}

.destacaDatoBorder {
    padding: 2px 4px;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #418ac9;
}

.destacaDatoBackground {
    padding: 2px 4px;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #428bca;
    color: white;
    font-weight: bold;
}

.noseldestacaDatoBackground {
    padding: 2px 4px;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    color: #428bca;
}

.accoridiontitle label {
    cursor: pointer;
    font-size: 1em;
    color: #428bca;
}

.texttallat {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    width: 180px; /*width: 100%;*/
}

.iconSimple {
    background-color: #0397cc;
    padding: 6px;
    color: #ffffff;
    border-radius: 4px;
}

.iconSinBorderRadius {
    background-color: #0397cc;
    padding: 6px;
    color: #ffffff;
}

/*
.panel-heading .btn {
    padding: 2px 5px 2px 5px;
    margin: 2px 0px 0px 0px;
}

.modal-footer > .panel-heading .btn {
    padding: 6px 12px;
    margin: 2px 0px 0px 0px;
}
*/
.panel-heading .abrirCerrarPanel {
    padding: 0px !important;
    margin: 0px 2px 0px 2px !important;
}

.btn-no-push {
    padding: 6px 12px 6px 12px;
    border: 1px;
}

.panel {
    /*border-radius: 0px;*/ /*SALVA*/
    border-top-right-radius: 4px; /*SALVA*/
    border-top-left-radius: 4px; /*SALVA*/
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 0px;
    border: 1px solid #cacacc;
    margin-bottom: 1px;
    background-color: #fefefe;
    position: relative;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1);
}

     .panel .panel-heading {
        overflow: hidden;
        height: auto;
        padding: 0px;
        position: relative;
        /* 		box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05); */
        background: #ffffff;  /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e6 100%);  /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4e6));  /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%,#e4e4e6 100%);  /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%,#e4e4e6 100%);  /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%,#e4e4e6 100%);  /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#e4e4e6 100%);  /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e4e6',GradientType=0 );  /* IE6-9 */
        border-bottom: 1px solid #cacacc;
    }


        .panel .panel-heading .icon, .allstates{
            color: #fefefe;
            float: left;
            width: 30px;
            height: 100%;
            box-shadow: none;
            position: absolute;
            top: 0px;
            text-align: center;
            vertical-align: middle;
            background: #4b9bd1;
            background: -moz-linear-gradient(top, #4b9bd1 0%, #397cc2 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b9bd1), color-stop(100%,#397cc2));
            background: -webkit-linear-gradient(top, #4b9bd1 0%,#397cc2 100%);
            background: -o-linear-gradient(top, #4b9bd1 0%,#397cc2 100%);
            background: -ms-linear-gradient(top, #4b9bd1 0%,#397cc2 100%);
            background: linear-gradient(to bottom, #4b9bd1 0%,#397cc2 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b9bd1', endColorstr='#397cc2',GradientType=0 );
        }

        .panel .panel-heading .red {
            background: #d2322d !important;
            background: -moz-linear-gradient(top, #d2322d 0%, #ac2925 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2322d), color-stop(100%,#ac2925));
            background: -webkit-linear-gradient(top, #d2322d 0%,#ac2925 100%);
            background: -o-linear-gradient(top, #d2322d 0%,#ac2925 100%);
            background: -ms-linear-gradient(top, #d2322d 0%,#ac2925 100%);
            background: linear-gradient(to bottom, #d2322d 0%,#ac2925 100%) !important;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2322d', endColorstr='#ac2925',GradientType=0 );
        }


        .panel .panel-heading .orange {
            background: #ed9c28 !important;
            background: -moz-linear-gradient(top, #ed9c28 0%, #d58512 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed9c28), color-stop(100%,#d58512));
            background: -webkit-linear-gradient(top, #ed9c28 0%,#d58512 100%);
            background: -o-linear-gradient(top, #ed9c28 0%,#d58512 100%);
            background: -ms-linear-gradient(top, #ed9c28 0%,#d58512 100%);
            background: linear-gradient(to bottom, #ed9c28 0%,#d58512 100%) !important;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9c28', endColorstr='#d58512',GradientType=0 );
        }

    .panel .panel-heading .icon i {
        font-size: 20px;
        line-height: 24px;
        color: #fefefe;
        margin-top: 3px;
    }


    .panel .panel-heading h4 {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 16px;
        font-weight: 400;
        color: #444;
        display: inline-block;
        padding-top: 7px;
        padding-bottom: 5px;
        padding-left: 40px;
        white-space: nowrap;
    }

.panel-heading .icon img {
    width: 50px;
    margin-left: -5px;
}




.dataTable_wrapper .dataTables_filter {
    display: none;
}

#taxiTable > tbody > tr > td > i {
    color: #418ac9;
}

#taxiTable > tbody > tr > td > div > i {
    color: #418ac9;
}

/*Botonera*/
#BotoneraFiltre .btn {
    margin-bottom: 2px;
}

#BotoneraFiltre div {
    margin-left: -11px;
    padding: 6px 10px 9px 12px;
    font-size: 18px;
    font-weight: 400;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#BotoneraFiltre {
    position: relative;
    display: inline;
    top: -4px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: transparent;
    color: #555;
    padding: 10px 1px 10px 10px;
    margin-right: 30px;
}


/*.dropdown-toggle::after {
    display: none;
}*/

#navbar-cap {
    z-index: 1500;
    top: 0px;
    right: 0%;
    left: 0%;
    /*position: fixed;*/
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
    text-decoration: none;
}

#BotoneraPrincipal {
    z-index: 1500;
    text-align: center;
    bottom: 0px;
    position: fixed;
    right: 0%;
    left: 0%;
    background-color: rgba(254,254,254,0.8);
    padding-top: 10px;
    border-top: 1px solid #cacacc;
    -webkit-box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.1);
}

    #BotoneraPrincipal button {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;
    }

    #BotoneraPrincipal .btn-group {
        margin-left: 5px;
        margin-right: 5px;
    }

        #BotoneraPrincipal .btn-group button {
            margin-left: 0px;
            margin-right: 0px;
            margin-bottom: 10px;
        }

/*Botonera Dialog*/

#BotoneraDialog {
    text-align: center;
}

    #BotoneraDialog button {
        margin: 5px 5px 5px 5px;
    }

.gradient {
    background: linear-gradient(to bottom, #ffffff 0%,#cacacc 100%);
}

/* Formularios */

.minilabelwrap {
    z-index: 100;
    position: absolute;
}

.minilabel {
    position: relative;
    z-index: 100;
    color: #418ac9;
    float: left;
    left: 5px;
    top: 2px;
    font-size: 10px;
    white-space: nowrap;
    font-weight: 600; /* NOU DAVID 20131213 MODIFICAT */
    width: 180px;
    text-align: start;
}



.bottomLeftFormDisabled {
    border-left: 1px solid transparent;
    border-bottom: 1px solid #eee;
}

.bottomRightFormDisabled {
    border-bottom: 1px solid #eee;
    border-right: 1px solid transparent;
}

.fullFormDisabled {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}


.topLeftForm {
    border-left: 1px solid transparent;
}

.topRightForm {
    border-right: 1px solid transparent;
}

.topRightTouchForm {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}

.midLeftForm {
    border-left: 1px solid transparent;
}

.midLeftFormSolid {
    border-left: 1px solid #eee;
}

.midRightForm {
    border-right: 1px solid transparent;
}

.midTopForm {
    border-top: 1px solid transparent;
}

.midRightTouchForm {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}


.bottomLeftForm {
    border-left: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.bottomRightForm {
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
}

.bottomLeftRightForm {
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.bottomRightTouchForm {
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}



.fullForm {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.allBorderTransparentForm {
    border: 1px solid transparent;
}
.AllBorder {
    border: 1px solid #cacacc;
}

.UpBorder {
    border-top: 1px solid #cacacc;
}

.RightBorder {
    border-right: 1px solid #cacacc;
}

.BottomBorder {
    border-bottom: 1px solid #cacacc;
}

.LeftBorder {
    border-left: 1px solid #cacacc;
}

.TopBorder {
    border-top: 1px solid #cacacc;
}

.NoBottomBorder {
    border-bottom: none;
}

.NoBorders {
    border-bottom: none;
    border-top: none;
    border-right: none;
    border-left: none;
}

.midLeftFormIcons {
    border-right: 1px solid #cacacc;
    height: 44px;
}

.midRightTouchFormIcons {
    border-bottom: 1px solid #cacacc;
    height: 44px;
}



/* RESPONSIVE */

@media (max-width: 991px) {

    .bottomLeftFormDisabled {
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
        border-bottom: 1px solid #eee;
    }

    .bottomRightFormDisabled {
        border-bottom: 1px solid #eee;
        border-right: 1px solid transparent;
    }

    .fullFormDisabled {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
    }


    .topLeftForm {
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
    }

    .topRightForm {
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
    }

    .midLeftForm {
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
    }

    .midRightForm {
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
    }

    .bottomLeftForm {
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

    .bottomRightForm {
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
        border-bottom: 1px solid transparent;
    }

    .fullForm {
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
    }
    .UpBorder {
        border-top: 1px solid #cacacc;
    }
    .BottomBorder {
        border-bottom: 1px solid #cacacc;
    }
}

/* AJUSTES */

.ObservacionesClientes {
   border-top-color:transparent;
   padding-top:20px !important;
}

.ObservacionesClientesRes {
    border-top-color: transparent;
    padding-top: 0px !important;
}

.TextAreaTripDetails {
    overflow: auto;
    overflow-y: scroll;
}
/* NOU DAVID 20131213 ESBORRAT
.AjustesGestionAvisos{
	margin-top:9px !important;
	margin-bottom:7px !important;	
}
*/

.AjustesPortal {
    margin-left: 1px;
}

    .AjustesPortal:disabled {
        margin-left: 0px;
    }
/*Menbu*/

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: white;
    background-color: #4b9bd1;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: white;
    background-color: #4b9bd1;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#4b9bd1), to(#397cc2));
    background-image: -webkit-linear-gradient(top, #4b9bd1 0%, #397cc2 100%);
    background-image: -moz-linear-gradient(top, #4b9bd1 0%, #397cc2 100%);
    background-image: linear-gradient(to bottom, #4b9bd1 0%, #397cc2 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b9bd1', endColorstr='#397cc2', GradientType=0);
}

/*
	RADIO & CHECK BOX
*/

/*
  Hide radio button (the round disc)
  we will use just the label to create pushbutton effect
*/


.form-groupTX ul {
    overflow: hidden;
    padding-left: 0px;
    list-style: none;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin: 0;
}

/* ||||||| Nuevas Declaraciones de bootstrap.css */

body {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571429;
    color: #333333;
    /* background-color: #e5e5e7; */
    background-color: #ebebeb;
}

html {
    background-color: #ebebeb;
    font-family: 'Open Sans', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 1.1;
}

.navbar-default {
    background-color: #fefefe;
    border-bottom: 1px solid #cacacc;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}

label {
    display: inline-block;
    margin-bottom: 5px;
    /*font-weight: 300;*/ /* NOU DAVID 20131213 DESACTIVAT*/
    font-weight: 400; /* NOU DAVID 20131213 DESACTIVAT*/
    font-size: 12px;
    white-space: nowrap;
    /*color: #969696;*/ /* NOU DAVID 20131213 DESACTIVAT*/
    color: #555555; /* NOU DAVID 20131213 ENFOSQUIR EL COLOR DE LA LLETRA DEL LABEL*/
}

.navbar-nav > li > a {
    line-height: 45px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 0px 15px;
}

.nav-tabs > li > a {
    border: 1px solid #ddd;
}

    .nav-tabs > li > a:hover {
        border: 1px solid #ccc;
    }

.nav-pills > li > a {
    font-weight: bold;
    padding-left: 10px;
}

.nav-pills {
    border-bottom: 1px solid #cacacc;
    padding-bottom: 5px;
}

.navbar-brand {
    float: left;
    font-size: 18px;
    line-height: 20px;
    padding-top: 8px;
    margin-right: 10px;
}

.navbar {
    z-index: 1500;
    min-height: 50px;
}

/*** Container **/
.my-fluid-container {
    padding-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}


.btn-primaryTX {
    position: relative;
    top: 0px;
    border: 1px solid #306796;
    background-color: transparent;
    color: #fefefe;
    background: #4b9bd1;
    background: -moz-linear-gradient(top, #4b9bd1 0%, #397cc2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b9bd1), color-stop(100%,#397cc2));
    background: -webkit-linear-gradient(top, #4b9bd1 0%,#397cc2 100%);
    background: -o-linear-gradient(top, #4b9bd1 0%,#397cc2 100%);
    background: -ms-linear-gradient(top, #4b9bd1 0%,#397cc2 100%);
    background: linear-gradient(to bottom, #4b9bd1 0%,#397cc2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b9bd1', endColorstr='#397cc2',GradientType=0 );
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 2px 0px 0px #306796;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3),0px 2px 0px 0px #306796;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .btn-primaryTX:hover,
    .btn-primaryTX:focus,
    .btn-primaryTX:active,
    .btn-primaryTX.active,
    .open .dropdown-toggle.btn-primaryTX {
        color: #fefefe;
        position: relative;
        top: -2px;
        background: #4b9bd1;
        background: -moz-linear-gradient(top, #4b9bd1 0%, #397cc2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b9bd1), color-stop(100%,#397cc2));
        background: -webkit-linear-gradient(top, #4b9bd1 0%,#397cc2 100%);
        background: -o-linear-gradient(top, #4b9bd1 0%,#397cc2 100%);
        background: -ms-linear-gradient(top, #4b9bd1 0%,#397cc2 100%);
        background: linear-gradient(to bottom, #4b9bd1 0%,#397cc2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b9bd1', endColorstr='#397cc2',GradientType=0 );
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 4px 0px 0px #306796;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 4px 0px 0px #306796;
    }


.colgar {
    background: #e5564c;
    background: -moz-linear-gradient(top, #e5564c 0%, #d83a33 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5564c), color-stop(100%,#d83a33));
    background: -webkit-linear-gradient(top, #e5564c 0%,#d83a33 100%);
    background: -o-linear-gradient(top, #e5564c 0%,#d83a33 100%);
    background: -ms-linear-gradient(top, #e5564c 0%,#d83a33 100%);
    background: linear-gradient(to bottom, #e5564c 0%,#d83a33 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5564c', endColorstr='#d83a33',GradientType=0 );
    border-color: #ab2b22;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0px 2px 0px 0px #ab2b22;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0px 2px 0px 0px #ab2b22;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .colgar:hover {
        background: #e5564c;
        background: -moz-linear-gradient(top, #e5564c 0%, #d83a33 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5564c), color-stop(100%,#d83a33));
        background: -webkit-linear-gradient(top, #e5564c 0%,#d83a33 100%);
        background: -o-linear-gradient(top, #e5564c 0%,#d83a33 100%);
        background: -ms-linear-gradient(top, #e5564c 0%,#d83a33 100%);
        background: linear-gradient(to bottom, #e5564c 0%,#d83a33 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5564c', endColorstr='#d83a33',GradientType=0 );
        color: #fefefe;
        position: relative;
        top: -2px;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0px 4px 0px 0px #ab2b22;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0px 4px 0px 0px #ab2b22;
    }

.descolgar {
    background: #3dd150;
    background: -moz-linear-gradient(top, #3dd150 0%, #29bb36 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3dd150), color-stop(100%,#29bb36));
    background: -webkit-linear-gradient(top, #3dd150 0%,#29bb36 100%);
    background: -o-linear-gradient(top, #3dd150 0%,#29bb36 100%);
    background: -ms-linear-gradient(top, #3dd150 0%,#29bb36 100%);
    background: linear-gradient(to bottom, #3dd150 0%,#29bb36 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dd150', endColorstr='#29bb36',GradientType=0 );
    color: #fefefe;
    border-color: #289935;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0px 2px 0px 0px #289935;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0px 2px 0px 0px #289935;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .descolgar:hover {
        background: #3dd150;
        background: -moz-linear-gradient(top, #3dd150 0%, #29bb36 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3dd150), color-stop(100%,#29bb36));
        background: -webkit-linear-gradient(top, #3dd150 0%,#29bb36 100%);
        background: -o-linear-gradient(top, #3dd150 0%,#29bb36 100%);
        background: -ms-linear-gradient(top, #3dd150 0%,#29bb36 100%);
        background: linear-gradient(to bottom, #3dd150 0%,#29bb36 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dd150', endColorstr='#29bb36',GradientType=0 );
        position: relative;
        top: -2px;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0px 4px 0px 0px #289935;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0px 4px 0px 0px #289935;
    }


.btn-primary:active,
.btn-primary.active {
}


.ajustes_submit {
    margin-left: 0 auto;
    width: 100%;
}

.footer {
    padding: 10px;
}

/* ||||||| Nuevas Declaraciones de bootstrap-theme.css */

.btn-primary {
}

/* ||||||| Nuevas Declaraciones de bootstrap-switch.css */

.has-switch {
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: relative;
    text-align: left;
    overflow: hidden;
    line-height: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    /*top: 10px;*/
min-width: 75px;
}

.has-switch-on {
    border: 2px solid #3ccc0e;
    background-color: #3ccc0e;
}

.has-switch-off {
    border: 2px solid #ff4545;
    background-color: #ff4545;
}

.has-switch span {
    cursor: pointer;
    position: relative;
    display: inline-block;
    height: 26px;
    font-size: 12px;
    line-height: 27px;
    text-align: center;
}


.has-switch label {
    /*-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    cursor: pointer;
    position: relative;
    display: inline-block;
    height: 26px;
    font-size: 12px;
    line-height: 27px;
}

/*.has-switch label .off {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  height: 26px;
  font-size: 12px;
  line-height: 27px;
 
  -webkit-box-shadow:  0px 0px 2px 0px #ff4545;   
  box-shadow:  0px 0px 0px 2px #ff4545;
}*/

/*transició*/
.has-switch {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .has-switch label {
        text-align: center;
        margin-top: -1px;
        margin-bottom: -1px;
        /*z-index: 100;*/
        width: 34%;
        color: #777;
        background-color: #fff;
    }

    .has-switch span.switch-primary,
    .has-switch span.switch-left {
        color: #ffffff;
        padding-left: 2px;
        padding-right: 2px;
    }

    .has-switch span.switch-right {
        color: #333333;
        padding-left: 2px;
        padding-right: 2px;
    }

    .has-switch span.switch-success {
        color: #ffffff;
    }

    .has-switch span {
        text-align: center;
        /*z-index: 1;*/
        width: 33%;
    }

        .has-switch span.switch-danger {
            color: #ffffff;
        }

#contenedor_servidor_vocal_switch {
    margin-top: 9px;
    display: none;
}

.rotatespinner {
    -webkit-animation: rotation 2s infinite linear;
}

.rotatespinner500ms {
    -webkit-animation: rotation 0.5s infinite linear;
}

.UOtotCliCounter {
    width: 2.2em;
    z-index: 2;
}
#dropUOCounters:hover,
#dropUOCounters:focus {
    background-color: #4b9bd1;
}
#workingUOCounts {
    transition: transform 1s ease;
    margin-left: -0.6em;
    font-size: 2.8em;
    z-index: 1;
}
.rotate90 {
    transform: rotate(90deg)
}

.UOCountZero {
    background-color: white;
    color: black;
}
.UOCountLow {
    background-color: #FFFF8D;
    color: black;
}
.UOCountMed {
    background-color: #FFC400;
    color: black;
}
.UOCountHigh {
    background-color: #D50000;
    color: white;
}
.UOCountError {
    background-color: black;
    color: white;
}

.UODashHeadNomOpe {
    min-width: 115px;
    overflow: hidden;
    white-space: nowrap;
}

.UODashOpeNomCli {
    width: 210px;
    overflow: hidden;
    white-space: nowrap;
}
.UODashOpeBody {
    width: 210px;
    min-height: 68px;
}
    .UODashOpeBody div {
        overflow: hidden;
        white-space: nowrap;
    }

.UOcustom .accordion-button:after {
    /*Ajustar la fletxa a la dreta*/
    margin-left: auto !important;
    margin-right: 0px !important;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

.ui-front {
    z-index: 2000;
}

.css_right {
    float: right;
}

#bravoMessage .accordion-toggle a {
    text-decoration: none;
    display: block;
}

.jqstooltip {
    box-sizing: content-box;
    height: auto !important;
    width: auto !important;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 0px;
    padding-left: 0px;
}

.form-group {
    margin-bottom: 0px;
    margin-right: 0px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
    /*padding-right: 10px;  SALVA*/
}

.panel-body {
    padding: 0px 0px 0px 0px;
}

.panel-body-disabled {
    background-color: #f0f0f0;
}

.panel .panel-compact {
    margin: 5px 3px 5px 3px;
}

.panel {
    margin: 3px 3px 3px 3px;
}

.telefons .input-group-addon {
    padding: 0px;
}

.telefons button {
    border: 0px solid #cccccc;
    border-radius: 0px;
}

.input-group-addon {
    border: 0px solid #cccccc;
    border-radius: 0px;
}

.navbar {
    margin-bottom: 10px;
}

.marginBottomTop5 {
    margin-bottom: 2px;
    margin-top: 2px;
}

.form-group-padding10 {
    padding: 10px;
}

.form-group-padding10check {
    padding: 10px 10px 9px 10px;
}

.form-group-padding5 {
    padding: 5px;
}

.form-group-padding2 {
    padding: 2px;
}

.form-group-padding-vertical15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.form-group-padding-variable {
    padding: 3px;
}

.form-group-padding-phone {
    padding: 0px;
}

.form-group-padding-paint {
    padding: 0px;
    text-align: center;
}

.form-group-padding-phone-alt {
    padding-left: 30px;
}

.form-group-margin5 {
    margin: 5px;
}

.Big-box {
    height: 60px;
    padding-bottom: 15px;
}

/**************************************************/
/* CheckBox*/
/**************************************************/
/* DESACTIVADO DAVID 06/08/2014 para que no oculte los checkbox del multiselect. Oculto solo los que son class="taxiCheck"
input[type="checkbox"]{
    display: none;
}*/
/* DAVID 06/08/2014 Ocultación de los checkbox por defecto de class="taxiCheck" */
.taxiCheck {
    display: none;
    width: 20px !important;
}

.CheckNoLabel input[type="checkbox"] {
    display: inline-block;
}

input[type="checkbox"] + label span {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: -2px 5px 0 0;
    vertical-align: middle;
    background: url(../Images/check_radio_sheet.png) left top no-repeat;
    cursor: pointer;
}

input[type="checkbox"]:checked + label span {
    background: url(../Images/check_radio_sheet.png) -18px top no-repeat;
}

input[type="checkbox"]:disabled + label span {
    opacity: 0.6; /* NOU DAVID 20131213 DESACTIVADA*/
    cursor: not-allowed; /* NOU DAVID 20131213 */
    background-color: #f0f0f0; /* NOU DAVID 20131213 */
}

input[type="radio"] {
    display: none;
}

    input[type="radio"] + label span {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: -2px 5px 0 5px;
        vertical-align: middle;
        background: url(../Images/check_radio_sheet.png) -36px top no-repeat;
        cursor: pointer;
    }

    input[type="radio"]:checked + label span {
        background: url(../Images/check_radio_sheet.png) -54px top no-repeat;
    }

    input[type="radio"]:disabled + label span {
        opacity: 0.6; /* NOU DAVID 20131213 DESACTIVADA*/
        cursor: not-allowed; /* NOU DAVID 20131213 */
    }

/**************************************************/
/* CheckBox List Requeriments*/
/**************************************************/
.taxilistcheck {
    overflow: auto;
}

    .taxilistcheck ul {
        list-style: none;
        padding-left: 5px;
        padding-top: 0px;
        margin-bottom: 1px;
    }

        .taxilistcheck ul li {
            margin: 1px;
            padding: 1px;
            line-height: 22px;
        }

/**************************************************/
/* ubicacions vehicles
/**************************************************/
.ubicacionsvehicle li {
    display: inline;
    border: 1px solid;
    border-radius: 4px;
    padding: 1px 5px 1px 5px !important;
    margin: 0px 1px 0px 1px !important;
    font-weight: bold;
}

.ubicacionsvehicle ul {
    display: inline;
    margin-left: -10px;
}

.taxi964 {
    background-color: #2196F3;
    border-color: #64B5F6 !important;
    color: white;
}

.taxi969 {
    background-color: #4caf50;
    border-color: #A6D5A7 !important;
    color: white;
}

.taxi966 {
    background-color: #FF33EE;
    border-color: #FFCDD2 !important;
    color: white;
}
.taxi997 {
    background-color: #134c13;
    border-color: #64B5F6 !important;
    color: white;
}
.taxi998 {
    background-color: #84d684;
    border-color: #64B5F6 !important;
    color: white;
}

input[type="checkbox"].checkbox {
    display: none;
}

    input[type="checkbox"].checkbox + label {
        display: inline;
        position: relative;
        /*label styling*/
        padding: 2px 4px;
        line-height: 16px;
        vertical-align: baseline;
        white-space: nowrap;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        /*border: solid 1px #eeeeee;*/
        border: solid 1px #e0e0e0;
        cursor: pointer;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
        background-color: transparent;
        color: #418ac9;
    }

    input[type="checkbox"].checkbox:checked + label {
        background-color: #418ac9;
        color: white;
        border: solid 1px #418ac9;
    }

    input[type="checkbox"].checkbox:disabled + label {
        /*opacity: 0.5;*/ /* NOU DAVID 20131213 DESACTIVADA*/
        cursor: not-allowed; /* NOU DAVID 20131213 */
        background-color: #f0f0f0;
        color: lightgrey;
        /*border: transparent;*/
        border: solid 1px #e0e0e0;
    }


    input[type="checkbox"].checkbox:disabled:checked + label {
        background-color: #418ac9;
        border: solid 1px #418ac9;
        color: whitesmoke;
        opacity: 1; /* Hacerlo un poco transparente */
        pointer-events: none; /* Deshabilita cualquier interacción */
    }

    .divDisabled .taxilistcheck div input[type="checkbox"][disabled="disabled"]:checked + label {
        /*opacity: 0.5;*/ /* NOU DAVID 20131213 DESACTIVADA*/
        cursor: not-allowed; /* NOU DAVID 20131213 */
        background-color: #418ac9;
        color: white;
        border: solid 1px #418ac9;
    }


.taxilistcheck label:hover {
    background-color: #eeeeee;
    color: #555;
}

/*NOU DAVID 20131213 Aquesta classe està copiada del TaxitronicVell.css */
#login-wraper {
    border-radius: 4px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    /*margin-top: -200px;*/ /*DESACT DAVID 20131213*/
    /*margin-left: -120px;*/ /*DESACT DAVID 20131213*/
    /*width: 240px;*/ /*DESACT DAVID 20131213*/
    min-width: 240px; /*NUEVO DAVID 20131213*/
    background: rgba(255,255,255,0.9);
    text-align: center;
    border: 1px solid #cacacc;
    margin-bottom: 1px;
    background-color: #fefefe;
    -webkit-box-shadow: 0px 2px 4px px rgba(0, 0, 0, .1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1);
}


.accoridiontitle {
    /*he posat els important per el control de destinos de rutas a abonados, ja que si no sortia blau mari*/
    color: #418ac9;
    white-space: nowrap;
    font-weight: 600;
    background: linear-gradient(to bottom, #ffffff 0%,#e4e4e6 100%) !important;
}

    .accoridiontitle span {
        color: #418ac9 !important;
    }

.addTable a i, .refreshTable a i {
    color: #418ac9;
}

.checkTX {
    font-size: 8px;
    color: #418ac9;
}

.colorBlue {
    color: #418ac9;
}

.badge-important {
    background-color: #a94442;
}

.badge-retencio {
    padding: 1px 7px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    top: 1px !important;
}

.modal-dialog {
    padding-top: 2%;
    width: 35%;
    margin: auto;
    position: center;
}

.modal {
    z-index: 50000;
}



.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

/* Cambiado por David Valls (18-05-2015)
 * ya que ocultaba la lista de opciones
.ui-state-focus {
    color: #fefefe !important;
    background: linear-gradient(to bottom, #4b9bd1 0%,#397cc2 100%) !important;
}
*/
.ui-state-focus:focus {
    border: solid 1px #4b9bd1;
}

/*Leyenda con indice*/

dt.caption-index {
    top: 20px;
    width: 40px;
    margin-left: 15%;
    margin-right: 5px;
}

dt.caption-index-title {
    top: 20px;
    width: 20px;
    margin-left: 22%;
    margin-right: 5px;
    text-align: center;
}

dd.caption-message {
    top: 20px;
    margin-left: 25%;
    margin-right: 5%;
}

dd.caption-message-large {
    top: 20px;
    margin-left: 25%;
    margin-right: 5%;
}

dl.margin-box {
    margin-bottom: 0;
}

.caption-box {
    margin-left: 33%;
    margin-right: 33%;
}

.caption-box-tight {
    margin-left: 2%;
    margin-right: 2%;
}

.input-group-btn .btn:hover, .input-group-btn .btn:active, .input-group-btn .btn:focus {
    padding: 2px 4px;
    vertical-align: baseline;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #428bca;
    color: white;
    font-weight: bold;
}

.taxiMultiselect {
    padding: 25px 10px 10px 10px;
}

/*para ajustar los checkbox, imita su altura*/
.checkEnBlanco {
    height: 24px;
}

/*para ajustar los checkbox iniciales, para que no haya saltos de linea*/
.InitialcheckBoxAdjusted {
    padding: 5px;
    padding-top: 10px;
    padding-left: 10px;
}

.BannerSimple {
    z-index: 1499;
    text-align: center;
    right: 0%;
    left: 0%;
    background-color: rgba(254,254,254,0.8);
    border-top: 1px solid #cacacc;
    border-bottom: 1px solid #cacacc;
    -webkit-box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
}

/* Noty: llista d'activitats */
.activity-item i {
    float: left;
    margin-top: 3px;
    font-size: 16px;
}

div.activity {
    margin-left: 28px;
}

div.activity-item {
    padding: 7px 12px;
}

#notification-list div.activity-item {
    border-top: 1px solid #f5f5f5;
}

    #notification-list div.activity-item a {
        font-weight: 600;
    }

div.activity span {
    display: block;
    color: #999;
    font-size: 11px;
    line-height: 16px;
}

#notifications i.fa {
    font-size: 17px;
}

.noty_type_error * {
    font-weight: normal !important;
}

.noty_type_error a {
    font-weight: bold !important;
}

.noty_bar.noty_type_error a, .noty_bar.noty_type_error i {
    color: #fff;
}

.noty_bar.noty_type_information a {
    color: #fff;
    font-weight: bold;
}

.noty_type_error div.activity span {
    color: #fff;
}

.noty_type_information div.activity span {
    color: #fefefe;
}

.activity-item a {
    color: #428bca;
    text-decoration: none;
}

    .activity-item a:hover {
        color: #D65C4F;
        text-decoration: none;
    }

/* Se usa en el mapa para mostrar botones de opciones activadas/desactivadas (estado vehículos a mostrar) */
.btnOpcionTX {
    cursor: pointer;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    padding: 0px;
    margin-bottom: 5px;
}

    .btnOpcionTX img {
        margin: 1px;
    }

/* Se usa en el MapaMonitor para mostrar labels en forma de botones que se activan/desactivan (ver/ocultar vehículos, números vehículo, zonas, etc.) */
.lbOpcionTX {
    cursor: pointer;
    padding: 5px 8px 5px 8px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

/* boton o label activado */
.opcionTXOn {
    background-color: #418ac9;
    /*background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);*/
    border: solid 1px #245580;
    color: white;
}

    .opcionTXOn .badge {
        color: #333;
        background-color: #fff;
    }

/* boton o label desactivado */
.opcionTXOff {
    background-color: #fff;
    border: solid 1px #ccc;
    color: #333;
}

/* Primero oculta elementos de Nexus que no se usan y que entran en conflicto con el css de Taxitronic */
.menuDialogLiveTraffic, .trafficswitcherList, .trafficswitcher {
    visibility: hidden;
}

.shadowed {
    filter: url(shadow.svg#drop-shadow);
}

/*.numExist {
    font-weight: 500;
	color: blue;
}*/

.panelHeaderDiv {
    margin: 4px 4px 1px 4px;
}

.ui-widget a {
    color: #362b36;
}

.ui-state-focus a {
    margin: -1px;
    color: #ebebeb;
}

.form-group .row .form-controlTX {
    padding-left: 9px;
    padding-top: 18px;
    font-size: 14px;
    margin-bottom: 0px;
}

.form-group-compact .minilabel {
    left: 5px;
}

.treeview-compact .jstree-default > .jstree-container-ul > .jstree-node {
    margin: 2px 0px;
}

.form-group-compact .row .form-controlTX {
    padding-left: 5px;
    padding-top: 15px;
    font-size: 12px;
    margin-bottom: 0px;
}

.form-group-compact .form-controlTX {
    height: 40px;
}

.form-group .ui-accordion-content {
    border: none;
}

.form-group .ui-accordion-header-icon {
    background-image: url(images/ui-icons_3d80b3_256x240.png);
}

.ui-widget, .ui-widget button, .ui-dialog {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571429;
}

.divTaxicallesPoweredByGoogle {
    z-index: 2001;
    /*border-color: #0000aa;*/
    /*border-style: none solid solid solid;*/
    border-style: none solid solid solid;
    border-width: 1px;
    border-color: #aaaaaa;
    background-color: #cccccc;
    background-image: url("/Images/powered_by_google_on_white.png");
    background-position: right bottom;
    background-repeat: no-repeat; /*Prevent showing multiple background images*/
    position: absolute;
    height: 20px;
}

.BannerSimpleHistorico {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    padding: .2em .5em .2em .7em;
    min-height: 0;
    height: 32px;
    background: linear-gradient(to bottom,#fff 0%,#e4e4e6 100%);
}

.BannerSimpleHistoricoReal {
    display: block;
    position: relative;
    margin-top: 2px;
    padding: .2em .5em .2em .7em;
    min-height: 0;
    height: 32px;
    background: linear-gradient(to bottom,#fff 0%,#e4e4e6 100%);
    cursor: default;
}
/* Sobreescribir efecto overlay con un oscurecimiento (en lugar del tramado en diagonal que hace el jquery-ui.theme.css) 04/02/2015 */
.ui-widget-overlay {
    background: none;
    background-color: #777;
    opacity: .5;
    filter: Alpha(Opacity=50); /* support: IE8 */
}

.panel-heading .abrirCerrarPanel:before, .nav-pills .abrirCerrarPanel:before {
    font-family: 'Font Awesome 5 Pro';
    content: "\f077";
}

.panel-heading .abrirCerrarPanel.collapsed:before, .nav-pills .abrirCerrarPanel.collapsed:before {
    content: "\f078";
}

.panel-heading .abrirCerrarPanel, .nav-pills .abrirCerrarPanel {
    color: #337ab7;
}

.campoColorDespacho {
    border-left: solid 7px #FB8C00;
}

.campoColorOcupado {
    border-left: solid 7px #D32F2F;
}

.campoColorFinServicio {
    border-left: solid 7px #757575;
}

.campoColorLlegadaPuerta {
    border-left: solid 7px #E0E0E0;
}

.campoColorAviso {
    border-left: solid 7px #BDBDBD;
}

/* SELECT2 */

.select2SelectContainer {
    border: none !important;
    margin-top: 20px !important;
}

.select2-container {
    border: none !important;
}

.select2-dropdown {
    border: none !important;
}

.select2-container--default .select2-selection--single {
    border: none !important;
}

.select2-container--default .select2-selection--multiple {
    border: none !important;
}

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        border: none !important;
    }

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none !important;
}

.select2-container--classic .select2-selection--single {
    border: none !important;
}

    .select2-container--classic .select2-selection--single:focus {
        border: none !important;
    }

.select2-container--classic.select2-container--open .select2-selection--single {
    border: none !important;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: none !important;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    border: none !important;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: none !important;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: none !important;
}

.select2-container--classic .select2-dropdown {
    border: none !important;
}

/* FONDOS: Basados en los colores del bootstrap
@brand-primary: darken(#428bca, 6.5%); // #337ab7
@brand-success: #5cb85c;
@brand-info:    #5bc0de;
@brand-warning: #f0ad4e;
@brand-danger:  #d9534f;
*/
.fondo-primary {
    background-color: #337ab7 !important;
    color: #fff !important;
}

.fondo-success {
    background-color: #5cb85c !important;
    color: #fff !important;
}

.fondo-info {
    background-color: #5bc0de !important;
    color: #fff !important;
}

.fondo-warning {
    background-color: #f0ad4e !important;
    color: #fff !important;
}

.fondo-danger {
    background-color: #d9534f !important;
    color: #fff !important;
}

#DetailsTrip_collapseTX input, #DetailsTrip_collapseTX textarea, #DetailsTrip_collapseTX li {
    font-size: 12px;
}

#DetailsTrip_collapseTX label {
    font-size: 10px;
}

#listaservicios td .btn {
    padding: 0px 0px;
}


.listaOrdenable {
    width: 100%;
    min-height: 2.5em;
    list-style-type: none;
    margin: 0;
    padding: 5px;
}

    .listaOrdenable li {
        border: 1px solid #ccc;
        margin: 1px;
        padding-left: 1.5em;
        height: 2.5em;
    }

        .listaOrdenable li a .ui-icon {
            position: absolute;
            margin-left: -1.3em;
        }

        .listaOrdenable li a label {
            font-size: 14px;
            font-weight: bold;
            padding-left: 3px;
        }

    .listaOrdenable > .ui-state-highlight {
        height: 2.1em;
        background-color: #5bc0de;
    }

.panel-heading .nav-pills {
    padding: 2px;
    margin-bottom: -1px;
}

    .panel-heading .nav-pills li {
        padding-right: 2px;
    }

.nav-pills li > a {
    padding: 3px;
    border: 1px solid #ccc; /*#337ab7;*/
}

.nav-pills li .btn {
    padding: 5px;
}

.cabecera-nav-pills {
    border: 1px solid #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    /*background-color: lightyellow;*/
    background: -moz-linear-gradient(top, #ffffff 0%, #e4e4e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e4e6));
    background: -webkit-linear-gradient(top, #ffffff 0%,#e4e4e6 100%);
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1);
    margin-bottom: 3px;
}

.cabecera-nav-pills .nav-pills {
    margin-bottom: -1px;
}

.cabecera-nav-pills .nav-pills li > a {
    padding: 3px 6px;
    border: 1px solid #ccc; /*#337ab7;*/
    margin: 5px 0px 0px 5px;
}

.alarmaActiva {
    color: black; /*color: #fff;*/
    background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
}

.exportsVehiculoGps {
    max-height: 400px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
.exportsVehiculoGpsHeight {
    height: 100px;
}

.IncompatibilidadesConductorVehiculo {
    max-height: 100px;
    overflow-y: scroll;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 5px;
    max-width: 192px;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
.IncompatibilidadesConductorVehiculoHeight {
    height: 100px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.badge-primary {
    background-color: #337ab7 !important;
}

#panelOpciones .taxilistcheck label {
    margin: 0px 5px 0px 10px;
    padding: 0px;
}

.opcionsprefiltre .minihistorics {
    display: none;
}

.caixaimports input {
    padding-top: 15px;
    height: 35px;
}

.caixaimports label {
    top: 2px;
}

#divCarlaQueues, #divCarlaTelefonos, #divCarlaExtensiones {
    /*min-height: 325px;*/
}

#botoneraCarlaDashboard div {
    padding: 0px 5px 0px 5px;
}

#botoneraCarlaDashboard {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}

.tablaDashboard {
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, .1);
    margin: 0px;
}

    .tablaDashboard > table > thead > tr > th {
        border: 1px solid #ccc;
    }

    .tablaDashboard > table > tbody > tr > td {
        border: 1px solid #ccc;
    }

    .tablaDashboard > table > tbody > tr > .tdMinWith {
        width: 10px; /* forçar amplada mínima cel·la segons contingut */
    }

    .tablaDashboard > table > tbody > tr > td > .CelPrincipal {
        font-weight: bold;
    }

        .tablaDashboard > table > tbody > tr > td > .CelPrincipal + i {
            margin-left: 5px;
        }

.changePrioCliQueue {
    cursor: pointer;
}

.divContadorGrande {
    border: 1px solid #ccc;
}

.EtiqContadorGrande {
    font-size: 70px;
}

.ContadorGrandeLlam {
    line-height: 100%;
    font-size: 140px;
    font-weight: bold;
    padding-left: 10px;
}

.EtiqContadorMediano {
    font-size: 25px;
}

.ContadorMedianoLlam {
    line-height: 100%;
    font-size: 50px;
    font-weight: bold;
    padding-left: 10px;
}

.DATOSFISCALES {
    display: none;
}

.separa-botones-horizontal {
    margin-left: 5px;
    margin-right: 5px;
}

.scrollAltura700 {
    max-height: 700px;
    overflow-y: auto;
}

.bootboxLabelCheckTX {
    padding: 4px 15px 5px 25px;
}

.scrollVertical {
    overflow-y: scroll;
}

#DataPreFilter .panel-body li {
    display: inline-block;
    border-right: 1px solid #cfc8c8;
}

#DataPreFilter .pagination li {
    border-right: 0px;
}

pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    background-color: transparent;
}

.minilabelprefilter {
    position: relative;
    z-index: 100;
    color: #418ac9;
    float: left;
    left: 10px;
    top: 5px;
    font-size: 10px;
    white-space: nowrap;
    font-weight: 600; /* NOU DAVID 20131213 MODIFICAT */
    margin: 0px 14px 0 -7px;
}

.spanvalueprefilter {
    display: block;
}

.valuelabelprefilter {
    margin: -2px 3px 3px 3px;
}

.checkIconInTdDiv {
    padding: 3px;
    margin: -2px -7px;
    text-align: center;
}

.inputTextInTdDiv {
    padding: 3px;
    margin: -2px -7px;
}

.borderLeftDanger {
    border-left: solid 7px #d9534f;
}

.borderLeftSuccess {
    border-left: solid 7px #5cb85c;
}

.borderLeftWarning {
    border-left: solid 7px #f0ad4e;
}

.borderLeftPrimary {
    border-left: solid 7px #337ab7;
}

.borderLeftInfo {
    border-left: solid 7px #5bc0de;
}

.col-soporte {
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #651FFF; /*Deep Purple A400*/
}

.areaPriceDivColor {
    padding: 0px 0px 0px 7px;
    margin: -3px -8px;
}

.areaPriceColor_0 {
    background-color: #DDDD00;
    opacity: 0.5;
}

.areaPriceColor_1 {
    background-color: #990000;
    opacity: 0.5;
}

.areaPriceColor_2 {
    background-color: #009900;
    opacity: 0.5;
}

.areaPriceColor_3 {
    background-color: #0000FF;
    opacity: 0.5;
}

.contenedorMenuCompacto {
    border-color: #DDD;
    margin: 0px;
    max-width: calc(100vw - 115px);
    padding: 0px;
    min-width: 0px;
    overflow: auto;
}
.contenedorMenuCompacto .dropdown-menu {
        padding: 0px !important;
}


.menuCompacto {
    padding: 0px 5px !important;
    display: flex;
}

    .menuCompacto .btn {
        margin: 2px 0px;
        padding: 1px 6px;
    }


.menuCompactoHorizontal {
    padding: 8px !important;
    display: flex;
}

.menuCompactoVertical {
    flex-direction: column;
    padding: 0px;
    align-items: center;
    display: flex;
}

.menuCompactoHorizontal .btn {
    padding: 1px 8px;
}

.menuCompactoVertical .btn {
    margin: 4px 0px;
}

.grid-divider {
    border-left: 1px solid #DDD;
    padding-left: 8px;
    padding-right: 8px;
}

.grid-divider-transparent {
    padding-left: 8px;
    padding-right: 8px;
}

.contenedorMenuCompacto-dropdown-menu {
    border-color: #DDD;
    margin: 4px 0 0;
    min-width: 0px;
    overflow: auto;
}

.menuCompactoHorizontal-dropdown-menu {
    padding: 0px;
    display: flex;
}

.menuCompactoVertical-dropdown-menu {
    flex-direction: column;
    padding: 0px;
    align-items: flex-start;
    display: flex;
}

.menuCompactoVertical-dropdown-menu {
    align-items: flex-start;
    padding: 0px;
}

.grid-divider-dropdown-menu {
    border-left: 1px solid #DDD;
}

.a-MenuCompacto-dropdown-menu {
    display: block !important;
    clear: both !important;
    font-weight: 400 !important;
    line-height: 1.42857143 !important;
    color: #333 !important;
    white-space: nowrap !important;
    padding: 3px 20px;
}

    .a-MenuCompacto-dropdown-menu:hover {
        color: white !important;
        background-color: #4b9bd1;
        background-image: -webkit-gradient(linear, left 0%, left 100%, from(#4b9bd1), to(#397cc2));
        background-image: -webkit-linear-gradient(top, #4b9bd1 0%, #397cc2 100%);
        background-image: -moz-linear-gradient(top, #4b9bd1 0%, #397cc2 100%);
        background-image: linear-gradient(to bottom, #4b9bd1 0%, #397cc2 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b9bd1', endColorstr='#397cc2', GradientType=0);
    }

.li-MenuCompacto-dropdown-menu {
    width: 100% !important;
}

.fa-icon-companies {
    color: #0088cc !important;
    background-color: rgba(0, 136, 204, 0.3);
    min-width: 32px;
    width: 32px;
    height: 32px;
    padding-top: 8px;
    border-radius: 16px;
}

.textIconCompanies {
    padding-top: 8px;
    color: black;
    font-size: 14px;
    margin: 0px;
}

.btn-flex {
    align-self: center;
    height: 84px;
}

.InsidePanelAdjusted {
    min-width: 99%;
}


#rankingTurnosOpe {
    overflow: visible;
}

.Ranking.panel-heading {
    height: auto !important;
}

.Ranking.panel-heading > .form-inline > .form-group {
    margin: 5px;
}

    .Ranking.panel-heading > .form-inline > .form-group h3 {
        margin: 5px;
    }

.Ranking.panel-heading > .form-inline #divAjusteLbOpHeading {
    font-size: 22px;
    font-weight: 600;
    margin-top: -3px;
}

.Ranking.panel-heading #ID_EMPRESA {
    max-width: 250px;
}

.Ranking.panel-heading #hora {
    margin: 0px;
    line-height: 0.9;
    font-size: 37px;
    font-weight: 600;
}

.Ranking.panel-heading #leyenda {
    background-color: #EEEEEE;
}

    .Ranking.panel-heading #leyenda > li {
        padding: 10px;
        font-size: 24px;
        white-space: nowrap;
        border-bottom: 1px solid #ccc;
    }

.Ranking.panel-body {
    padding: 5px;
    max-height: 86vh;
}

.RankingTurno {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 5px;
}

    .RankingTurno.panel-heading {
        font-size: 24px;
        font-weight: 600;
        margin: 0px;
        height: auto !important;
    }

        .RankingTurno.panel-heading .titulo {
            color: white;
            background-color: #418ac9;
            padding-left: 10px;
            padding-right: 10px;
        }

        .RankingTurno.panel-heading .totalTurno {
            border-left: 1px solid #ccc;
            /*margin: 0px 20px 0px 20px;*/
            color: #418ac9;
            display: inline-block;
            float: right;
            text-align: center;
        }

            .RankingTurno.panel-heading .totalTurno .valor {
                margin-left: 10px;
                color: #333;
            }

    .RankingTurno.panel-body {
        min-height: 100px;
    }


    .RankingTurno > .box {
        /*transition: background-color 500ms linear, order 2000ms ease 500ms;*/
        border: 4px solid transparent;
        border-top-right-radius: 10px;
        margin: 6px;
        box-shadow: 5px 5px 5px 2px rgba(0, 0, 0, .2);
    }

        .RankingTurno > .box.box-login {
            border-color: #8BC34A;
        }

        .RankingTurno > .box.box-pause {
            border-color: #FB8C00;
        }

        .RankingTurno > .box.box-logout {
            border-color: #E57373;
        }

        .RankingTurno > .box > .box-heading {
            border-top-right-radius: 6px;
            white-space: nowrap;
        }

            .RankingTurno > .box > .box-heading.box-login {
                color: #333;
                background-color: #C5E1A5; /*#DCEDC8;*/
            }

            .RankingTurno > .box > .box-heading.box-pause {
                color: #333;
                background-color: #FFCC80;
            }

            .RankingTurno > .box > .box-heading.box-logout {
                color: #333;
                background-color: #FFCDD2;
            }

        .RankingTurno > .box .posRanking {
            color: #333;
            float: left;
            margin-left: -10px;
            margin-top: -10px;
            min-width: 40px;
            text-align: center;
            font-size: 20px;
            font-weight: 600;
            background: #FFEE58;
            padding: 5px 0px;
            border-radius: 100px;
            box-shadow: 4px 4px 2px 2px rgba(0, 0, 0, .2);
        }

        .RankingTurno > .box > .box-heading .nomOpe {
            padding: 0px 10px;
            font-size: 30px;
            font-weight: 600;
            max-width: 250px;
            display: inline-block;
            overflow: hidden;
            text-overflow: clip;
            white-space: nowrap;
        }

        .RankingTurno > .box > .box-body {
            font-size: 20px;
            padding: 0px;
            display: table;
            width: 100%;
        }

            .RankingTurno > .box > .box-body .campInfo {
                margin: 0px;
                display: table-row;
            }

                .RankingTurno > .box > .box-body .campInfo .etiqueta {
                    display: table-cell;
                    padding: 4px 7px;
                    font-size: 24px;
                    line-height: 1;
                    white-space: nowrap;
                    vertical-align: middle;
                    color: #418ac9;
                    /*border-radius: 8px;*/
                    border-bottom: 1px solid #ccc;
                    border-right: 1px solid #ccc;
                    /*background: linear-gradient(to bottom, #ffffff 0%,#e4e4e6 100%);*/
                }

                .RankingTurno > .box > .box-body .campInfo .logo {
                    width: 47px;
                }

                .RankingTurno > .box > .box-body .campInfo .valor {
                    display: table-cell;
                    padding: 4px 7px;
                    margin: -4px -7px -4px 3px;
                    font-size: 24px;
                    font-weight: bold;
                    line-height: 1;
                    text-align: right;
                    white-space: nowrap;
                    vertical-align: middle;
                    border-bottom: 1px solid #ccc;
                    /*background-color: #777;*/
                    /*border-top-right-radius: 8px;*/
                    /*border-bottom-right-radius: 8px;*/
                    /*border: 1px solid #777;*/
                    /*width: 100%;*/
                }


#LeyendaEstVehOpc li {
    padding: 0px 5px;
    white-space: nowrap;
    border-bottom: 1px solid #ccc;
}

    #LeyendaEstVehOpc li > img {
        width: 24px;
        height: 24px;
    }

    #LeyendaEstVehOpc li > span {
        padding: 0px 5px;
    }

#BarraMenusTelefonia {
    border-right: 1px solid #cacacc;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15);
    background-color: rgba(154, 154, 154, 0.20);
}

#aLlamadasEspera {
    cursor: default;
    display: inline-block;
    color: #9a9a9a;
    min-width: 98px;
    height: 34px;
    border: 1px solid #9a9a9a;
    background-image: url(../Images/notification_spritesheet.png);
    background-position: -134px 0px;
    background-repeat: repeat-y;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: white;
    /*margin-left: 4px;*/ /* Abans d'ajust per més de 100 trucades: 7px; */
    margin-right: 6px; /* Abans d'ajust per més de 100 trucades: 10px; */
    margin-top: 2px; /* Abans d'ajust per més de 100 trucades: 10px; */
}

.navbarheaderTelefoniaBarraSuperior {
    height: 45px;
}

.btnBarraSuperior {
    padding: 6px 8px; /*Abans d'ajust per més de 100 trucades: 6px 12px; */
    margin-bottom: 3px;
}

.navBarbrandMenuSuperior {
    height: 45px;
    padding: 3px;
}

.navbarMenuSuperior {
    z-index: 1500;
    min-height: 45px;
}

.dropDownMenuSuperior {
    height: 45px;
}

/*.dropdown:hover > .dropdown-menu {
    display: block;
}*/

/*.dropdown-menu {
    margin-top: 0;
}*/

.icn_phone {
    height: 20px;
    width: 16px;
    display: inline-block;
    float: left;
    margin: 6px 14px 6px 6px;
    background-image: url(../Images/icn_phone.png);
    background-repeat: no-repeat;
}

.contLlam {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.05em;
    float: left;
    text-align: right;
    margin: 2px 6px 6px 0px;
}

#numCliVip {
    color: #333333;
}

.semiOpac {
    opacity: 0.75;
}

/*#butExtEstado {
    margin: 8px 0px 2px 0px;
}*/
#menuExtensiones > li > a > span, #butExtEstado > #numExtension {
    margin-left: 5px;
}

.extenLogout * {
    background-color: #ff4545;
    color: #eee;
}

.extenLogin {
    background-color: #3ccc0e;
}

.extenPause {
    background-color: #FF8F00;
}

.btnAckCarlaHubError {
    box-shadow: 0 0 0px 3px rgba(255, 111, 0, 1);
}

.not-active, a:disabled {
    pointer-events: none;
    cursor: default;
}

.btnEnCampoTx {
    margin-top: 17px;
    margin-left: 5px;
    padding: 1px 20px;
}

.btnEnCampoTxWrap {
    padding-left: 10px;
    height: 44px;
}

.btnPhoto {
    padding: 4px 6px 4px 6px;
}

.btnsPhoto {
    float: right;
}

/*Problemes amb els estils de widget.taxicalles*/
.ui-menu .ui-menu-item-wrapper {
    display: inherit;
}

a:hover, a:focus {
    text-decoration: none;
}

.ui-widget.ui-widget-content {
    border: 1px solid #aaaaaa
}

.separationLoginMainMenu {
    margin-left: 30px;
}

.separationPendingNoticesMainMenu {
    margin-right: 10px;
}

/*Poner el color rojo en iconos para empresas en bravos diferentes*/

.redIconColor {
    color: #a94442;
}

/*Ordenar listados*/

#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    #sortable li {
        border: 1px solid #cacacc;
        padding: 0;
        padding-left: 0;
        font-size: 1em;
        min-height: 30px;
        overflow: hidden;
    }

        #sortable li .orderBox i {
            color: #428bca;
            padding-left: 10px;
            padding-top: 7px;
        }

        #sortable li .descBox {
            padding-top: 3px;
            padding-left: 8px;
            padding-bottom: 3px;
        }

#sortableParents {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    #sortableParents li {
        padding: 0;
        padding-left: 0;
        font-size: 1em;
        min-height: 30px;
        overflow: hidden;
    }

        #sortableParents li .orderBox {
            overflow: hidden;
            border-top: 1px solid #cacacc;
            border-right: 1px solid #cacacc;
            border-left: 1px solid #cacacc;
            border-bottom: 1px solid #cacacc;
        }

            #sortableParents li .orderBox i {
                color: #428bca;
                padding: 9px 8px 11px 9px;
                text-align: center;
            }

        #sortableParents li .orderBoxEditableCode {
            overflow: hidden;
            border-top: 1px solid #cacacc;
            border-right: 1px solid #cacacc;
            border-left: 1px solid #cacacc;
            border-bottom: 1px solid #cacacc;
        }

            #sortableParents li .orderBoxEditableCode i {
                color: #428bca;
                padding: 15px 8px 15px 9px;
                text-align: center;
            }

        #sortableParents li .minusParentDetail {
            overflow: hidden;
            border-top: 1px solid #cacacc;
            border-bottom: 1px solid #cacacc;
            border-right: 1px solid #cacacc;
            border-left: 1px solid #cacacc;
        }

            #sortableParents li .minusParentDetail i {
                color: #428bca;
                padding: 9px 6px 11px 4px;
                text-align: center;
            }

        #sortableParents li .minusParentDetailEditableCode {
            overflow: hidden;
            border-top: 1px solid #cacacc;
            border-bottom: 1px solid #cacacc;
            border-right: 1px solid #cacacc;
            border-left: 1px solid #cacacc;
        }

            #sortableParents li .minusParentDetailEditableCode i {
                color: #428bca;
                padding: 15px 6px 15px 4px;
                text-align: center;
            }

.DiasSemana {
    padding: 25px 10px 10px 10px;
}

.buttongroupactions button {
    background-color: white;
}

.buttonOrange {
    background-color: orange;
}

.dropdown-menu > li > label {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    font-size: 14px;
    text-align: left;
    list-style: none;
}

.inputfile {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
}

.fa-spin-reverse {
    -webkit-animation: fa-spin-reverse 2s infinite linear;
    animation: fa-spin-reverse 2s infinite linear;
}

@-webkit-keyframes fa-spin-reverse {
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    0% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin-reverse {
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    0% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.disabledObject {
    background: none;
    background-color: #777;
    opacity: .5;
    filter: Alpha(Opacity=50); /* support: IE8 */
    cursor: none;
}

.icoEsqOpcMenu {
    padding: 0;
    position: absolute;
    left: 10px;
}

.etiIcoEsqOpcMenu {
    position: relative;
    left: 24px;
    padding-right: 24px;
}

.tbDestiPreu {
    width: 100%;
    /*border-left: 1px solid #cacacc;*/
}

    .tbDestiPreu tr {
        /*background: linear-gradient(to bottom, #fff 30%,#eee 100%);*/
        height: 23px;
    }

    .tbDestiPreu .icoEsquerra {
        text-align: center;
        width: 30px;
    }

    .tbDestiPreu .valorDreta {
        text-align: left;
        /*border-right: 1px solid #cacacc;*/
        width: 33%;
    }

    .tbDestiPreu .icoDreta {
        text-align: right;
        width: 33px;
    }

    .tbDestiPreu .valorEsquerra {
        text-align: right;
        width: 33%;
    }

    .tbDestiPreu label {
        margin: 2px;
    }

.taxiTableSimpleEtiqNum {
    background-color: #eee;
}

    .taxiTableSimpleEtiqNum td {
        padding: 5px 10px;
        border: 1px solid #cacacc;
    }

        .taxiTableSimpleEtiqNum td:nth-child(2) {
            text-align: right;
            font-weight: bold;
            background-color: #fff;
        }


.modal-danger .modal-content {
    /*background-color: #eb9316*/
}

.nPreservationsInIntervalsModalDialog > .modal-dialog {
    width: 420px;
}

.nPreservationsInIntervalsContent table tr:first-child td {
    font-weight: bold !important;
    background-color: #eee;
}

.nPreservationsInIntervalsContent table tr td:first-child {
    font-weight: bold;
}

.nPreservationsInIntervalsContent table tr td:nth-child(2) {
    font-weight: 400;
}

.input-disable {
    pointer-events: a;
    background-color: #f0f0f0;
}

.texto-vertical-2 {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    text-align: center;
    font-size: 12px;
}

label#NUM_RESERVAS-error {
    display: none !important;
}

.reqClientesAbonado {
    padding-top: 20px;
    margin-bottom: 10px;
    max-height: 156px;
}

.taxiTableControls.taxiTableControlsHeight {
    left: -15px !important;
}


.popover {
    /*box-shadow: 5px 5px 5px #888888;*/
}

.popover-title {
    /*color: #0a0a0a;*/
    font-size: 20px;
    text-align: center;
    /*background-color: #fafafa;*/
}

.popover-content {
    background-color: rgba(254,254,254, 0.7);
    text-align: center;
}

.popover-after-load {
    font-size: 12px;
}

.warningli {
    color: white;
    background-color: #f0ad4e !important;    
    cursor: default;
    font-size: 10px;
    display: inline-block !important;
}

.primaryTXli {
    background-color: #418ac9 !important;
    color: #fff !important;
    border: solid 1px #418ac9 !important;
    cursor: default;
    font-size: 10px;
    display: inline-block !important;
}

.fc-event, .fc-event:hover, .ui-widget .fc-event {
    color: black !important;
}


input[type=checkbox].iconCheckBox { /*Per amagar la propia checkbox*/
    display: none;
}

.pausePointer {
    cursor: pointer;
}

input[type=checkbox]:checked.iconCheckBoxGenerica + label:before {
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    border: 1px solid #cacacc;
    border-radius: 3px;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    background: steelblue;
    cursor: pointer;
    font-size: 15px;
}

input[type=checkbox].iconCheckBoxGenerica + label:before {
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    border: 1px solid #cacacc;
    border-radius: 3px;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
    color: steelblue;
    cursor: pointer;
    font-size: 15px;
}

input[type=checkbox]:checked.iconCheckBoxGenericaDisabled + label:before {
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    border: 1px solid #cacacc;
    border-radius: 3px;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
    color: white;
    background: steelblue;
    cursor: no-drop;
    font-size: 15px;
}

input[type=checkbox].iconCheckBoxGenericaDisabled + label:before {
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    border: 1px solid #cacacc;
    border-radius: 3px;
    padding: 1px;
    padding-left: 5px;
    padding-right: 5px;
    color: steelblue;
    cursor: no-drop;
    font-size: 15px;
}

input[type=checkbox].iconCheckBoxPregrabado + label:before {
    content: "\f3c9";
}

input[type=checkbox].iconCheckBoxRetencionLlamada + label:before {
    content: "\f87b";
}

input[type=checkbox].iconCheckBoxVehiculoFijo + label:before {
    content: "\f08d";
}

input[type=checkbox].iconCheckBoxPaqueteria + label:before {
    content: "\f06b";
}

input[type=checkbox].iconCheckBoxServicioCompartido + label:before {
    content: "\f0c0";
}

input[type=checkbox].iconCheckBoxServicioEnrutable + label:before {
    content: "\f5a0";
}

input[type=checkbox].iconCheckBoxNoHayCliente + label:before {
    content: "\f506";
}

input[type=checkbox].iconCheckBoxPreReservado + label:before {
    content: "\f017";
}

input[type=checkbox].iconCheckBoxFestivos + label:before {
    content: "\f5ca";
}

input[type=checkbox].iconCheckBoxImporteManual + label:before {
    content: "\f4c0";
}

input[type=checkbox].iconCheckBoxUbicacionvehiculosvertodos + label:before {
    content: "\f00e";
}

input[type=checkbox].iconCheckBoxUbicacionvehiculosver + label:before {
    content: "\f002";
}

input[type=checkbox].iconCheckBoxSave + label:before {
    content: "\f0c7";
}

input[type=checkbox].iconCheckBoxAllStates + label:before {
    content: "\f46d";
    height: 40px;
    width: 114%;
    font-size: 18px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 10px;
    margin-top: 2px;
}

input[type=checkbox]:checked.iconCheckBoxAllStates + label:before {
    content: "\f46d";
    height: 30px;
    width: 114%;
    font-size: 18px;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 10px;
    margin-top: 2px;
    color: white;
    background: steelblue;
}


.LeftBorderDiv:after {
    position: absolute;
    left: 50%;
    right: 0;
    top: -2px;
    border-left: 2px solid red;
    content: '';
}

.morrisIndex1 {
    z-index: 1 !important;
}

.BlueBoxMultipleSelection > .selection > .select2-selection > .select2-selection__rendered > .select2-selection__choice {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    border-radius: 3px !important;
    background-color: #418ac9 !important;
    color: white;
    font-weight: 400;
    font-size: 12px;
    border: solid 1px #e0e0e0 !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

    .BlueBoxMultipleSelection > .selection > .select2-selection > .select2-selection__rendered > .select2-selection__choice > .select2-selection__choice__remove {
        float: right;
        padding-left: 4px;
        color: white !important;
    }

.idServicioPrefiltroHistorico {
    width: 77%;
    display: inline;
    padding-top: 0px;
    margin-top: -6px;
    height: 30px;
}

.fa-thumbtackOrange:before {
    content: "\f08d";
    background-color: orange;
}
.fa-planeOrange:before {
    content: "\f08d";
    background-color: orange;

.--bs-table-bg {
    background-color: rgba(65,138,201,0.2) !important;
}

form {
    margin-top: -11px;
}

form:has(.validation-summary-errors) { 
    margin-top: 5px; 
}


#ModalRequerimientosCliente {
    z-index: 2022!important;
}

.minilabelspecial {
    position: relative;
    z-index: 100;
    color: #418ac9;
    float: left;
    left: 5px;
    top: 2px;
    font-size: 10px;
    white-space: nowrap;
    font-weight: 600;    
    text-align: start;
}


#list_calls_trips {
    height: 35.61px !important;
}

textarea.form-controlTX {
    max-height: 5em;
    min-height: 5em;
    overflow-y: auto;
    overflow-x: unset;
}

#contLinies,#contLinies1,#contLinies2 {
    margin-bottom: 0px;
}