* {font-family:'Open Sans', sans-serif;}
html, body {
	margin:0;
	padding:0;
	background:#f5f5f5;
	color:#444444;
	height:100%;
	min-height:100%;}
html, body, #header, #layout, .layout-content, .content-box{min-width:0 !important;}

#page{min-height:100vh;}
#header{background:#fff; margin:0; padding:0; height:55px; border-bottom: 3px solid #313542;}
#content{padding:20px;}
#sidebar{padding:20px;}
#footer{
	font-size: 0.8em;
	height: 55px;
	margin: 0 50px;
	padding: 10px;	
	position: absolute;
	right:0; bottom: -55px; left: 0;
	text-align: center;}
#logo{
	margin:5px 15px;
	padding:10px 20px;
	font-size:200%;
	display:inline-block;
	color:rgba(255,255,255,0);
	background-image:url(/img/teamlio-logo-dark.png);
	background-size:cover;
}

body h1, body h2, body h3 {padding:0; line-height:1em;}
h1 {
	font-size:24px;
	line-height:33px;
	font-weight:normal;
	color:#444;
	margin:0px 0 16px 0px;
	padding:0 0 0 8px;}
h2 {
	font-size:24px;
	line-height:33px;
	font-weight:normal;
	color:#444;
	margin:0 0 16px 0;
	padding:0 0 0 8px;}

#left-wrapper {
	background:#fff;
	position:fixed;
	left:0;
	top:63px;
	z-index:110;
	width:170px;
	height:100%;
	text-align:center;
	transition:all .5s ease;
		-webkit-transition:all .5s ease;}
#left-wrapper .subclient-dropdown span.multiselect-native-select .btn-group .multiselect-container{width:auto;}
#left-wrapper #leftMenuBtn{
	background:#313542;
	border:none;
	color:#fff;
	cursor:pointer;
	display:none;
	font-size:1.8em;
	font-weight:bold;
	line-height:1em;
	margin:5px auto;
	padding:5px 0;
	text-align:center;
	text-decoration:none;
	vertical-align:top;}
#left-wrapper #left-menu{
	display:block;
	text-align:left;
	list-style:none;
	padding:0;
	margin-top:15px;
	margin-bottom:75px;}
#left-wrapper #left-menu li {display:block;}
#left-wrapper #left-menu li a {
	display:block;
	color:#a5a5a5;
	font-size:13px;
	font-weight:600;
	line-height:18px;
	padding:10px 0 10px 18px;
	text-decoration:none;
	border-left:4px solid transparent;}
#left-wrapper #left-menu li a:hover{background:#f6f6f6;}
#left-wrapper #left-menu li.active a{
	background:#f6f6f6;
	color:#000;
	font-weight:600;
	border-left:4px solid #58C947;}
#left-wrapper hr{
	border-color:#282C37;
	display:none;
	margin:1em auto;}
#left-wrapper:hover hr{display:block;}		
#left-wrapper a.btn{
	display:block;
	line-height:1.8em;
	margin:1em auto;
	width:140px;}
#left-wrapper .subclient-dropdown{border-bottom:1px solid #ddd; padding:12px;}
#left-wrapper .subclient-dropdown select{
    -webkit-appearance:none;
    -moz-appearance:none;
    background-color:#fafafa;
    background-image:url(/img/icons/ic_calendar_arrow_down@2x.png);
    background-size:contain;
    background-position:right;
    background-repeat:no-repeat;
    border:none; border-radius:5px;
    box-sizing:border-box;
    color:#7a7a7a;
	cursor:pointer;
	font-size:11px; font-weight:600; line-height:15px;
    outline:none;
    padding:8px 16px;
    text-transform:capitalize;
	width:100%;}

#layout {margin:0 auto; min-height:100vh; padding:64px 0 64px 170px; text-align:center;}
#layout .layout-content{
	display:inline-block;
	margin:12px auto 0;
	margin-left:24px;
	max-width:831px;
	position:relative;
	text-align:left;
	vertical-align:top;
	width:100%;}
