/* ---- iconos de syncfusion metro studio ----- */
/* -- TPV --*/
@font-face {
font-family: 'TPV';
src:
url('../fonts/TPV.ttf') format('truetype'),
url('../fonts/TPV.woff') format('woff');
/*url('Fonts/TPV.eot') format('eot'),
url('Fonts/TPV.svg?#TPV') format('svg');*/
font-weight: normal;
font-style: normal;
}

[class^="sf-icon-tpv-"], [class*=" sf-icon-tpv-"] {
 font-family: 'TPV' !important;
speak: none;
font-size: 55px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.sf-icon-tpv-volver:before { content: "\e800"; }
.sf-icon-tpv-tarjeta:before { content: "\e802"; }
.sf-icon-tpv-regalo:before { content: "\e803"; }
.sf-icon-tpv-ticket:before { content: "\e804"; }
.sf-icon-tpv-factura:before { content: "\e805"; }
.sf-icon-tpv-imprimir:before { content: "\e806"; }
.sf-icon-tpv-efectivo:before { content: "\e807"; }
.sf-icon-tpv-bolsa:before { content: "\e808"; }
.sf-icon-tpv-devolver:before { content: "\e809"; }
.sf-icon-tpv-transferencia:before { content: "\e810"; }
.sf-icon-tpv-financiacion:before { content: "\e811"; }
.sf-icon-tpv-lock:before { content: "\e812"; }
.sf-icon-tpv-menu:before { content: "\e813"; }
.sf-icon-tpv-impresora-vacia:before { content: "\e814"; }
.sf-icon-tpv-calendario:before { content: "\e815"; }
/* -- Botonera --*/
@font-face {
font-family: 'Botonera';
src:
url('../fonts/Botonera.ttf') format('truetype'),
url('../fonts/Botonera.woff') format('woff');
/*url('../fonts/Botonera.eot') format('eot'),
url('../fonts/Botonera.svg?#Botonera') format('svg');*/
font-weight: normal;
font-style: normal;
}

.sf-icon{
 font-family: 'Botonera' !important;
speak: none;
font-size: 55px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.sf-icon-botonera-carrito-añadir:before { content: "\e700"; }
.sf-icon-botonera-eliminar:before { content: "\e701"; }
.sf-icon-botonera-pausa:before { content: "\e702"; }
.sf-icon-botonera-candado:before { content: "\e703"; }
.sf-icon-botonera-retrasar:before { content: "\e704"; }
.sf-icon-botonera-mas:before { content: "\e705"; }
.sf-icon-botonera-rehacer:before { content: "\e706"; }
.sf-icon-botonera-rehacer-2:before { content: "\e707"; }
.sf-icon-ver-categorias:before { content: "\e709"; }
.sf-icon-botonera-mas-acciones:before { content: "\e710"; }
.sf-icon-ventas:before { content: "\e70b"; }
.sf-icon-arqueos:before { content: "\e70c"; }
.sf-icon-ingresar:before { content: "\e70d"; }
.sf-icon-retirar:before { content: "\e70e"; }
.sf-icon-nuevo:before { content: "\e70f"; }
.sf-icon-teclado:before { content: "\e711"; }
.sf-icon-nuevo-relleno:before { content: "\e712"; }
.sf-icon-botonera-eliminar-relleno:before { content: "\e713"; }
.sf-icon-botonera-etiqueta:before { content: "\e714"; }
/* -- Botones 30 x 30*/

@font-face {
font-family: 'botones3030';
src:
url('../fonts/botones3030.ttf') format('truetype'),
url('../fonts/botones3030.woff') format('woff');
/*url('Fonts/botones3030.eot') format('eot'),
url('Fonts/botones3030.svg?#botones3030') format('svg');*/
font-weight: normal;
font-style: normal;
}

.sf-icon-btn30{
 font-family: 'botones3030' !important;
speak: none;
font-size: 30px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.sf-icon-btn30-editar:before { content: "\e600"; }
.sf-icon-btn30-dropdown:before { content: "\e601"; }
.sf-icon-btn30-ojo:before { content: "\e602"; }
.sf-icon-btn30-codigo_barras:before { content: "\e603"; }
.sf-icon-btn30-borrar:before { content: "\e605"; }
.sf-icon-btn30-cerrar:before { content: "\e606"; }


/*---------------*/

.e-btn-icon.e-icon-dlg-close.e-icons{
    font-family: 'botones3030' !important;
}
.e-btn-icon.e-icon-dlg-close.e-icons:before{
    color: #C8C7D5!important;
    content: "\e606" !important;
    position: relative;
    font-size: 16px!important;
}

.e-grid .e-content .e-row:hover {
    background-color: #F2F6FF !important;
}

input[type="checkbox"]{
    height: 23px!important;
    margin: 0px 4px 0px 0px!important;
}

.no_subrayado, .no_subrayado:hover {
    text-decoration:none!important;
}

.subtitulo-error{
    color: yellow;
    font-weight: normal;
    line-height: 2em;
}

/* logo pantalla equipos */
.logo-imagen{
    width:100%;
    margin-top: 25px
}
.logo-imagen img{
    max-height: 150px;
    min-height: 12px;
}
.logo-imagen td{
    text-align:center;
    font-weight: bold;
    padding: 0 20px;
}
.punteado_arriba {
    border: 1px dashed grey;
    border-bottom: none;
    padding-top:5px
}
.punteado_abajo  {
    border: 1px dashed grey;
    border-top: none;
}

.spinner_visible{
    display: block;
    position: fixed;
    top: 50vh;
    z-index: 2147483647;
    left: 50vw;
    background: url(/images/cargando.png)white no-repeat top left;
    width: 98px;
    height: 100px;
    margin-top: -49px;
    margin-left: -50px;
    border-radius: 50px;
    box-shadow: 5px 5px 8px #ccc;
}


#UsuarioListados_color_fondo {
    width:217px
}
#UsuarioListados_icono{
    width:187px
}

.chosen-container.error .chosen-single{
    border-color: red!important;
    background: #ffeeee;
}

.popover-title{
    font-weight: normal;
    color: #2fa4e7;
    background-color: white;
    border-bottom: 1px solid #2fa4e7;
}

label[data-rel^="popover"]{
    width: auto;
}

label[data-rel^="popover"]:after{
    font-family:'FontAwesome','Verdana'!important;
    content: "\f111";
    vertical-align: super;
    font-size: xx-small;
    color: #2fa4e7;
    margin-left: 3px;
}

label[data-rel^="popover"]:hover{
    cursor: pointer;
    width: auto;
}

a.ayuda{
    font-size: xx-small!important;
    vertical-align: super;
    margin-left: 3px;
    cursor:help;
}

.popover-title span{
    float:none!important;
    margin-left:0px
}

.popover small {
    font-size: 9px!important
}

div.popover.clockpicker-popover.bottom.clockpicker-align-left div.arrow{
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #aaa;
}

.monospace{
    font-family: monospace;
    white-space: pre;
}

div.box-header.well h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    white-space: nowrap;
}


.icon-info{
    float: left;
    margin: 4px 10px!important;
    cursor: pointer;
}


#wp-button i{
    vertical-align: middle;
    font-size: 35px;
    margin-right:30px;
}

#wp-button :hover{
    color: #3c68aa;
}

.superindice{
    font-size:10px!important;
    vertical-align: super!important;
}
.noty_bar.noty_theme_default.noty_warning {
    background-color: orangered!important;
    border-color: orangered!important;
    color: white!important;
}

.noty_close {
    top: 6px!important
}

fieldset.grande input, fieldset.grande button, fieldset.grande i {
    height:30px;
    font-size: 16px;
}

fieldset.grande .add-on{
    height:20px;
}


.table .fa{
    font-size: 14px;
}
.btn-peque {
    height: 25px;
    margin-bottom: 2px
}
.btn-black,.label-black {
    background:black;
    color:white;
    text-shadow:none
}

/* zona clientes */
.btn-pagar{
    margin-bottom: 2px;
    width: 100%!important;
    height: 35px!important;
}
/* Solo estilo para no apliar js  */
.btn-pagar-style {
    margin-bottom: 2px;
    width: 100%!important;
    height: 35px!important;
}


.frm-pagar{
    margin-bottom:0px
}

/*---------------*/

