body {
    background-color: #F9FAFD;
    color: #3c424c;
    line-height: 1.6;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
}

button, input, optgroup, select, textarea {
    font-family: 'Lato', sans-serif;
}

.sidenav{
    width: 200px;
    background-color: #143140;
    transform: translateX(-0%);
}

.sidenav .collapsible-header:hover,.sidenav .collapsible-header:focus{
    background: inherit;
}

.navbar-fixed{
    z-index: 999;
}

#header_lista {
    top: 65px;
    right: 20px;
    width: 150px;
    z-index: 1002;
    box-shadow: 1px 1px 2px 1px #ececec;
}

#header_lista a {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

#header_lista li {
    width: 100%;
    padding: 0px 5px;
    height: 35px;
    line-height: 35px;
}

.navbar-fixed nav{
    left: 0px;
    top: 0px;
    box-shadow: inherit;
}


.header {
    color: #3D424B;
    font-weight: 500;
}

main>.container {
    margin-top: 20px;
}

nav .brand-logo{
    margin-left: 20px;
    color: #3c424c;
}

nav.top-nav h1.header {
    margin: 0;
    padding-top: 14px;
    font-size: 2rem;
    display: inline-block;
}

.menu_right{
    float: right;
    line-height: 61px;
}

.menu_right li a{
    color: #767F92;
    line-height: initial;
}

a.logo-container {
    background: #3C424C;
    height: 64px !important;
    border-bottom: 1px solid #3c424c;
}

.header_perfil img{
    height: 25px;
    display: inline-block;
}

.header_perfil i{
    display: inline-block !important;
    vertical-align: inherit !important;
}

.header_perfil p {
    display: inline-block;
    margin: 0px;
    line-height: 64px;
    vertical-align: top;
}

.sidenav .collapsible, .sidenav.fixed .collapsible {
    border: none;
    box-shadow: none;
}

.sidenav .collapsible {
    margin: 0;
}

.sidenav .collapsible li, .sidenav.fixed .collapsible li {
    padding: 0;
}

.sidenav .collapsible>li {
    transition: background-color .2s;
}

.sidenav .collapsible>li.waves-effect {
    display: block;
}

.sidenav .collapsible .collapsible-header {
    color: white;
    padding: 0 16px 0px 16px;
}

.sidenav .collapsible .collapsible-header .chevron {
    float: right;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 13px 0 0 0;
    transition: transform .2s;
    color: white;
}

.sidenav .collapsible-body, .sidenav.fixed .collapsible-body{
    background-color: transparent;
}

.sidenav .collapsible-body li a, .sidenav.fixed .collapsible-body li a {
    color: #6C818B;
}

.sidenav li>a>i, .sidenav li>a>[class^="mdi-"], .sidenav li>a li>a>[class*="mdi-"], .sidenav li>a>i.material-icons{
    color: #6C818B;
    margin-right: 10px;
}

.sidenav .collapsible-body li a.active, .sidenav .collapsible-body li a.active i{
    color: white !important;
}

.buscador{
    width: 250px;
    height: 30px;
    border: 1px solid #B7BBC6;
    border-radius: 5px;
    font-size: 13px;
    padding: 0px 25px 0px 25px;
    box-sizing: border-box;
    position: relative;
}

.busca_sidebar {
    width: 90%;
    height: 30px;
    border: 1px solid #B7BBC6;
    border-radius: 5px;
    font-size: 13px;
    padding: 0px 10px 0px 25px;
    box-sizing: border-box;
    position: relative;
    background: #F0F1F3;
    margin: 0 auto;
}

.busca_sidebar input[type=text] {
    height: 28px;
    border: none;
    margin-bottom: 0px;
    font-size: 14px;
}

.buscador input[type=text] {
    height: 28px;
    border: none;
    margin-bottom: 0px;
    font-size: 14px;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
    width: 100%;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}

.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
    white-space: nowrap;
    max-width: 350px;
}

.table-responsive>.table>tbody>tr>td p.textotabla {
    white-space: normal;
    width: 330px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-bottom: 1px solid rgba(199, 199, 199, 0.3);
    padding: 10px 30px 10px 10px;
    vertical-align: middle;
    border-right: 1px solid rgba(199, 199, 199, 0.3);
}
.pad-td{
    padding: 10px 30px 10px 10px !important;
}
.pad-td-right{
    padding: 10px 10px 10px 30px !important;
}
.table>thead>tr>th{
    line-height: normal;
}
.table>tbody>tr>td:first-child,.table>thead>tr>th:first-child{
    padding: 10px 10px;
}

.table>tbody>tr>td:last-child,.table>thead>tr>th:last-child{
    border-right: none;
}

.table .header_perfil p{
    line-height: inherit;
    margin-left: 10px;
}

.table th{
    color: white;
}

.table i{
    vertical-align: middle;
    font-size: 1.2rem;
}

.table i[onclick] {
    position: absolute;
    right: 4px;
    top:12px;
}

.table{
    background: -webkit-linear-gradient(to right, rgb(146,206,191) 0%, rgb(106,193,185) 50%, rgb(67,167,184) 75%, rgb(0,134,167) 100%);
    background: -moz-linear-gradient(left, rgb(146,206,191) 0%, rgb(106,193,185) 50%, rgb(67,167,184) 75%, rgb(0,134,167) 100%);
    background: linear-gradient(to right, rgb(146,206,191) 0%, rgb(106,193,185) 50%, rgb(67,167,184) 75%, rgb(0,134,167) 100%);
    
}

