/*AUDIOS*/
audio{
    display:none;
}

.chat audio{
    display:block;
    width:100%;
    margin:0 auto;
}


h6{
    color: #535a6c!important;
}

.navbar.static-top{
    color: #fff!important;
    background: #3f4556!important;
    padding: 10px 0px;
    min-height: 80px;
    padding-left:140px;
    padding-right:140px;
    box-sizing: border-box;
}

.navbar .nav-item{
    padding-left:40px;
    padding-right:40px;
}

.navbar .nav-item,.nav-link{
    color:#fff!important;
}

.link-drop {
    margin-top:20px;
    background: #3d4559!important;
    color:#fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 41px;
    padding: 11px 28px 12px 9px;
    color: #fff;    
    text-decoration: none;
}

.link-drop span{
    font-size: 14px!important;
}


.nav-item.dropdown{
    padding-bottom:20px;
}

.dropdown-item{
    margin: 11px auto 14px;
    display: block;
    width: 177px;
    padding: 0 12px;
    font: 14px/31px "Conv_MyriadPro-Regular", helvetica, arial, sans-serif;
    background: #ef882d;
    border-radius:3px;
    color:#fff;
}

.dropdown-item:hover{    
    background: #ef882d;
     color:#fff;
}

.notification{
    float:right;
    margin: -1px -25px 0 0;
}

.nav-item.dropdown .dropdown-menu {
    top: 100%;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    background: #3d4559;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    border: none;
    -webkit-box-shadow: rgba( 0, 0, 0, 0.1) 0 0 0;
    -moz-box-shadow: rgba( 0, 0, 0, 0.1) 0 0 0;
    box-shadow: rgba( 0, 0, 0, 0.1) 0 0 0;
    min-width: 100px;
}
#wrapper{
    max-width: 1100px;
    margin: 0 auto;    
}

#content-wrapper{
    padding: 33px 10px 6px 15px;
}

/*SIDEBAR*/
.sidebar{   
    /*padding:20px;*/
    background: #535a6c!important;
}

.sidebar .nav-item{ 
    padding-right:40px;
    padding-left:40px;
}

.sidebar.toggled .nav-item{
    padding-right:0px;
    padding-left:0px;
}

.sidebar .nav-item i{
    margin-right:20px!important;
}

.sidebar.toggled .nav-item i{
    margin-right:0px!important;
}

.sidebar .nav-item.active{
    background: #fff;    
    cursor: default;
}

.sidebar .nav-item.active a{
    color: #3f4556!important;
}

.sidebar .nav-item .nav-link {
    color:#fff!important;
    font-weight: bold;
}

.type{
    text-align:center
}

.hold-icon{
    float: left;
    width: 35px;
    height: 35px;
    background: #535a6c;
    border-radius: 50%;
    text-align: center;
    line-height: 31px;
    /*margin-right:10px;*/
    margin:0px auto;
}

.hold-icon .fas{
    vertical-align: middle;
    font-size: 20px;
    line-height: 22px;
}

.sidebar.toggled .notification, .sidebar.toggled span.enlace{
    display:none!important;
}

.sidebar .notification {
    padding:0 20px;
    margin-left:10px;
    display: inline-block;
    vertical-align: top;
    height: 22px;
    background: #26a6d1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    font: 15px/22px;
    text-align: center;
}

/*MAPA*/
.mapa{
    clear:both;
}

.wrap-map .date {
    float: left;
    font-size: 13px!important;
    line-height: 16px;
    margin: 0 5px 7px 0;
}
.text-info {
    color: #535a6c!important;
}

.wrap-map .text-info {
    float: right;
    font-style: normal;
    font-size: 13px!important;
    line-height: 16px;
    margin: 0 0 7px 5px;
    color: #535a6c!important;
}
.map iframe{
    margin:0 auto;
}

/*PANEL DE BUSQUEDA*/
.field-search input {
    width: 100%;
    padding-right: 35px;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}

.selectArea{
    display: block;
    border: 1px solid #bcbfc6;
    position: relative;
    text-decoration: none;
    background: #e9ecf4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
   
}

.selectArea option{
     text-align:center;
}

.field-date {
    width: 100%;
    position: relative;
    margin: 0 0 12px;
}

input[type="text"], input[type="email"], input[type="password"], input[type="date"],textarea, .selectArea {
   
    height: 29px;
    padding: 5px 9px;
    font-size: 13px;
    line-height: 19px;
    margin: 0 0 11px;
    border: 1px solid #bcbfc6;
    background: #e9ecf4;
    outline: none;
    outline: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    vertical-align: top;
    color: #3f4556;
    -webkit-box-shadow: inset rgba( 0, 0, 0, 0.075) 0 0 0;
    -moz-box-shadow: inset rgba( 0, 0, 0, 0.075) 0 0 0;
    box-shadow: inset rgba( 0, 0, 0, 0.075) 0 0 0;
}

select#schedule-duration{
    height: 29px;
    padding: 5px 9px;
    font-size: 13px;
    line-height: 19px;
    margin-left:10px;
}

.datetimepicker-input{
    margin-left:10px!important;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px!important;
    border-bottom-left-radius: 3px!important;
}

.field-search input{
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px!important;
    border-bottom-right-radius: 3px!important;
}


.field-search .btn-search {
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    width: 34px;
    height: 27px;
    position: absolute;
    top: 1px;
    right: 1px;
    font-size: 14px;
    line-height: 26px;
    color: #3f4556;
    text-align: center;
}

.field-search .btn-search:hover { opacity: 0.75;}
.field-date{ 
    width:100%;
    position: relative;
    margin: 0 0 12px;
}


.field-search input:focus, .selectArea:focus, .field-date input:focus, select#schedule-duration:focus,.datetimepicker-input:focus{   
    background: none; 
    border-color: #26a6d1;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #26a6d1;
    outline: 0 none!important;  
}
/*ESCRITORIO*/
.item-activity{
    /*position: relative;
    z-index: 1;*/
    background: #f0f2f8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: 0 0 8px;
    /*padding: 4px 5px 4px 82px;*/
    font-size: 13px;
    line-height: 16px;
    text-decoration: none;
    color: #535a6c;
    border: 1px solid #f0f2f8;
    transition: all .2s ease-in-out;
}