#grid_listado tbody tr td {
    white-space: pre-wrap!important;
    font-family: "Lucida Console", Monaco, monospace
}


#app_update{
    position: relative;
    margin-bottom: 10px;
    margin-right: 10px;
    float: right;
}

.msg_cargando{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 9999999;
}

#cargando_contenedor {
    width:100%;
    height:100%;
    background-color:#ddd;
    overflow: hidden
}
#cargando_contenedor #contenido {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #999;
    box-shadow: 5px 5px 5px #aaa;
}
#cargando_contenedor #titulo {
    padding-top: 24px
}
#cargando_contenedor #titulo h4{
    font-size: 22px
}
#cargando_contenedor #titulo .mensaje{
    font-size: 18px
}

.msg_cargando #cargando_contenedor {
    background-color: rgba(200,200,200,0.5)!important
}



.txt-izda{
    text-align:left!important
}
.txt-dcha{
    text-align:right!important
}
.txt-centro{
    text-align:center!important
}
.txt-justificado{
    text-align:justify!important;
    text-justify: inter-word!important;
}

.footer_historico{
    text-align:right!important;
    white-space: nowrap;
}

.sql {
    min-height: 40vh!important;
}

.pointer {
    cursor:pointer!important
}

.concepto_contable{
    width: 25vw!important;
    max-width: 25vw!important;
    white-space: normal!important
}

#equipos-form input input:not([type="checkbox"]) {
    font-size: 13px;
    padding-left: 8px;
    height:28px
}
#equipos-form .dataTables_filter input {
    height: 22px
}
#equipos-form a.chosen-single {
    height: 28px;
}
#equipos-form select {
    font-size: 13px;
    padding-left: 4px;
}
#equipos-form .select2-container {
    margin-bottom: 1px;
}
#equipos-form .dataTables_filter label {
    white-space: nowrap
}
#equipos-form .dataTables_length label {
    color: #555555;
    font-weight: normal;
    font-size: 13px;
}

.chosen-container {
    margin-bottom: -1px
}
.chosen-disabled a.chosen-single{
    background: #f5f5f5
}

.cke_inner .chosen-container{
    margin-bottom:0px;
    width: 30%
}
.cke_inner .chosen-drop{
    opacity: 0.95
}

.panel {
    margin-bottom: 20px;
    /*background-color: #fff;*/
    border: 1px solid #999999;
    /*border-radius: 4px;*/
    /*-moz-border-radius: 4px;*/
    /*-webkit-border-radius: 4px;*/
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-footer {
    padding: 10px 15px;
    text-align: left;
    /*background-color: white;*/
    /*border-radius: 2px 2px 0 0;*/
    /*opacity: 0.5;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.panel-heading{
    padding: 10px 15px;
    /*color: #fff;*/
    /*border-bottom: 1px solid transparent;*/
    /*border-top-left-radius: 3px;*/
    /*border-top-right-radius: 3px;*/
}

/*@media (max-width:979px){
   .panel-heading{
        color: #555555;
        background-color: #FFF;
        border-bottom-left-radius:3px;
        border-bottom-right-radius:3px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }
    
    .panel-heading i.fa{
       color: #555 !important;
    }
}*/

.panel-heading div.texto{
    display: -webkit-box;
    line-height: 16px;
    height: 32px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    float: right;
}

.minipanel {
    float:left;
    width: 24%;
    margin-right: 1%;
    overflow: hidden;
}

.minipanel a{
    text-decoration:none;
}
.minipanel a:hover{
    cursor: pointer;
}
.minipanel .multiple{
    float:left;
    width:70%;
    overflow: hidden
}
.panel-heading .valor{
    max-width:70%;
    float:left;
    color: #999999;
}

.panel-heading .icono{
    max-width:30%;
    float:right;
}
.panel-heading .icono .fa{
    color: #999999!important;
}

.minipanel .etq-editar, .mini_grafica .etq-editar{
    /*float:left;*/
    cursor: pointer;
    /*visibility: hidden;*/
}

.minipanel .etq-borrar, .mini_grafica .etq-borrar{
    /*float:right;*/
    cursor: pointer;
    /*visibility: hidden;*/
}
.minipanel .etq-filtrar, .mini_grafica .etq-filtrar{
    /*float:right;*/
    cursor: pointer;
    /*visibility: hidden;*/
}
.minipanel .etq-duplicar, .mini_grafica .etq-duplicar{
    /*float:right;*/
    cursor: pointer;
    /*visibility: hidden;*/
}

.minipanel .titulo_etiqueta, .mini_grafica .titulo_etiqueta{
    /*width: 70%;*/
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    /*white-space: normal;*/
}
.minipanel .titulo_iconos, .mini_grafica .titulo_iconos{
    float: right;
    visibility: hidden;
    background-color: #ffffff;
    /*border: 1px solid #999999;*/
    /*width: 15%;*/
}
.panel-footer span{
    font-weight: bold;
    /*color:#000;*/
}

.mini_grafica {
    float:left;
    width: 32%;
    margin-right: 1%;
    margin-bottom: 1%;
    /*overflow: hidden;*/
}

.minipanel .panel-heading {
    cursor: default
}
.minipanel a .panel-heading{
    cursor: pointer
}

.mini_grafica .titulo_grafica{
    height: 18px;
    /* border-bottom: 2px solid #999999;*/
    font-weight: bold;
    color:#999999;
    padding: 10px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mini_grafica .cuerpo_grafica {
    padding: 10px 15px;
}
.ordenable.ui-sortable {
    cursor: pointer
}
.ordenable2.ui-sortable{
    cursor: crosshair
}
.ordenable.ui-sortable .panel-footer, .ordenable2.ui-sortable .titulo_grafica{
    cursor: move
}

.huge {
    font-size: 2.5vw;
    line-height: 2.5vw;
}

div#sistema #hdd, div#sistema #ram, div#sistema #cpu {
    width: 25%;
    min-width: 200px;
    float:left;
    margin-left: 4%;
    margin-right: 4%;
    margin-bottom:1vh
}


div#contenido {
    float:right
}