#layout .layout-content.wide{max-width:100%; width:calc(100% - 275px);}
#layout .layout-content-fluid{margin:12px auto; text-align:left; width:calc(100% - 40px);}
#layout .layout-right{display:inline-block; margin:12px auto 0; margin-left:10px; text-align:left; vertical-align:top; width:225px;}
#layout .layout-right.wide.calendar{margin-left:12px;}

#layout .layout-content>h1,
#layout .layout-content-fluid>h1,
#layout .layout-right>h1{display:inline-block; line-height:1.1em; text-align:left; margin:4px auto 16px;}

#layout .layout-content>.title-buttons,
#layout .layout-content-fluid>.title-buttons,
#layout .layout-right>.title-buttons{float:right; margin:0 auto; width:300px;}

#layout .layout-content>h1 a,
#layout .layout-content-fluid>h1 a,
#layout .layout-right>h1 a{text-decoration:none;}

#layout .layout-content>p,
#layout .layout-content-fluid>p,
#layout .layout-right>p{margin-top:-10px;}

.modal-body .content-box{border:none;margin:0 auto;padding:0 0 48px;}
.content-box{
	background-color:#fff;
	border:solid 1px #ddd;
	border-radius:3px;
	margin-bottom:12px;
	padding:24px;
	text-align:left;}
.content-box hr {
	clear:both;
	border:1px solid #e1e1e1;
	border-bottom:none;
	margin:20px 30px;}
.content-box hr:last-child {display:none;}

@media screen and (max-width:1279px) {
	#layout .layout-right,
	#layout .layout-right.wide,
	#layout .layout-right.wide.calendar,
	#layout .layout-content.wide{float:none; display:block; margin-left:auto; margin-right:auto; width:calc(100% - 40px);}
}
@media screen and (max-width:1024px) {
	#layout{padding:64px 20px;}
	#layout .layout-content,
	#layout .layout-right{margin:12px 0; max-width:100%; width:100%;}
	#left-wrapper{width:0px; box-shadow:0 2px 6px 0 rgba(0,0,0,0.10); overflow-y:hidden;}
	#left-wrapper .subclient-dropdown span.multiselect-native-select .btn-group .multiselect-container{width:100%;}
	#left-wrapper #left-menu{display:none;}
	#left-wrapper #leftMenuBtn{display:block;}
	#left-wrapper a.btn{display:none;}
}
@media screen and (max-width:768px){
	#layout .layout-right,
	#layout .layout-right.wide,
	#layout .layout-content.wide,
	#layout .layout-content-fluid{width:100%;}
	
	#layout .layout-content{margin:12px auto;}
	
	#layout .layout-content>h1,
	#layout .layout-content-fluid>h1,
	#layout .layout-right>h1{font-size:18px; margin-bottom:10px;}
	
	#layout .layout-content>.title-buttons,
	#layout .layout-content-fluid>.title-buttons,
	#layout .layout-right>.title-buttons{display:block; float:none; margin:0 auto 10px; width:100%;}
	
	#layout.scheduling .fc-time-area.fc-widget-header{position:static !important;}
}


body .intl-tel-input .country-list{
	border:none;
	border-radius:6px;
	box-shadow:0 6px 32px 0 rgba(0,0,0,0.15);
	right:0;
	max-width:100vh;
	padding:4px 0;
	width:auto;}
body .intl-tel-input .country-list .divider{border-bottom:1px solid #ededed;}
body .intl-tel-input .country-list .country{
	font-size:12px;
	font-weight:400;
	line-height:14px;
	padding:7px 6px 6px 38px;}
body .intl-tel-input .country-list .country.highlight{background-color:#f9f9f9;}
body .intl-tel-input .country-list .country.active{
	background-image: url(/img/icons/ic_select_job.png);
	background-position:12px center;
	background-repeat:no-repeat;
	background-size:10px;}
body .intl-tel-input .country-list .country .flag-box{margin-right:9px; width:18px;}