html {
   -ms-overflow-style: scrollbar;
}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/**************************/
/* Generic
/**************************/
.ucfirst{
	display: inline-block;
}
.ucfirst:first-letter{
	text-transform:uppercase;
}
.uppercase{
	text-transform:uppercase;
}

/**************************/
/* loading
/**************************/
.loading{
	background:url('/public/images/loader.gif') no-repeat center center;
	width:100%;
	height:20px;
	text-align:center;
}

/************************/
/* 	Icon 				*/
/************************/
.fa.my-icon {
	font-size:14px;
}

/**************************/
/* Alert
/**************************/
.my-alert{
	margin-bottom:20px;
}
.my-alert table{
	min-width:100px;
}
.my-alert .my-alert-header{
	padding:4px;
	padding-right:20px;
	text-transform:uppercase;
}
.my-alert .my-alert-body{
	padding:8px;
}
.my-alert .my-alert-footer{
	padding:8px;
	text-align:right;		
}

.container{
	width:100%;
	padding:0px 0px;
}

/**************************/
/* Alert - Table
/**************************/
.my-alert .my-table{
	margin-bottom:0px;
}
.my-alert .my-table-basic{
	padding:0px;
}

/********************/
/* 	Header			*/
/********************/
#header > div{
	display:table;
	table-layout: fixed;
}
#header-left{
	display:table-cell;
	height:80px;
	width:200px;
}

/* logo */
#header-logo{
	float:left;
	background-image:url('/public/images/logo.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:200px;
	height:80px;
}

#header-logo a{
	width:200px;
	height:80px;
	display:inline-block;
}

/* body */
#header-body{
	display:table-cell;
	width:100%;
}

/********************/
/* 	Nav				*/
/********************/





/********************/
/* 	Lang			*/
/********************/
#header-lang{
	/*z-index:2;*/
   	font-size: 10px;
   	font-weight: 700;
   	vertical-align: middle;
   	position:relative;
   	text-transform:uppercase;
}
#header-lang > ul{
	position:absolute;
}
#header-lang > ul > li {
	display:table-cell;	
	vertical-align: middle;
	padding-right: 5px;
	height:26px;
}
#header-lang > ul > li > a > span{
	display:inline-block;
    border-radius: 24px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
    background-color: #53565a;
	color: #FFF;
	border: 1px solid #FFF;
}
#header-lang > ul > li > a > span:hover,
#header-lang > ul > li > a > span.selected {
    background-color: #FFF;
    color: #53565a;
    border-color:#FFF;
}

/********************/
/* 	Content			*/
/********************/
#content-inner{
	margin-bottom:20px;
}

/********************/
/* 	Footer			*/
/********************/
/* footer */
#content-footer{
	margin-top:40px;
}
#content-footer-inner{
	padding:5px;
	margin:0 20px;
}
#content-footer ul{
	padding:0px;
	margin:auto;
	float:left;
	list-style-type:none;
}
#content-footer ul > li{
	display:inline-block;
	margin-right:10px;
}
/* responsive - mobile */
@media (max-width: 767px){
	#content-footer{
		text-align:center;
	}
	#content-footer ul{
		float:none;
	}
	#content-footer ul > li{
		display:block;
	}
	#content-footer-inner{
		margin:0 5px;
	}
}

/********************/
/* 	RefDate			*/
/********************/
.ref-date{
	margin-bottom:20px;
	width:300px;
}
/* 	responsive - mobile		*/
@media (max-width: 767px) {
	.ref-date{
		width:auto;
	}
}

/********************/
/* 	Form			*/
/********************/
.my-form #error{
	padding:5px 10px;
	margin-top:5px;
}
.my-form #error > ul{
	margin:0px;
}
.my-form > fieldset > table > tbody > tr > td{
	padding:5px 10px;
}

.my-form .form-controls{
	margin-top:10px;
}
.my-form .form-controls > div{
	margin-left:8px;
}

.select_wrap{
	display:inline-block;
}

.my-form input{
	padding:2px;
	height:initial;
	font-size:normal;
	color:#333;
	font-size:11px;
}
.my-form .input-group-addon{
	padding:2px 8px;
}

input[type=checkbox]{
	vertical-align: text-bottom;
}

/********************/
/* 	Table			*/
/********************/
.my-table table.table > tbody > tr > td.calendar-bh{
	padding:2px 8px;
}

/**************************/
/* Button
/**************************/
.my-btn{
	height:22px;
	line-height:22px;
	display:inline-table;
	vertical-align:middle;
}
.my-btn span{
	line-height: 22px;
	height:22px;
	display: inline-block;
  	vertical-align: top;
  	margin-right:2px; 
}
.my-btn:not(:last-child){
	margin-right:8px;
}

/**************************/
/* Calendar
/**************************/
#my-calendar{
	max-width:200px;
}