/**
- Mostrar panel cerrado: .pnlcerrado
    <div class="ibox-content pnlcerrado" >

*/

*::-moz-selection{
    background: #BDDBE4;
} 
*::selection {
    background: #BDDBE4;
}

/* BODY */
body.skin-2b {
    background-color: #ededed;/* El mismo color que el fondo del #wrapper, 
                              que es el color que toma el fondo del menú lateral. 
                              Para que cuando se redimensiona la ventana manualmente se vea del mismo color */
    /*background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , #f6f6f6 20%, #d5d5d5 100%) repeat scroll 0 0;*/
}

/* MENÚ NAVEGACIÓN */
.navbar-static-top {
    z-index: 100; /* En bootstrap.min.css tiene el valor 1000 pero la ventana de los mapas se debe mostrar por encima */
}
.navbar-static-side {
    height: 100%;
}
/* Unificando el tamaño de los iconos del menú lateral y cabecera de los paneles
también en el desplegable de Nueva conexión */
#side-menu .fa, .ibox-title .fa, .dropdown-menu .fa {
    text-align: center;
    width: 13px;
    font-size: 1.2em;
}
.dropdown-menu .fa-mobile {
    font-size: 1.5em;
}
.ibox-title .fa {
    margin-right: 8px;
}
#side-menu .fa-desktop, .ibox-title .fa-desktop, .dropdown-menu .fa-desktop {
    font-size: 1.0em;
}
#side-menu .fa-mobile, #side-menu .fa-home, .ibox-title .fa-mobile {
    font-size: 1.2em;
}
#side-menu .fa-users {
    font-size: 1.1em;
}
.dropdown-menu {
    font-size: 14px;
}

/* MENÚ ANTIGUO */
.ThemeOffice2003MainItem {
    background-color: #213a53 !important;
    color: white !important;
}


/********************************************************
* Tablas */
.table thead {
    border-bottom: 2px solid gray;
}
.table tfoot {
    border-top: 2px solid gray;
}

.cabecera th {
    text-align:center;
}

table.dataTable {
    width: 100% !important;
}

/* Texto "Procesando" que aparece cuando se está cargando por ajax los datos del datatable "*/
.dataTables_processing {
    font-weight: bold;
    color: red;
}