table.dataTable tfoot th, table.dataTable tfoot td{
    padding-right:5px
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 4px 5px;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

table.dataTable tbody th:first-child, table.dataTable tbody td:first-child {
    border-left: none;
}


.dataTables_scroll table.dataTable thead th, .dataTables_scroll table.dataTable thead td{
    border-bottom: none!important;
}

.dataTables_scroll table.dataTable tfoot th, .dataTables_scroll table.dataTable tfoot td{
    border-top: none!important;
}

.dataTables_scrollFoot {
    background: #f0f0f0;
    border: 1px solid #777!important;
    border-top: none!important;

}

.dataTables_processing{
    z-index: 999;
    background:none!important;
    top: 45%!important;
}

table.dataTable tbody tr:last-child td{
    border-bottom: none;
}

.dataTables_scroll div.dataTables_scrollBody {
    border: 1px solid #777;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

table.dataTable.table-striped tbody tr.selected td {
    background-color: transparent
}
;

.cuadrado {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.oculto {
    display:none
}

.well.condensada {
    padding: 0 10px
}
.cabecera.simple {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 5px;
    font-size: 13px;
}

.prepend_fijo{
    width: 90px!important;
    text-align: left!important;
}

#btn_recordar {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: -21px 0 4px 0;
    border: 1px solid #ccc;
}

.btn[disabled] {
    opacity: 0.2;
}

.btn-estrecho {
    height: 22px;
    padding: 0px;
    text-shadow: none;
}

.btn-browse{
    height: 28px;
    border-radius: 0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    background: lightgrey;
    font-family: "FontAwesome", "Helvetica"!important;
}

.entero, .real{
    text-align:right
}

#incidencias .entero, #incidencias .real{
    text-align: left;
}

.chosen-container-single .chosen-single, .chosen-container-single .chosen-default{
    background:white;
    color:#555555;
    box-shadow: none
}
.chosen-disabled {
    opacity: 1!important;
}
.chosen-disabled span {
    cursor: not-allowed!important;
}



.sin_sombra {
    text-shadow: none;
}

.awesome{
    font-family:'FontAwesome','Verdana'!important;
}
.tabla tbody tr:first-child{
    background-color:#f0f0f0;
}

.tabla tbody tr:first-child td{
    font-weight: bold;
    text-transform: uppercase;
}

.combo_grande {
    height:32px!important;
    font-size: 14px!important
}
.texto_grande {
    font-size:14px!important;
    line-height:15px;
}

/*ckeditor */
.cke_combo_text, .cke_combopanel {
    width:auto!important;
}
.cke_button__save_icon {
    color: green;
}
.cke_top {
    padding-bottom: 10px!important
}


.regla {
    margin-left: 12px!important;
    width: 210mm!important;
    height: 10px!important;
    font-size: 0!important;
    clear: both;
    position: absolute!important;
    margin-top: 34px!important;
}


.regla span {
    width: 36.7px;
    font-size: 9px!important;
    display: inline-block!important;
    text-indent: 1px;
    border-left: 1px solid #555;
    background-size: 10px 5px;
}

.regla span:nth-last-child {
    border-right: none
}

.regla i{
    width: 0px;
    border-right: 1px solid #555;
    height: 5px;
    margin-left: 5mm;
    display: block;
    position: absolute;
    margin-top: -5px;
}


.ubicacion input{
    height: 26px!important;
    font-size:12px!important
}



/*tabla con scroll */

.tablescroll{
    border: 1px solid #dddddd;
    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tablescroll_head {
    width:100%;
}
.tablescroll th,
.tablescroll td {
    border-left: 1px solid #dddddd;
}
.tablescroll caption + thead tr:first-child th,
.tablescroll caption + tbody tr:first-child th,
.tablescroll caption + tbody tr:first-child td,
.tablescroll colgroup + thead tr:first-child th,
.tablescroll colgroup + tbody tr:first-child th,
.tablescroll colgroup + tbody tr:first-child td,
.tablescroll thead:first-child tr:first-child th,
.tablescroll tbody:first-child tr:first-child th,
.tablescroll tbody:first-child tr:first-child td {
    border-top: 0;
}
.tablescroll thead:first-child tr:first-child th:first-child,
.tablescroll tbody:first-child tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}
.tablescroll thead:first-child tr:first-child th:last-child,
.tablescroll tbody:first-child tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}
.tablescroll thead:last-child tr:last-child th:first-child,
.tablescroll tbody:last-child tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 4px;
    -moz-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
}
.tablescroll thead:last-child tr:last-child th:last-child,
.tablescroll tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
}
.tablescroll tbody tr:nth-child(odd) td,
.tablescroll tbody tr:nth-child(odd) th {
    background-color: #f9f9f9;
}
.tablescroll thead {
    text-transform: capitalize;
}
.tablescroll tfoot {
    background: #f0f0f0;
}
.tablescroll tfoot td {
    text-align: center;
}

.tablescroll thead {
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1a000000',GradientType=3 );
}
.tablescroll thead tr.filters{
    background: #f3f3f3;
    text-align: center;
}

/* flujos pasos */
#pasos_flujos {
    border: none;
    margin-bottom: 0px;
}
#pasos_flujos tr td{
    border-left-width:0px !important;
}
#pasos_flujos tr td:first-child {
    border-left-width: 2px!important;
    /* //border-right-width: 1px!important;*/
}

#flujos-form {
    margin-bottom: none!important;
}
#flujos-form h4 {
    margin-top: 20px!important;
}

/* tabla vertical */

.tablav tbody tr td:first-child {
    font-weight: bold;
    text-transform: uppercase;
    background-color:#f0f0f0;
    width: 50%;
}

/* graficas */

.contenedor{
    width:100%;
    clear: both;
    margin-bottom: 20px;
    min-height: 100px;
}

.grafica {
    float: left;
    margin-right: 20px;
}

.meter {
    float: left;
}

.ajax-loader{
    margin: 40px auto;
    display: block;
}

.consola{
    font-family: monospace;
    padding: 10px;
}

.zoom-x2{
    zoom: 1.8;
    -moz-transform: scale(1.8);
}


.fa {
    text-shadow: none;
}

/* iconos de los grid */
.grid-view .fa.fa-trash  {
    color: #e12b31;
}
.grid-view .fa.fa-pencil {
    color: #88c149;
}
.grid-view .fa.fa-eye    {
    color: #54b4eb;
}

.button-column {
    width: 70px;
}
td.button-column {
    text-align:center
}

.grid-view-loading {
    position:relative;
    width:100%;
    height:100%;
}

.grid-view-loading:before {
    position:absolute;
    top:45%;
    left:45%;
    content: url(/images/cargando.png);
    background: white;
    border-radius: 50px;
    box-shadow: 5px 5px 8px #ccc;
    width: 98px;
    height: 100px;
}

.grid-view .numeros{
    margin-bottom: 0px;
}
.grid-view .numeros i.fa {
    float:left
}


.grid-view table {
    width:100%!important
}
a.fa.fa-question-circle{
    text-decoration:none
}

#fondo_login {
    position:absolute;
    top:0;
    z-index:-1;
}

#login-form fieldset .input-prepend .add-on {
    margin-right: -5px!important;
    margin-top: 1px!important;
}


.tiene-sufijo{
    padding: 0 4px!important;
    height: 20px!important;
    width: 80%;
}

.sufijo{
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    color: #555555;
    border-radius: 0 3px 3px 0;

    padding: 2px 5px;
    margin-left: -1px;
    position: absolute;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
}

.rpp {
    margin-bottom: 5px
}

a.label {
    text-decoration:none
}


.hr {
    border-top: 1px dashed #ccc;
    margin:20px 0;
    clear:both
}


/*calendario*/
.fc .fc-toolbar h2 {
    text-transform:capitalize
}

input#texto_buscar{
    background: white;
    border-radius: 3px;
    /*margin-left: 5px;*/
    margin-left: 0px;
    margin-top: 5px;
    width: 83%;
}

@media (min-width:979px){
    input#texto_buscar{
        margin-left: 0px;
        margin-top: 4px;
        width: 77%;
    }
}

/*footer en jquery-ui modal */
.modal-footer{
    position: absolute;
    bottom: 0px;
    width: 93%;
    left: 0px;
}

.modal-body .modal-footer .btn {
    text-shadow: none
}
.modal-footer .awesome {
    height: 30px;
}
.modal-footer .btn {
    text-shadow: none;
}

.table-responsive, .grid-view {
    width:100%;
    overflow-x: auto!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.grid-view .filters input, .grid-view .filters select{
    width: 98%!important;
}

.grid-view .filters select{
    height: 23px!important
}

.grid-view.espaciado img {
    max-width: 100%!important;
}

.grid-view.espaciado td {
    padding:5px!important
}

.grid-view.espaciado a.adjunto.mini {
    max-width: 100px!important;
}
.ui-dialog{
    padding: 0;
}

/* fix para los modal popup, si no no se puede editar el campo */
.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
    z-index: 9999 !important;
}



div.noticia .autor{
    margin-right:10px
}
div.noticia .destacada {
    float:right;
}
div.noticia .ver_mas {
    cursor:pointer;
    color:#2fa4e7;
    padding: 10px 0px;
}

#Eventos_dow div {
    float: left;
    margin-right:5px
}

div#proximos_eventos h2 {
    text-align:center
}
div#proximos_eventos .label {
    margin: 2px 0;
}
div#proximos_eventos a:hover {
    cursor:pointer!important
}
div#proximos_eventos #eventos-list {
    margin-top: 15px;
    padding: 15px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}



@media (max-width: 500px) {
    .modal-footer {
        position: relative;
        margin-top: 20px;
    }

    #popup input[type="checkbox"] {
        height: 22px;
        width: 22px;
    }

}

@media (max-width: 979px){
    .main-menu-span .brand img {
        display: none
    }
}

/* paginacion clistview */
.paging_simple_numbers .pagination {
    margin: 10px 0 0 0;
}
.paging_simple_numbers .first, .paging_simple_numbers .last {
    display:none
}
.paging_simple_numbers .previous a{
    border-left-width: 1px;
    border-radius:3px 0 0 3px
}
.paging_simple_numbers .next a{
    border-radius: 0 3px 3px 0
}
.paging_simple_numbers a {
    padding: 0 12px;
    background:white
}



.label {
    overflow:hidden
}
.chosen-container-single .chosen-single{
    border-radius: 0;
}