.item-activity:hover{   
    background:#f6f7f8;
    -webkit-box-shadow: rgba( 0, 0, 0, 0.4) 0 1px 15px;
    -moz-box-shadow: rgba( 0, 0, 0, 0.4) 0 1px 15px;
    box-shadow: rgba( 0, 0, 0, 0.4) 0 1px 15px;
}


.item-activity .hold-icon{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background: #6d90d6;
    color: #fff;
    display: block;
    margin: 0 auto 8px;
}

.item-activity .hold-icon i {
    font-size: 18px;
    line-height: 40px;
}

.item-activity .hold-icon.icon-green {
    background: #72d66d;
}

.item-activity .hold-icon.icon-dark {
    background: #1d4864;
}

.item-activity .hold-icon.icon-blue3 {
    background: #3864a3;
}

.item-activity .hold-icon.icon-purple {
    background: #8451a1;
}

.item-activity .hold-icon.icon-blue {
    background: #29bfe5;
}

.item-activity .hold-icon.icon-red {
    background: #f54e48;
}

.item-activity .hold-icon.icon-red2 {
    background: #f36847;
}

.item-activity .hold-icon.icon-green2 {
    background: #75c3a1;
}

.item-activity .hold-icon.icon-green3 {
    background: #52c3ca;
}


.item-activity .hold-icon.icon-yellow {
    background: #e8b34d;
}

.item-activity .hold-icon.icon-pink {
    background: #c98ecb;
}

.item-activity .hold-icon.icon-pink2 {
    background: #f294b3;
}

.item-activity .hold-icon.icon-blue4 {
    background: #54a5d4;
}

.item-activity .hold-icon.icon-orange {
    background: #e8884d;
}

.item-activity .hold-icon{
	margin-left:25%;
}

.device-top dt {
    display: inline;
    font-weight: normal;
}

.device-top dt i{
    margin-right: 10px;
    margin-left: 10px;
}

.device-top dd{
    display: inline;
    color: #535a6c;
}

.device-top{
    font-size: 14px;
    line-height: 18px;
    color: #888c94;
}

.hold-btn .btn{
    float: right;
    min-width: 177px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    padding: 0 12px;
    height: 28px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    border: 0;
    background: #3f4556;
    margin: 0 0 15px;
    font: 14px/28px 'Conv_MyriadPro-Regular', helvetica, arial, sans-serif;
    color: #fff!important;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
        
}


.log-activity{

    clear:both;
}

.item-activity .name {
    display: block;
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 5px;
    font-weight: normal;
    text-align:center;
}

.item-activity .date {
    font-size: 11px;
    line-height: 16px;
    margin-bottom:4px;
}

.item-activity .title {
    color: #737578;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    padding-left:0px;
    margin-bottom:4px;
}

.item-activity .text-info{
    color: #737578!important;
    margin-bottom:7px;      
} 

.item-activity .text{
    color:#3f4556;
    font-size: 14px;
    line-height: 17px;
}

p.text{
    padding:0px;
}

p.col-10{
    padding:0px;
}

.link-change i{
    font-size: 20px!important;
    color: #616777;
}

.link-change:hover{
    color: #616777;
}

/*ACTIVITY LOG*/
.hold-pagination {
    width: 100%;
    padding: 10px 86px 0;
    overflow: hidden;
    text-align: center;
    position: relative;
}

.pagination-project {
    margin: 0 0 20px;
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination-project li {
    margin: 0 2px 5px 3px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0;
    background: none;
}

.pagination ul li {
    margin: 0 0 17px;
    padding: 0 0 0 31px;
    color: #324d5b;
}

.pagination-project > li > a {
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #3f4556;
    border: none;
    color: #ffffff;
    margin-left: 0;
    height: 28px;
    padding: 5px 10px;
    min-width: 27px;
    font: 14px;
}

.pagination-project > li > a:hover {
    text-decoration: none;    
}

/*surroundings*/
#schedule-form {
    padding-bottom: 16px;
}

#schedule-form .btn {
    height: 30px;
    line-height: 15px;
    min-width: 5em;
}

.btn-blue {
    color:#fff;
    height: 37px;
    letter-spacing: 1px;
    font: 14px/18px;
    background: #40a5c6;
}

.btn-blue:hover {
    background: #1aafe0;
}

/*Aplications*/
.link-change span:first-child, .link-change.active span {
    display: block;

}

.link-change span, .link-change.active span:first-child {
    display: none;
}

.link-change:hover, .link-change:focus {
    color: #616777;
    text-decoration: none!important;
}
.hold-activity .link-change {
    color: #616777;
    font-size: 12px;
    text-decoration: underline;
}

/*FOTOS*/
.wrap-photos {
    width: 100%;
    padding: 0 0 17px 2px;
    margin: -6px 0 0;
}

.wrap-photos .item {
    float: left;
    margin: 0 0 13px 6px;
    width: 162px;
    background: #e9ecf4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    padding: 7px 7px 4px 5px;
    font-size: 12px;
    line-height: 16px;
    min-height: 217px;
    overflow: hidden;
}

.wrap-photos .hold-img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 0 0 4px;
    line-height: 146px;
    position: relative;
}