.table td{
    background-color:#FFF;
}

.table tr:nth-child(odd) td {
    background-color:#F9FAFD;
}

.btn_white_bbrgreen {
    background: white;
    color: #5DC8C7;
    border: 1px solid #5DC8C7;
    border-radius: 6pt;
}

.sidenav li>a{
    padding: 0px 16px;
    color: #6C818B;
}

.sidenav li>a:hover{
    color: white;
}

.collapsible-body > ul li a, {
    font-size: 12px;
    height: 38px;
    line-height: 38px;
}
.collapsible-body > ul li a i{
    height: 38px;
    line-height: 38px;
    font-size: 15px;
}

a.btn-floating.btn-large {
    background: #5DC8C7;
    webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}

a.btn-floating.btn-large:hover{
    background-color: #1ECBC8;
}

.buscador i, .busca_sidebar i {
    position: absolute;
    font-size: 1.2rem;
    top: 7px;
    left: 6px;
}

.logo-container >img {
    width: 70%;
    margin: 0 auto;
    display: block !important;
    padding-top: 18px;
    height: auto !important;
}

.sidenav .collapsible>li>a>img {
    display:  inline-block;
    vertical-align:  middle;
    filter: opacity(30%);
    width: 28px;
}

.sidenav .collapsible>li>a.collapsible-cliente-h{
    font-size: 13px;
}

.sidenav .collapsible>li>a.collapsible-cliente-h>img {
    width: 16px !important;
    margin-right: 5px;
}

.collapsible-cliente-b ul li a {
    font-size: 13px;
}

.collapsible-cliente-b ul li a img {
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.sidenav .collapsible>li>a>p {
    vertical-align: middle;
    color: #6C818B;
    display: inline-block;
    line-height: 15px;
    height: auto;
    width: calc(100% - 50px);
    margin-left: 20px;
    font-size: 11px;
}

.sidenav .collapsible>li.active>a>p,.sidenav .collapsible>li:hover>a>p{
    color: white;
}

.sidenav .collapsible>li.active>a>img,.sidenav .collapsible>li:hover>a>img{
    filter: opacity(100%);
}

h5.titulo_mobile {
    background: #143140;
    color: white;
    text-align: center;
    padding: 15px 0px;
}

div#fondo {
    position: fixed;
    z-index: 1000;
    background: rgba(91, 91, 91, 0.7);
    height: 100%;
    width: 100%;
    display: none;
    z-index: 1000;
}

.sidebar_right {
    width: 550px;
    z-index: 9081;
    position: fixed;
    right: 0px;
    top: 0px;
    background: white;
    height: 100%;
    overflow-y: scroll;
    display: none;
}

.sidebar_message{
    width: 650px;
    z-index: 1001;
    position: fixed;
    right: 0px;
    top: 0px;
    background: white;
    height: 100%;
    overflow-y: scroll;
    display: none;
}

.sidebar_right .container {
    width: 90%;
}

.sidebar_right p{
    font-size: 0.9rem;
}

.tablenormal thead{
    background: white;
}

.tablenormal thead th{
    color: #3c424c;
}

.tablenormal td, .tablenormal th{
    border: none !important;
}

input[type=text].datepicker, .timepicker{
    cursor: pointer;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #767F90;
    font-size: 14px;
}

input#datepicker, input[type=text].datepicker {
    border: 0px;
    cursor: pointer;
    color: #1ECBC8;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

ul.lista_table {
    position:  absolute;
    background:  white;
    color: #3c424c;
    margin:  0px;
    top: 35px;
    display: none;
    z-index: 1;
}

.card-subheader ul.lista_table{
    min-width: 200px;
    top: 20px;
}

ul.lista_table li {
    border-bottom: 1px solid rgba(199, 199, 199, 0.2);
    color: #6C818B;
    text-align: center;
    padding: 10px 25px;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
}

.card-subheader ul.lista_table li{
    padding: 7px 10px;
}

ul.lista_table.left-txt li {
    text-align: left;
}

ul.lista_table li:hover {
    background-color: rgba(222, 222, 222, 0.4);
}

.select-wrapper input.select-dropdown{
    border-bottom: 1px solid #767F90;
    color: #767F90;
    height: 2rem;
    line-height: 2rem;
    font-size: 14px;
    margin-bottom: 0px;
}

.select-wrapper .caret {
    fill: #767F90;
}

.sidenav li.active {
    background-color: rgba(0,0,0,0.05);
    border-left: 3px solid #5dc8c7;
}

.logo-container:hover {
    background-color: #3c424c !important;
}

.circulo_notificaciones {
    background: #DB4841;
    color: white;
    height: 17px;
    line-height: 17px;
    text-align: center;
    border-radius: 100%;
    font-size: 9px;
    width: 17px;
    position: absolute;
    z-index: 10;
    top: 16px;
    right: 12px;
}

.circulo_notificaciones-sidebar {
    background: #DB4841;
    color: white;
    height: 15px;
    line-height: 15px;
    text-align: center;
    border-radius: 100%;
    font-size: 8px;
    width: 15px;
    position: absolute;
    z-index: 10;
    top: 9px;
    left: 31px;
}

.fixed-chat {
    position: fixed;
    z-index: 999;
    top: 80px;
    cursor: pointer;
    right: 0px;
}

