/*!
 * Start Bootstrap - Simple Sidebar (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

 body {
    overflow-x: hidden;
    background: #f4f6f9;
    font-family: 'Open Sans', sans-serif;
 }
 ul{
    margin: 0;
    padding: 0;
}
ul li{
    list-style-type: none;
}

 .btn-success{
    border:1px solid #5cb85c;
    background:#fff;
    color:#5cb85c;
}
.btn-warning{
    border:1px solid #f0ad4e;
    background:#fff;
    color:#f0ad4e;
}
.btn-primary{
    border:1px solid #337ab7;
    background:#fff;
    color:#337ab7;
}
.btn-info{
    border:1px solid #5bc0de;
    background:#fff;
    color:#5bc0de;
}
.btn-danger{
    border:1px solid #d9534f;
    background:#fff;
    color:#d9534f;
}

/* Toggle Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #263544;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 270px;
}

#page-content-wrapper {
    width: 100%;
    !position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    !position: absolute;
   ! margin-right: -200px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 10px;
    line-height: 50px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
}
.sidebar-nav li a .glyphicon{
    margin-right: 5px;
    font-size: 1.3em;
}
.sidebar-nav li a:hover {
    text-decoration: none;
    color: #42a5f5;
    background: #1d2531;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #ffffff;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #42a5f5;
    background: none;
}
.depo_user{
    font-weight: 700;
    text-align: center;
    vertical-align: middle!important;
}
.pad_10{
    padding:10px;
    display:block;
    overflow:hidden
}
.ico-left{
    float:left;
    width:20%;
}
.ico-left .glyphicon{
    font-size:2em;
    color:#607D8B;
    line-height:2em;
}
.msg-r{
    width:80%;
    float:left;
}
.tot-dep-cli{
    font-size:1.4em;
    font-weight:700;
    color:#444
}
.tot_dep_t{
    border-bottom:1px solid #969c9c;
}
.tot-custo {
    background: #FF9800;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}
.tot-custo h3{
    font-weight: 700;
    font-size: 2em;
}
@media(min-width:768px) {
    #wrapper {
        padding-left: 270px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 270px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
    .modal-dialog {
        width: 85%;
        margin: 30px auto;
   }
}

/*APP*/
.table-hover>tbody>tr:hover{background-color:#f2f2f2}
.envoltorio{
     -webkit-box-shadow: 0 0 5px 0 rgb(43 43 43 / 10%), 0 11px 6px -7px rgb(43 43 43 / 10%);
    box-shadow: 0 0 5px 0 rgb(43 43 43 / 10%), 0 11px 6px -7px rgb(43 43 43 / 10%);
    border: none;
    margin-bottom: 30px;
    !width: 90%;
    margin:auto;
    padding:10px 20px 20px 20px;
    overflow: hidden;
    background: #fff;
}
.top_30{
    margin-top:30px;
}
.envoltorio2{
    border:1px solid #eee;
    padding: 20px ;
}
.bg_gris{
    background: #f2f4f7;
}
.ficha{
    display: block;
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 20px;
}
#ver_ficha_cliente, #edit_cliente_u{
    min-height: 300px;
    overflow-y: auto;
}
#add_observaciones{
    min-height: 200px;
    overflow-y: auto;
}
.butoinicio {
    display:block;
    text-align:center;
    color:#161717;
    font-size:20px;
    padding:20px;
    margin-bottom:20px;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgb(43 43 43 / 10%);
    box-shadow: 0 2px 4px 0 rgb(43 43 43 / 10%);
}
.butoinicio:hover{
    text-decoration:none;
    background: #ecf0f5;
}
.butoinicio .glyphicon{
    font-size:50px;
    text-align:center;
    display:block;
    color:#263544;
}
#msg, #emsg, #msgob,#msgedclarriba,#msgedclabajo,#msgtraslado,#msgtrarriba,#msgedclabajo_serv,#msgedclabajo_ampl{
    display: block;
    overflow: hidden;
    height: 30px;
}
#msg{
    width: 100%;
}
.ifra{
    border:none;
    width:80%;
    margin:auto;
    min-height:200px;
    display:block;
}
.modal-body {
    overflow: auto;
}
.hid{
    display: none;
}
.wr{
    /*table-layout: fixed;*/
}
.wr td{
    word-wrap:break-word
}
.input_err{
    border:1px solid #f20;
}
#loader{
    position:fixed;
    top:0;
    right:0;
    left:0;
    margin:auto;
    width:300px;
    height:80px;
    z-index:999999;
}
#loader img{
    display: block;
    width:100px;
    height:58px;
    margin:auto;
}
#loader{
    display: none;
}
#bus_pr:hover{
    cursor: pointer;
}
.envoltorio.futuros{
    box-shadow: 0 0 2px #cfe6f9;
    border:1px solid #a9d1f3;
}
.envoltorio.antiguos{
    box-shadow: 0 0 2px #f3c87c;
    border:1px solid #d4c4a8;
}
.submenu{
    display: none;
    margin-left: 25px;
}
.submenu li{
    margin:0;
    padding:0;
    list-style-type:none;
}
.submenu li a{
    margin:0;
    padding:0;
    font-size:0.9em;
}
.cabecera_cli{
    text-align:center;
    background:#7a7f82;
    color:#fff;
    padding:8px;
    margin-top:0;
}
.cabecera_cli:hover{
    background:#31414a;
    cursor:pointer;
}
#cli_hab_actual,#cli_hab_futuro{
    border:1px solid #eee;
    border-top:none;
    padding:5px;
    display:block;
    overflow:hidden;
}
.cli_hab_f{
    padding:5px;
    border:1px solid #ccc;
    margin-top:10px;
    display:block;
    overflow:hidden;
}
.cab_a{
    background:#e3f3e8;
    color:#4e9c4e;
}
.cab_f{
    background:#e3eaf3;
    color:#337ab7;
}
.login{
    width:80%;
    max-width:400px;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    height:320px;
}
.edit_user_t{
    background:#ecf0f5;
    box-shadow:inset 0 0 5px #ccc;
}
.select2-container{
    width:98%!important;
    vertical-align: 0!important;
    padding:0;
}
.vivo{
    border:1px solid #337ab7;
    box-shadow:inset 0 0 10px #337ab7;
}
.alerta{
    margin:auto;
    padding:5px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.alerta .glyphicon{
    color:#F44336 ;
}
.alerta_depo{
    border: 2px solid #09b90f;
    color:#296f1d;
    background:#b4ecb3;
    animation-duration: 0.5s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
.mostrar_tot_dev{
    padding:15px 0;
    margin-bottom:15px;
}
#tot_a_dev{
    font-size: 1.5em;
    font-weight:700;
    color:#e0ec78;
    text-shadow:1px 1px 1px #000;
}
@keyframes blink {
    from {
        border-color: #296f1d;
        color:#296f1d;
    }
    to {
        border-color: #f12424;
        color:#f12424;
    }
}
.dt_c{
    padding:0 ;
    border:1px solid #dedede;
    overflow:hidden;
    display:block;
    margin-bottom: 20px;
}
/*.dt_c .cabecera_cli{
    margin-bottom:20px;
}*/
.traslado_l{
    background:#f2f2f2;
    display:block;
    overflow:hidden;
    margin-bottom:20px;
}
.cls{
    position:absolute;
    right:0;
    top:35px;
}
.cls:hover{
    cursor:pointer;
    color:#000;
}
.foto_hab{
    width:100%;
    border:1px solid #ddd;
    min-height: 250px;
}
.rmfoto{
    font-size:20px;
    position:absolute;
    right:5px;
    top:-9px;

}
.rmfoto:hover{
    cursor:pointer;
    color:#000;
}
.alerta-r{
    margin:auto;
    padding:10px;
    margin-bottom:20px;
    border: 1px solid #ddd;
}
#list-h-l{
    display:block;
    clear:both;
    font-weight:700;
}
#scroll-top{
    position:fixed;
    right:20px;
    bottom:5px;
    display:none;
}
.bordered{
    display:block;
    overflow:hidden;
    border:1px solid #ddd;
    margin-bottom:20px;
    padding:10px 0;
}
.ch_pr:hover{
    cursor:pointer;
    background:#baf5bb;
    color:#777;
}
.im_dc{
    padding:2px;
    margin-left:5px;
    border:2px solid transparent;
}
.im_dc:hover{
    border:2px solid #7a7f82;
    cursor:pointer;
}
#rok{
    padding:10px;
    text-align:center;
    color:#fff;
    background:#5cb85c;
}
#rko{
    padding:10px;
    text-align:center;
    color:#fff;
    background:#d9534f;
}
.ftr{
    padding:10px;
    text-align:center;
    color:#fff;
    background:#337ab7;
}
#msg_p{
    min-height: 20px;
}
.lista_pagos{
    padding:10px;
    margin: 5px 0;
    border:1px solid #ccc;
}
.pago_data{
    list-style-type:square;
    border-bottom:1px solid #ccc;
    list-style-type:none;
    padding:10px;
}
.cli_pg{
    padding:5px;
}
.cli_pg:hover{
    cursor:pointer;
    color:#fff;
    background:#161717;
}
.pagos_li{
    display:none;
}
#firmar_ctr_c{
    width:80%;
    max-width:500px;
    margin:auto;
    display:block;
    overflow:hidden;
    border:1px solid #90345c;
    border-radius:10px;
    background:#fff;
    padding:10px;
    margin-top:50px;
    min-height:350px;
}
#firmar_ctr_c h4{
    text-align: center;
}