table td {
    /*le aplicamos una sombra para que sea legible cuando le ponen colores oscuros*/
    /*text-shadow: 0px 0px 20px #FFF !important;*/
    
}
.sombra {
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 1) !important;
}
.sombra3d {
    text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

/* Botones de acción dentro de las tablas */
.table .btn {
    margin-bottom: 0;
}
.btn-circle {
    border-radius: 3px;
    width: 20px;
    height: 20px;
    padding: 1px 0;
}
.btn {
    vertical-align: none;
}
.btn i {
    font-size: 14px;
}

/********************************************************************************************
TABLAS */
.table.ajusta-ancho {
    width: auto;
}
.table-condensed td, .table-condensed th {
    padding: 3px !important;
}

/* tablas del listado de conexiones del cliente */
.table-conex thead th {
    background-color: #dfdfdf !important;
}

/* TABLAS DISEÑO ANTIGUO */
.campo_01tp, .campo_02tp, .campo_01, .campo_02, .campo_01bt, .campo_02bt,
.busc_01tp, .busc_02tp, .busc_01, .busc_02, .busc_01bt, .busc_02bt,
.cuerpoGeneral, .botGeneral {
    /*background-color: #d3e2f6!important;*/
    background-image: none;
    /*background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;*/
    background-color: #fcfcfc;
}

.campo_01, .campo_02 {
    padding: 1px 4px;    
}

.campo_01tp, .campo_01, .campo_01bt {
/*    background: #9fb5dc;  Old browsers 
    background: -moz-linear-gradient(left,  #9fb5dc 0%, #edf6ff 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9fb5dc), color-stop(100%,#edf6ff));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(left,  #9fb5dc 0%,#edf6ff 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(left,  #9fb5dc 0%,#edf6ff 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(left,  #9fb5dc 0%,#edf6ff 100%);  IE10+ 
    background: linear-gradient(to right,  #9fb5dc 0%,#edf6ff 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fb5dc', endColorstr='#edf6ff',GradientType=1 );  IE6-9 */
}

.campo_02tp, .campo_02, .campo_02bt {
/*     Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edf6ff+41,adbdd8+100 
    background: #edf6ff;  Old browsers 
    background: -moz-linear-gradient(left,  #edf6ff 41%, #adbdd8 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, right top, color-stop(41%,#edf6ff), color-stop(100%,#adbdd8));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(left,  #edf6ff 41%,#adbdd8 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(left,  #edf6ff 41%,#adbdd8 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(left,  #edf6ff 41%,#adbdd8 100%);  IE10+ 
    background: linear-gradient(to right,  #edf6ff 41%,#adbdd8 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf6ff', endColorstr='#adbdd8',GradientType=1 );  IE6-9 
    border-right: 2px gray solid;*/
}

.campo_01bt, .campo_02bt {
    /*border-bottom: 2px gray solid;*/
}
.campo_01tp, .campo_02tp, .busc_01tp, .busc_02tp, .topGeneral {
    /*border-top-left-radius:0.5em;*/
    border-top: 4px lightgray solid;
}
.campo_02tp {
    /*border-top-right-radius:0.5em;*/
}

.campo_01bt {
    /*border-bottom-left-radius:0.5em;*/
}
.campo_02bt {
    /*border-bottom-right-radius:0.5em;*/
}

/* La tabla de los buscadores con diseño antiguo */
.table-buscador {
    border-top: 4px lightgray solid;
    /*background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;*/
    background-color: #fcfcfc;
    border-collapse: collapse;
}


/*******************************************
* Tablas compactas para las conexiones del cliente 
*/
.table-min {
    margin-bottom: 0px;
    /*border-color: black;*/
}
.table-min th, .table-min td {
    padding: 0px 3px !important;
    vertical-align: middle !important;
}
.table-min thead {
    border-bottom: 1px solid black;
}


/**
* PANELES 
*/
.ibox {
    /*border: 1px solid lightgray;*/
}

.ibox-title:hover {
    cursor: pointer;
}

.ibox.conex-inet .ibox-title, .ibox.conex-fijo .ibox-title, 
.ibox.conex-paq .ibox-title, .ibox.conex-tv .ibox-title, 
.ibox.conex-mvl .ibox-title, .ibox.conex-tlf .ibox-title,
.ibox.conex-opmov .ibox-title,
.ibox.conex-baja .ibox-title {
    min-height: 35px;
    padding: 5px 15px 7px;
}

.ibox.conex-inet {
    border-color: grey;
/*    border-color: #3ca1be;
    border: solid 1px #3ca1be;*/
}
/*  Antes accesibilidad
.ibox.conex-inet .ibox-title {
    border-color: #3ca1be;
    background-color: #3ca1be;
    color: white;
    border-bottom: 1px solid #3ca1be;
}*/
.ibox.conex-inet .ibox-title {
    border-color: #3ca1be;
    background-color: lightgrey;
    color: #333;
    border-bottom: 1px lightgrey solid;
}
.ibox.conex-inet thead th {
    /*background-color: #3ca1be;*/
}

.ibox.conex-fijo {
    border-color: grey;
/*    border-color: #DBA901;
    border: solid 1px #DBA901;*/
}
/* Antes accesibilidad
.ibox.conex-fijo .ibox-title {
    border-color: #DBA901;
    color: #DBA901;
    background-color: #DBA901;
    color: white;
    border-bottom: 1px solid #DBA901;
}*/
.ibox.conex-fijo .ibox-title {
    border-color: #DBA901;
    background-color: lightgrey;
    color: #333;
    border-bottom: 1px lightgrey solid;
}
.ibox.conex-fijo thead th {
    /*background-color: #DBA901;*/
}

.ibox.conex-mvl {
    border-color: grey;
/*    border-color: #a33dc1;
    border: solid 1px #a33dc1;*/
}
/* Antes accesibilidad
.ibox.conex-mvl .ibox-title {
    border-color: #a33dc1;
    color: #a33dc1;
    background-color: #a33dc1;
    color: white;
    border-bottom: 1px solid #a33dc1;
}*/
.ibox.conex-mvl .ibox-title {
    border-color: #a33dc1;
    background-color: lightgrey;
    color: #333;
    border-bottom: 1px lightgrey solid;
}
.ibox.conex-mvl thead th {
    /*background-color: #a33dc1;*/
}

.ibox.conex-tv {
    border-color: grey;
/*    border-color: #ed5565;
    border: solid 1px #ed5565;*/
}
/* Antes accesibilidad
.ibox.conex-tv .ibox-title {
    background-color: #de6d11;
    border-color: #de6d11;
    color: white;
    border-bottom: 1px solid #de6d11;
}*/
.ibox.conex-tv .ibox-title {
    border-color: #de6d11;
    background-color: lightgrey;
    color: #333;
    border-bottom: 1px lightgrey solid;
}
.ibox.conex-tv thead th {
    /*background-color: #ed5565;*/
}

.ibox.conex-paq {
    border-color: grey;
/*    border-color: #ed5565;
    border: solid 1px #ed5565;*/
}
/*  Antes accesibilidad
.ibox.conex-paq .ibox-title {
    border-color: #ed5565;
    background-color: #ed5565;
    color: white;
    border-bottom: 1px solid #ed5565;
}*/
.ibox.conex-paq .ibox-title {
    border-color: #ed5565;
    background-color: lightgrey;
    color: #333;
    border-bottom: 1px lightgrey solid;
}
.ibox.conex-paq thead th {
    /*background-color: #ed5565;*/
}

.ibox.conex-opmov {
    border-color: grey;
}
/*  Antes accesibilidad
.ibox.conex-opmov .ibox-title {
    border-color: #7CEE56;
    background-color: #7CEE56;
    color: white;
    border-bottom: 1px solid #7CEE56;
}*/
.ibox.conex-opmov .ibox-title {
    border-color: #7CEE56;
    background-color: lightgrey;
    color: #333;
    border-bottom: 1px lightgrey solid;
}
.ibox.conex-opmov thead th {
    
}

.ibox.conex-inet thead th, .ibox.conex-fijo thead th, .ibox.conex-paq thead th, .ibox.conex-tv thead th, .ibox.conex-mvl thead th, .ibox.conex-tlf thead th {
    /*background-color: lightgray;*/
    /*color: white;*/
}

.ibox.conex-baja {
    border-color: grey;
}

/***********CLIENTE ESTADOS (heredado del diseño antiguo)*/
.impagado {
    background-color:#FFA496 !important;
}
.desactivado {
    background-color:#F0F19E !important;
}
.preactivado {
    background-color:#B9F9CC !important;
}
/*Celda para los que tienen todas sus conexiones de baja*/
.baja {
    background-color:#BDBDBD !important;
}
/*Estados de la conexion*/	
.preactiva {
    background-color:#B9F9CC !important;
}
.cortada {
    background-color:#FFA496 !important;
}
.congelada {
    background-color:#F0F19E !important;
}
.paquetePertenece {
    background-color:#D7B8ED !important;
}

/* Botones de la botonera superior de la ficha del cliente */
.btnficha {
    border: 2px;
    font-size: 10px; 
    background-color: #213a53; 
    color: white;
    padding-top: 10px;
    padding-bottom: 7px;
    text-align: center;
}
.btnficha:hover, .btnficha.active {
    background-color: white;
    color: #333;
}

/* FORMULARIOS */

.form-group {
    margin-bottom: 12px;
}

.form-group label {
    padding-right: 0px;
}


/** Otros */

.pnlcerrado {
    /*display: none;*/
}

.modal .tituloCobro {
    margin: 0px;
}

.menuactual {
    font-weight: 900;
    background-color: #BDDBE4;
}

.menuactual a {
    color: #213a53 !important;
}

.menuactual a:hover {
    background-color: #BDDBE4 !important;
}

.buscadorRapido {
    /*color: white !important;*/
    /*color: grey !important;*/
    color: black !important;
    background-color: white !important;
    background-color: grey !important;
    
    /*background-color: #23c6c8 !important;*/
    /*border: inherit !important;*/
    height: 30px !important;
    margin: 14px 0 0 14px !important;
}
.buscadorRapido:focus{
    /*border-style: none !important;*/
    background-color: white !important;
}

/**
    SUSTITUYE ALGO DE style.css DE INSPINIA
**/

.animated { /* esta sustitución viene de animate.css */
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
}

.collapsing{
    -webkit-transition-duration:.10s;
    -o-transition-duration:.10s;
    transition-duration:.10s;
}

.pace-done .navbar-static-side,
.pace-done .nav-header,
.pace-done li.active,
.pace-done #page-wrapper,
.pace-done .footer {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.navbar-fixed-top {
    transition-duration: 0.2s;
}

.pace-done .nav-header {
    transition: all 0.2s; 
}

.skin-2b #page-wrapper {
    /*z-index: 1 !important;*/ /* modificado para mandar al fondo el logo porque en la página portada aparecía encima el logo */
}

.wrapper-content {
    z-index: 1;
}


/********************************************************************************************
OTROS */

/********************************************************************************************
VENTANA MAPAS */
.ui-widget-header {
    /*background-color: #5c9ccc;*/
    background-color: #147cbe;
}
/* desplegables e inputs en la ventana de mapas */
.campo input[type="text"], .campo select {
    /*height: 30px;*/
    padding: 0px;
    width: 100%;
}

/* Ventana modal */
.modal-body {
    padding: 15px 30px;
}
/********************************************************************************************
VENTANA LOGIN FLOTANTE */

/*.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}*/
.ui-widget-overlay {
/*    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    
    background-color: #000;
    opacity: 0.3;
    z-index: 2002; //.navbar-static-side z-index es 2001 */
}
.ui-dialog {
    z-index: 2003;/*.navbar-static-side z-index es 2001 */
}
.ui-dialog-titlebar {
    padding: 5px;
    padding-left: 15px;
    font-size: 14px;
    color: white;
    border: 1px solid white;
}
#dialog-form.ui-dialog-content, #dialog-form.ui-dialog-buttonpane {
    background-color: white;
    padding: 5px;
}
#dialog-form input {
    width: 140px;
    /*padding: 5px 7px;*/
    margin-bottom: 10px;
}
.ui-dialog-content #dialog-form .etiqueta {
    width: 80px;
    font-weight: 400;
    margin-left: 25px;
}
#dialog-form.ui-dialog-content {
    height: 130px !important;
    padding: 5px 15px 0 20px;
}
#dialog-form label.error {
    font-weight: 400;
    margin-left: 90px;
    margin-bottom: 0;
}
#dialog-form label.etiqueta {
    text-align: right;
    width: 80px;
    font-weight: normal;
}
#dialog-form input#lgr {
    margin: 15px 0 0;
}
#dialog-form input#cnt {
    margin: 8px 0 0;
}
#dialog-form p {
    margin: 0;
}
/* FIN - VENTANA LOGIN FLOTANTE */