.fixed-chat.active {
    right: 646px;
}

.picker_w_image input[type=text].datepicker {
    width: calc(100% - 41px);
    margin-right: 15px;
}

.picker_w_image img {
    display:  inline-block;
    vertical-align: bottom;
}

.fixed-action-btn {
    right: 40px;
    bottom: 40px;
}

.buscador .cerrar{
    display: none;
}

ul.sidebar {
    width: 200px;
    background-color: #3D424B;
    margin: 0;
    position:  absolute;
    top: 0px;
    left:  0px;
    z-index:  1;
    height: calc(100%);
    transform: translateX(-0%);
}

.datepicker.bordersolid{
    border-bottom: 1px solid #d5d8de !important;
}

.cont_sidebar {
    width: 450px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
    height: calc(100%);
    overflow-y: scroll;
    background: white;
}

li.fondo_busca {
    line-height: 30px;
    background-color: #B9BCC1;
    padding: 10px 0px;
}

.ul_users{
    background-color: #D5D8DD;
}

.ul_users li:hover, .ul_users li.active {
    background: #2D4856;
    border-left: none;
    cursor: pointer;
}

.ul_users li a{
    color: rgba(0,0,0,0.87);
}

.ul_users li:hover a, .ul_users li.active a{
    color: white;
}

.ul_users li > a > p:first-child {
    font-weight: 500;
    display:  inline-block;
    vertical-align:  middle;
}

.ul_users li > a > p:last-child {
    font-size:  12px;
    vertical-align:  middle;
    float: right;
    position:  relative;
}

.sin-tickets {
    text-align: center;
}

.sin-tickets img {
    width: 40%;
}

.sin-tickets h4 {
    color: #cccccc;
    font-size: 1.8rem;
    width: 90%;
    margin: 0 auto;
    margin-top: 10px;
}

span.cirulo_noti {
    background-color: #DB4841;
    width:  15px;
    display:  block;
    height:  15px;
    position:  absolute;
    border-radius:  100%;
    top: 8px;
    right: -7px;
    color:  white;
    line-height: 15px;
    text-align: center;
    font-size: 9px;
}

.cont_sidebar .pos-fix{
    position: absolute;
}

.cont_sidebar .tabs .tab a {
    color: #a6a8b1;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .28s ease;
    transition: color .28s ease;
    border-bottom: 2px solid #a6a8b1;
    background-color: #f9fafd;
    text-transform: capitalize;
}

.cont_sidebar .tabs .tab a:hover,.cont_sidebar  .tabs .tab a.active {
    background-color: #f3f8fb;
    color: #74d0cf;
    border-bottom: 2px solid #74d0cf;
}

.cont-chat {
    width: 100%;
    /* height: 95vh; */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: normal;
}

.cont_sidebar .tabs .indicator{
    display: none;
}

.cont-chat p{
    color: #a9abaf;
    font-size: 14px;
    margin-bottom: 10px;
}

.msje_u {
    width: auto;
    border: 1px solid #7ed3d3;
    padding: .5rem 1rem;
    border-radius: 12px;
    display: inline-block;
    color: #6e7278;
    background-color: #EAFDFD;
}

.br-gray {
    border: 1px solid #A2A3A3;
    background-color: #D5D8DD;
}

.div_footer {
    bottom: 0px;
    right: 0px;
    background-color: white;
    width: 450px;
    z-index: 2;
    position: absolute;
    display: none;
}

.cont-foot {
    padding: .7rem 0 .5rem;
    border-top: 1px solid #eeeeee;
}

.icon-goot {
    width: 100%;
    height: 100%;
    display: block;
    justify-content: center;
    align-items: center;
    color: #757575;
    position: relative;
}

.inputFile {
    width: 70%;
    height: 100%;
    opacity: 0;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    text-indent: -9999px;
}

.icon-goot i {
    font-size: 2em;
    cursor: pointer;
}

textarea.msje_write, input.msje_write{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #9e9e9e;
    border-radius: 0;
    outline: none;
    height: 1.5rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 30px;
    line-height: 30px;
}

.msje_write {
    border: 0 !important;
    padding: 0 !important;
    margin: 0!important;
    box-sizing: border-box;
    min-height: 1.5rem !important;
    border-bottom: 0 !important;
}

.user-chat img{
    height: 25px;
    display: inline-block;
    vertical-align: middle;
}

.user-chat p{
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px;
}

.user-chat .col{
    padding: 0px;
}

.chat .row, .messages_tickets .row{
    margin-bottom: 10px;
}

.task .card {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.07);
}

.card-header {
    padding: 7px 20px;
    color: #A5A8B1;
    font-size: 12px;
    border-bottom: 1px solid rgba(160,160,160,0.2);
}

.card-subheader .circuloestado {
    width:  10px;
    height: 10px;
    margin-right: 5px;
}

.card-subheader i{
    vertical-align: middle;
}

.card-header > div {
    display:  inline-block;
    vertical-align:  middle;
}

.card-header > div:last-child {
    float: right;
}

.card-date > p:first-child {
    border-right: 1px solid rgba(160,160,160,0.2);
    padding-right: 5px;
}

.card-date p {
    display:  inline-block;
    vertical-align:  middle;
    margin-bottom: 0px;
    padding-left: 5px;
    font-size: 12px;
}

.card-content p{
    color: #3D424B;
}

.card-action {
    padding: 7px 24px !important;
}