.wrap-photos .info {
    font-size: 12px;
    line-height: 16px;
    color: #3f4556;
    margin: 0 -7px 0 0;
    padding: 1px 0 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.wrap-photos .info dt {
    color: #888c94;
}
.info dt, .info dd {
    display: inline;
    font-weight: normal;
}

.wrap-photos .holder {
    text-align: center;
}

.wrap-photos .holder .link:first-child {
    float: left;
}

.wrap-photos .holder .link:hover, .wrap-photos .holder .link:focus {
    color: #23527c;
}

.wrap-photos .holder .link {
    float: right;
    color: #006cff;
}

.wrap-photos .img-responsive {
    margin-left: auto;
    margin-right: auto;
}

.wrap-photos .hold-img .shadow {
    top: -99999px;
    left: -99999px;
    transition: opacity .2s ease-in-out;
}

.wrap-photos .hold-img .shadow {
    position: absolute;
    top: -9999px;
    left: -9999px;
    background: rgba( 63, 69, 87, 0.85);
    text-align: center;
    z-index: 2;
    opacity: 0;
}

.wrap-photos .hold-img a:hover .shadow{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity:1;
}

.hold-img .shadow .fa {
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    display: inline-block;
    vertical-align: middle;
    opacity: 0.65;
}

a.close, a.prev, a.next{
    color:#fff!important;
}

footer{
    clear:both!important;
    position: absolute; 
    left: 0; 
    bottom: 0; 
    width: 100%;
}

.copyright span{
    font-size:13px;
    margin-left:-220px;
    margin-bottom:20px;
}

/*WHATSAPP PICTURES*/
.picture{
    margin:10px;
    padding:10px;
}


/*CUENTA*/
.hold-info {
    width: 100%;
    overflow: hidden;
    color: #3f4556;
    padding: 0 0 20px 9px;
    margin: -10px 0 0;
}

.hold-info .info {
    float: left;
    margin: 0 18px 20px 10px;
}

.info {
    width: auto;
    position: relative;
    overflow: hidden;
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 16px;
}

.hold-form {
    padding: 0 0 13px 189px;
    margin: -13px 0 0;
}

.label-form {
    float: left;
    color: #3f4556;
    font-size: 14px;
    line-height: 16px;
    margin: 5px 0 15px -170px;
    width: 162px;
    font-weight: normal;
}

.hold-field input{
    width: 179px!important;
    overflow: hidden;
    position: relative;
}

.hold-btn {
    width: 100%;
    overflow: hidden;
}

.hold-form .hold-btn .btn {
    float: left;
}

/*MODAL CORREO*/
.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-item-attr {
    position: relative;
    padding-left: 7em;
}

.modal-item-attr strong {
    position: absolute;
    top: 0;
    left: 0;
}
.modal-item-attr strong {
    padding-left: 1em;
    text-transform: uppercase;
    display: inline-block;
    width: 6em;
    font-size: 1em;
}

.modal-mail .mail-subject span, .modal-mail .mail-from span, .modal-mail .mail-to span {
    line-height: 1;
    font-size: 1.2em;
    color: #3f4556;
}

.modal-mail .mail-body {
    width: inherit;
    word-wrap: break-word;
}
.mail-body {
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
    border-top: 1px solid #e5e5e5;
}

.mail-body .mail-wrapper {
    overflow: auto;
    margin-right: 15px;
    margin-left: 15px;
}

.mail-wrapper p {
    font-family: 'helveticaneuecyrroman', helvetica, arial, sans-serif;
    margin: 0 0 21px;
    color: #535a6c;
    font-size: 13px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn{
    min-width: 177px;
    border-radius: 3px;
    position: relative;
    padding: 0 12px;
    height: 28px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    border: 0;
    background: #3f4556;
    margin: 0 0 15px;
    font: 14px/28px 'Conv_MyriadPro-Regular', helvetica, arial, sans-serif;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
}

.nav-link span.linkh{
        margin-left:10px;
        vertical-align:middle;
        font-size:13px;
    }

    .hold-activity .holder span.date{
        text-align:right;
        padding-right:5px;
    }

.btn-map{
    clear: both;
    margin-top:10px!important;
    margin-bottom:40px;
}

.link-app.link-change span{
    text-align:right;
}

/*RESPONSIVE*/
@media (max-width: 1000px){
    .navbar{
        padding-left:0px!important;
        padding-right:0px!important;
    }

    .navbar-brand, .nav-link span.linkh{
        display:none;
    }

    .nav-item, .nav-item.no-arrow{
        padding:0px;
    }

    .navbar .nav-item {
        padding-left: 0px;
        padding-right: 0px;
    }

    .icon-menu {
        margin-left:10px;
        padding: 5px;
        width: 45px;
        height: 45px;
        top: 15px;
        left: 5px;
        border-radius: 50%;
        color: #fff;
        font-size: 20px;
        line-height: 35px;
        text-align: center;
        background: #2d92b7;
    }
}

@media (max-width: 1020px){
    footer .copyright{
        margin-left:50px;
    }
}

@media (max-width: 991px){
    .hold-icon{
        display:none!important;
    }
}

@media (max-width: 968px){
    footer .copyright{
        margin-left:80px;
    }
    
}

@media (max-width: 950px){
    footer .copyright{
        margin-left:150px;
    }
}

@media (max-width: 890px){
    footer .copyright{
        margin-left:250px;
    }
}



@media (max-width: 768px){
    .titulo-d-top, .device-top, .btn-d-top{
        display:none;
    }

    .hold-activity .holder span.date{
        text-align:right;
        padding-right:5px;
    }

    .sidebar .notification, .sidebar span.enlace, .sidebar .nav-item.dropdown, form.activity-search-form{
        display:none!important;
    }

    .sidebar .nav-item{ 
        padding-right:10px;
        padding-left:10px;
    }

    .navbar.static-top{        
        padding-left:40px;
        padding-right:40px;
    }

    .item-activity .col-10{
        padding-left:40px;
    }

    .hold-pagination{
        padding:0px;
    }

    footer .copyright{
        margin-left:-100px;
    }
    
}

@media (max-width: 678px){
    footer .copyright{
        margin-left:100px;
    }
}

@media (max-width: 650px){
    .holder .date{
        display:none;
    }
    
    .item-activity .name{
        text-align:center;
    }
    

}

@media (max-width: 510px){
    footer .copyright{
        margin-left:150px;
    }
}

@media (max-width: 442px){
    footer .copyright{
        margin-left:180px;
    }
}

@media (max-width: 430px){
    .item-activity .col-10{
        padding-left:60px;
    }
    
  


    footer .copyright{
        display:none;
    }
}

/*WHATSAPP*/
.what{
    position:relative;
    background: url("../img/whatsapp/tlf3.png"); 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat:no-repeat;
    background-size:100%;
    width:80%;
    height:1300px;
    overflow:hidden;
    margin:0 auto;
}

@media(max-width:1100px){
    .what{
        width:100%;
        height:1300px;
    }
    
    .what .container-fluid{
        height:1000px!important;
    }
}

.what .container-fluid{
    background:#fff;
    position:relative; 
    top:115px;
    width:92%;
    border:0px;
    height:785px;
    overflow:scroll;
    padding:0px;
    margin:0px 23px;
}

@media(max-width:1100px){
    .what .container-fluid{
        top:144px;
        margin:0px 26px;
        width:93%;
    }
}

@media(max-width:1090px){
    .what .container-fluid{
        height:980px!important;
    }
}

@media(max-width:1080px){
    .what .container-fluid{
        height:960px!important;
    }
}

@media(max-width:1065px){
    .what .container-fluid{
        height:940px!important;
    }
}

@media(max-width:1062px){
    .what .container-fluid{
        top:140px;
    }
    
    .what .container-fluid{
        height:930px!important;
    }
}

@media(max-width:1054px){
    .what .container-fluid{
        top:135px;
        margin:0 auto;
    }
}

@media(max-width:1037px){
    .what .container-fluid{
        height:910px!important;
    }
}

@media(max-width:1030px){
    .what .container-fluid{
        height:900px!important;
    }
}


@media(max-width:1020px){
    .what .container-fluid{
        height:890px!important;
    }
}

@media(max-width:1014px){
    .what .container-fluid{
        top:130px;
    }
    
    .what .container-fluid{
        height:870px!important;
    }
}

@media(max-width:995px){
    .what .container-fluid{
        height:850px!important;
    }
}

@media(max-width:985px){
    .what .container-fluid{
        height:830px!important;
    }
}

@media(max-width:975px){
    .what .container-fluid{
        height:810px!important;
    }
}

@media(max-width:965px){
    .what .container-fluid{
        height:800px!important;
    }
}

@media(max-width:950px){
    .what .container-fluid{
        height:780px!important;
    }
}

@media(max-width:935px){
    .what .container-fluid{
        height:760px!important;
    }
}

@media(max-width:925px){
    .what .container-fluid{
        height:740px!important;
    }
}

@media(max-width:910px){
    .what .container-fluid{
        top:112px;
    }
}

@media(max-width:900px){
    .what .container-fluid{
        height:720px!important;
    }
}

@media(max-width:885px){
    .what .container-fluid{
        height:700px!important;
    }
}

@media(max-width:870px){
    .what .container-fluid{
        height:690px!important;
    }
}

@media(max-width:860px){
    .what .container-fluid{
        height:680px!important;
    }
}

@media(max-width:881px){
    .what .container-fluid{
        top:105px;
    }
}

@media(max-width:850px){
    .what .container-fluid{
        top:100px;
        height:660px!important;
    }
}

@media(max-width:835px){
    .what .container-fluid{
        height:645px!important;
    }
}

@media(max-width:825px){
    .what .container-fluid{
        height:630px!important;
    }
}

@media(max-width:816px){
    .what .container-fluid{
        height:620px!important;
    }
}

@media(max-width:810px){
    .what .container-fluid{
        height:610px!important;
    }
}

@media(max-width:800px){
    .what .container-fluid{
        top:90px;
    }
}

@media(max-width:798px){
    .what .container-fluid{
        height:600px!important;
    }
}

@media(max-width:787px){
    .what .container-fluid{
        height:590px!important;
    }
}

@media(max-width:780px){
    .what .container-fluid{
        top:85px;
    }
}

@media(max-width:775px){
    .what .container-fluid{
        height:570px!important;
    }
}

@media(max-width:768px){
    .what .container-fluid{
        top:95px;
    }
    
    .what .container-fluid{
        height:630px!important;
    }
}

@media(max-width:767px){
    .what .container-fluid{
        top:120px;
    }
    
    .what .container-fluid{
        height:840px!important;
    }
}

@media(max-width:760px){
    .what .container-fluid{
        height:820px!important;
    }
}

@media(max-width:747px){
    .what .container-fluid{
        height:800px!important;
    }
}

@media(max-width:731px){
    .what .container-fluid{
        height:780px!important;
    }
}

@media(max-width:720px){
    .what .container-fluid{
        height:760px!important;
    }
}

@media(max-width:705px){
    .what .container-fluid{
        top:110px;
    }
    
    .what .container-fluid{
        height:750px!important;
    }
}

@media(max-width:693px){
    .what .container-fluid{
        height:730px!important;
    }
}

@media(max-width:680px){
    .what .container-fluid{
        height:720px!important;
    }
}


@media(max-width:670px){
    .what .container-fluid{
        top:105px;
        height:705px!important;
    }
}

@media(max-width:660px){
    .what .container-fluid{
        top:105px;
        height:685px!important;
    }
}

@media(max-width:645px){
    .what .container-fluid{
        top:100px;
        height:670px!important;
    }
}

@media(max-width:630px){
    .what .container-fluid{
        height:660px!important;
    }
}

@media(max-width:620px){
    .what .container-fluid{
        top:95px;
        height:640px!important;
    }
}

@media(max-width:610px){
    .what .container-fluid{
        height:625px!important;
    }
}

@media(max-width:600px){
    .what .container-fluid{
        height:610px!important;
    }
}


@media(max-width:590px){
    .what .container-fluid{
        top:90px;
        height:600px!important;
    }
}

@media(max-width:580px){
    .what .container-fluid{
        height:590px!important;
    }
}

@media(max-width:570px){
    .what .container-fluid{
        height:575px!important;
    }
}

@media(max-width:564px){
    .what .container-fluid{
        top:85px;
    }
}

@media(max-width:560px){
    .what .container-fluid{
        height:560px!important;
    }
}

@media(max-width:550px){
    .what .container-fluid{
        top:80px;
        height:545px!important;
    }
}

@media(max-width:535px){
    .what .container-fluid{
        height:530px!important;
    }
    
    .h-what{
        font-size:9px;
    }
}

@media(max-width:525px){
    .what .container-fluid{
        top:75px;
        height:520px!important;
    }
}

@media(max-width:515px){
    .what .container-fluid{
        top:75px;
        height:510px!important;
    }
}

@media(max-width:505px){
    .what .container-fluid{
        top:75px;
        height:495px!important;
    }
}

@media(max-width:500px){
    .what .container-fluid{
        height:485px!important;
    }
}

@media(max-width:495px){
    .what .container-fluid{
        top:70px;
        height:470px!important;
    }
}

@media(max-width:480px){
    .what .container-fluid{
        height:460px!important;
    }
}

@media(max-width:475px){
    .what .container-fluid{
        height:450px!important;
    }
}

@media(max-width:465px){
    .what .container-fluid{
        height:440px!important;
    }
}

@media(max-width:461px){
    .what .container-fluid{
        top:65px;
    }
}

@media(max-width:454px){
    .what .container-fluid{
        height:427px!important;
    }
}

@media(max-width:445px){
    .what .container-fluid{
        height:415px!important;
    }
}

@media(max-width:440px){
    .what .container-fluid{
        top:55px;
    }
}

@media(max-width:429px){
    .what .container-fluid{
        height:400px!important;
    }
}

@media(max-width:425px){
    .what .container-fluid{
        height:390px!important;
    }
}

@media(max-width:415px){
    .what .container-fluid{
        height:380px!important;
    }
}

@media(max-width:405px){
    .what .container-fluid{
        height:360px!important;
    }
}

@media(max-width:393px){
    .what .container-fluid{
        height:340px!important;
    }
}

@media(max-width:380px){
    .what .container-fluid{
        height:320px!important;
    }
}

@media(max-width:370px){
    .what .container-fluid{
        height:310px!important;
    }
}

@media(max-width:360px){
    .what .container-fluid{
        height:300px!important;
    }
}

@media(max-width:355px){
    .what .container-fluid{
        height:290px!important;
    }
}

@media(max-width:345px){
    .what .container-fluid{
        height:270px!important;
    }
}

@media(max-width:335px){
    .what .container-fluid{
        height:250px!important;
    }
}

@media(max-width:320px){
    .what .container-fluid{
        height:230px!important;
    }
}



.what .item-activity{
    background:#fff;
    border-radius:0px!important;
    margin-bottom:2px;
    border:1px solid #fff!important;
}

.chat .container-fluid{
    background: #e6f6ff;
}


.fa-phone{
     -moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
-ms-filter: "FlipH";
filter: FlipH;
}

.what .perfil img{
    margin-top:8px;
    border-radius:100%;
    max-width:60px;
    max-height:60px;
}

#estado .perfil img{
    padding:1px;
    border:3px solid #4fbeaa;
}

.h-what{
    padding:10px;
    padding-bottom:0px;
    background:#075e54;
    color:#fff;
    top:0;
     position: sticky;
     z-index:2;
}

.h-what .sup{
    margin-bottom:10px;
}

.h-what .sup a{
   color:#fff;
   text-decoration:none;
}

.h-what .inf{
    /*margin-bottom:10px;*/
    text-align:center;
}
/*TAB HEADER*/
.h-what .inf .nav-link.active{
    border-bottom:3px solid #fff;
}

/*CHAT*/

/*BURBUJAS DE CONVERSACION*/
.burb-white{
    clear:both;
    width:80%;
    background:#FFF;
    color:#000;
    float:left;
    margin:15px;
    border-radius:5px;
    padding:10px;
    -webkit-box-shadow: 0px 2px 5px 1px rgba(210,224,232,0.47);
-moz-box-shadow: 0px 2px 5px 1px rgba(210,224,232,0.47);
box-shadow: 0px 2px 5px 1px rgba(210,224,232,0.47);
}

.burb-green{
    clear:both;
    width:80%;
    background:#C2FFC2;
    color:#000;
    float:right;
    margin:15px;
    border-radius:5px;
    padding:10px;
    -webkit-box-shadow: 0px 2px 5px 1px rgba(210,224,232,0.47);
-moz-box-shadow: 0px 2px 5px 1px rgba(210,224,232,0.47);
box-shadow: 0px 2px 5px 1px rgba(210,224,232,0.47);
}

.burb-blue{
    clear:both;
    text-align:center;
    width:20%;
    margin:0 auto;
    background:#BFD7FF;
    color:#000;
    border-radius:5px;
    padding:10px;
    -webkit-box-shadow: 0px 2px 5px 1px rgba(210,224,232,0.47);
-moz-box-shadow: 0px 2px 5px 1px rgba(210,224,232,0.47);
box-shadow: 0px 2px 5px 1px rgba(210,224,232,0.47);
}

.aud-img{
    width:20%;
    float:left;
}

.aud{
    float:left;
    width:80%;
}


/*INFO: CHECK Y HORA*/

.chat-info{
    clear:both;
}

.fa-check-double.gray{
    color:#909090;
}

 .chat-info span{
    font-size:11px;
    color:#909090;
}

.fa-check-double, .chat-info i{
    font-size:13px;
    color:#25ADD2;
}
/*FOOTER CHAT*/
.f-what{
    width:100%;
    clear:both;
    text-align:center;
    color:#83898D;
    margin:0px;
    bottom:0!important;
    position: sticky;
}

.f-what .msg{
    background:#fff;
    border-radius:50px;
    padding:10px;
    width:90%!important;
    margin:0 auto;
}

.f-what .micro{
    background:#005E52;
    color:#fff;
    border-radius:100px;
    padding:10px 0;
}

/*ESTADOS WHATSAPP*/
/*MI ESTADO*/
.type .fa-plus, .img-est .fa-plus{
    background:#04CF4B;
    color:#fff;
    border-radius:50px;
    padding:3px 5px;
    font-size:13px;
    position: absolute;
    right:20%;
    bottom:0px;
}

@media(max-width:665px){
    .type .fa-plus{
    right:5%;
}
}

@media(max-width:622px){
    .type .fa-plus{
    right:-5%;
}
}

@media(max-width:533px){
    .type .fa-plus{
    right:-15%;
}
}

@media(max-width:460px){
    .type .fa-plus{
    right:-30%;
}
}

@media(max-width:390px){
    .type .fa-plus{
    right:-60%;
}
}

@media(max-width:350px){
    .type .fa-plus{
    right:-100%;
}
}


/*HEADER RECIENTES*/
.h-rec{
    background:#F4F4F4;
    padding:5px 15px;
}

.h-rec span{
    font-size:14px;
    color:#888888;
}

/*FOOTER ESTADO*/
.f-estados{
    z-index:999;
    position:absolute;
    bottom:20px;
    right:30px;
}

.f-estados a{
    margin-bottom:10px;
    text-decoration:none;
}

.f-estados i.fa-pen{
    color:#507578;
    background:#EEF5F6;
    padding:15px;
    border-radius:50px;
    
    -webkit-box-shadow: 2px 3px 5px -2px rgba(106,106,106,1);
    -moz-box-shadow: 2px 3px 5px -2px rgba(106,106,106,1);
    box-shadow: 2px 3px 5px -2px rgba(106,106,106,1);
}

.f-estados .fa-camera, .f-estados .fa-phone{
    color:#fff!important;
    background:#00C742;
    padding:15px;
    border-radius:50px;
    
    -webkit-box-shadow: 2px 3px 5px -2px rgba(106,106,106,1);
    -moz-box-shadow: 2px 3px 5px -2px rgba(106,106,106,1);
    box-shadow: 2px 3px 5px -2px rgba(106,106,106,1);
}

/*LLAMADAS*/
#llamada .fa-phone, #llamada .fa-video{
    color:#00897B;
    font-size:22px;
}