button {
    border-radius: 3px;
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #ffffff;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    margin: 3px;
}
button:hover {
    background-color: #1874AE;
}
button.btn-white:hover {
    background-color: initial;
}

input[type='text'], input[type='password'], select {
    height: 30px !important;
    padding: 0 8px !important;
    border: 1px solid #e5e6e7;
    color: #565758;
    margin: 1px;
}

/* Esto es por los select del buscador que se le asignaba 30px de la regla anterior*/
select[multiple], select[size] {
    height: auto!important;
}

html input[disabled], html select[disabled] {
    cursor: not-allowed;
    color: graytext;
    background-color: #E6E6E6;
}
html input[disabled]:hover {
    cursor: not-allowed;
    color: graytext;
    background-color: #E6E6E6;
}


/* He tenido que poner este estilo porque también se asignaba el color anterior a los botones blancos*/
.btn-white:hover {
    background-color: inherit;
}

body.skin-2b #wrapper {
    /**
    * En el archivo style de inspinia tiene este valor:
    * background-color: #ededed;
    * y cuando no ocupa toda la pantalla se ve por debajo el degradado del body
    * y no queda bien */
    background-color: transparent;
}

.navbar-default {
    /**
    * En el archivo style de inspinia tiene este valor:
    * background-color: transparent;
    * por lo que se ve con el fondo del body que es un degradado y debe ser
    * el color #f8f8f8
    */
    background-color: #f8f8f8;
}