.nuevo-mensaje p {
    color: #EDB7B6;
    display:  inline-block;
    vertical-align:  middle;
    font-size: 10px;
    width: 70px;
    margin-bottom: 0px;
}

.nuevo-mensaje hr {
    display:  inline-block;
    vertical-align: middle;
    width: calc(100% - 80px);
    border: none;
    height:  1px;
    background: #EDB7B6;
    margin: 0px;
    padding: 0px;
}

.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
    color: #5DC8C7;
    font-size: 14px;
    margin-right: 7px;
    text-transform: inherit;
}

.card-action i {
    font-size: 14px;
    vertical-align: middle;
    margin-right: 10px;
}

.task .container,.chat .container,.cont-foot .container {
    width: 100%;
}

.cont-foot .container > .row > div:first-child .icon-goot{
    text-align: left;
    justify-content: left;
}

.cont-foot .container > .row > div:last-child .icon-goot{
    text-align: right;
    justify-content: right;
}


.regresar, .regresar-tickets {
    display: none;
}

.pos-fix-tabs {
    position: fixed;
    right: 0px !important;
    top: 0px;
    z-index: 2;
    width: 450px !important;
}

.div_identificacion {
    border: 1px dashed #9e9e9e;
	
    /*margin-top: 10px;*/
    padding: 20px 25px 10px 25px;
	
}
.div_identificacion_clear {
    border: 1px dashed #9e9e9e;
	
    /*margin-top: 10px;*/
    padding: 0px;
	
}

.div_identificacion img {
    background: transparent !important;
    display:  inline-block;
    vertical-align:  middle;
    height: 20px;
}

.div_identificacion p {
    display:  inline-block;
    vertical-align:  middle;
    font-size: 12px;
    margin-left: 10px;
    color: #767F90;
}

.div_identificacion p span{
    color: #1ECBC8;
}

.div_identificacion input {
    position:  absolute;
    z-index:  2;
    opacity:  0;
    cursor:  pointer;
    text-indent: -9999px;
    width:  100%;
    left:  0px;
    height:  100%;
    top: 0px;
}

.table-resultado p {
    display:  inline-block;
    vertical-align:  middle;
    padding: 0px 10px;
    border-right: 1px solid #d3d4d6;
    margin-right: 10px;
    width: 100px;
    text-align:  left;
    white-space: normal;
}

.table-resultado button.btn.btn_white_bbrgreen {
    width: 100px;
}

.select-wrapper{
    margin-bottom: 8px;
}

.respuesta_file {
    cursor:  pointer;
}

.respuesta_file input[type=file] {
    text-indent: -999999px;
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 14px;
    right: 17px;
    opacity: 0;
    z-index: 1;
}

.respuesta_file i{
    position:  absolute;
    top: 17px;
    font-size: 15px;
}

.respuesta_file i.attach_file {
    right: 18px;
    transform: rotate(29deg) rotateY(153deg);
}

.respuesta_file i.close {
    right: 0px;
    top: 16px;
    font-size: 18px;
}

.sin_preview i.close{
    display: none;
}

.sin_preview  i.attach_file{
    right: 0px;
}

.sin_preview input[type=file]{
    right: 0px;
}

.item-preview {
    display:  inline-block;
}

.respuesta_preview {
    text-align: right;
    margin-top: 10px;
}

.item-preview p {
    font-size: 10px;
}

.item-preview .remove_preview {
    width: 15px;
    height: 15px;
    position: absolute;
    background: #C02828;
    top: -6px;
    right: -6px;
    border-radius: 100%;
    z-index: 1;
    text-align: center;
    line-height: 13px;
    cursor: pointer;
}

.item-preview .remove_preview i {
    color: white;
    font-size: 13px;
}

.item-preview img {
    height: 50px;
    border-radius: 5px;
}

.identi-preview-img {
    width:  50px;
    height:  50px;
    display:  inline-block;
    vertical-align: top;
    margin-top: 10px;
    overflow:  hidden;
}

.identi-preview-img img {
    height:  100%;
}

.identi-preview-txt {
    display:  inline-block;
    vertical-align:  bottom;
}

.identi-preview-txt p {
    font-size: 0.7rem;
}

.datepicker-date-display{
    background: #1ECBC8;
}