#llamada .date i{
    position:relative;
    top:20px;
    right:15px;
}

/*F A C E B O O K*/
.h-face{
    padding-bottom:0px;
    top:0;
     position: sticky;
     z-index:2;
     background:#FFF;
}

.h-face .sup{
    margin-bottom:10px;
    background:#F6F6F6;
    color:#858585;
    border-bottom:1px solid #858585;
    padding:5px;
}

.h-face .sup .fa-search{
    font-size:20px;
}

.h-face .row div{
    padding-right:0px;
    padding-left:5px;
} 

.h-face .sup input{
    border:0px;
    background:#F6F6F6;
    color:#858585;
    height:100%;
    font-size:15px;
}

.h-face .sup .input-group-prepend button{
    border:0px;
    background:#F6F6F6;
    color:#858585;
}

.h-face .sup a{
   color:#858585!important;
   text-decoration:none;
}

.h-face .inf-face{
    /*margin-bottom:10px;*/
    text-align:center;
    border-bottom:2px solid #9E9E9E;
}

.h-face .inf-face .nav-link{
    font-weight:bold;
    font-size:12px;
      color:#858585!important;
}

.h-face .inf-face .nav-link.active{
    color:#2E98FD!important;
    border-bottom:3px solid #2E98FD;
}

.inf-face {
    background:#fff;
}

