.chat_box{
    position:fixed;
    right:20px;
    bottom:0px;
    width:260px;
    z-index: 10000000000000000000000000000000000000000000;
    /*right: 0;*/  
    margin-right:0px;
    /*margin-right:50px;*/
    /*bottom: 85px;*/
    right: 60px;
    bottom: 16px;

}
.chat_body{
    overflow-y:auto;
    color: black;
    background:#f2f2f2;
    height:312px;
    padding:5px 0px;
    width: 260px;
    bottom: 85px;
    border-bottom-left-radius: 26px

}

.chat_head{
    width: 260px;
}  


.chat_head,.msg_head{
    z-index: 100;

    background:#080808;
    color:white;
    padding-top: 13px;
    padding-left: 21px;
    padding-right: 11px;
    font-weight:bold;
    cursor:pointer;
    border-radius:26px 0px 0px 0px;
}

.msg_box{
    z-index: 100;
    margin-right: -219px;
    position:fixed;
    bottom: 85px;
    width:260px;
    height:200px;
    background:white;
    border-radius:8px 8px 8px 8px;

}

.msg_head{
    font-size:12px;

    z-index: 1000;
    background: #080808;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 62px;
    padding-bottom: 55px;
    padding-top: 10px;
}

.msg_body{

    z-index: 100;

    background:#f2f2f2;
    height:200px;
    font-size:12px;
    padding:15px;
    overflow:auto;
    overflow-x: hidden;

}



.msg_input{
    font-size:12px;

    width:100%;
    border: 1px solid white;
    border-top:1px solid #DDDDDD;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;  
}

.close{
    float:right;
    cursor:pointer;
}
.minimize{
    float:right;
    cursor:pointer;
    padding-right:5px;

}

.user{
    position:relative;
    padding:10px 5px;
    text-align: left;
}
.user:hover{
    background:#f8f8f8;
    cursor:pointer;
}

.msg_a{
    position:relative;
    background:#80000070;
    padding:10px;
    min-height:10px;
    margin-bottom:5px;
    margin-right:10px;
    border-radius:5px;
}
.msg_a:before{
    content:"";
    position:absolute;
    width:0px;
    height:0px;
    border: 10px solid;
    border-color: transparent #80000070 transparent transparent;
    left:-20px;
    top:7px;
}


.msg_b{
    background:#1717164d;
    padding:10px;
    min-height:15px;
    margin-bottom:5px;
    position:relative;
    margin-left:10px;
    border-radius:5px;
    word-wrap: break-word;
}
.msg_b:after{
    content:"";
    position:absolute;
    width:0px;
    height:0px;
    border: 10px solid;
    border-color: transparent transparent transparent #1717164d;
    right:-20px;
    top:7px;
}
#userName{
    font-size: 1.0rem;
    color: #506e7d;
    /*color: #263238;*/
    font-weight: 500;
}
.userLeft{
    width: 232px;
    float: left;
}
.member-chat>.checkboxFive{
    width: inherit;
    margin: 30px 10px;
}
.member-chat>.checkboxFive label {
    cursor: pointer;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 4px;
}
.checkRight{
    width: 15%; 
    float: right; 
    margin-top: 15px !important;
}
.chat-warning{
    padding: 5px 7px !important;
    box-shadow: inset 0px 0px 8px 1px #e0b906;
    border-radius: 4px;
}
.chat-modal{
    padding: 5px 7px !important;
    box-shadow: inset 0px 0px 8px 1px #4db2d0;
    border-radius: 4px;
}
.member-chat, #groupe{
    margin: 10px 0px;

}
.gr-chat{
    margin: 15px 0px;
}
.member-chat>div>b, .gr-chat>b{
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0;
    left: 0;
    position: absolute;
}
.title-gr{
    display: block;
}
.gr-chat>.title-gr>span{
    margin-left: 5px;
    font-size: 0.75rem;
    color: #f86c6b;
    float: right;
    font-weight: lighter;
    width: 50%; 
    margin-top: -18px;
}
.gr-chat>.title-gr>span>i{
    padding-right: 3px;
}
.title-gr>strong{
    float: left; 
    width: 50%; 
}
.msg_footer{

    z-index: 100;
    background:#f2f2f2;
    /* height:200px; */
    font-size:12px;
    /* padding: 5px; */
    overflow:auto;
    overflow-x: hidden;
    width: 260px;
    margin-left: 0px;

}
.msg_footer>textarea{
    padding-left: 5px; 
}
.check-list-mmbre> p{
    margin-left: 6px;
    text-transform: capitalize;
    font-weight: 400;
    color: #3c545d;
}
.btn-none{
    border: 0; 
    background: transparent; 
}
.btn-none:focus, .btn-none:hover.btn-none:visited{
    border: 0 !important; 
    box-shadow: 0 !important;
}
.btn-none>i{
    color: #63c2de;
}
#exTab3 .nav-pills > li > a {
    border-radius: 4px 4px 0 0 ;
    color: white;
    background-color: #555;
}

