.navbar {
    background-color: #22a6b3;/*#22a6b3;*/
}

.sidebar-fixed{
    height:100vh;
    width:270px;
    -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    z-index:1050;
    background-color:#FFF;
    padding:0 1.5rem 0rem;
}

.sidebar-fixed .list-group .active{
    -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    -webkit-border-radius:5px;
    border-radius:5px;
}

.sidebar-fixed .logo-wrapper{
    padding:1.5rem;
}

.sidebar-fixed .logo-wrapper img{
    max-height:50px
}

@media (min-width:1200px){
    .navbar,.page-footer,main{
        padding-left:270px
    }
    .btn_sidebar{
        display: none;
    }
    #menu {
        margin-top: 0;
        display: block !important;
    }
}

@media (max-width:1199.98px){
    .sidebar-fixed {
        display:none
    }
    .btn_sidebar {
        display: inline-block;
    }
    #menu {
        margin-top: 83px;
    }
}

.container-for-admin{
  background-color: #eee!important;
}

.map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

.list-group.panel > .list-group-item {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px
}


.select-global{
  width: 25%;
}

.select_societe{
  padding-left: 12px;
}

#info-block section {
    border: 2px solid black;
}

.file-marker > div {
    padding: 0 3px;
    margin-top: -0.8em;

}
.box-title {
    background: white none repeat scroll 0 0;
    display: inline-block;
    padding: 0 2px;
    margin-left: 8em;
}

.card-body.justify-content-between {
    margin-bottom: 25px;
    border-bottom: 1px solid #0a3981;
}

.blue-dark-text {
    color: #0a3981;
}

.table_blue > thead {
    background-color: #22a6b3;/*#22a6b3*/
    color: white;
}

.color_dore {
    color: #b4812e;
}

.btn-xsm {
    padding: .3rem .5rem;
    font-size: .6rem;
}

.prefix_text{
    font-size:1rem!important;
    top:0.9rem!important;
    left:2rem;
}
.prefix_date{
    font-size:1rem !important;
    top:0.9rem !important;
    left:1rem ;
}

.bc-icons-2 .breadcrumb-item + .breadcrumb-item::before {
content: none; }

.bc-icons-2 .breadcrumb-item.active {
color: #455a64; }

tr.group,
tr.group:hover {
    background-color: #b4812e !important;
    color: white;
}

.my-custom-scrollbar {
    position: relative;
    height: 200px;
    overflow: auto;
}

.table-wrapper-scroll-y {
    display: block;
}

div.dataTables_scrollBody {
    overflow-x: hidden!important;
}





.inbox_people {
  background: #f8f8f8 none repeat scroll 0 0;
  float: left;
  overflow: hidden;
  border-right:1px solid #c4c4c4;
  overflow-y: auto;
}
.inbox_msg {
  border: 1px solid #c4c4c4;
}

.chat_ib h5{
    font-size:15px;
    color:#464646;
    margin:0 0 8px 0;
}

.chat_ib h5 span{
    font-size:13px;
    float:right;
}

.chat_ib p{
    font-size:14px;
    color:#989898;
    margin:auto
}

.chat_img {
  float: left;
  width: 12%;
}

.chat_ib {
  float: left;
  padding: 0 0 0 15px;
  width: 88%;
}

.chat_list {
  border-bottom: 1px solid #c4c4c4;
  margin: 0;
  padding: 18px 16px 10px;
}

.active_chat{ background:#ebebeb;}

.received_msg {
  display: inline-block;
  vertical-align: top;
 }
 .received_withd_msg p {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 3px;
  color: #646464;
  font-size: 14px;
}
.time_date {
  color: #747474;
  display: block;
  font-size: 12px;
}

.mesgs {
  float: left;
  padding: 30px 15px 0 25px;
}

 .sent_msg p {
  background: #05728f none repeat scroll 0 0;
  border-radius: 3px;
  font-size: 14px;
  color:#fff;
}
.outgoing_msg{
    overflow:hidden;
}


.input_msg_write input {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #4c4c4c;
  font-size: 15px;
  min-height: 48px;
  width: 100%;
}

.type_msg {border-top: 1px solid #c4c4c4;position: relative;}


.scrollbar_thin {
    scrollbar-width: thin;
}

.chip {
    height: auto;
    cursor: default;
    transition: none;
    line-height: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}




.collapse-content a:not(.collapsed)::after {
    content: "˄ Cacher" ;
}

.collapse-content a.collapsed::after {
    content: "˅ afficher" ;
}




.circle-wrap {
  margin: 50px auto;
  width: 150px;
  height: 150px;
  background: #e6e2e7;
  border-radius: 50%;
}

.circle-wrap .circle .mask,
.circle-wrap .circle .fill {
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 50%;
}

.circle-wrap .circle .mask {
  clip: rect(0px, 150px, 150px, 75px);
}

.circle-wrap .circle .mask .fill {
  clip: rect(0px, 75px, 150px, 0px);
  background-color: #9e00b1;
}

.circle-wrap .circle .mask.full,
.circle-wrap .circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(126deg);
}

@keyframes fill {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(126deg);
  }
}

.circle-wrap .inside-circle {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #fff;
  line-height: 130px;
  text-align: center;
  margin-top: 10px;
  margin-left: 10px;
  position: absolute;
  z-index: 100;
  font-weight: 700;
  font-size: 2em;
}