.datepicker-table abbr{
    color: #767F90;
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done{
    color: #5DC8C7;
}

.respuesta_stats p {
    width: 80px;
    display:  inline-block;
    vertical-align:  middle;
}

.respuesta_stats p:last-child {
    width: 40px;
}

.div_stats {
    width: calc(100% - 130px);
    height: 5px;
    border-radius: 10px;
    display:  inline-block;
    vertical-align:  middle;
    background-color: #D5D8DD;
    position: relative;
}

.div_stats hr{
    width: auto;
    height: 100%;
    border: none;
    margin: 0px;
    border-radius: 10px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.respuesta_princi .item-preview img{
    height: 30px;
}

hr.hr_linea {
    margin: 0px;
    height: 2px;
    border: none;
    background: #EEEFF2;
}

.div_mitad > *{
    width: 49%;
    vertical-align: bottom;
}

.ecuestados-perfil img {
    height: 20px;
    display:  inline-block;
    vertical-align:  middle;
}

.ecuestados-perfil p {
    display:  inline-block;
    vertical-align:  middle;
    margin-left: 5px;
}

span.bandera {
    font-size: 10px;
    width:  100%;
    display:  block;
    border-radius: 4px;
    color: white;
    padding-left: 5px;
}

.btn_edit{
    left: 0 !important;
    top: 0 !important;
}
.ul-edit{
    right: 50%;
    top: 0 !important;
    width: 190px;
}
.ul-edit li{
    white-space: normal;
}
.ul-edit li i.left{
    margin-right: 5px !important;
}
.ul-edit li div{
    overflow: hidden;
}

.circle_foto{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: auto;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.circle_foto p{
    margin-left: 0 !important;
    font-size: 10px;
}

.circle_foto .ico-edit-f{
    background-color: white;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 0 2px;
    font-size: 15px;
    border: 1px solid #767F90;
    right: -11px;
    position: absolute;
}

a.obten_a {
    letter-spacing: 1px;
    color: #1A313F;
    text-decoration:  underline;
    font-size: 12px;
    display:  inline-block;
    vertical-align:  middle;
}

.espacio_div p {
    font-size: 12px;
    text-align:  center;
    font-weight: 300;
    letter-spacing: 0.5px;
}

.espacio_div {
    display:  inline-block;
    vertical-align:  middle;
    margin-left: 10px;
    width: 100px;
    margin-right: 10px;
}

.barra_gris_espacio {
    background-color:  #EFEFEF;
    height: 3px;
    border-radius: 4px;
    position: relative;
}

.barra_gris_espacio:after {
    content: " ";
    left: 0px;
    top: 0px;
    width: calc(var(--tooltip-width, auto));
    height: 3px;
    overflow: hidden;
    background: red;
    position: absolute;
}

.alert_fixed {
    position: fixed;
    width: 600px;
    z-index: 1000;
    background: white;
    left: calc(50% - 300px);
    top: calc(50% - 70px);
    text-align: center;
    padding: 25px;
    border-radius: 10px;
    display: none;
}

.alert_fixed-texto {
    margin-bottom: 20px;
    font-size: 1.4rem;
}

.alert_fixed-botones button.btn-floating {
    margin: 0px 5px;
}

.agregar_carpeta > i {
    font-size: 1.4rem;
}

.agregar_carpeta input[type=text] {
    width: 300px;
    border: 1px solid #B7BBC5;
    border-radius: 5px;
    height: 25px;
    font-size: 1rem;
    padding: 0px 7px;
    box-sizing: border-box;
    margin: 0px;
    margin-left: 0.3rem;
}

.agregar_carpeta .btn-floating {
    width: 25px;
    height: 25px;
    line-height: 22px;
    margin-left: 0.5rem;
}

.agregar_carpeta .btn-floating i {
    line-height: 25px;
    font-size: 1.1rem;
}

.paginacion {
    width: auto;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}

ul.pag-ul {
    margin: 0px;
    width: auto;
    text-align: center;
}

.pag-ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin: 0px 10px;
}

.pag-div-i {
    margin-top: 7px;
}

.pag-div-i i {
    font-size: 15px;
}

.pag-ul li a{
    color: #767F92;
}

.pag-ul li.active a{
    color: #1ECBC8;
}

.chkbx-side{
    padding: 0 20px 0 0;
}

.chkbx-side [type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {
    height: 15px;
    width: 15px;
    background-color: transparent;
    border: 1px solid #ddd;
    top: 5px;
    z-index: 0;
}
.chkbx-side [type="checkbox"].filled-in:checked+span:not(.lever):before {
    top: 2px;
    left: -1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #1ecbc8;
    border-bottom: 2px solid #1ecbc8;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.chkbx-side [type="checkbox"].filled-in:checked+span:not(.lever):after {
    top: 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #1ecbc8;
    background-color: #fff;
    z-index: 0;
}

.chkbx-side [type="checkbox"]+span:not(.lever) {
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: .9rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.table-info-side{
    font-size: 13px;
}
.table-info-side tr{
    border:0;
}

.table-info-side td:nth-child(2){
    font-weight: bold;
    text-align: right;
}

.table-residentes td {
    padding: 5px;
}
.table-residentes td .header_perfil p{
    line-height: inherit !important;
    margin-left: 10px;
}
.table-residentes tr{
    margin-bottom: 0;
}
.table-residentes tr:last-child{
    border-bottom: 0;
    margin-bottom: 0;
}

.btn-sel{
    background-color: #fff;
    float: left;
    border:2px solid #d5d8de;
    padding: 10px;
    cursor: pointer;
    font-size: 13px;
    width: 50%;
    text-align: center;
    font-weight: bold;
    color: #767F90;
}
.btn-sel.br-none {
    border-right: 0 !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.btn-sel.bl-none {
    border-left: 0 !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.btn-sel.active{
    background-color: #5DC8C7 !important;
    color: white !important;
}

.btn-pets .btn-sel{
    width: 33.33% !important;
    border:3px solid #d5d8de;
    padding: 15px 10px;
    color: #767F90;
    font-weight: 700;
    font-size: 1.1rem;
}
.btn-pets .btn-sel.br-1 {
    border-right: 1px solid #d5d8de !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.btn-pets .btn-sel.bl-1 {
    border-left: 1px solid #d5d8de !important;
}
.btn-pets .btn-sel.br-rb5 {
    border-left: 0 !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.fecha-nac .ico-fecha{
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: -1;
}
.fecha-nac #datepicker{
    border-bottom:1px solid #d5d8de !important;
}

.ico-pet{
    background-color: #d5d8de;
    padding: 3px;
    color: white;
    border-radius: 50%;
}

.table td > div > ul.lista_table{
    top: 25px;
}
.show_list:hover > ul.lista_table{
    display: block;
}

.btn_am{
    line-height: 15px;
    height: 46px !important;
    padding: 5px !important;
}

.icon_add{
    background-image: url("../images/add.png");
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: 15px center;
}


/** Time Table*/

.tiva-timetable table{
    background: -webkit-linear-gradient(to right, rgb(146,206,191) 0%, rgb(106,193,185) 50%, rgb(67,167,184) 75%, rgb(0,134,167) 100%) !important;
    background: -moz-linear-gradient(left, rgb(146,206,191) 0%, rgb(106,193,185) 50%, rgb(67,167,184) 75%, rgb(0,134,167) 100%)!important;
    background: linear-gradient(to right, rgb(146,206,191) 0%, rgb(106,193,185) 50%, rgb(67,167,184) 75%, rgb(0,134,167) 100%)!important;
}
.tiva-timetable table td{
    background-color:#f9fafd !important;
}
.btn_table{
    cursor: pointer;
    border:2px solid #d5d8de;
    padding:.3rem 1rem;
    font-size: .8rem;
    color:#d5d8de;
    width: 80px;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    height: 30px;
    line-height: 15px;
}
.btn_table.active{
    background-color: #00BECC;
    color: white;

}
.btn_table.bl-none{
    border-left: 0 !important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.btn_table.br-none{
    border-right: 0 !important;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
/* Tab Amenidades*/
.tabs.tab-amenidad {
    height: 80px;
    width: 100%;
}
.tabs.tab-amenidad .tab{
    border-bottom: 4px solid #d5d8de;
    background-color: transparent !important;
    line-height: 15px;
    height: 80px;
    text-transform: inherit;
}
.tabs.tab-amenidad .tab a{
    font-size: 14px;
    padding: 0 10px;
    color: #d5d8de;
}
.tabs.tab-amenidad .tab a:hover{
    color: #3C424C;
}
.tabs.tab-amenidad .tab a:focus, .tabs .tab a:focus.active {
    background-color: transparent !important;
    outline: none;
}

.tabs.tab-amenidad .tab a.active{
    background-color: transparent !important;
    border-bottom: 0;
    color: #3C424C;
}
.tabs.tab-amenidad .indicator {
    position: absolute;
    bottom: 0;
    height: 4px;
    background-color: #1ECBC8;
    will-change: left, right;
}

.tabs.tab-amenidad .tab .n-step{
    width: 30px;
    height: 30px;
    margin: auto;
    border-radius: 50%;
    background-color: #1ECBC8;
    line-height: 30px;
    color: white;
    font-weight: bold;
    font-size: 16px;
}
.tabs.tab-amenidad .tab.disabled .n-step{
    background-color:#d5d8de;
}
.tabs.tab-amenidad .tab.disabled a{
    color: #d5d8de;
}
.icon-reloj{
    position: absolute;
    right: 5px;
    top: 3px;
}

.time-am{
    color: #3c424c;
    margin-top: 1rem;
    border-bottom: 1px solid #d5d8de;
    padding-bottom: 3px;
}

.btn-return{
    margin:auto;
    width: 90px;
}

.ul-days{
    overflow: hidden;
    padding: 0;
}
.ul-days li{
    display: inline-block;
    position: relative;
    padding: 0 1rem;
    font-size: 18px;
    cursor: pointer;
}
.ul-days li.sel-day::before{
    content: "\2022";
    color: #1ECBC8;
    font-weight: bold;
    position: absolute;
    right: 10px;
    bottom: -5px;
}
.ul-days li.active-d{
    border-bottom:3px solid #1ECBC8;
}
.sel-time .select-wrapper{
    margin-bottom: 0 !important;
}
.sel-time .select-wrapper input.select-dropdown{
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.sel-time .select-wrapper .caret{
    display: none;
}

.busq_side{
    border-radius: 5px !important;
    border:1px solid #747f92 !important;
    padding: 5px 10px 5px 35px !important;
    height: 35px;
    box-sizing: border-box !important;
}
.busq_side.icon_lupa{
    background-image: url("../images/search.png");
    background-position: 10px center;
    background-repeat: no-repeat;
}

.modal.popups {
    z-index: 999;
}
.modal.popups .modal-content {
    padding:0 10px 10px !important;
}
.modal.popups .modal-content .header_perfil img{
    height: 20px;
}
.modal.popups .modal-content .header_perfil p{
    line-height: 25px !important;
}
.modal.popups .tab_timetable .tabs .tab {
    border-bottom: 2px solid #d5d8de;
}
.modal.popups .tab_timetable .tabs .tab a {
    color: #d5d8de;
}
.modal.popups .tab_timetable .tabs .tab a:hover,.modal.popups .tab_timetable  .tabs .tab a.active {
    background-color: #fff;
    color: #74d0cf !important;
    border-bottom: 0;
}
.modal.popups .tab_timetable .tabs .indicator {
    background-color: #74d0cf;
}

.doc-pdf{
    width: 130px;
    height: 70px;
    border-radius: 5px;
    text-align: center;
    line-height: 35px;
}

/* == Contabilidad == */
.tab-conta {
    display: inline-block;
    width: calc(100% - 475px) !important;
    margin-left: 215px;
    height: 65px;
    white-space: normal;
    overflow: hidden;
}
.tab-conta ul {
    width: calc(98px * 7);
}
.tab-conta li{
    line-height: 15px;
    height: 65px;
    width: 98px;
    border-bottom: 3px solid #d5d8de;
}
.tab-conta li a{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 700 !important;
    padding: 0 10px !important;
    color: #d5d8de !important;
    height: 100%;
    text-transform: uppercase;
    text-align: center;
}
.tab-conta li a.active, .tab-conta li a:hover {
    color: #74d0cf !important;
}
.tab-conta li a:focus, .tab-conta li a:focus.active {
    background-color: transparent;
}
.tab-conta .indicator {
    position: absolute;
    bottom: 0;
    height: 3px;
    background-color: #74d0cf;
    will-change: left, right;
}
.btn_white_bbrgrey {
    background: white;
        background-color: white;
    color: #5DC8C7;
    border: 1px solid #d5d8de;
    border-radius: 6pt;
    line-height: inherit;
}
.btn_white_bbrgrey i{
    display: inline-block;
    vertical-align: middle;
}
.btn-floating {
    background-color: #5DC8C7;
}
.btn-floating:hover {
    background-color: #1ECBC8;
}
.fixed-action-btn.click-to-toggle{
    z-index: 10001;
}
.name_btn{
    background-color: transparent;
    border-radius: 10px;
    padding: 10px;
    color: #fff;
    position: absolute;
    width: 390px;
    text-align: right;
    top: 0;
    right: 60px;
}

.side_950{
    width: 950px !important;
}
.side_650{
    width: 650px !important;
}

.side-ci-table .table{
    background: transparent !important;
}
.side-ci-table .table th{
    color: #3c424c !important;
    border:0 !important;
}
.side-ci-table .table > tbody > tr > td{
    border:0 !important;
    padding: 2px 5px !important;
}
.side-ci-table .table > thead > tr > th{
    padding: 10px 5px !important;
}
.side-ci-table .table tr:nth-child(2n+1) td {
    background-color: transparent !important;
}

.btn_conf{
    border:1px solid #767F90;
    border-radius: 7px;
    text-transform: capitalize;
    color: #02c5d2;
}

.btn_action{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px !important;
    text-align: center;
    color: white !important;
    cursor: pointer;
}

.tab-egresos td p.wspace{
    white-space: normal !important;
}

.col-eliminado {
    width: 100%;
    height: 2px;
    background-color: #3c424c;
}

.img-change{
    text-align: right;
    top: 15px;
    position: absolute;
    right: 30px;
    cursor: pointer;
}
.img-change img{
    width: 30px;
}

img.img-menu-float {
    position: relative;
    top: 3px;
}

.table-plantilla input[type="text"]{
    border: 1px solid #d5d8de;
    border-radius: 4px;
    margin-bottom: 0px;
    vertical-align: middle;
}

.table_plantilla_presupuesto input[type="text"] {
    border: 1px solid #d5d8de;
    border-radius: 4px;
    margin-bottom: 0px;
    vertical-align: middle;
    font-size: 12px;
    height: 1.5rem;
    width: 40px;
    background-color: white;
    margin-left: 2px;
}

.table_plantilla_presupuesto thead tr th{
    text-align: center;;
}

.table_plantilla_presupuesto tbody tr td{
    padding: 5px 0px;
}

.table_plantilla_presupuesto tbody > tr > td:first-child input[type="text"] {
    width: 120px;
}

.importar-pagos-text p{
    margin-bottom: 10px;
}

#nav_conf{
    top: 30px !important;
}
#nav_conf li{
    text-align: center;
    border-bottom: 1px solid #999;
}
#nav_conf li a{
    color: #999;
}

.dropdown-contabilidad {
    border-bottom: 3px solid #23cac8;
    color: #23cac8;
    display: block;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 7px 15px;
    background: #f9fafd;
    width: 100%;
    margin: 10px auto 0px;
    line-height: inherit;
    height: inherit;
    font-size: 14px;
}
.dropdown-contabilidad:hover {
    opacity: 1;
    box-shadow: inherit;
}
.dropdown-content li>a{
    color: #3c424c;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed #4d535d;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.table i.new_click{
    position: relative;
    top: 0px;
    right: 0px;
}

.right10{
    right: 10px !important;
}

.remove_temporal {
    overflow-x: inherit !important;
    overflow-y: inherit !important;
}

@media only screen and (min-width: 993px){
    .navbar-fixed nav{
        width: calc(100% - 200px);
        left: inherit;
    }
    header, main, footer {
        padding-left: 200px;
    }
}

@media only screen and (max-width: 992px){
    .tab-conta {
        display: inline-block;
        width: calc(100% - 315px) !important;
        margin-left: 115px;
        height: 65px;
        white-space: normal;
    }
    .sidenav {
        transform: translateX(-105%);
    }
    nav .brand-logo {
        left: 0%;
        -webkit-transform: translateX(-0%); 
        transform: translateX(-0%);
        left: 30px;
        font-size: 20px;
    }
    .noti_li{
        height: 56px;
    }
    .noti_li a{
        margin-top: -10px;
    }
    .buscador {
        margin-bottom: 10px;
        width: 100%;
    }
    .btn_conf {
        margin-top: 10px;
        width: auto;
    }
    .side_950 {
        width: 100% !important;
    }
    .side_950 .borde-l-gs{
        border: none !important;
    }
    .w80p, .w90p,.side_650{
        width: 100% !important;
    }
}

@media screen and (max-width: 767px){
    .table-responsive {
        width: 100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .table-responsive>.table {
        margin-bottom: 0;
    }
    .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
        white-space: nowrap;
    }
    main>.container{
        width: 95%;
    }
}

@media only screen and (max-width: 651px){
    .sidebar_message{
        width: 100%;
    }
    ul.sidebar {
        display: block;
        width: 100%;
    }
    .cont_sidebar{
        width: 100%;
        display: none;
    }
    .div_footer {
        width: 100%;
    }
    .regresar {
        display: block;
        background: #A5A8B1;
        font-size: 13px;
        text-align: center;
        color: white;
        line-height: 10px;
        padding: 0px;
    }

    .regresar-tickets {
        display: block;
        background: #143140;
        font-size: 14px;
        text-align: left;
        top: 0px;
        color: white;
        line-height: 20px;
        position: fixed;
        padding: 10px 0px 10px 10px;
        width: 100%;
        left: 0px;
        z-index: 2;
    }

    .regresar-tickets i {
        vertical-align: middle;
        color: white;
        margin-right: 15px;
    }

    .regresar-tickets span {
        font-size: 12px;
        float:  right;
        margin-right: 30px;
        margin-top: 3px;
    }

    .regresar i {
        font-size: 20px;
        line-height: 29px;
        color: white;
        vertical-align: middle
    }
    .pos-fix-tabs {
        width: 100% !important;
        top: 44px;
    }

    .tiva-timetable .w33{
        width: 50%;
    }
}

@media only screen and (min-width: 601px){
    main>.container, body>.page-footer>.container, .top-nav>.container, #index-banner>.container, .github-commit>.container {
        width: 100%;
        padding: 0px 20px;
    }
}


@media only screen and (max-width: 551px){
    .sidebar_right{
        width: 100%;
    }
    .buscador {
        width: 34px;
        overflow: hidden;
        padding: 0px;
        border: none;
        transition: width 0.5s;
        cursor: pointer;
    }
    .buscador input[type=text], .buscador .cerrar{
        display: none;
    }

    .buscador.active {
        width: 250px;
        border: 1px solid #B7BBC6;
        overflow: inherit;
        padding: 0px 25px 0px 35px;
        border: 1px solid #B7BBC6;
    }

    .buscador.active input[type=text], .buscador.active .cerrar {
        display: block;
    }

    .buscador.active+.calendar_view {
        display: none;
    }

    .buscador i {
        position: absolute;
        font-size: 1.6rem;
        top: 4px;
        left: 6px;
    }

    .buscador i.cerrar {
        right: -45px;
        left: inherit;
        font-size: 24px;
        top: 2px;
    }
    .btn-floating {
        -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
        box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
    }
}

.check_aplicar_saldo_pendiente{
    position: relative !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/** Anuncios */
.contenedor_anuncios{
	background-color:white;
	border-bottom: 1px solid rgba(199, 199, 199, 0.3);
    /*padding: 10px 30px 10px 10px;*/
	padding:30px;
    vertical-align: middle;
    border-right: 1px solid rgba(199, 199, 199, 0.3);
	box-shadow: 0 6px 10px 0 rgba(0,0,0,0.02),0 1px 18px 0 rgba(0,0,0,0.02),0 3px 5px -1px rgba(0,0,0,0.02);
	margin:15px 0;
}
/*
.contenedor_anuncios:nth-child(odd){
	background-color:#F9FAFD;
}
*/
.anuncio_status{
	float:left;
	font-size:14px;
	color:#3c424c;
	font-weight:600;
}
.anuncio_botonera_edit{
	float:right;
	margin-right:20px;
}
.anuncio_botonera_edit>i{
	font-size:22px;
	color:#B8BEC8;
}
.anuncio_botonera_delete{
	float:right;
}
.anuncio_botonera_delete>i{
	font-size:22px;
	color:#B8BEC8;
}
.clearer{
	clear:both;
}
.anuncio_fecha{
	font-size:14px;
	color:#9C9FA4;
}
.anuncio_titulo{
	padding-top:10px;
	font-weight:700;
	font-size:17px;
	color:#3c424c;
}
.anuncio_descripcion{
	font-size:14px;
	padding-bottom:10px;
	color:#3c424c;
	line-height:19px;
	margin-top:4px;
}
.anuncio_attach{
	float:left;
	
}
.anuncio_attach>i{
	font-size:16px;
}
.anuncio_attach_name{
	float:left;
	margin-left:7px;
	font-size:12px;
	margin-top:1px;
	color:#1ECBC9;
	font-weight:500;
}
.sombra_box{
	/*-webkit-box-shadow
	box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3);
	*/
	box-shadow: 0 6px 10px 0 rgba(0,0,0,0.02),0 1px 18px 0 rgba(0,0,0,0.02),0 3px 5px -1px rgba(0,0,0,0.02);
	
}
.remove_highlight{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	
}
.img_attach_anuncios{
	width:40px;
}
.ellipsis{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.anuncio_attach_image{
	width:80%;
	
}
.thumbnail {
  position: relative;
  width: 120px;
  height: 120px;
  overflow: hidden;
	border-radius:100%;
}
.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
  width: 100%;
  height: auto;
}

.description_edit{
	display:none;
}
.description_edit_btn{
	display:none;
}
input.birthday_input:read-only{
	
}