.sms_tlf {
    font-size:14px!important;
    text-align:center;
    letter-spacing:2px
}
#send_sms,#send_email,#send_whatsapp {
    background:palegoldenrod !important;
    margin: 5px 20px 0 !important;
}
#send_sms2 {
    background:palegoldenrod;
}
span.texto {
    line-height: 25px;
}

.center {
    text-align:center!important
}

div#series_importar{
    height: 250px;
    overflow-y: scroll;
    margin-top: 10px;
}


/* nuevo estilo menús, sólo para escritorio y tablets */
.navbar .btn-group {
    padding: 0px;
}

.navbar .pull-right .dropdown-menu, .navbar .dropdown-menu.pull-right {
    right: 27px;
}

.menu-desplegable {
    border: 0;
    color: white;
    background: none;
    box-shadow: none!important;
    text-shadow: none;
    border-left: 1px solid #1F2E9C;
    border-right: 1px solid #1F2E9C;
    border-radius: 0!important;
    height: 32px;
    line-height: 32px!important;
    overflow: hidden!important;
}

.btn-group.open .btn.dropdown-toggle, .menu-desplegable:hover{
    background-color: #9760b3!important;
    background-image: -webkit-linear-gradient(top, #a271bb, #9760b3);
    color:white!important
}

.menu-desplegable .caret{
    opacity: 0.8;
    border-top-color: white;
    vertical-align: text-top;
}

.btn-inline {
    height: 21px;
}
.chosen-like {
    margin-top: -1px;
    height:25px;
    font-size:13px
}

.label-inline, button.inline {
    float: left!important;
    line-height: 20px;
}

button.inline {
    margin-right:4px;
}

.input-prepend.input-append.inline{
    margin-top: 0px;
    height: 16px;
}
.btn-inline, .input-prepend.input-append.inline .add-on {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}



.condensada td, .condensada p{
    padding: 2px;
    margin: 0px;
    line-height: 10px;
}


table#arqueos td{
    padding: 0px;
    margin: 0px;
    line-height: 10px;
}

table#arqueos input{
    height:auto;
    width: 60px;
    font-size: 14px;
    background-color: lightgoldenrodyellow;
}
table#arqueos .total{
    float:right;
    margin-right:10px;
}
table#arqueos tr td:first-child{
    padding-left:5px
}
.fa-rotate-45 {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

div.saldos .numeros {
    font-size:14px
}
div.saldo_final {
    border-top: 1px dashed #ccc;
    padding-top: 6px;
}
div#Cajas_id_chosen{
    text-align:left!important
}
form#arqueos-form .datepicker {
    font-size:14px
}

div#admin-menu{
    padding-right: 0px!important;
    /*margin-right: -30px;*/
    margin-right: 0px;
    display: inline-block;
    /*margin-top: 15px;
    margin-bottom: 5px;*/
}

@media(max-width:768px){
    div#admin-menu{
        margin-top: 10px;
        /*margin-bottom: 5px;*/
    }
}

a#desconectar, #global_search,a#alerta{
    margin-left: 5px;
    margin-top: 7px;
    display: block;
    float: left;
    text-shadow: 1px 1px 3px black;
}
a#telegram.pull-left{
    float:left;
    margin-left: 5px;
    margin-top: 7px;
    display:block;
}

a#eventos{
    margin: 7px 5px 0px 5px;
    display: block;
    float: left;
}

a#eventos_rrhh{
    margin-left: 5px;
    margin-top: 7px;
    display: block;
    float: left;
    text-shadow: 1px 1px 3px black;
    margin-right: 20px;
}

a#control_presencia{
    float:left;
    margin-left: 5px;
    margin-top: 7px;
    display:block;
}

a#correos{
    margin-left: 5px;
    margin-top: 7px;
    display: block;
    float: left;
    text-shadow: 1px 1px 3px black;
    margin-right: 20px;
}

.menu-accesos-rapidos {
    border: 0;
    color: white;
    background: none;
    box-shadow: none!important;
    text-shadow: none;
    border-radius: 0!important;
    height: 32px;
    line-height: 32px!important;
}

.menu-accesos-rapidos .caret{
    opacity: 0.8;
    border-top-color: white;
    vertical-align: text-top;
}

.btn-group.open .btn.dropdown-toggle, .menu-accesos-rapidos:hover{
    background-color: #9760b3!important;
    background-image: -webkit-linear-gradient(top, #a271bb, #9760b3);
    color:white!important
}

/*Miriam*/
#global_search{
    margin-left: 15px;
    margin-top: 13px;

}

/*(min-width:768px) and */
@media (max-width:979px){
    #global_search{
        margin-top: 13px !important;
        float: right !important;
    }
}

a#desconectar i{
    text-shadow: 1px 1px 3px black;
}
a#desconectar i:hover, #global_search:hover {
    color: yellow!important;
    cursor:pointer
}
a#usuarioicon{
    color: white!important;
    text-align: center!important;
    font-weight: bold!important;
    float: left!important;
    display: inline-block!important;
    padding-top: 6px!important;
    margin-left:5px;
    margin-right:5px;
}

a#alerta{
    float: left !important;
}
.noticias_no_leidas{
    margin-left: -13px;
    background-color: #fff;
    color: red;
    padding: 1px;
    position: absolute;
    top: 4px;
    border-radius: 10px;
    min-height: 15px;
    min-width: 15px;
    text-align: center;
    text-shadow: none;
    font-weight: bold;
}

div#resultado_buscador{
    padding: 20px;
}


textarea#script_text{
    font-family: monospace;
    margin-top: 5px;
}

@media (min-width: 979px){
    .navbar {
        position: fixed;
        z-index: 999;
        width: 100%;
        top: 0px;
    }

    div#menu-principal {
        position: fixed;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
    }

    div#page-content {
        margin-top:50px;
        padding-left: 3px;
        padding-right: 3px;
    }

    /*.maximizado {position: absolute; left: 0; padding: 0 10px; margin-left: 0px!important;}*/
}

/* desactivamos cosas para la vista móvil */
@media (max-width: 768px){
    /* #maximizar {display: none}*/
    .btn.btn-navbar {
        display:none
    }
}


.ui-sortable-helper {
    display: table;
}

/*datatables 
div.DTS tbody th, div.DTS tbody td {
    white-space:normal; 
    table-layout: fixed;
    word-wrap: break-word;
}
*/


/* Popover Body */
.popover-content {
    text-align: justify
}


/*
 * Bootstrap Grid System without space
 *
 * Overwrite Bootstrap grid system, removing margin
 * Usage : 
 * Simple add no-space class with row-fluid
 * <ul class="row-fluid no-space"> ... </ul>
 */

.row-fluid.no-space input{
    height: 25px;
    font-size: 13px;
}

.row-fluid.no-space label{
    margin-bottom: 3px;
}

.row-fluid.no-space input[type="button"]{
    margin-top: 18px;
    margin-left: 5px;
}

.row-fluid.no-space [class*="span"] {
    margin-left: 0%;
    *margin-left: -0.06944%;
}
.row-fluid.no-space [class*="span"]:first-child {
    margin-left: 0;
}
.row-fluid.no-space .controls-row [class*="span"] + [class*="span"] {
    margin-left: 0%;
}
.row-fluid.no-space .span12 {
    width: 99.99999999999999%;
    *width: 99.93055555555554%;
}
.row-fluid.no-space .span11 {
    width: 91.66666666666666%;
    *width: 91.59722222222221%;
}
.row-fluid.no-space .span10 {
    width: 83.33333333333331%;
    *width: 83.26388888888887%;
}
.row-fluid.no-space .span9 {
    width: 74.99999999999999%;
    *width: 74.93055555555554%;
}
.row-fluid.no-space .span8 {
    width: 66.66666666666666%;
    *width: 66.59722222222221%;
}


/* PANEL CLIENTES */

.fondo_tarjeta {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.no_romper_palabra {
    white-space: nowrap;
}

#panel_clientes input, #panel_clientes select {
    font-size: 14px!important;
    text-align: left!important;
}

#panel_clientes input.numeros {
    text-align: right!important;
}

#panel_clientes input {
    padding: 0 9px!important;
}

#panel_clientes a#desconectar i:hover {
    color:green!important
}
#panel_clientes img.favicon {
    margin-left: 0;
}
#panel_clientes .nombre_usuario {
    color: #555555;
    line-height: 40px;
    max-height: 40px;
    max-width: 150px;
    overflow: hidden;
    display: block;
    float: left;
    text-align: center;
    margin-left: 8px;
}