.navbar-static-top > ul > li > a {
    color: #d9d9d9 !important;
}

/* Menú contextual antiguo */
div.menu {
    background-color: white !important;
    border-width: 1px !important;
}

.titulo_pag {
    font-size: 24px;
}

@media (max-width: 768px) {
    /* En móviles no se mostraba el buscador */
    .navbar-form-custom {
        display: inline;
        width: 100px;
    }
}

/* Estos botones de la derecha se pegaban a la izquierda con pantalla menores de 768px
y así los dejo siempre a la derecha */
.navbar-right {
    float: right!important;
    margin-right: -15px;
}

/* Estilos del desplegable del buscador rápido */
.ui-menu-item {
    font-weight: lighter!important;
    padding: 2px!important;
}
.ui-state-focus {
    border: none!important;
    cursor: pointer!important;
    background-color: lightgrey!important;
}


/**
Modificaciones de los estilos de la plantilla para adaptarlos a la accesibilidad
*/

.skin-2 #side-menu > li > a,
.skin-2 .nav.nav-second-level > li > a {
    color: #495a69;
}

.skin-2b #side-menu > li > a,
.skin-2b .nav.nav-second-level > li > a {
    color: #495a69;
}

.skin-2b .nav > li > a {
    color: #495a69;
}

.count-info .label {
    color: #333;
}
.btn-primary, .label-primary, .badge-primary {
    color: #333 !important;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #757575;
}

/* Fondo de la cabecera de los paneles */
.blue-bg {
    background-color: #147cbe;
}

.ibox-title {
    border-width: 6px 0px 0;
}

.ibox-content .baja {
    color: #333;
}

.textoDatatableCentrado{
    text-align: center !important;
}

/**
FIN => Modificaciones de los estilos de la plantilla para adaptarlos a la accesibilidad
*/