.frm_log img{
    width:100%;
    display:block;
}
#acuerdo_fr{
    padding:15px;
}
#lk_frm{
    color:#fff;
    background:#a23463;
    padding:10px;
    clear:both;
    text-align:center;
    margin-top:20px;
    text-decoration:none;
    display:block;
    box-shadow:2px 2px 0 #000;
}
#lk_frm:hover{
    background:#ff9100;
    color:#7d274c;
}
#chk_f{
    margin:35px 0;
    display:block;
    clear:both;
    padding:10px;
    color:#d2407c;
}
#chk_f label{
    font-weight:700!important;
}
#alertas p{
    margin-top:3px;
}
.rojo{
    color:#d80707;
}
.dispovis{
    background: #1fbd4a;
    padding: 0;
    margin-bottom: 2px;
    display:block;
    overflow:hidden;
}
.dispovis span{
    display: block;
    padding: 8px;
    float:left;
}
.codigo_vs{
   width: 10%;
   color:#fff;
   background:#666;
}
.ocupa_vs{
    background:#ef5653;
    color:#fff;
    box-shadow:inset 1px 1px 3px #000;
}
.obs_cli{
    padding:5px;
    border:1px solid #999;
    position:relative;
}
.eliminar_obs{
  background:#ea3f01;
  color:#fff;
  display:block;
  width:20px;
  height:20px;
  text-align:center;
  line-height:20px;
  border-radius:100%;
  position:absolute;
  right:-5px;
  top:-5px;
}
.eliminar_obs:hover{
    background:#000;
    cursor:pointer;
}
#calendar_disp .day.highlightr{
    background:#ce4512;
    color:#fff;
    border-radius:0!important;
}
#calendar_disp{
    background: #f9f9f9;
    border:1px solid #ddd;
}
#calendar_disp  .old.highlightr,#calendar_disp .new.highlightr, #calendar_disp .new.day, #calendar_disp .old.day{
    color:#fff!important;
}
#calendar_disp .day{
    background:#3c763d;
    color:#fff;
    border-radius:0!important;
    border-left:1px solid #ccc !important;
    border-top:1px solid #ccc !important;
}
.label{
    font-size: 84%;
}
#calendar_disp .day.old{
    color:#bfb9b9 !important;
}
#calendar_disp .day.new{
    color:#bfb9b9 !important;
}
.hisc{
    border:1px solid #ddd;
}
.hisc th{
    color:#688e68;
}
.tiene_traslado{
   background:#ad009d; 
   display:inline-block;
   padding:3px;
   border-radius:3px;
   color:#fff;
   font-weight:bold;
   box-shadow:1px 1px 2px #161717;
}
.usr{
    background:#054848;
}
.usr .glyphicon{
    color: #42a5f5;
}
.alerta_tarea{
    border: 2px solid #268ee8;
    color:#000000;
    background:#b4ecb3;
    animation-duration: 0.5s;
    animation-name: blink_t;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
.alerta_tarea_pr{
    border: 2px solid #ef0101;
    color:#ffffff;
    background:#ad1919;
    animation-duration: 0.5s;
    animation-name: blink_t_2;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
.alerta_tarea_pr a{
    color:#ffdc5d;
}
.td_tarea{
    max-height: 300px;
    overflow-y: auto;
    display:block;
}
.tarea_t, .mesaje_t, .obs_t{
    border:1px solid #ccc;
    border-radius:3px;
    max-height:400px;
    background: #fff;
    overflow-y:auto;
}
.tarea_t h4, .mesaje_t h4, .obs_t h4{
    background:#333738;
    color:#fff;
    padding:3px;
}
.tarea_t{
    background:#f2fcff;
}
.tarea_t blockquote{
    font-size:1.1em!important;
    box-shadow:1px 1px 1px #d8d8d8;
}
.msg_t{
    display:block;
    overflow:hidden;
    padding:3px;
    max-height:200px;
    overflow-y:auto;
    background:#d2dfe4;
    box-shadow:inset 0 0 2px #034c5d;
}
.chat_de{
    max-width:80%;
    float:right;
    clear:both;
    padding:5px;
    border-radius:10px;
    border-top-right-radius:0;
    background:#f2f2f2;
    border-top-right-radius:0;
    box-shadow: 1px 1px #999;
}
.chat_para{
    text-align:left;
    max-width:80%;
    float:left;
    clear:both;
    padding:5px;
    border-radius:10px;
    background:#f2f2f2;
    border-top-left-radius:0;
    box-shadow: 1px 1px #999;
}
.obser_t{
    border-radius:10px;
    background:#f2f2f2;
    margin-bottom:10px;
    padding:5px;
    box-shadow: 1px 1px #999;
}
.obs_t_ct{
    display:block;
    overflow:hidden;
    padding:3px;
    max-height:200px;
    overflow-y:auto;
    background:#dbffee;
    box-shadow:inset 0 0 2px #65927d;
}
#msg_pago{
    width:250px;
    position:fixed;
    height:60px;
    top:30px;
    right:10px;
    border:2px solid #40709a;
    background:#fff;
    border-radius:8px;
    box-shadow:2px 2px #697584;
    display: none;
    z-index: 99999;
}
#cerr_msg{
    float:right;
    color:#ff002f;;
    font-size:18px;
}
#cerr_msg:hover{
    cursor:pointer;
}
@keyframes blink_t {
    from {
        border-color: #268ee8;
    }
    to {
        border-color: #f9bd11;
    }
}
@keyframes blink_t_2 {
    from {
        border-color: #f70000;
        background: #151515;
    }
    to {
        border-color: #080808;
        background: #f70000;
    }
}
#mas_filtros{
    margin-bottom: 20px;
}
#mas_filtros:hover{
    cursor:pointer;
    color:#000;
}
#filtros_mas{
    display: none;
}
#tar_ver{
    display:block;
    overflow:hidden;
    background:#f2f2f2;
    padding:20px;
}
.chart_wrapper{
    max-width: 100%;
    max-height: 400px;
   
}
.mas10dias{
    background:#e00000;
    display:inline-block;
    padding:5px;
    color:#fff;
}
#firmaCliente{
    width: 100%;
    border:1px solid #6699ff;
    z-index: 999999;
}
#link_csv a{
    font-size:1.4em;
}
.search_hid{
    display: none;
}
.alerta_tarea_wp{
    border: 2px solid #f51c03;
    color:#fff;
    background:#2d2733;
     animation-duration: 0.5s;
    animation-name: blink_wp;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
.alerta_tarea_wp a{
    color:#ceff56;
}
.err{
    background:#FF5722;
    color:#fff;
    padding:5px 15px;
}
.ok{
    background:#4CAF50;
    color:#fff;
    padding:5px 15px;
}

@keyframes blink_wp {
    from {
        border-color: #f51c03;
        background:#2c2632;
    }
    to {
        border-color: #000000;
        background:#a94442;
    }
}
.datos_cli_g{
    background:#f9f9f9;
    padding-top:10px;
    padding-bottom:10px;
    box-shadow:1px 1px 1px #ccc;
}
.datos_nuevo_plan{
     background:#fff;
    padding-top:10px;
    padding-bottom:10px;
    margin:20px 0;
    box-shadow:1px 1px 5px #ccc;
    border: 1px solid #ccc;
}
.pg_c{
    box-shadow:inset 0 0 3px #999;
    margin-top:5px;
}
#hb_cd{
    color: #00f;
}
.dev{
    box-shadow:inset 0 0 5px #f9a227;
}
.cls_concepto{
    background:#ffe9e9 !important;
}
.pgo_orig{
    background:#cefdd2;
    padding: 8px 0 8px 0;
    box-shadow:inset 0 0 4px #3d7f53;
}
.bloqueo{
   clear:both;
   width:100%;
   margin-bottom:10px; 
   display:block;
   overflow:hidden;
   background:#fff;
   box-shadow:inset 0 0 4px #d9534f;
}
.no_pagado{
    background:#ffd9d9 !important;
}
.inner_td{
    box-shadow:inset 0 0 8px #c2ccda;
    background:#f9f9f9;
}
.inline li{
    list-style-type:none;
    display:inline-block;
    padding:3px 10px;
    margin:3px;
    background:#eee;
    border:1px solid #ccc;
}
.atajo_ctr{
    font-weight:700;
}
.avalado{
    display:inline-block;
    background:#0771de;
    color:#fff;
    padding:8px;
    border-radius:8px;
    font-weight:bold;
    text-shadow:1px 1px #000;
}
.flotante{
    width:75%;
    max-width:500px;
    border:3px solid;
    box-shadow:2px 2px 3px #666;
    position:fixed;
    top:50px;
    right:20px;
    z-index:999;
}
.hb_n{
    font-weight:700;
    background:#535d82;
    color:#fff;
    vertical-align:middle;
    line-height:80px;
    display:inline-block;
    width:100%;
    text-align:center
}
#msg_a{
    position:fixed;
    width:50%;
    max-width:200px;
    top:50px;
    right:5px;
    padding:10px;
    background:#f4ffd3;
    border:1px solid #999;
    font-weight:700;
    text-align:center;    
    border-radius:5px;
    box-shadow:1px 2px 1px #999;
    display: none;
    z-index:999999999;
}
#ficha_doc{
    z-index:999999;
}
.plan_pr{
    padding:20px;
}
.plan_pr h4{
    color:#337ab7;
    font-weight:700;
}
.fechas_pr{
    display:inline-block;
    padding:5px;
    border:1px solid #000;
    background:#2d597f;
    color:#fff;
}
.hueco{
    background:#b1e0f7 !important;
}
.diagrama_cli{
    overflow:hidden;
    padding:10px;
    margin-bottom:20px;
    background:#f2f2f2;
}
.flecha{
    font-weight:700;
    font-size:1em;
}
.diag_p{
    padding:5px;
    background:#54bb56;
    color:#fff;
    margin:3px;
}
.diag_f{
    padding:5px;
    background:#c5c142;
    color:#fff;
    margin:3px;
}
.lista_r{
    padding:10px;
    background:#ecf0f5;
    margin-bottom:15px;
}
#hid_sv{
    display: none;
}
.lavess_v{
    padding:10px 20px;
    width:100%;
    overflow:hidden;
    background:#f4f4f4;
}
.lista_p{
    padding:20px 5px 10px 5px;
    border-bottom: 1px solid #ccc
}
.top-30{
    margin-top: 30px;
}
#num_selec{
    font-weight: 700;
    color:#fff;
    display:inline-block;
    background:#337ab7;
    border-radius:5px;
    width:50px;
    text-align:center;
}
.wif{
    background:#e5edfd;
    margin-bottom:10px;
}