#panel_clientes #myTabContent {
    border: 1px solid #ccc;
    border-top: none;
    padding: 10px;
    margin-top: -18px;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;

}


@media (max-width: 767px){
    .fondo_tarjeta {
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
    }
    #panel_clientes .container-fluid {
        padding: 0 10px;
    }
    #panel_clientes .no_movil {
        display:none;
    }
}

@media (max-width: 650px){
    .fondo_tarjeta {
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }
}

@media (max-width: 480px){
    #panel_clientes .nombre_usuario {
        max-width: 100px;
    }
}

.btn-claro{
    opacity: 0.8;
}
span.required{
    color:red;
}

.label-primary{
    background-color: #5882FA !important;
}


#islpronto-widget {
    left: 140px;
    right:auto!important;
    height: 40px;
}
#islpronto-button-container{
    left:-128px;
    right:auto!important;
    width:200px!important;
}
#islpronto-chat-container {
    left:-150px;
    right:auto;
}
#islpronto-eye-catcher-close{
    display:none!important
}
#islpronto-eye-catcher {
    position: relative!important;
    bottom: 0px!important;
    right: 15px!important;
    padding: 0px!important;
}

#islpronto-eye-catcher-img{
    max-height: 100px!important;
}

.pieLabel {
    /*border: 1px solid black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}

.pieLabel div{
    color: black!important
}

.total_pestana{
    /*border:thin solid yellow;*/
    background-color:#fff;
    color:red;
    padding:1px;
    border: thin solid red;
    border-radius: 10px;
    min-height: 15px;
    min-width: 15px;
    text-align: center;
    text-shadow: none;
    font-weight: bold;
}
.total_pestana_boton{
    /*border:thin solid yellow;*/
    background-color:#fff;
    color:red;
    padding:1px;
    border: thin solid red;
    border-radius: 10px;
    min-height: 15px;
    min-width: 15px;
    text-align: center;
    text-shadow: none;
    font-weight: bold;
    position: relative;
    right: -30px;

}

.span12 > iframe {
    width:100%!important;

}

/* DATATABLES EDITOR */
div.DTE_Inline div.DTE_Inline_Field div.DTE_Field>label,div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field>label{
    display:none!important
}
div.dt-buttons {
    position: relative;
    float: none;
    margin-left : auto;
    margin-right: auto;
    display: table;
}


.firma_cliente_margen{
    float: left;
    position: absolute;
    top: 50%;
    z-index: 0;
}

/* Border Select chosen*/
.chosen-container-single .chosen-single {
    border: 1px solid #ccc;
}

/*Mergen para las ayudas dentro de un span que tenga la clase ayudaSpan*/
.row-fluid [class*="ayudaSpan"]  {
    margin-left:8px;
}

.row-fluid [class*="ayudaSpan"] a {
    vertical-align: sub;
}

.cl_ancho .cleditorMain{
    width: 99.60%!important;
    margin-top: 2px;
}


.comentario_inicial{
    overflow-x:visible;
    overflow-y:auto;
    overflow-wrap: break-word;
    padding: 4px;
    /*height:200px;*/
    border:1px solid #ccc;
    border-bottom: none;
}

#llamadas-descripcion-grid td{
    padding: 0;
    overflow: hidden;
}

#llamadas-descripcion-grid tr td{
    background: white!important;
}

#llamadas-descripcion-grid .titulo_comentario{
    background: #FFE0B3;
    border-bottom: 1px solid #ddd;
    height: 30px;
    line-height: 30px;
    padding-left: 3px;
    padding-right: 3px;
}



#llamadas-descripcion-grid .titulo_comentario_interno{
    background: #FFE;
    border-bottom: 1px solid #ddd;
    height: 30px;
    line-height: 30px;
    padding-left: 3px;
    padding-right: 3px;
}

.titulo_comentario_cliente{
    background: #C3D9FF;
    border-bottom: 1px solid #ddd;
    height: 30px;
    line-height: 30px;
    padding-left: 3px;
    padding-right: 3px;
}


#llamadas-descripcion-grid .cuerpo_comentario{
    padding: 3px;
    float: left;
    overflow-x: visible;
    overflow-wrap: anywhere;
}

.comentario_adjuntos{
    background: #F4FAFF;
    float:left;
    width:100%;
    float:left;
    padding: 3px;
}

.comentario_adjuntos.borde{
    border: 1px solid #ccc;
    border-top: none;
    padding: 3px;
}


.comentario_adjuntos fa{
    margin-right: 3px;
}

.comentario_adjuntos a{
    margin-right: 10px;
}

#llamadas-descripcion-grid .publico{
    margin: 0 auto;
}

#llamadas-descripcion-grid .titulo_comentario a,
#llamadas-descripcion-grid .titulo_comentario_interno a,
.titulo_comentario_cliente a {
    vertical-align: baseline;
    margin-right: 5px
}

#llamadas-descripcion-grid .btn[disabled] {
    opacity: 0.5;
}

.grid-adjuntos{
    overflow-x: hidden;
    overflwy-y: auto;
    height: 187px;
    border: 1px solid #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#frm_enviar_mail .grid-adjuntos{
    height: 87px;
}
/* Estilos para pantallas de hasta 768px (vista móvil) */
@media (max-width: 767px){
  .grid-adjuntos {
    height: 40px !important;
  }
}

.grid-adjuntos td, .grid-adjuntos table {
    border:none
}

.grid-adjuntos thead {
    display:none
}



.code128{
    width: 170px
}
.code128 img, .code128 span{
    text-align:center;
    display: block;

}

div.ui-dialog-buttonset > .btn-primary{
    height: 31px;
    text-shadow: none;
    position: absolute;
    left: 15px;
    bottom: 10px;
}

div.ui-dialog-buttonset > .dialog_ok{
    height: 29px;
    text-shadow: none;
    position: absolute;
    left: 15px;
    bottom: 5px;
    border: none;
    background: #89b05d;
}

.dialog_ok:before {
    content: "\f00c";
    margin-right: 3px;
}

/* //activar esto cuando vayamos a remodelar los botones de todos los popup
div#popup input.btn.btn-small.btn-primary.awesome{ display: none!important}
.boton_popup { display: none!important}

div.ui-dialog-buttonset{ width: 100%}
.dialog_ok{
    background: green!important;
    font-family: FontAwesome;
    float:left;
}

.dialog_ok:before {content: "\f00c"; margin-right: 3px;}


.dialog_cerrar{
    background: red!important;
    float:right;
}
*/

.dialog_cerrar:before {
    content: "\f08b";
    margin-right: 3px;
}


.boton_popup{
    height: 30px!important;
    margin-top: 6px;
    box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px 0px inset, #817b58 0px 1px 2px 0px;
    min-width: 100px;
}

.scroll_gridview {
    max-height: 200px;
    overflow: auto;
}

.scroll_gridview2 {
    max-height: 400px;
    overflow: auto;
}

.scroll_gridview3 {
    max-height: 600px;
    overflow: auto;
}

div[class^="task_"] .ui-progressbar {
    position: relative;
    height: 15px;
}
div[class^="task_"] .progress-label {
    top: 0px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    height: 15px!important;
    color: black;
}
div[class^="task_"] .progress-title{
    text-align: center;
    white-space:nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}

div[class^="task_"] .ui-progressbar .ui-progressbar-value{
    background-color: #ff8822;
}


#pie_login{
    position:absolute;
    bottom:10px;
    padding-left:10px;
}

#modo_ip_rango input.ipv4, #modo_ip_individual input.ipv4{
    width:117px!important;
}

.punteado {
    padding: 5px;
    border: 1px dotted #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

pre.code {
    background: white;
    word-break:normal;
    word-wrap: normal;
    overflow:auto
}
pre.code code {
    overflow-x:initial!important
}
pre.code code.hljs {
    display:initial!important;
    padding:0
}

#ver_versiones_anteriores{
    position: relative;
    margin-bottom: 10px;
    margin-right: 10px;
    float: right;
}
ul.noty_cont.noty_layout_bottomLeft{
    left:95px !important;
    bottom: 30px !important;
}






