/* .enlarged .left-side-menu .slimScrollDiv,
.enlarged .left-side-menu.slimscroll-menu{
  overflow:inherit!important;
  height:auto!important
} */
.right-bar{
  background-color:#fff;
  -webkit-box-shadow: -1px -4px 40px -4px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px -4px 40px -4px rgba(0,0,0,0.75);
  box-shadow: -1px -4px 40px -4px rgba(0,0,0,0.75);
  -moz-border-radius: 9px;
  -webkit-border-radius:9px;
  border-radius: 6px;
  display:block;
  position:fixed;
  height: 90%;
  -webkit-transition:all .2s ease-out;transition:all .2s ease-out;
  width:260px;
  z-index:9999;
  float:right!important;
  right:0;
  top:100%;
  bottom:0;
  opacity:0.99;
  /* margin-top: 3.5%; */
}

.rightbar-title{
  -moz-border-radius: 9px;
  -webkit-border-radius:9px;
  border-radius: 6px 6px 0 0;
}
.right-bar[data-color="purple"] .rightbar-title
{
  /* background-color: #9c27b0!important; */
  background-color: #4685F7!important;
  padding:23.5px 25px;color:#fff
}
.right-bar[data-color="azure"] .rightbar-title
{
  background-color: #00bcd4!important;
  padding:23.5px 25px;color:#fff
}
.right-bar[data-color="green"] .rightbar-title
{
  background-color: #4caf50!important;
  padding:23.5px 25px;color:#fff
}
.right-bar[data-color="orange"] .rightbar-title
{
  background-color: #ff9800!important;
  padding:23.5px 25px;color:#fff
}
.right-bar[data-color="danger"] .rightbar-title
{
  background-color: #f44336!important;
  padding:23.5px 25px;color:#fff
}
.right-bar[data-color="rose"] .rightbar-title
{
  background-color: #e91e63!important;
  padding:23.5px 25px;color:#fff
}

.right-bar .right-bar-toggle{
  background-color:#414b5b;
  height:24px;
  width:24px;
  line-height:27px;
  color:#fff;
  text-align:center;
  border-radius:50%;
  margin-top:-4px
}
.right-bar .right-bar-toggle:hover{
  background-color:#475364
}
.right-bar .user-box{
  padding:25px;
  text-align:center
}
.right-bar .user-box .user-img{
  position:relative;height:64px;width:64px;margin:0 auto 15px auto
}
.right-bar .user-box .user-img .user-edit{
  position:absolute;
  right:-5px;
  bottom:0;
  height:24px;
  width:24px;
  background-color:#fff;
  line-height:24px;
  border-radius:50%;
  -webkit-box-shadow:0 0 45px 0 rgba(0,0,0,.12);
  box-shadow:0 0 45px 0 rgba(0,0,0,.12)
}
.right-bar .user-box h5{
  margin-bottom:2px
}
.right-bar .user-box h5 a{
  color:#323a46
}
.rightbar-overlay{
  /* background-color:transparent!important; */
  background-color:rgba(50,58,70,.55);
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  display:none;
  z-index:9998;
  -webkit-transition:all .2s ease-out;
  transition:all .2s ease-out;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.right-bar-enabled .right-bar{
  right:0;
  top:10%;
  /* display: block; */
}
.right-bar-enabled .rightbar-overlay{
  display:block
}
.inbox-widget .inbox-item{
  border-bottom:1px solid #fff;
  overflow:hidden;padding:.625rem 0;
  position:relative
}
.inbox-widget .inbox-item:last-of-type{
  border-bottom:none
}
.inbox-widget .inbox-item .inbox-item-img{
  display:block;
  float:left;
  margin-right:15px;
  width:40px
}
.inbox-widget .inbox-item .inbox-item-img img{
  width:40px
}
.inbox-widget .inbox-item .inbox-item-author{
  color:#323a46;
  display:block;
  margin-bottom:3px
}
.inbox-widget .inbox-item .inbox-item-text{
  color:#98a6ad;
  display:block;
  font-size:.8125rem;
  margin:0;
  overflow:hidden
}
.inbox-widget .inbox-item .inbox-item-date{
  color:#98a6ad;
  font-size:.6875rem;
  position:absolute;
  right:5px;
  top:10px
}
.p-3::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    display: none;
}
/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.p-3::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}
.slimscroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    display: none;
}
/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
.slimscroll::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

/* .chat-conversation{
  height: 300px;
} */
.card-box-show {
    display: block;
    background-color: #fff;
    padding: 0.7rem;
    /* -webkit-box-shadow: 0 0.75rem 6rem rgba(56,65,74,.03); */
    -webkit-transition:all .2s ease-out;transition:all .2s ease-out;
    /* box-shadow: 0 0.75rem 6rem rgba(56,65,74,.03); */
    /* box-shadow: 5px 5px 5px 5px #888888; */
    -webkit-box-shadow: -1px -4px 40px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px -4px 40px -4px rgba(0,0,0,0.75);
    box-shadow: -1px -4px 40px -4px rgba(0,0,0,0.75);
    /* margin-bottom: 24px; */
    /* border-radius: .25rem; */
    -moz-border-radius: 9px;
    -webkit-border-radius:9px;
    border-radius: 9px;
    position: fixed;
    width:350px;
    float:right!important;
    z-index:9998;
    right:0;
    height: 475px;
    /* top:30%; */
    bottom: 0;
}
.card-box-close {
    display: block;
    background-color: #fff;
    padding: 1.5rem;
    -webkit-box-shadow: 0 0.75rem 6rem rgba(56,65,74,.03);
    box-shadow: 0 0.75rem 6rem rgba(56,65,74,.03);
    margin-bottom: 24px;
    /* border-radius: .25rem; */
    -moz-border-radius: 9px;
    -webkit-border-radius:9px;
    border-radius: 6px;
    position: fixed;
    float:right!important;
    z-index:9998;
    right:0;
    top:100%;
    bottom: 0;
}
.right-bar-enabled .card-box-show{
  right:275px;
}
.right-bar-enabled .carde-box-close{

}