.dl:hover{
    cursor:pointer;
}
#ficha_hab .thumbnail img{
    max-height:150px;
    overflow:hidden;
}
.gasto{
    display:inline-block;
    padding:3px 5px;
    border:1px solid #999;
    margin-right:5px;
    background:#eee;
}
.fia{
    display:block;
    overflow:hidden;
    background:#f2f2f2;
    padding:15px;
}
.ver_mas{
    color:#337ab7;
    font-weight:700;
}
.ver_mas:hover{
    cursor:pointer;
    color:#666;
}
.hid{
    display: none;
    padding:15px;
    background:#f9f9f9;
}
.wifi_piso div{
    background:#e7fbf7;
    padding: 15px;
    margin-bottom: 15px;
}
.hor_basura div{
    background:#e7fbf7;
    padding: 15px;
    margin-bottom: 15px;
}
.links_util{
    border:1px solid #cbcece;
    padding:0 10px;
    background:#f9f9f9;
}
.ico_big{
    font-size: 100px;
    color:#ecf0f5;
    text-shadow:1px 1px 2px #666 !important;
}
.abso {
    position: fixed;
    top: 5%;
    z-index: 999;
    right: 20px;
    visibility: visible;
}
.cod_list{
    margin:0;
    padding:5px;
}
.cod_list li{
    display:inline-block;
    padding:5px;
    margin: 5px;
    border:1px solid #999;
    background:#fff;
}
.table_recibo{
    width:85%;
    margin:auto;
    font-size: 1.2em;
}
.border_yellow{
    border:1px solid #ef8928;
}
.pad_top_50{
    padding-top:50px;
}
.bg_yellow {
    background: #ef8928;
}
.bg_yellow td{
    padding:15px 0px;
    font-weight:700;
}
.tabla_env{
    width: 85%;
    margin:auto;
    padding:20px;
    display: block;
    overflow: hidden;
    border:1px solid #444;
    max-width: 750px;
}
.table_recibo .cli{
    border:1px solid #444
}
.cli li{
    padding:5px;
}
.fecha_pa{
    padding:10px;
    border:2px solid #ef8928;
    float:right;
}
.brd{
    border:1px solid #444;
}
.prec_r td{
    padding:15px 0px;
}
.table_recibo h2{
    margin-bottom:35px;
    border-bottom:1px solid #444;
    padding:10px 0;
}
.butones{
    width: 85%;
    margin:auto;
    display: block;
    overflow: hidden;
    max-width: 750px;
    padding: 20px 0;
}
.logo_emp{
    width:250px;
    display:block;
    overflow:hidden;
}
.logo_emp img{
    max-width:100%;
    max-height:100px;
}
#edit_emp{
    padding:20px;
    margin:30px 0;
    display: none;
}
.edit_data_em{
    padding: 15px;
    border:1px solid #f1f1f1;
    background:#f9f9f9;
    margin-bottom:30px;
}
.pr_acti{
     background: #1d2531;
}
.eliw:hover{
    cursor:pointer;
    color:#F44336;
}
.hov:hover{
    cursor: pointer;
}
.cab_m{
    background:#054848;
    color:#fff;
    padding:10px 5px;
}
.eti_tog{
    background: #f9f9f9;
    padding: 5px;
}
.eti_tog:hover{
    cursor:pointer;
    background:#ddd;
}
.cat_tog{
    border-bottom:2px solid #337ab7;
    padding-bottom:10px;
}
.cat_tog:hover{
    cursor:pointer;
    color:#337ab7;
}
.cat_b{
    padding:15px 5px 15px 5px;
}
.tot_c{
    background:#ecf0f5;
    font-size:1.2em;
    text-align:right;
    font-weight:700;
}
.cat_li{
    border-bottom: 2px solid #ecf0f5;
    padding:0;
}
.cat_li li{
    list-style-type:none;
    padding:5px 0;
}
.cat_li_h{
    font-size:1.2em;
    font-weight:700;
}
.cat_eti{
    padding-left: 15px!important;
}
.cat_eti .glyphicon{
    color:#337ab7;
}
.cat_list{
    margin-bottom:10px;
    background:#ecf0f5;
    padding:5px;
}
#resumen_b{
    display: block;
    overflow: hidden;
    padding: 10px 0;
    font-size: 1.2em;
}
#ingresos, #gastos, #balance{
    padding: 10px;
    font-weight: 700;
    color: #333;
    text-align: center;
}
#balance.positivo{
    background:#009688;
    color:#fff;
}
#balance.negativo{
    background:#F44336;
    color:#fff;
}
.tsmall{
    font-size:0.8em;
    font-weight:300;
}
.clear{
    display:block;
    overflow:hidden;
    clear:both;
}
.cat_li_h .pull-right{
    margin-left: 10px;
}
.cat_li .hid{
    background:#ecf0f5;
    padding:5px;
    box-shadow:inset 0 0 3px #999;
}
.cat_li .hid .form-control{
    max-width:50%;
    float:left;
    margin-right:10px;
}
.cambiar_eti{
    background:#fff;
    padding:5px 2px;
}
.acc_mult{
    background:#ecf0f5;
}
.diff_depo{
    background: #607D8B;
    color:#fff;
}
.diff_depo small{
    color:#fff;
}
#tot_depo_custo_p{
    font-weight: 700;
    font-size:1.3em;
    display:inline-block;
    padding:10px 0;
}
.bg-dark{
    background:#ecf0f5;
}
.lgst{
    display:inline-block;
    margin-right:5px;
    margin-bottom:5px;
    font-size:1em;
}
.lgst:hover{
    color:#555;
    cursor:pointer;
}
.rez_renta_i_rt, .rez_renta_i, .rez_renta{
    display: block;
    width: 95%;
    margin: auto;
}
.rez_renta_i_rt, .rez_renta_i{
    visibility: hidden;
    min-height: 1em;
}
.rez_renta_i{
    font-weight: 700;
}
#edit_smtp{
    padding:20px;
    background:#f9f9f9;
}
.frm_firmar_ll{
    width:  80%;
    margin: 50px auto;
    max-width: 750px;
    padding: 100px 20px;
    border: 1px solid #ccc;
    background: #fff;
}
.firmar_cliente_frm{
    border:3px dashed #444;
    padding: 20px;
    margin-bottom:50px;
    background:#ecf0f5;
}
.formu_firmado{
    padding:20px;
    border:3px solid #444;
    background:#ecf0f5;
}
.firma_formu{
    background: #403d90;
    padding: 10px;
    color:#fff;
    font-weight: 700;
}
.planrapido{
    border:1px solid #ccc;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom:15px;
    background:#f2f2f2;
}
#dev_30 p{
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #9E9E9E;
    text-align: center;
    color: #555;
}
.tk_im{
    max-height: 80px;;
}
.chatm_list{
    padding: 0;
    margin:0;
}
.chatm_list li{
    list-style-type: none;
    padding: 10px 3px;
    border-bottom: 1px solid #ddd;
    background: #ecf0f5;
    display:block;
    overflow:hidden;
}
.chatm_list li:hover{
    cursor: pointer;
    background: #f9f9f9;
}
.chat_hb{
    display:block;
    font-weight:700;
}
.chclinom{
    font-style: italic;
    display:block;
    overflow:hidden
}
.lista_clich, .lista_msg{
    height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ddd;
}
.lista_msg{
    background: #ecf0f5;
}
.msg_cliente{
  background: #fff0d1;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 0;
  padding: 5px;
  margin: 10px 5px 5px 25px;
  clear:both;
  width:75%;
  float: left;
  box-shadow: 1px 1px 2px #999;
}
.msg_empresa{
  float:right;
  background:#bed9b9;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  padding: 5px;
  margin: 10px 5px 5px 25px;
  clear:both;
  width:75%;
  box-shadow: 1px 1px 2px #999;
}
.msg_fecha{
  font-size:0.8em;
  margin-bottom: 2px;
  padding:0;
  font-weight:700;
  clear:both;
}
.noleido{
 font-weight: 500;
 border:1px solid #666
}
.no_leido{
  display:inline-block;
  position:absolute;
  padding:3px;
  right:5px;
  font-size:0.6em;
}
.msgsnd{
  padding: 10px;
  border: 1px solid #ccc;
  margin-top:20px;
  background: #ecf0f5;
}
#chat_msg_escribe{
  margin-bottom:20px;
}
.ch_leido{
  font-weight: normal;
}
.chat-activo{
  background-color: #2f6188 !important;
  color: #fff;
}
#msg_abso{
 position: fixed;
 top: 10px;
 right: 15px;
 width:300px;
}
.msg_aviso{
    width: 95%;
    padding: 20px;
    margin:10px auto;
    background: #b3d7ce;
    position: relative;
}
.eliminar{
    position: absolute;
    right:0;
    top:0;
    width:24px;
    height: 24px;
    background:#cb3901;
    text-align: center;
    color:#fff;
    line-height:24px;
}
.eliminar:hover{
    cursor:pointer;
    color: #ccc;
}
.fcev{
    padding: 10px;
    margin-bottom:10px;
    display: block;
    overflow: hidden;
    background: #ecf0f5;
}
.ev_col, .ev_col_e{
    width: 24px;
    height: 24px;
    display: inline-block;
    border: 1px solid #fff;
    margin:3px;
}
.col_selected{
    border-color: #000;
}
#togeditc{
    margin:20px 0;
    padding:15px;
}
#togeditc:hover{
    cursor: pointer;
}
#edit_ev{
    padding:20px;
    display:none;
    background:#f9fefe;
}
#chat_sel{
    position:absolute;
    width:100%;
    z-index:999;
    max-height: 200px;
    overflow-y:auto;
    background:#ecf0f5;
    padding:0 2px;
}
.chat_sel_list{
    list-style-type: none;
    display:block;
    padding: 3px;
    border-top:1px solid #fff;
}
.chat_sel_list:hover{
    background:#fff;
    cursor:pointer;
}
.relpos{
    position: relative;
}
.tklst_cal {
    display:block;
    overflow:hidden;
    margin-bottom:3px;
    background: #fff;
    padding-top:7px;
}
.urg{
    background:#ffebeb;
}
#ticklist{
    padding: 5px;
    border:1px solid #fff;
    max-height:300px;
    overflow-y:auto;
}
.tarlist{
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
    background: #fff;
    padding:5px;
}
.regem{
    max-height:600px;
    width:75%;
    max-width:500px;
    margin:100px auto;
}
.regfond{
    background-image: url('../img/bgregemp.jpg');
    background-repeat: no-repeat;
    background-position:center;
    background-size: cover;
}
#rentaporce{
    visibility: hidden;
}
.aviso_media{
    display:block;
    overflow:hidden;
    clear:both;
}
.aviso_img{
    display:inline-block;
    max-height:100px;
    float: left;
    margin:10px;
}
.aviso_vid{
    display:block;
    width:200px;
    height:200px;
    float: left;
    margin:10px;
}
.menu_activo{
    color: #42a5f5!important;
}
#ver_ticket_data{
    display: block;
    overflow: hidden;
    max-height: 400px;
    overflow-y: auto;
}
.tick_vr{
    display: block;
    overflow: hidden;
    padding: 10px;
}
.im_tk_res{
    float:left;
    display:inline-block;
    padding: 5px;
    border: 1px solid #ccc;
    margin-right: 10px;
}
#contestar_tick_fr{
    display:none;
}
.tgk{
    padding: 20px;
}
.tgk:hover{
    cursor: pointer;
}
.contestacion_cliente{
  background: #CDDC39;
}
.usinfo{
    background: #fff;
    box-shadow: inset 0 0 5px #ccc;
}
.usinfo div{
    max-height: 200px !important;
    overflow-y: auto;
    padding: 5px;
    line-height: auto;
    background: #fff;
} 
.foto3d iframe{
    background: #f2f2f2;
}
.btn-wrp{
    padding: 20px 5px;
}
.btn-wrp .btn{
    padding: 25px;
}
#msg_prd ul li{
   font-size: 0.9em;
}
#msg_prd ul li .label{
   font-size: 1em;
    margin: 5px 0;
    display:block;
}
#msg_prd ul li .label:hover{
    cursor:pointer;
}
.imlist{
    position:absolute;
    top: 0;
    right: 1px;
}
#datos_prod iframe{
    border: none;
    min-height: 250px;
    width: 100%;
    background: #fff;
    padding: 15px;
}
.por_empresa{
    background: #d3e7ff !important;
}
#frmcrtk{
    display: none;
}
#titcrtk{
    padding: 15px 0;
}
#titcrtk:hover{
    cursor: pointer;
    background: #fff;
}
#mapag{
    width: 100%;
    overflow: hidden;
    min-height: 350px;
}
#mapa{
    width: 100%;
    height: 500px;
}
.user_color{
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    font-weight: 700;
    font-size: 1.2em;
    text-align: center;
    margin: 10px;
}
.enlace_acti{
    border: 1px solid #999;
    margin-top: 10px;
    padding: 5px;
    position: relative;
}
.remove_lk_pg{
    display: block;
    width: 24px;
    height: 24px;
    background: #d71010;
    color: #fff;
    text-align: center;
    font-size: 18px;
    border-radius: 100%;
    position: absolute;
    right: -5px;
    top:-5px;
}
.remove_lk_pg:hover{
    cursor: pointer;
    color: #ddd;
}
.tschk{
    padding: 5px;
    margin: 5px;
    border: 1px solid #ddd;
    display: inline-block;
}
.tschk input{
    margin-left: 0 !important;
    display: inline-block;
    position: relative !important;
    margin-right: 10px !important;
}
#video-container{
    max-width: 100%;
    overflow: hidden;
}
#qr-video{
    width: 100%;
    height: 250px;
}
.qr_piso{
    display: block;
    overflow:hidden;
    margin-top: 15px;
}
.ps_nom:hover {
    cursor: pointer;
    background: #757e9c;
}
.emplist li{
    display: inline-block;
    margin: 2px;
    text-align: center;
    padding: 5px 15px;
    !border: 1px solid ;
    background: #337ab7;
    font-weight: 700;
    color: #fff;
    font-size: 1.2em;
}
#upperctr{
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    margin-bottom: 20px;
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 0 2px 4px 0 rgb(43 43 43 / 10%);
    box-shadow: 0 2px 4px 0 rgb(43 43 43 / 10%);
}
.upperli li{
    display: inline-block;
    padding: 8px 10px;
    color: #263544;
}
.upperli li a{
    color: #263544;
}
.upperli li a:hover{
    color: #999999;
    text-decoration: none;
}
.upperli li .glyphicon{
    font-size: 1.2em;
}
#alertas{
    display: none;
}
@keyframes blink_t_3 {
    from {
        color: #000;
    }
    to {
        color: #ec5243;
    }
}
.alertanim{
    animation-duration: 0.5s;
    animation-name: blink_t_3;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    font-weight: 700;
}
.alertared{
    display: inline-block;
    font-size: 1.1em;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-radius: 4px;
    height: 34px !important;
    border: 1px solid #ccc !important;
}
#subirVid{
  border:none;
  width: 100%;
  height: 200px;
}