/* Crear contrato tarifas fijas y móviles */
#caja .btns-tarifas-fuera,#div_cambio_fecha_servicios .btns-tarifas-fuera{
    display: flex;
    justify-content: center;
}
#caja .btns-tarifas,#div_cambio_fecha_servicios .btns-tarifas{
    cursor: pointer;
    height: 130px;
    width: 130px;
    border: 2px solid #ff8822;
    border-radius: 70px;
    margin-top: 20px;
    margin-bottom: 10px;
}
#caja #tar-movil i.fa,#div_cambio_fecha_servicios #tar-movil i.fa{
    margin-left:53px;
    margin-top: 40px;
    font-size: 52px
}
#caja #tar-fija i.fa,#div_cambio_fecha_servicios #tar-fija i.fa{
    margin-left:49px;
    margin-top: 47px;
    font-size: 40px
}
#caja #otras-tar i.fa,#div_cambio_fecha_servicios #otras-tar i.fa{
    margin-left:46px;
    margin-top: 49px;
    font-size: 38px
}
#caja .btns-tarifas i.fa,#div_cambio_fecha_servicios .btns-tarifas i.fa{
    color:grey !important
}
#caja #movil-fijo-otras .span4,#div_cambio_fecha_servicios #movil-fijo-otras .span4{
    margin-left: 0px !important;
}
#caja #movil-fijo-otras .span4 p,#div_cambio_fecha_servicios #movil-fijo-otras .span4 p{
    text-align: center
}
#caja #movil-fijo-otras .span6,#div_cambio_fecha_servicios #movil-fijo-otras .span6{
    margin-left: 0px !important;
}
#caja #movil-fijo-otras .span6 p,#div_cambio_fecha_servicios #movil-fijo-otras .span6 p{
    text-align: center
}
#caja #movil-fijo-otras .span12,#div_cambio_fecha_servicios #movil-fijo-otras .span12{
    margin-left: 0px !important;
}
#caja #movil-fijo-otras .span12 p,#div_cambio_fecha_servicios #movil-fijo-otras .span12 p{
    text-align: center
}

#caja #pasos-crear-contratos{
    margin-bottom: 20px
}
#caja #pasos-crear-contratos .btns-pasos-contratos{
    border:2px solid #ccc;
    padding:25px
}
#caja #pasos-crear-contratos .btns-pasos-contratos.paso-contrato-activo{
    background: #fffaf6;
    border-color: #ff8822
}
#caja #pasos-crear-contratos .btns-pasos-contratos i.fa{
    color:#aaa;
    font-size: 25px;
    margin-left: 15px
}
#caja #pasos-crear-contratos .btns-pasos-contratos.paso-contrato-activo i.fa{
    color:#666
}
#caja #pasos-crear-contratos .btns-pasos-contratos div{
    text-align: center
}
#caja .box-content .combinada-simple h4{
    margin-top: 0px !important;
    margin-bottom: 25px !important
}
#caja #botonera_contrato-siguiente #btn-siguiente-formulario-contratomadre, #caja #botonera_crear_contrato #btn-guardar-formulario-contratomadre{
    float: right
}

.dropdown-menu.dropdown-menu-botonera {
    width: auto;
    min-width: auto;
    max-width: fit-content;
}

#caja #resumen_contrato {
    padding: 10px;
    background: #fffaf6;
    border:2px dashed #ccc
}
#caja #crear-contrato-usuario-form .no-margen-izda{
    width: 8.5%
}
#caja #crear-contrato-usuario-form .no-margen-izda a{
    float: right;
    padding: 0px !important;
    height: 17px;
    padding: 3px 0px !important
}
#caja #crear-contrato-usuario-form .select2 {
    margin-bottom: 1px
}
#caja #crear-contrato-usuario-form #refrescar_pagina2{
    background: #d8b849;
    height: 13px;
    border-radius: 15px;
    padding: 5px 6px 5px 5px !important;
    width: 12px
}
#caja #crear-contrato-usuario-form #btn_crear_grupo {
    width: 100%;
    background: #ff8822 !important;
    border-radius: 0px;
    float: right
}
#crear-contrato-usuario-form #refrescar_pagina2 {
    margin-left: -5px
}
#crear-contrato-usuario-form .select2-container--default .select2-selection--single .select2-selection__placeholder{
    color:#555 !important
}
#crear-contrato-usuario-form .nuevaSimPopup{
    border-radius: 0px;
    float: right;
    width: 100% !important;
    background: #ff8822!important
}
#crear-contrato-usuario-form #colocar_tlfono select{
    height: 25px
}
.resumen_contrato{
    padding: 10px;
    background: #fffaf6;
    border:2px dashed #ccc
}


/*CSS ORIGINAL*/
#caja .combinada-simple button{
    border: none;
    outline: none;
    box-shadow: none
}
#tarifas_dinamicas label.h3{
    font-size: 25px;
    color: #444444;
    float: left;
    margin-right: 10px;
}
#tarifas_dinamicas #cobertura{
    width: 200px;
}
#tarifas_dinamicas h3{
    font-size: 25px;
    clear: both;
    display: block;
    width: 100%;
    font-weight: bold;
    color: #444444;
}
#tarifas_dinamicas a{
    text-decoration:none!important
}
#caja .combinada-simple .dcha{
    float:left;
    width: 270px;
    display:block;
    margin-top: 15px;
    height: 115px;
    border: 1px dashed #ccc;
    background: #fffaf6
}
#recuento_datos{
    padding-bottom:10px;
}
#caja .combinada-simple .tarifa_voz, #caja .combinada-simple .tarifa_datos {
    height: auto;
    background: white;
    float: left;
    margin-bottom: 10px;
    margin-top:10px;
    width: 100%;
    float: left;
    margin-top: 39px;
}
#caja .combinada-simple #voz, #caja .combinada-simple #datos{
    float:left;
    margin-top:15px;
    margin-right: 60px;
    width: 260px;
    border: 1px dashed #ccc;
    padding: 0 20px;
    height: 115px;
}
#caja .combinada-simple #mas, #caja .combinada-simple #igual{
    float:left;
    margin-top:125px;
    font-size:30px;
    font-family:'Roboto', sans-serif;
    color:#666666;
}
.tarifa_voz .nombre {
    text-align: center;
    font-size: 35px;
    color: grey;
}
.tarifa_voz .precio {
    margin-top: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-family:'Roboto', sans-serif;
}
.tarifa_datos .nombre {
    text-align: center;
    font-size: 35px;
    color: grey;
}
.tarifa_datos .precio {
    margin-top: 15px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    font-family:'Roboto', sans-serif;
}
#caja .combinada-simple .precio_final{
    font-size: 40px;
    color: #df3343;
    display: block;
    text-align: center;
    font-family:'Roboto', sans-serif;
    margin-bottom: 10px;
    margin-top: 45px
}
#caja .combinada-simple .euro {
    font-size: 18px;
    font-weight: normal;
    font-family:'Roboto', sans-serif;
    font-weight:bold;
    color:#666666;
}
#caja .combinada-simple .voz_final, #caja .combinada-simple .datos_final {
    color: #df3343;
    font-size: 20px;
    display: block;
    text-align: center;
    font-family:'Roboto', sans-serif;
}
#caja .combinada-simple .contratar {
    color: white!important;
    text-decoration: none!important;
    background: #df3343;
    position: relative;
    bottom: 0px;
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0px 10px 0px;
    height: auto;
    font-size: 22px;
    z-index: 99999;
    font-family:'Roboto', sans-serif;
    -moz-border-radius: 6px;
    -webkit-border-radius:6px;
}
#caja .combinada-simple .contratar:hover{
    background: #b72c38;
}
#caja .combinada-simple a.tarifa_voz:hover .nombre, #caja .combinada-simple a.tarifa_datos:hover .nombre, #caja .combinada-simple a.tarifa_voz.activa .nombre, #caja .combinada-simple a.tarifa_datos.activa .nombre {
    color: #e74f25;
}
#caja .combinada-simple a.tarifa_voz:hover .precio, #caja .combinada-simple a.tarifa_datos:hover .precio, #caja .combinada-simple a.tarifa_voz.activa .precio, #caja .combinada-simple a.tarifa_datos.activa .precio {
    color: #666666;
}
#caja .combinada-simple .no_api{
    font-size: 30px;
    width: 50%;
    border: 2px solid #e74f25!important;
    background: #faddd7;
    color: #e74f25;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