.titulo_est{
    padding:0px 30px;
}

.titulo_est a{
    font-size:12px;
    text-decoration:none;
    color:#8C8C8C;
}

.titulo_est span{
    font-size:12px;
    text-decoration:none;
    color:#8C8C8C;
}

.titulo_est a:hover{
    text-decoration:none;
}

.hold-activity{
    clear:both;
}

.img-est{
    min-height:155px;
    padding:0px 20px;
}

@media(max-width:500px){
   .img-est{
    min-height:250px;
} 
}

.img-est i.fa-camera{
    background:#eaeaea;
    color:#fff;
    margin:0 auto;
    padding:25px;
    border-radius:50px;
    font-size:30px;
}

.img-est .miniatura{
    background:#fff;
    height:40px;
    position:absolute;
    bottom:-25%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.img-est img{
    border-radius:50px;
    padding:1px;
    border:2px solid #2593FB;
}

.img-est .miniatura{
    border-radius:50px;
    padding:1px;
    border:2px solid #fff;
}

.img-est span{
    position:absolute;
    font-size:12px;
    font-weight:bold;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.img-est .agg{
    color:#D7D7D7;
    bottom:-50px;
}

.img-est .t-est{
    color:#626262;
    bottom:-30px;
}

.t-est i{
    color:#4BC91F;
    padding-right:2px;
}

/*ICONO MANITA*/

.saludar{
    color:#AFAFAF;
    font-size:30px;
    float:right;
}

/*AVISO DE NUEVO USUARIO*/
.badge-nuevo{
    background:#9197A3;
    margin-left:5px;
    padding:5px;
}

.badge-nuevo i{
    padding-right:5px
}

/*BOTONES FLOTANTES FACEBOOK*/
.fb-est{
    bottom:40px!important;
    
}

.fb-est i{
    background:#0082FF;
    color:#fff;
    padding:20px;
    border-radius:50px;
    -webkit-box-shadow: 2px 3px 5px -2px rgba(106,106,106,1);
    -moz-box-shadow: 2px 3px 5px -2px rgba(106,106,106,1);
    box-shadow: 2px 3px 5px -2px rgba(106,106,106,1);
    
}

.fb-est .fa-phone{
    background:#0082FF;
    color:#fff;
    padding:20px;
    border-radius:50px;
    -webkit-box-shadow: 2px 3px 5px -2px rgba(106,106,106,1);
    -moz-box-shadow: 2px 3px 5px -2px rgba(106,106,106,1);
    box-shadow: 2px 3px 5px -2px rgba(106,106,106,1);
    
}

/*GRUPOS FACEBOOK*/
.f-grupos{
    padding:10px;
}

.f-grupos img{
    margin:0 auto;
    height:80px;
    width:80px;
}

.f-grupos .g-menu{
    color:#A5A5A5;
    text-decoration:none;
}

.f-grupos .g-menu:hover{
    color:#A5A5A5;
    text-decoration:none;
}

.f-grupos .g-menu i{
    padding:10px;
    float:right;
}

.f-grupos .card-text, .g-status, .g-members{
    text-align:center!important;
    color:#A1A1A1;
    font-size:14px;
}

.f-grupos .card-title{
    margin-bottom:0px;
}

.f-grupos .card{
    height:300px;
}

/*ACTIVOS FACEBOOK*/
.fa-circle{
     color:#626262;
}

/*LLAMADAS FACEBOOK*/
.ll-group{
  padding:20px 0px;  
} 

.ll-group a{
  text-decoration:none;
  color:#606770;
} 

.ll-group a:hover{
  text-decoration:none;
  color:#606770!important;
} 

.fb-llamadas .ll-iconos .fa-phone, .fb-llamadas .ll-iconos .fa-video{
    color:#0084FF!important;
    margin-right:10px!important;
}

.fb-llamadas .ll-aceptada .fa-phone{
    color:#606770!important;
    font-size:12px!important;
}

.fb-llamadas .ll-rechaz .fa-phone-slash{
    color:red;
    font-size:12px!important;
}

.ll-aceptada{
    font-weight:bold;
    color:#606770!important;
}

.ll-rechaz{
    font-weight:bold;
    color:red!important;
}

.ll-aceptada:hover{
    text-decoration:none;
    color:#606770!important;
}

.ll-rechaz:hover{
    text-decoration:none;
    color:red!important;
}

/*FOOTER FIJO FACEBOOK*/

.relleno{
    height:20px;
}

.f-face{
    position: absolute;
    bottom:0!important;
    padding:10px;
    background:#fff;
    width:100%;
}

.f-face a{
    color:#5F666F;
}

.f-face a i{
     font-size:20px!important;
}

.f-face a .fa-camera{
    margin:0 auto;
    background:#5F666F;
    color:#fff;
    padding:10px;
    border-radius:50px;
}

/*CHATS FACEBOOK*/

/*Contenedor*/
.f-chat .chat .container-fluid{
    background:#F6F6F6!important;
}

/*Header chat*/
.h-chatfb{
    position:sticky;
    top: 0;
    padding:10px;
        z-index: 2;
}

.h-chatfb.h-blue1{
    background:#20CDF4;
}

.h-chatfb.h-blue2{
    background:#008EEF;
}

.h-chatfb i,.h-chatfb a,.h-chatfb span{
    color:#fff;
}

.h-chatfb i{
    font-size:20px;
}

.h-chatfb .name{
    font-weight:bold;
}

/*Burbujas de chat*/
.burb-izq{
    clear:both;
    margin-left:10px;
}

.burb-izq > img{
    width:50px;
    height:50px;
    float:left;
    margin-top:10px;
} 

.burb-emoji-der{
    clear:both;
    float: right;
    width:30%;
}

.burb-emoji-izq{
    clear:both;
    float: left;
    width:30%;
}

.burb-gray {
    clear: both;
    position:relative;
    max-width: 60%;
    background: #E7E7E7;
    color: #7C7C7C;
    float: left;
    text-align:left;
    margin-top:15px;
    margin: 15px;
    padding: 15px;
    border-radius: 0px 60px 60px 60px;
    -moz-border-radius: 0px 60px 60px 60px;
    -webkit-border-radius: 0px 60px 60px 60px;
    border: 0px solid #000000;
}

.burb-gray .share-fb{
    color:#20CEF5;
    position: absolute;
    right:-20%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

/*BURBUJA BLUE2: AZUL ELECTRICO*/

.burb-blue2 {
    clear: both;
    max-width: 60%;
    background: #20CBF2;
    color: #fff;
    float: right;
    text-align:right;
    margin: 15px;
    border-radius: 60px 0px 60px 60px;
    -moz-border-radius: 60px 0px 60px 60px;
    -webkit-border-radius: 60px 0px 60px 60px;
    border: 0px solid #000000;
    padding: 15px;
}

/*BURBUJA BLUE3: AZUL MARINO*/

/**/

.burb-fecha{
    clear:both;
    color:#E7E7E7;
    text-align:center;
    font-weight:bold;
}

/*Footer chat*/
.f-chatfb{
    background:#fff;
    padding:10px;
    border-top:2px solid #868686;
}

.f-chatfb .fa-plus{
    color:#fff;
    padding:5px 2px;
    border-radius:50px;
}

/*BLUE 1 AZUL ELECTRICO*/
.f-chatfb .fa-plus.plus-blue1{
    background:#20CBF2;
}

.f-chatfb .like-blue1, .f-chatfb .sml-blue1{
    color:#20CBF2;
}

/*BLUE 2 AZUL MARINO*/
.f-chatfb .fa-plus.plus-blue2{
    background:#008eef;
}

.f-chatfb .like-blue2, .f-chatfb .sml-blue2{
    color:#008eef;
}

/*CHAT INFO SE USUARIO*/

/*INFORMACIÓN DE USUARIO*/
.info-user-fb{
    clear:both;
    margin:0 auto;
    padding:20px;
    padding-left:60px;
    margin-top:20px;
    margin-bottom:20px;
}

.info-user-fb .info, .saludo-nuevos{
    font-size:14px;
    color:#9D9D9D;
}

/*NUEVOS AMIGOS*/

/*Contenedor*/
.nuevos-fb{
    clear:both;
    text-align:center;
}

/*Imagen emoji de saludo*/
.nuevos-fb img{
    width:80px;
    height:80px;
}

/*Fotos de usuario nuevos amigos*/
.img-nuevos-fb{
    clear:both;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:20px;
}

.img-nuevos-fb img{
    clear:both;
    width:80px;
    height:80px;
}

.saludo-nuevos{
    margin-top:20px;
    margin-bottom:20px;
}
/*Boton saludo*/
.nuevos-fb .saludo-btn.blue2{
    background:#008eef;
    color:#fff;
    padding:5px;
    font-size:11px;
    border:0px;
    cursor:pointer;
    margin-bottom:200px;
}



/*SKYPE*/
.h-skype{
    position:sticky;
    top:0;
    padding:20px 10px;
    background:#3196D2;
    color:#fff;
    z-index:2;
}

.h-skype i{
    font-size:25px!important;
}

.h-skype .fa-skype{
    margin-right:5px;
}

/*ICONOS FLOTANTES*/

.sk-est{
    bottom:40px!important;
}

/*SKYPE RESPONSIVE*/
@media(max-width:670px){
    
    .sk-est{
        position:static;
        float:right;
        margin-right:20px;
    }
    
    .f-what.f-chatfb.row{
        position:static;
    }
    
    .f-face{
        position:static;
    }
    
}

@media(max-width:480px){
    .sk-opciones, .sk-contactos{
        text-align:center;
        font-size:11px;
    }
    
    .sk-burb-izq, .sk-burb-der{
        font-size:12px;
    }
    
    .sk-burb-izq div > img, .sk-burb-der div > img{
        display:none;
    }
    
    .h-chatsk, .f-what.f-chatfb.row{
        font-size:12px;
    }
    

}

/*FACEBOOK RESPONSIVE*/

@media(max-with:880px){
    .f-face{
        position:static;
    }
}

/*AQUI ME QUEDE 08/11/18 - Modificando footer en activos*/

@media(max-width:670px){
    
    .fb-est.f-estados{
        position:static;
        float:right;
        margin-right:20px;
    }
    
    .f-face{
        font-size:11px;
    }
    
    .fb-est.f-estados{
        position:static;
        float:right;
        margin-right:20px;
    }
    
}

@media(max-width:480px){
    .fb-est.f-estados{
        position:static;
        float:right;
        margin-right:20px;
    }
    
    .f-face{
        font-size:11px;
    }
    
    .f-face a i{
         font-size:11px!important;
    }
    
    .f-face a .fa-camera {
        margin: 0 auto;
        color: #5F666F;
        background:#fff;
        border-radius: 0px;
    }
    
    .miniatura{
        display:none;
    }
    
    .agg.text-center{
        display:none;
    }
}

.sk-est i{
    background:#47A3CD!important;
    color:#fff;
    padding:20px;
    border-radius:50px;
    -webkit-box-shadow: 2px 3px 5px -2px rgba(106,106,106,1);
    -moz-box-shadow: 2px 3px 5px -2px rgba(106,106,106,1);
    box-shadow: 2px 3px 5px -2px rgba(106,106,106,1);
    
}

.sk-users i{
    color:#00FF00;
    position:absolute;
    top:60%;
    right:20%;
}

/*Icono de opciones*/

.sk-opciones, .sk-contactos{
    padding:20px;
}

.sk-opciones .row{
    margin-bottom:10px;
}

.sk-opciones i{
    font-size:20px;
    background:#F1F1F4;
    color:#111111;
    padding:15px;
    border-radius:50px;
}

.sk-opciones .fa-plus{
    position:static;
    
}

.sk-opciones a, .sk-contactos a{
    color:#111111;
    font-weight:bold;
    text-decoration:none;
}

.sk-opciones a:hover{
    text-decoration:none;
}

/*Contactos*/

.sk-contactos i{
    font-size:20px;
    background:#ABDBE9;
    color:#fff;
    padding:15px;
    border-radius:50px;

}

/*Iconos de llamada, llamada aceptada, rechazada y video*/

.sk-llamada .ll-iconos{
    color:#1AB4EC!important;
    position: relative;
    top: 20px;
    right: 15px;
    font-size:20px;
}

.sll-aceptada i{
    color:#23A666!important;
}

.sll-rechaz i{
    color:red!important;
}

/*Footer*/

.f-skype{
    background:#fff;
    position:absolute;
    bottom:0;
    width:100%;
}

@media (max-width:480px){
    .f-skype{
        position:static;
    }
}

/*Enlaces tabs*/
.inf-skype .nav-link{
    color:#C1C1C1!important;
}

.inf-skype .nav-link.active{
    color:#2AB7EE!important;
}

/*Divider*/
hr{
    margin:0px;
}

/*CHATS SKYPE*/
.h-chatsk{
    background:#3196D2;
    position:sticky;
    top: 0;
    padding:10px;
    z-index: 2;
}

.h-chatsk a, .h-chatsk i, .h-chatsk span{
    color:#fff;
}

.h-chatsk i{
    font-size:20px;
}

.h-chatsk .name{
    font-weight:bold;
}

/*BURBUJAS DE CHAT*/
.fa-circle.activo{
    color:#00FF00;
    font-size:12px;
    margin-right:5px;
}
.i-smile{
    float:right;
}

.sk-burb-izq, .sk-burb-der{
    clear:both;
    padding-top:5px!important;
    padding-bottom:5px!important;
}

.emoji{
    width:20px;
    height:20px;
}

.sk-burb-izq div.col-10{
    padding:0px;
}

.sk-burb-izq span.row{
    padding-left:15px;
    font-size:11px;
    color:#A7A7A7;
}

.sk-burb-blue{
    clear: both;
    max-width: 60%;
    background: #3196d2;
    color: #fff;
    float: left;
    text-align: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0px solid #000000;
    padding: 15px;
}

.sk-burb-gray{
    clear: both;
    max-width: 60%;
    background: #E6E6E6;
    color:#A7A7A7;
    float: right;
    text-align: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0px solid #000000;
    padding: 15px;
    margin-right:15px;
}

.sk-burb-llamada{
    clear: both;
    max-width: 60%;
    background: #E6E6E6;
    color:#A7A7A7;
    float: left;
    text-align: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0px solid #000000;
    padding: 15px;
    margin-right:15px;
}

.sk-burb-llamada span{
    font-size:11px;
}

.sk-burb-llamada i{
    color:red;
}

.sk-burb-der span.row{
    float:right;
    padding-right:15px;
    font-size:11px;
    color:#A7A7A7;
    margin-right:5px;
}



.input-false{


    display: none;
}


.input-true{

    display: block;
}




.social-option{

    padding: 10px;

    margin: 5px;

    border: 1px solid #535a6c;

    width: 100%;

    height: auto;

    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}


.social-image{


    width: 60px;

    height: 60px;
}