#exTab3 .tab-content {
    padding : 5px 15px ;
}
#exTab3 .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{
    background-color:  #e51b28 ;

}
.floatChatBox{
    right: -150px;
    /*right: -176px;*/
    bottom: 10px;
}   
.floatChathead{
    height: 53px;
    width: 54px;
    box-shadow: inset 8px -6px 20px 1px #080808;

    background: #c22329;
    border-radius: 40px; 

}   
#iconChat{
    color:white !important;   
}
.notifyjs-foo-base {
    opacity: 0.95;
    width: 289px;
    background: #e51b28;
    padding: 15px;
    height: 47px;
    border-radius: 10px;
    box-shadow: inset 8px -6px 20px 1px #3333339e;
    font-size: 15px;

}

.notifyjs-foo-base .title {
    width: 100%;
    float: left;
    margin: -8px 0 0 3px;
    text-align: center;
    color:white;
}

.notifyjs-foo-base .buttons {
    width: 70px;
    float: right;
    font-size: 9px;
    padding: 5px;
    margin: 2px;
}
.notifImg{
    width: 32px !important;
}
.notifyjs-foo-base button {
    font-size: 9px;
    padding: 5px;
    margin: 2px;
    width: 60px;
}
.notifyjs-corner {
    margin-bottom: 75px !important;
    margin-right: 34px  !important;
}
/*div.galleryFile {
    margin: 20px;
    border: 2px solid #cc1f27;
    box-shadow: 8px 8px #88070761;
    float: left;
    width: 400px;
    height: 350px;

}

div.galleryFile:hover {
    border: 1px solid #777;
}

div.galleryFile img {  
    width: 100%;
    height: auto;
    padding: 1px;
    max-width: 400px !important; 
    max-height: 350px !important; 
}

div.descreptionFile {  
    padding-top:11%;
    text-align: center;
}
p.descreptionTheme {
    text-align: left;
    margin-left: 10px;
    padding: 10px;
    margin-top: 4%;
}
.menu-side {
     height: 50%; 
    width: 200px;
    min-height: 415px;
     position: fixed; 
    z-index: 1;
    top: 28%;
    left: 0;
    background-color: transparent;
    overflow-x: hidden;
    padding-top: 20px;
    cursor: pointer;
}

.menu-side a {
    padding: 111px 97px 6px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #aaa;
    display: block;
}

.menu-side a:hover {
    color: white;
    background-color: #e52028;

}
.nav-service-menu>li{
    padding: 5px;
    font-size: 25px;
    color: #aaa;
}
.nav-service-menu>li>a:focus, .nav-service-menu>li>a:hover {
    text-decoration: none;
    background-color: #e52028;}

.menu-side ul li:hover {
    background-color: #e52028;
    color:white;
}
.pageContent {
    margin-left: 200px;  Same as the width of the sidenav 
}

@media screen and (max-height: 450px) {
    .menu-side {padding-top: 15px;}
    .menu-side a {font-size: 18px;}
}

@import url(http://fonts.googleapis.com/css?family=Raleway:400,200);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu {
    width: 220px;
    font-family: Raleway, sans-serif;
    color: #ffffff;
}
#cssmenu ul ul {
    display: none;
}
#cssmenu > ul > li.active > ul {
    display: block;
}
.align-right {
    float: right;
}
#cssmenu > ul > li > a {
    padding: 16px 22px;
    cursor: pointer;
    z-index: 2;
    font-size: 16px;
    text-decoration: none;
    color: #ffffff;
    background: #e31f28;
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
#cssmenu > ul > li > a:hover {
    color: #d8f3f0;
}
#cssmenu ul > li.has-sub > a:after {
    position: absolute;
    right: 26px;
    top: 19px;
    z-index: -1;
    display: block;
    height: 10px;
    width: 2px;
    background: #ffffff;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub > a:before {
    position: absolute;
    right: 22px;
    top: 23px;
    display: block;
    width: 10px;
    height: 2px;
    background: #ffffff;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub.open > a:after,
#cssmenu ul > li.has-sub.open > a:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#cssmenu ul ul li a {
    padding: 14px 22px;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
    text-decoration: none;
    color: #dddddd;
    background: rgba(229, 27, 40, 0.39);
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
#cssmenu ul ul ul li a {
    padding-left: 32px;
}
#cssmenu ul ul li a:hover {
    color: #ffffff;
}
#cssmenu ul ul > li.has-sub > a:after {
    top: 16px;
    right: 26px;
    background: #dddddd;
}
#cssmenu ul ul > li.has-sub > a:before {
    top: 20px;
    background: #dddddd;
}
#menu-accordeon {
    padding:0;
    margin:0;
    list-style:none;
    text-align: center;
    width: 180px;
}
#menu-accordeon ul {
    padding:0;
    margin:0;
    list-style:none;
    text-align: center;
}
#menu-accordeon li {
    background-color:#729EBF; 
    background-image:-webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
    background-image: linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
    border-radius: 6px;
    margin-bottom:2px;
    box-shadow: 3px 3px 3px #999;
    border:solid 1px #333A40
}
#menu-accordeon li li {
    max-height:0;
    overflow: hidden;
    transition: all .5s;
    border-radius:0;
    background: #444;
    box-shadow: none;
    border:none;
    margin:0
}
#menu-accordeon a {
    display:block;
    text-decoration: none;
    color: #fff;
    padding: 8px 0;
    font-family: verdana;
    font-size:1.2em
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
    font-size:1em
}
#menu-accordeon li:hover {
    background: #729EBF
}
#menu-accordeon li li:hover {
    background: #999;
}
#menu-accordeon ul li:last-child {
    border-radius: 0 0 6px 6px;
    border:none;
}
#menu-accordeon li:hover li {
    max-height: 15em;}

#primary_nav_wrap
{
    margin-top:15px;
    cursor:pointer;
    text-align: left;
}

#primary_nav_wrap ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0;
    padding:10px 22px;
}

#primary_nav_wrap ul a
{
    display:block;
    color:#f5f5f5;;
    text-decoration:none;
    font-weight:700;
    font-size:12px;
    line-height:32px;
    padding:0 15px;
    box-shadow: inset 8px -7px 20px -3px #080808cf;

    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #ca1b25;
    width: 210px;    
    border-top-left-radius: 100px;
}

#primary_nav_wrap ul li
{
    position:relative;
    float:left;
    margin:0;
    padding:0;
    background-color: #104571;
    width: 210px;
    border-top-left-radius: 100px;
}

#primary_nav_wrap ul li.current-menu-item
{
    background:#ddd
}

#primary_nav_wrap ul li:hover
{
    background:#f6f6f6
}

#primary_nav_wrap ul ul
{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    padding-left: 10px;

    background:#fff;
    padding:0;
    z-index: 1;
}

#primary_nav_wrap ul ul li
{
    float:none;
    width:200px;
    padding-left:50px;

}

#primary_nav_wrap ul ul a
{
    line-height:120%;
    padding:10px 15px;
    background-color: rgb(66, 58, 58);
}
#primary_nav_wrap ul ul ul a
{
    line-height:120%;
    padding:10px 15px;
    background-color: rgb(91, 72, 72);
}
#primary_nav_wrap ul ul ul ul a
{
    line-height:120%;
    padding:10px 15px;
    background-color: rgb(146, 121, 121);
}
#primary_nav_wrap ul ul ul ul ul a
{
    line-height:120%;
    padding:10px 15px;
    background-color: rgb(188, 164, 164);
}
#primary_nav_wrap ul ul ul ul ul ul a
{
    line-height:120%;
    padding:10px 15px;
    background-color: rgb(206, 181, 181);
}

#primary_nav_wrap ul ul ul
{
    top:10px;
    left:100%
}

#primary_nav_wrap ul li:hover > ul
{
    display:block
}*/