/*  TARIFAS */
#caja .combinada-simple .tarifas {
    padding: 20px;
}
#caja .combinada-simple .tarifas .tarifa{
    border-radius: 5px;
    width: 230px;
    height: 230px;
    border: 1px solid  #719430;
    background: white;
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 10px;
    position: relative;
    overflow: hidden;
}
#caja .combinada-simple .tarifas .fondo {
    height:340px;
    width:340px;
    -webkit-transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    transform: rotate(75deg);
    content:'';
    display:block;
    position:absolute;
    left: -61px;
    top: -194px;
    background-color: #719430;
    z-index:1 ;
}
#caja .combinada-simple .tarifas .tarifa .nombre{
    font-size: 30px;
    line-height: 30px;
    float: left;
    width: 100%;
    overflow: hidden;
    color: white;
    border-top: none!important;
    border-bottom: none!important;
    border-left: none!important;
    border-right: none!important;
    z-index: 9;
    position: relative;
}
#caja .combinada-simple .tarifas .tarifa .precio{
    font-size: 40px;
    z-index: 9999;
    position: absolute;
    bottom: 10px;
    right: 10px
}
#caja .combinada-simple .tarifas .tarifa .contratar{
    background: #ffd432;
    width: 230px;
    height: 61px;
    visibility: hidden;
    z-index: 9;
    left: 0px;
    color: black!important;
    opacity: 0.95;
    position: absolute;
    bottom: 47px;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
}
#caja .combinada-simple .popover{
    width: 300px;
    height: auto;
    min-height: 230px;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
    z-index: 9999;
    background: white;
}
#caja .combinada-simple .popover_titulo{
    background-color: #ffd432;
    text-align: center;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    color: black;
}
#caja .combinada-simple .popover_contenido{
    padding: 10px;
    border-left: 1px solid #ccc;
    border-radius: 0 0 0 5px;
    font-size: 14px;
    line-height: 20px;
    height: auto;
    min-height: 183px;
}
#caja .combinada-simple .popover_contenido ul {
    list-style-type: disc!important;
    margin-left: 17px;
}

/*BOTONES*/
#caja .combinada-simple .boton_mas{
    cursor: pointer;
    background: url(../../../images/mas-verde.png);
    background-size: contain!important;
    background-repeat: no-repeat!important;
    height: 40px;
    width: 40px;
    border: 0 none;
    outline: 0 none;
    text-indent: -9999px;
    margin-right: -41px;
    margin-top: 21px;
}
#caja .combinada-simple #datos .boton_mas {
    margin-top: 37px;
}
#caja .combinada-simple .boton_mas:hover{
    background: url(../../../images/mas-verde-hover.png);
}
#caja .combinada-simple .boton_mas_gris{
    background: url(../../../images/mas-gris.png);
    cursor: default;
}
#caja .combinada-simple .boton_mas_gris:hover{
    background: url(../../../images/mas-gris.png);
    cursor: default;
}
#caja .combinada-simple .boton_menos{
    cursor: pointer;
    background: url(../../../images/menos-verde.png);
    background-size:contain!important;
    background-repeat:no-repeat!important;
    height:40px;
    width:40px;
    border: 0 none;
    outline:0 none;
    text-indent: -9999px;
    margin-top: 37px;
    margin-left: -40px;
}
#caja .combinada-simple .boton_menos:hover{
    background: url(../../../images/menos-verde-hover.png);
}
#caja .combinada-simple .boton_menos_gris{
    background: url(../../../images/menos-gris.png);
    cursor: default;
}
#caja .combinada-simple .boton_menos_gris:hover{
    background: url(../../../images/menos-gris.png);
    cursor: default;
}
#caja .combinada-simple .botones{
    text-align:center;
    float: left;
}

/*TEXTO*/
#caja .combinada-simple .letras{
    color:#666666;
    font-family:'Roboto', sans-serif;
    font-size:15px;
}
#caja .combinada-simple .numeros{
    color:#9ecd6f;
    font-family:'Roboto', sans-serif;
    font-size:30px;
}
#caja .combinada-simple #voz .letras{
    text-transform: lowercase!important
}

/* PALETA DE COLORES PARA CADA TIPO DE TARIFA*/

/*Verde Dinfotec*/
#caja .combinada-simple .paleta1 .fondo {
    background-color: #719430!important;
}
#caja .combinada-simple .paleta1 .precio{
    color: #719430!important;
}
/*Verde lima*/
#caja .combinada-simple .paleta2 .fondo {
    background-color: #d0e400!important;
}
#caja .combinada-simple .paleta2 .precio{
    color: #d0e400!important;
}
/*Azul agua*/
#caja .combinada-simple .paleta3 .fondo {
    background-color: #00767c!important;
}
#caja .combinada-simple .paleta3 .precio{
    color: #00767c!important;
}
/*Azul oscuro*/
#caja .combinada-simple .paleta4 .fondo {
    background-color: #120781!important;
}
#caja .combinada-simple .paleta4 .precio{
    color: #120781!important;
}

#caja .combinada-simple .iva {
    clear:both;
    padding-top:15px
}


/* SELECT 2*/
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: whitesmoke!important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ccc!important;
    border-radius: 0!important;
    margin-bottom: -1px;
}

.select2-container--default .select2-selection--multiple {
    height: 30px!important;
    min-height: 30px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
    border-color: #ccc!important;
}

@media (max-width: 573px) {
    #tarifas_dinamicas label.h3 {
        margin-bottom: 10px
    }
    .logo-imagen img{
        max-height: 50px
    }
    .logo-imagen{
        width:100%;
        margin-top: 5px
    }
}

@media (max-width: 721px) {
    #caja .combinada-simple #voz, #caja .combinada-simple #datos, #caja .combinada-simple .dcha {
        width: 100%
    }

}

@media (min-width: 722px) and (max-width: 1006px)  {
    #caja .combinada-simple #voz, #caja .combinada-simple #datos{
        width: 45%
    }
    #caja .combinada-simple #datos {
        margin-right: 0px
    }
    #caja .combinada-simple .dcha {
        width: 100%
    }
}

.fc-view, .fc-view > table {
    z-index: auto!important;
}

.jump-to-page {
    float: right!important;
    margin-bottom: 10px!important;
}

/* Iconos menu superior del mismo tamaño */
#admin-menu #telegram i {
    font-size: 22px;
    margin-top: 2px;
}
#admin-menu #usuarioicon i {
    font-size: 25px;
}
#admin-menu #btn_accesos_rapidos i {
    font-size: 26px;
    margin-top: 4px;
}
#admin-menu #btn_menu_desplegable {
    float: left;
}
#admin-menu #btn_menu_desplegable i {
    font-size: 22px;
    margin-top: 9px;
}
#admin-menu #desconectar i {
    font-size: 24px;
    margin-top: 2px;
}
#admin-menu #eventos i {
    font-size: 22px;
    margin-top: 1px;
}
#admin-menu #noti-menu i {
    font-size: 22px;
    margin-top: 9px;
}



/* iphone-toggle */
input.iphone-toggle {
    position: relative!important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none!important;
    width: 50px!important;
    height: 30px!important;
    background-color: #ffffff!important;
    border: 1px solid #D9DADC!important;
    border-radius: 50px!important;
    -moz-border-radius: 50px!important;
    -webkit-border-radius: 50px!important;
    box-shadow: inset -20px 0 0 0 #ffffff!important;
    transition-duration: 200ms!important;
    transform: scale(0.8);
}

input.iphone-toggle:after {
    content: ""!important;
    position: absolute!important;
    top: 1px!important;
    left: 1px!important;
    width: 26px!important;
    height: 26px!important;
    background-color: transparent!important;
    border-radius: 50%!important;
    box-shadow: 2px 4px 6px rgba(0,0,0,0.2)!important;
}

input.iphone-toggle:checked {
    border-color: #4ED164!important;
    box-shadow: inset 20px 0 0 0 #4ED164!important;
}

input.iphone-toggle:checked:after {
    left: 20px!important;
    box-shadow: -2px 4px 3px rgba(0,0,0,0.05)!important;
}

.estilo_filtros {
    padding: 5px 15px!important;
}

/* Para los botones que van pegados a un combo */
.flex {
    display: flex!important;
    margin-bottom: -1px;
}

