/*
 *
 * Template Name: Fullscreen Responsive Register Template
 * Template URI: http://azmind.com
 * Author: Anli Zaimi
 * Author URI: http://azmind.com
 *
 */
 


body {
    background: #f8f8f8;
    text-align: left;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    color: #555;
    font-size: 16px;
    font-weight: 400;
}

@font-face {
    font-family: HotSweat;
    src: url('/public/client-lounge/fonts/HotSweat.ttf');
}
@font-face {
    font-family: CaptureIt;
    src: url('/public/client-lounge/fonts/Capture it.ttf');
}
@font-face {
    font-family: CityStencil;
    src: url('/public/client-lounge/fonts/CityStencil.ttf');
}
@font-face {
    font-family: TrajanusBricks;
    src: url('/public/client-lounge/fonts/Sierra Madre Bold.otf');
}

#container{
	min-height:600px;
/*	background:#FFF;#E9EAED;#5C503E;*/
	opacity:0.98;
	background-image: url('/public/client-lounge/images/wood.png');
	background-size:100% 100%;
}

#changer{float:right;}
strong { font-weight: 700;}
.red { color: #eb4141; }

a:hover { text-decoration: none; }

.header {
    margin: 0 auto;
    padding-bottom: 5px;
    background: #f8f8f8 url(/public/lib/img/pattern.jpg) left top repeat;
    border-top: 3px solid #eb4141;
    -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
}

.login{text-align:center;}

.nav{list-style:none;float:left;padding:0px;}
.nav li {float:left;}
.nav li a{font-weight:bold;float:left;display:block;background:#5B513F;margin:2px;
		padding:5px;border-radius:2px;width:100px;text-align:center;color:#BA692C;}
.nav li a:hover{background:#70180C;}
.changer{float}
.logo{height:75px;}



/* ----- Media queries ----- */

@media (max-width: 1200px) {

    

}

@media (min-width: 768px) and (max-width: 979px) {

    

}

@media (max-width: 767px) {

    body { padding-left: 0; padding-right: 0; }

}

@media (max-width: 480px) {

	.logo{height:45px;}
}


.menu{float:left;margin:25px;cursor:pointer;background:#2A2019;padding:5px;border-radius:;}
.menu:hover{background:#895F3E;}
.menu .stripe{
	width:25px;height:3px;display:block;background:#ffffff;margin-bottom:5px;
}
.menu .stripe:last-child{margin-bottom:0px;}

.pophide{display:none;}
#popupmenu{position:absolute;top:20px;left:70px;z-index:10000;border-radius:;}
#popupmenu ul{list-style:none;margin:0px;padding:0px;}
#popupmenu li a{display:block;background:#2A2019;#5B513F;margin:2px;
		padding:5px;border-radius:2px;width:100px;color:#FFF;border:1px solid rgba(255,255,255,0.3);;}
#popupmenu li a:hover{background:#895F3E;color:#70180C;}

.bubble 
{
position: relative;
width: 105px;
height: 75px;
padding: 0px;
background: #2A2019;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #2A2019;
display: block;
width: 0;
z-index: 1;
left: -14px;
top: 10px;
}

.bubble-notifications 
{
position: relative;
width: 325px;

padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.bubble-notifications:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -15px;
top: 5px;
}

.bubble-notifications li a{color:#555;}
.bubble-notifications li:not(:last-child){padding:5px;border-bottom:1px solid #ECF0F5;display:list-item;color;}
.bubble-notifications li:not(:first-child):hover{background:#F4F4F4}

#bubble-notifications{display:none;}