.mb-3, .my-3 {
    margin-bottom: 1.5rem!important;
}

.header-title {
    font-size: 1rem;
    margin: 0 0 7px 0;
}

.conversation-list{
  list-style:none;
  height:340px;
  padding:0 5px;
  /* margin-top: -25px; */
  width: 100%;
}
.conversation-list li{
  margin-bottom:24px
}
.conversation-list .chat-avatar{
  float:left;
  text-align:center;
  width:42px
}
.conversation-list .chat-avatar img{
  border-radius:100%;
  width:100%
}
.conversation-list .chat-avatar i{
  font-size:12px;
  font-style:normal
}
.conversation-list .ctext-wrap{
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  background:#f3f4f7;
  /* background:#f7f7f7; */
  border-radius:3px;
  display:inline-block;
  padding:12px;
  position:relative
}
.conversation-list .ctext-wrap i{
  display:block;
  font-size:12px;
  font-style:normal;
  font-weight:700;
  position:relative
}
.conversation-list .ctext-wrap p{
  margin:0;
  padding-top:3px
}
.conversation-list .ctext-wrap:after{
  right:99%;
  top:0;
  border:solid transparent;
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none;
  border-top-color:#f3f4f7;
  /* border-top-color:#f7f7f7; */
  border-width:8px;
  margin-left:-1px;
  border-right-color:#f3f4f7
  /* border-right-color:#f7f7f7 */
}
.conversation-list .conversation-text{
  float:left;
  font-size:12px;
  margin-left:12px;
  width:70%
}
.conversation-list .odd .chat-avatar{
  float:right!important
}
.conversation-list .odd .conversation-text{
  float:right!important;
  margin-right:12px;
  text-align:right;
  width:70%!important;
  /* color: #fff; */
}
.conversation-list .odd .ctext-wrap{
  /* background-color:#fef5e4 */
  background-color:#D1FFC3
}
.conversation-list .odd .ctext-wrap:after{
  border-color:transparent;
  border-left-color:#D1FFC3;
  /* border-left-color:#fef5e4; */
  border-top-color:#D1FFC3;
  /* border-top-color:#fef5e4; */
  left:99%!important
}
.slimScrollDiv {
    height: auto!important;
    overflow: scroll;
}
.rounded-circle1 {
    border-radius: 50%!important;
    height: 40px;
}

@media (max-width:767.98px){
  .right-bar{
    overflow:auto
    }
  /* .right-bar .slimscroll-menu{
    height:auto!important
  } */
}

#visto i{
  display: inline;
}

#search_chat{
  color: #4D4D4D;
}
#search_chat, .is-focused .form-control {
    background-image: linear-gradient(0deg,#BFBFBF 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#BFBFBF 1px,hsla(0,0%,82%,0) 0);
}


/* #mi_input::placeholder {
 color:white;
}

#mi_input::-webkit-input-placeholder {
  color: white;
}
#mi_input::-moz-placeholder {
  color: white;
}
#mi_input:-ms-input-placeholder {
  color: white;
}
#mi_input:-moz-placeholder {
  color: white;
} */

/* Inicio bola flotante */
.contenedor{
  width:90px;
  height:240px;
  /* position:absolute; */
  right:0px;
  bottom:0px;
  position: fixed;
  float:right!important;
  z-index:9998;
  /* right:0; */
  /* height: 475px; */
  /* bottom: 0; */
}
.contenedor-close{
  display: none;
}
.contenedor-show{
  display: inline;
}
.contenedor:hover .botonF2{
  display: inline;
}
.botonF1{
  width:60px;
  height:60px;
  border-radius:100%;
  background:#F44336;
  right:0;
  bottom:0;
  position:absolute;
  margin-right:16px;
  margin-bottom:16px;
  border:none;
  outline:none;
  color:#FFF;
  font-size:36px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition:.3s;
}
span{
  transition:.5s;
}
.botonF1:click span{
  transform:rotate(360deg);
}
.botonF1:active{
  transform:scale(1.1);
}
.btn1x{
  width:20px;
  height:20px;
  border-radius:100%;
  border:none;
  color:#FFF;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  font-size:13px;
  outline:none;
  position:fixed;
  right:0;
  bottom:0;
  margin-right:10px;
  /* padding: 10px 0px -20px 0px; */
  /* padding-bottom: 20px; */
  padding: 0px 0px 0px 4px;
  transform:scale(0);
  background-repeat: no-repeat;
}
.botonF2{
  background:#7F7F7F;
  margin-bottom:55px;
  transition:0.5s;
  z-index: 9999;
  display: none;
}
.botonF3{
  background:#673AB7;
  margin-bottom:130px;
  transition:0.7s;
}
.botonF4{
  background:#009688;
  margin-bottom:175px;
  transition:0.9s;
}
.botonF5{
  background:#FF5722;
  margin-bottom:220px;
  transition:0.99s;
}
.animacionVer{
  transform:scale(1);
}