.flex .chosen-container {
    width: calc(100% - 28px)!important;
    height: 28px !important;
}
.flex .chosen-single {
    height: 28px !important;
}

.flex1 .btn{
    border-radius: 0;
    width: 22px;
    height: 20px;
    padding: 3px 2px;
    font-size: 7px;
}
.flex1 .btn[disabled]{
    border: 1px solid black;
    border-left: none;
    width: 23px;
}
.flex1 .btn-gris{
    border: 1px solid #ccc;
    border-left: none;
}

.flex1 .btn i{
    margin-top: 3px;
}

.flex1 .flex-button{
    width: 28px !important;
    height: 28px;
    font-size: 14px;
}


element.style {
}
button.btn.btn-small, input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px;
}
.btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}
.btn.active:focus, .btn:active:focus, .btn:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}
.flex1 button.btn {
    border-radius: 0;
    border: 1px solid #ccc;
    border-left: none;
    width: 28px!important;
    height: 28px;
}

.flex1 button.btn i {
    margin-top: 0px;
}

.flex1 li button.btn {
    margin-left: 10px;
}

ul#nav-botones-vistas ul.dropdown-menu, ul#nav-botones-listados ul.dropdown-menu {
    right: 0;
    left: auto;
}

.label-vertical{
    margin-bottom: 5px;
}
.titulo_comentario_cliente_inicial{
    background: #D7FFC7;
    border-bottom: 1px solid #ddd;
    line-height: 30px;
    padding-left: 3px;
    padding-right: 3px;
}

.fotografia_operador{
    width: 28px;
    height: 28px;
    border-radius:20px;
    margin-top: 3px;
}

#usuarioicon.superusuario:after{
    font-family: 'FontAwesome','Verdana'!important;
    content: '\f005';
    position: absolute;
    bottom: 8px;
    left: 0px;
    color: yellow;
    text-shadow: 0px 0px 3px black;
}

.logo-imagen-usuario{
    width:100%;
    margin-top: 25px
}
.logo-imagen-usuario img{
    max-height: 80px
}
.logo-imagen-usuario td{
    text-align:center;
    font-weight: bold
}
.logo-imagen-usuario {
    cursor: pointer;
}

@media(max-width:768px){
    .mini_grafica, .minipanel{
        width: 100%!important;
    }
}

.btn-princial-cabecera {
    border: 1px solid #cccccc;
    padding: 3px;
    font-size: 13px;
    line-height: 16px;
    color: #369bd7!important;
    background: whitesmoke;
    font-weight: normal;
    border-radius: 2px;
}

.btn-princial-cabecera:hover{
    background: #ddd;
    border-color: #2c2c2c;
}

.monospace{
    font-family: monospace!important;
}

/* iphone-toggle-small */
input.iphone-toggle-small {
    position: relative!important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none!important;
    width: 40px!important;
    height: 15px!important;
    background-color: #ffffff!important;
    border: 1px solid #D9DADC!important;
    border-radius: 50px!important;
    -moz-border-radius: 50px!important;
    -webkit-border-radius: 50px!important;
    box-shadow: inset -20px 0 0 0 #ffffff!important;
    transition-duration: 200ms!important;
    transform: scale(0.8);
}

input.iphone-toggle-small:after {
    content: ""!important;
    position: absolute!important;
    top: 1px!important;
    left: 1px!important;
    width: 20px!important;
    height: 20px!important;
    background-color: transparent!important;
    border-radius: 50%!important;
    box-shadow: 2px 4px 6px rgba(0,0,0,0.2)!important;
}

input.iphone-toggle-small:checked {
    border-color: #4ED164!important;
    box-shadow: inset 16px 0 0 0 #4ED164!important;
}

input.iphone-toggle-small:checked:after {
    left: 20px!important;
    box-shadow: -2px 4px 3px rgba(0,0,0,0.05)!important;
}
table#arqueos_new td{
    padding: 0px;
    margin: 0px;
    line-height: 10px;
}

table#arqueos_new input{
    height:auto;
    width: 60px;
    font-size: 14px;
    background-color: lightgoldenrodyellow;
}
table#arqueos_new .total{
    float:right;
    margin-right:10px;
}
table#arqueos_new tr td:first-child{
    padding-left:5px
}

table.arqueos_new td{
    padding: 0px;
    margin: 0px;
    line-height: 10px;
}

table.arqueos_new input{
    height:auto;
    width: 60px;
    font-size: 14px;
    background-color: lightgoldenrodyellow;
}
table.arqueos_new .total{
    float:right;
    margin-right:10px;
}
table.arqueos_new tr td:first-child{
    padding-left:5px
}

div#arqueos-grid-new table td{
    padding: 0px;
    margin: 0px;
    line-height: 10px;
}

div#arqueos-grid-new table input{
    height:auto;
    width: 60px;
    font-size: 14px;
    background-color: lightgoldenrodyellow;
}
div#arqueos-grid-new table .total{
    float:right;
    margin-right:10px;
}
div#arqueos-grid-new table tr td:first-child{
    padding-left:5px
}
div.arqueos-grid-new table td{
    padding: 0px;
    margin: 0px;
    line-height: 10px;
}

div.arqueos-grid-new table input{
    height:auto;
    width: 60px;
    font-size: 14px;
    background-color: lightgoldenrodyellow;
}
div.arqueos-grid-new table .total{
    float:right;
    margin-right:10px;
}
div.arqueos-grid-new table tr td:first-child{
    padding-left:5px
}

.e-confirm-dialog {
    max-width: 420px!important;
    max-height: 350px!important;
}
.e-confirm-dialog .e-dlg-content{
    font-size: 16px!important;
    line-height: 20px!important;
    text-align: center!important;
}

.e-confirm-dialog .e-footer-content{
    text-align: center!important;
    margin-bottom: 10px!important;
}

.e-confirm-dialog .e-footer-content button,
.e-confirm-dialog .e-footer-content button:hover{
    min-width: 150px;
    height: 44px;
    border-radius: 3px;
    font-size: 16px;
    border: 1px solid;
}

.e-confirm-dialog .e-footer-content button.e-primary,
.e-confirm-dialog .e-footer-content button.e-primary:hover,
.e-confirm-dialog .e-footer-content button.e-primary:focus{
    background-color: #ea4e82!important;
    border-color: transparent;
    color: #fff;
    outline: #fafafa 0 solid;
    
}

.fa-bizum{
    padding: 0px;
    background: url(/images/bizum-blanco.svg)#555555 no-repeat center center!important;
    width: 47px;
    height: 38px!important;
}

/** estilos de syncfusion **/


label.e-label{ 
    line-height: 33px;
    font-size: 14px!important;
}

.minilabel{
    min-width: 30px;
    height: 19px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    padding: 2px 5px;
}
.minilabel.success{
    color: #00cc00;
    background-color: #ccffcc;
}
.minilabel.error{
    color: #e60000;
    background-color: #ffd7cc;
}

/* iOS Switch */
.switch-centrado{margin-top: 10px;}
.e-switch-wrapper.custom-iOS .e-switch-inner.e-switch-active,
.e-switch-wrapper.custom-iOS:hover .e-switch-inner.e-switch-active .e-switch-on {
  background-color: #3df865!important;
  border-color: #3df665!important;
}

.e-switch-wrapper.custom-iOS {
  width: 42px!important;
  height: 24px!important;
}

.e-switch-wrapper.custom-iOS .e-switch-handle {
  width: 20px!important;
  height: 20px!important;
}

.e-switch-wrapper.custom-iOS .e-switch-handle.e-switch-active {
  margin-left: -22px!important;
  background-color: #f5f5f5!important;
}
.e-switch-wrapper.custom-iOS .e-switch-on {
    background-color: #3df865!important;
}

.btn_awesome{
    font-family: 'FontAwesome',"Roboto","Segoe UI","GeezaPro","DejaVu Serif","sans-serif","-apple-system","BlinkMacSystemFont"!important;
    padding-top: 3px!important;
}

.paste_error {
    -webkit-animation: error_blink 300ms step-end 2;
            animation: error_blink 300ms step-end 2;
}

@-webkit-keyframes error_blink { 50% { background-color: #f34283; }}
        @keyframes error_blink { 50% { background-color: #f34283; }}