@import url("scrollbar.css");
@import url("appointment.css");
@import url("jquery.datetimepicker.min.css");
article,aside,details,dialog,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}audio[controls],canvas,video{display:inline-block;*display:inline;zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}html{height:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{min-height:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}blockquote,dd,li,p{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}h1{font-size:2.75em;line-height:1.2em;margin-bottom:.4em}h2{font-size:2em;line-height:1em;margin-bottom:.5em}h3{font-size:1.5em;line-height:1.33em;margin-bottom:.6667em}h4{font-size:1.25em;line-height:1em;margin-bottom:1em}h5{font-size:1em;line-height:1.142em;margin-bottom:1.142em}h6{font-size:.9em;line-height:1.33em;margin-bottom:1.33em}dl,ol,p,ul{font-size:1em;line-height:1.625em;margin-bottom:1.5em}small{font-size:.875em;line-height:1.714em;margin-bottom:1.714em}b,dt,strong{font-weight:700}ol,ul{list-style-position:inside}dd,li ol,li ul{margin-left:1.5em}blockquote,q{quotes:none;font-size:1.1em;font-style:italic}blockquote{border-left:2px solid #282828;padding-left:2em}cite{font-size:.8em;font-style:normal;margin-left:1em}cite:before{content:'\2d'}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}embed,img,object,video{max-width:100%;_width:100%}a img{outline:0}img{height:auto;-ms-interpolation-mode:bicubic;display:block;margin:0}svg:not(:root){overflow:hidden}abbr[title],acronym,dfn[title]{cursor:help}ins,mark{text-decoration:none}del{text-decoration:line-through}table{font:100%;text-align:left;border-collapse:collapse;border-spacing:0}th{font-weight:700;vertical-align:bottom;padding:10px}td{font-weight:400;vertical-align:top;padding:10px}button{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle line-height:normal;*overflow:visible cursor:pointer;-webkit-appearance:button}button::-moz-focus-inner{border:0;padding:0}
pre{width:100%;border:1px solid #ccc;word-wrap:break-word;padding:1em;line-height:1.625em;margin-bottom:1.625em;overflow-x:auto}code{border:1px solid #eaeaea;margin:0 .125em;padding:0 .313em;font-size:1em}pre code{border:0;padding:0;margin:0}code,pre{font-family:Consolas,'Liberation Mono',Courier,monospace;color:#333;background:#f8f8f8}pre,pre code{font-size:.875em}pre .comment{color:#998}pre .support{color:#0086B3}pre .tag,pre .tag-name{color:navy}pre .class,pre .css-property,pre .css-value,pre .entity.function,pre .id,pre .keyword,pre .sass,pre .storage.function,pre .vendor-prefix{font-weight:700}pre .css-property,pre .css-value,pre .support.namespace,pre .vendor-prefix{color:#333}pre .constant.numeric,pre .hex-color,pre .keyword.unit{font-weight:400;color:#099}pre .entity.class{color:#458}pre .entity.function,pre .entity.id{color:#900}pre .attribute,pre .variable{color:teal}pre .string,pre .support.value{font-weight:400;color:#d14}pre .regexp{color:#009926}

html{
	background:#fdfdfd;
	color:#9a9191;
	overflow-x:hidden;
}
body{
	font:87.5% 'Roboto Condensed',sans-serif;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently*/
}    
h1,h2,h3,h4{
	color:#a7a2a2;
}
h1,h2,h3,h4,header p,.index h2,.title,.meta,.pager,.sidebar,.tags li,.about-box,footer{
	font-family:'Roboto Condensed',sans-serif;
}
h2{
	font-weight:400;
}
a{
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#cdcdcd;
}
body,button,a{
	-webkit-transition:all .2s ease;
	-moz-transition:all .2s ease;
	-o-transition:all .2s ease;
	transition:all .2s ease;
}
.document-loading {
/*display:none;*/
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1111111111;
    background: url(img/ajax-loader.gif) center no-repeat #f0f0f0;
}
/*----------------------------
	MOVING PARTS
----------------------------*/
.sidebar{
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	transform:translateX(-100%);
}
/*.slide-in class is toggled using the script in js/scripts.js*/
.shift{
	-webkit-transform:translateX(300px);
	-moz-transform:translateX(300px);
	-ms-transform:translateX(300px);
	-o-transform:translateX(300px);
	transform:translateX(300px);
}
.ie .shift .sidebar{
    -ms-transform:translateX(0);
}
.disabled{
	opacity: 0.8;
	pointer-events: none;
}
/*----------------------------
	HEADER
----------------------------*/
header{
	width:100%;
	background:rgba(0, 0, 0, 0.67);
	color:#fff;
	padding:0.2em 3.5em;
	margin-bottom:5em;
	position: fixed;
	z-index: 85;
	border-bottom: 2px solid #000000;
}
header .head_left{
	float: left;
	margin-right: 20px;
}
header .contact{
	float: left;
	margin-top: 12px;
	font-size: 15px;
}
header .contact a,
header .contact span{
	display: table-cell;
    padding-right: 19px;
    vertical-align: middle;
}
header .contact a:before,
header .contact span:before{
	margin-right: 5px;
}
header .head_right{
	float: right;
	margin-top: 8px;
    font-size: 30px;
	display: none;
}
header .head_right .icon:before{
	width: 27px;
	text-align: center;
}
header .head_right ul{
	list-style:none;
	text-align:center;
	margin: 12px  0;
	display: flex;
}
header .head_right li{
	margin-left: 15px;
}
header .head_right li.down_menu:hover ul.report_menu {
    display: block;
}
header .head_right ul.report_menu{
	display: initial;
    position: absolute;
    background: #e59b78c2;
    padding: 0;
	margin: 0;
    text-align: left;
	display: none;
}
header .head_right ul.report_menu li{
	margin: 0;
    padding: 0 12px 5px 12px;
}
header .head_right ul.report_menu li:hover{
	opacity: 0.7;
}

header h1,header p{
	margin-bottom:0;
}
header h1{
	font-size:40px;
	font-family: 'Poiret One', cursive;
	line-height: 0;
    margin-top: 25px;
}
header p{
	font-size:20px;
	font-family: 'Dancing Script', cursive;
	padding-left: 140px;
    font-weight: bold;
	margin-top: -17px;
	white-space: nowrap;
}
header a{
	color:#fff;
}
header a:hover{
	color:#c5c5c5;
}
button{
	position:absolute;
	top:1px;
	left:0.2em;
	width:2.5em;
	height:2.5em;
	background: #0000;
	border:0;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	outline:0;
	cursor:pointer;
	z-index:100;
}
.shift button{
	left:-2.8em;
}
header button:before{
	position:absolute;
	content:"";
	top:.65em;
	left:.52em;
	width:1.45em;
	height:.25em;
	background:#fff;
	box-shadow:0 0.25em #f4634600, 0 0.5em #fff, 0 0.75em #f4634600, 0 1em #fff;
}
.close:before{
	content:"\d7";
	font-size:3em;
	line-height:.45em;
	text-align:center;
	top:0;
	left:0;
	width:auto;
	height:auto;
	background:0 0;
	padding:0.18em;
	box-shadow:none
}
.flex{
	display: flex;
    align-content: center;
}
/*----------------------------
	CONTENT
----------------------------*/
.content{
	position:relative;
	/*max-width:40em;*/
	max-width: 75%;
	padding:0 1em;
	margin:0 auto;
	padding-top: 8em;
}
.content.login,
.content.manager,
.content.services,
.content.appointment,
.content.employee{
	padding-bottom: 5em;
}
.content.default{
	max-width: 100%;
	padding: 0;
	margin: 0;
}
/*-----Blog Index-----*/
.index{
	list-style:none;
}
.index li{
	position:relative;
	margin:2em 0;
}
.index li:first-child{
	margin-top:0;
}
.index li:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:50%;
	border-bottom:1px solid #999;
	margin:auto;
	z-index:-1;
}
.index li a{
	display:block;
	text-align:center;
	padding:1em;
}
.index h2{
	font-size:2em;
	font-weight:400;
	margin-bottom:0;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
}
.meta{
	display:block;
	font-size:0.750em;
	text-transform:uppercase;
}
.pager{
	text-align:center;
	margin:5em 0 0;
}
.pager:after{
	content:"";
	display:table;
	clear:both;
}
.prev-page{
	float:left;
}
.next-page{
	float:right;
}
/*-----Posts-----*/
.title{
	font-size:2em;
	font-family: Open Sans Condensed,Arial,Sans-serif;
	margin-bottom:0;
}
.title,article .meta{
	text-align:center;
}
article .meta{
	padding:0.5em 0;
	margin-bottom:3em;
}
.video-embed{
	position:relative;
	padding-bottom:56.25%;
	padding-top:1.875em;
	height:0;
	overflow:hidden;
	margin:1.625em 0;
}
.video-embed iframe,.video-embed object,.video-embed embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.tags{
	display:block;
	border-top:1px solid #ccc;
	margin:5em 0 0;
}
.tags ul{
	list-style:none;
	text-align:center;
}
.tags li{
	display:inline-block;
	padding:1em 0.5em;
}
.share{
	display:block;
	text-align:center;
}
.tweet,.google,.facebook{
	display:inline-block;
	width:2.5em;
	height:2.5em;
	border:none;
	margin:2em 0.2em;
	border-radius:50%;
}
.tweet{
	background:#55ACEE url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiB3aWR0aD0iMzIiIHZlcnNpb249IjEuMSIgeT0iMHB4IiB4PSIwcHgiIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+PHBhdGggaWQ9InBhdGgzIiBzdHlsZT0iZmlsbDojZmZmZmZmOyIgZD0ibTMxLDYuNjg2NmMtMS4xMDYyLDAuNDg5NTEtMi4yODg2LDAuODIwMDktMy41MzQ2LDAuOTcyNjYsMS4yNzE1LTAuNzYyODcsMi4yNTA1LTEuOTcwOCwyLjcwODItMy40MDc1LTEuMTg4OCwwLjcwNTY2LTIuNTA0OCwxLjIyMDYtMy45MDk3LDEuNDk0LTEuMTI1Mi0xLjIwMTUtMi43MjczLTEuOTUxNy00LjQ5NDYtMS45NTE3LTMuNDAxMSwwLTYuMTUzOCwyLjc1OTEtNi4xNTM4LDYuMTYwMiwwLDAuNDgzMTUsMC4wNTA4NiwwLjk1MzU5LDAuMTU4OTMsMS40MDUtNS4xMTYtMC4yNTQtOS42NTU0LTIuNzA4LTEyLjY4OC02LjQzOTctMC41Mjc3LDAuOTA5MS0wLjgzMjgsMS45NzA3LTAuODMyOCwzLjA5NiwwLDIuMTM2LDEuMDg3MSw0LjAyNDIsMi43NCw1LjEzMDMtMS4wMTA4LTAuMDI1NDMtMS45NjQ0LTAuMzA1MTUtMi43OTA4LTAuNzY5MjN2MC4wNzYyOGMwLDIuOTg3OSwyLjEyMzMsNS40NzM2LDQuOTM5Niw2LjAzOTQtMC41MTQ5NCwwLjEzOTg2LTEuMDYxNywwLjIxNjE1LTEuNjIxMSwwLjIxNjE1LTAuMzk0MTUsMC0wLjc4MTk1LTAuMDM4MTUtMS4xNTctMC4xMTQ0MywwLjc4MTk1LDIuNDQ3NiwzLjA1NzksNC4yMjc2LDUuNzUzMyw0LjI3ODQtMi4xMDQzLDEuNjUyOS00Ljc2MTYsMi42MzgzLTcuNjQ3OCwyLjYzODMtMC40OTU4NywwLTAuOTg1MzgtMC4wMzE3OC0xLjQ2ODUtMC4wODksMi43MjA5LDEuNzY3Myw1Ljk1NjgsMi43ODQ1LDkuNDI3OCwyLjc4NDUsMTEuMzI5LDAsMTcuNTIxLTkuMzg5NywxNy41MjEtMTcuNTMzLDAtMC4yNjcwMS0wLjAwNjQtMC41MzQwMS0wLjAxOTA3LTAuNzk0NjYsMS4yMDE1LTAuODcwOTUsMi4yNDQxLTEuOTU4LDMuMDcwNi0zLjE5MTR6Ii8+PC9zdmc+) 50% 50% no-repeat;
}
.google{
	background:#CC3C2B url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIzMiIgd2lkdGg9IjMyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMTAyMC4zNjIyKSI+PGcgc3R5bGU9ImZpbGw6I2ZmZjsiIHRyYW5zZm9ybT0ibWF0cml4KDAuMDYyNSwwLDAsMC4wNjI1LDAsMTAyMC4zNjUzKSI+PHBhdGggaWQ9InBhdGgzMTM4IiBzdHlsZT0iZmlsbDojZmZmZmZmOyIgZD0ibTIyMy41LDgyLjFjMTEuOCw5LjYsMzYuNCwyOS43LDM2LjQsNjgsMCwzNy4zLTIxLjUsNTQuOS00My4xLDcxLjUtNi43LDYuNi0xNC40LDEzLjYtMTQuNCwyNC43czcuNywxNy4yLDEzLjMsMjEuN2wxOC41LDE0LjFjMjIuNiwxOC42LDQzLjEsMzUuOCw0My4xLDcwLjYsMCw0Ny40LTQ2LjcsOTUuMi0xMzUsOTUuMi03NC40LDAuMS0xMTAuMy0zNC43LTExMC4zLTcyLDAtMTguMSw5LjItNDMuOCwzOS41LTYxLjUsMzEuOC0xOS4xLDc1LTIxLjcsOTgtMjMuMi03LjItOS4xLTE1LjQtMTguNy0xNS40LTM0LjMsMC04LjYsMi42LTEzLjYsNS4xLTE5LjctNS42LDAuNS0xMS4zLDEtMTYuNCwxLTU0LjQsMC04NS4yLTM5LjgtODUuMi03OS4xLDAtMjMuMiwxMC44LTQ4LjksMzIuOS02Ny41LDI5LjMtMjMuNiw2NC4yLTI3LjYsOTEuOS0yNy42aDEwNS43bC0zMi44LDE4LjFoLTMxLjh6bS0zNi41LDIyMy44Yy00LjEtMC41LTYuNy0wLjUtMTEuOC0wLjUtNC42LDAtMzIuMywxLTUzLjksOC0xMS4zLDQtNDQuMSwxNi4xLTQ0LjEsNTEuOXMzNS40LDYxLjUsOTAuMyw2MS41YzQ5LjMsMCw3NS40LTIzLjIsNzUuNC01NC40LDAtMjUuNy0xNi45LTM5LjMtNTUuOS02Ni41bTE0LjktOTUuOGMxMS44LTExLjYsMTIuOC0yNy43LDEyLjgtMzYuOCwwLTM2LjMtMjIuMS05Mi43LTY0LjctOTIuNy0xMy4zLDAtMjcuNyw2LjUtMzUuOSwxNi42LTguNywxMC42LTExLjMsMjQuMi0xMS4zLDM3LjMsMCwzMy44LDIwLDg5LjcsNjQuMiw4OS43LDEyLjgsMC4xLDI2LjYtNiwzNC45LTE0LjEiLz48cG9seWdvbiBzdHlsZT0iZmlsbDojZmZmOyIgcG9pbnRzPSIzMDQuMywxNDIuMywzMDQuMywxNjAuMSwzODQsMTYwLjEsMzg0LDI0MSw0MDEuNywyNDEsNDAxLjcsMTYwLjEsNDgwLDE2MC4xLDQ4MCwxNDIuMyw0MDEuNywxNDIuMyw0MDEuNyw2NC4xLDM4NCw2NC4xLDM4NCwxNDIuMyIvPjwvZz48L2c+PC9zdmc+) 50% 50% no-repeat;
}
.facebook{
	background:#3B5998 url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaGVpZ2h0PSIzMiIgd2lkdGg9IjMyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMTAyMC4zNjIyKSI+PHBhdGggc3R5bGU9ImZpbGw6I2ZmZjsiIGQ9Im0xOC4zMzMsMTAzMS43di0yLjc3ODFjMC0xLjI1NDEsMC4yNzcwOS0xLjg4ODUsMi4yMjQtMS44ODg1aDIuNDQzdi00LjY2NjdoLTQuMDc2Yy00Ljk5NDgsMC02LjY0MjcsMi4yODk2LTYuNjQyNyw2LjIxOTh2My4xMTM1aC0zLjI4MXY0LjY2NjdoMy4yODEzdjE0aDYuMDUyMXYtMTRoNC4xMTI1bDAuNTU0LTQuNmgtNC42NjY3eiIvPjwvZz48L3N2Zz4=) 50% 50% no-repeat;
}
.about-box{
	background:#fff;
	border:1px solid #ccc;
}
.about-box:after{
	content:"";
	display:table;
	clear:both;
}
.about-box ul{
	list-style:none;
	padding:0.5em;
}
.about-box .image{
	float:left;
	width:20%;
	margin:0 1em 1em 0;
}
.about-box .name{
	font-size:1.2em;
	font-weight:700;
}
.about-box .about{
	font-size:0.9em;
	line-height:1.4em;
}
#comments{
	margin-top:5em;
}
#comments h2{
	text-align:center;
}
/*----------------------------
	SIDEBAR
----------------------------*/
.sidebar{
	position:fixed;
	top:0;
	left:0;
	width:300px;
	min-height:100%;
	background:#f1dce1;
	color:#4D4A45;
	padding:3px 0;
}
.plugin-box{
	text-transform:uppercase;
	font-family: Open Sans Condensed,Arial,Sans-serif;
}
.plugin-box ul{
	margin:0;
	padding:0;
	list-style:none;
}
.plugin-title,.plugin-box a{
	padding:0.5em;
	border-bottom:1px solid #ebd7dc;
	color: #4D4A45;
    font-weight: bold;
}
.plugin-title{
	background:#535353;
	font-size:1em;
	font-weight:700;
	letter-spacing:0.1em;
	color:#ffffff;
	margin-bottom:0;
}
.plugin-box a{
	display:block;
	
}
.plugin-box a:hover{
	background:#ebd7dc;
	color:#4D4A45;
	padding-left:1em;
}
/*----------------------------
	FOOTER
----------------------------*/
footer{
	font-size:0.875em;
	text-align:center;
	clear: both;
	background: #5b5a5a;
}
footer .footer_contents{
	padding: 50px 0 20px 0;
    min-height: 100px;
    width: 80%;
    margin: auto;
    color: #cbc8c8;
	display: inline-block;
}
footer .footer_contents .col-1{
	text-align: left;
    max-width: 340px;
	float: left;
}
footer .footer_contents .col-2{
	text-align: left;
    max-width: 340px;
	width: 340px;
	float: right;
}
footer .footer_contents .textwidget{
	line-height: 25px;
}
footer .footer_contents .fa-icon{
	color:#d1bc9d;
	margin-right: 10px;
}
footer .footer_contents .footer_map{
	background-image: url(img/map.png);
    min-height: 9.83333rem;
    background-size: contain;
    background-repeat: no-repeat;
}
footer .footer_contents .footer_map .sub-row{
	margin-left: 24px;
}
footer .footer_contents .footer_map a{
	color: #cbc8c8;
}
footer .footer_contents h5{
	margin-bottom: 30px;
	color: #fff;
}
footer .footer_middle{
	width: 80%;
    margin: auto;
    color: #fff;
    min-height: 50px;
    border-top: 1px solid #938f8f;
	padding: 30px 0;
	display: inline-block;
}
footer .footer_middle .footer-middle_left{
	float: left;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
}
footer .footer_middle .footer-middle_right{
	float: right;
    font-size: 30px;
}
footer .footer_middle .footer-middle_right a{
	color: #fff;
}
footer .footer_middle .footer-middle_right .fa-icon{
	width: 50px;
    height: 50px;
    padding: 7px;
    text-align: center;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 50%;
	cursor: pointer;
}
footer .footer_middle .footer-middle_right .fa-icon:hover{
	opacity: 0.7;
}
footer .copy_right{
	padding: 1.5em 0;
	background: #453e3e;
}
/*----------------------------------------------
	BLOG IMG ALIGN CLASSES USED IN EDITOR
----------------------------------------------*/
.nb-align-left{
	float:left;
	margin:0 1em 1em 0;
}
.nb-align-right{
	float:right;
	margin:0 0 1em 1em;
}
.nb-align-center{
	display:block;
	margin:0 auto 1em;
}
/*----------------------------
	LOGIN BOX - CASH REGISTER
----------------------------*/
.form_employee,
.form_cash,
.form_login{
	max-width: 60%;
	margin: auto;
	margin-top: 20px;
}
#js_form select,
.employee_report input:not([type="checkbox"]):not([type="radio"]),
#js_form input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
.form_cash #js_form input:not([type="checkbox"]):not([type="radio"]),
.form_login input:not([type="checkbox"]):not([type="radio"]){
	width: 100%;
	height: 35px;
    border: 2px solid #686868;
    border-radius: 5px;
    margin-top: 5px;
    padding: 0 15px;
	font-size: 80%;
}
#js_form input[type="file"]{
	width: 100%;
}
.form_cash #js_form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]){
	width: 60%;
}
.form_login #js_form #js_button_submit,
.form_employee #js_form #js_button_submit,
.form_cash #js_form #js_submit{
	width: 100%;
    height: 55px;
    margin-top: 30px;
}
.form_cash #js_form label.subtitle{
	margin-left: 15px;
	margin-right: 30px;
	display: -webkit-inline-box;
    width: 25%;
}
.form_cash #js_form label.total_label{
	margin-left: 0;
	margin-right: 40px;
	display: -webkit-inline-box;
    width: 25%;
}
.form_cash #js_form label.employee_name{
	font-weight: bold;
    color: #de0000;
}
.form_cash #js_form div.services{
	min-height: 25px;
    margin-top: 12px;
	margin-bottom: 30px;
}
.form_cash #js_form div.services span.add-service{
	float: right;
	cursor: pointer;
}
.form_cash #js_form div.services .hide_service{
	display: none;
}
.form_login #js_form input[type="radio"],
.form_login #js_form input[type="checkbox"]{
	margin: 15px 10px 15px 0;
}
.form_cash #js_form,
.form_login #js_form{
	margin-bottom: 20px;
}
input[type="checkbox"],
input[type="button"],
input[type="submit"]{
	cursor: pointer;
}
.form_cash .pay_by{
	line-height: 35px;
}
.form_cash .pay_by input{
	display: none;
}
.form_cash .pay_by label{
	cursor: pointer;
	margin-right: 7%;
	width: 75px;
    height: 35px;
    text-align: center;
    display: inline-block;
	background-color: #ffffff;
    border: 1px solid #c9c9c9;
    border-radius: 30px;
}
.form_cash .pay_by label.selected{
	background-color: #f5eae4;
    border: 1px solid #5a5959;
}
.form_cash .lb_pay_by{
	float: left;
}
.form_cash #js_form .form_block.total_amount{
	margin: 1em 0;
}
.form_cash #js_form .form_block.total_amount #js_total_amount{
	color: #F44336;
}
.form_cash #js_form .cash_day{
	text-align:center;
}
.form_cash #js_form #js_cash_day{
	border: 0px;
    font-size: 100%;
    text-align: center;
    font-style: italic;
    color: #9a9191;
	background: transparent;
}

/*----------------------------
	NEW EMPLOYEE
----------------------------*/
#js_form header{
	margin-bottom: 1em; 
}
#js_form .form_block{
	margin-bottom: .5em;
    margin-top: .5em;
}
#js_form .form_block.files{
	display: inline-block;
}
#js_form .form_block.files img,
#js_form .form_block.files .upload_file{
	float: left;
}
#js_form .form_block.files .upload_file{
	margin-right: 15px;
}
#js_form .form_block.files img{
	border-radius: 50%;
	max-width:100px;
	max-height: 100px;
}
#js_form .form_block.alert{
	color: #F44336;
    font-style: italic;
}
.red_text{
	color: #F44336;
}
.green_text{
	color: #4CAF50;
}
/*----------------------------
	CASH REGISTER (EMPLOYEES LIST)
----------------------------*/
.form_filter{
	margin-bottom: 15px;
}
.form_notice{
	font-size: 80%;
    font-style: italic;
	margin: 10px 0 20px 0;
    color: #878787;
}
#js_form.tb_employees{
	max-width: 805px;
	margin: auto;
}
#js_form.tb_employees .employee{
	width: 150px;
    height: 130px;
    float: left;
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    border: 2px solid #676767;
	border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    cursor: pointer;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */      
}
#js_form.tb_employees .employee .remove_employee{
	float: right;
	font-size: 25px;
	display: none;
}
#js_form.tb_employees .employee .remove_employee:hover{
	color: #ff0000;
}
#js_form.tb_employees .employee:hover,
#js_form.tb_employees .employee.selected{
	background-color: #dddddd;
    color: #524e4e;
}
#js_form.tb_employees .employee img{
	border-radius: 50%;
    max-width: 80px;
    max-height: 80px;
	width: 80px;
    height: 80px;
    margin: auto;
	border: 1px solid;
}
#js_form.tb_employees .employee div{
	padding-top: 10px;
}
#js_form.tb_employees .employee div.no-avatar{
	border-radius: 50%;
    width: 80px;
    height: 80px;
    margin: auto;
    border: 1px solid;
    background: #f7f6f6;
	font-size: 45px;
}
table.tb_employees{
	width: 100%;
}
table.tb_employees th{
	background: #dbdbdb;
}
table.tb_employees th:first-child{
	width: 50px;
}
table.tb_employees tr.hidden_employee,
table.tb_employees tr.hidden_employee td input[type="checkbox"]{
	display: none;
}
table.tb_employees tr.hidden_employee{
	background: 
	/* On "top" */
	repeating-linear-gradient(
		45deg,
		rgba(93, 93, 93, 0.16),
		transparent 1px,
		#fff 3px,
		#fff 3px
	);
 }
table.tb_employees td{
	border: 1px solid #dbdbdb;
	vertical-align: middle;
}
table.tb_employees td.employee .no_image,
table.tb_employees td.employee img{
	float: left;
    border-radius: 50%;
    margin-right: 10px;
    max-width: 60px;
	max-height: 60px;
}
table.tb_employees td.employee .no_image{
	width: 60px;
	height: 60px;
	border: 1px solid #f5eae4;
	font-size: 35px;
    text-align: center;
	padding: 7px;
}
table.tb_employees td.employee .options a{
	margin-right: 10px;
}
#js_form .form_block.buttons{
	clear: both;
    padding-top: 20px;
	display: inline-block;
	width: 100%;
}
#js_form .form_block input[type="button"],
#js_form .form_block input[type="submit"],
input[type="button"],
input[type="submit"]{
	height: 45px;
	font-weight: bold;
	text-transform: uppercase;
	background: #eeeeee;
	color: #686868;
}
#js_form .form_block input[type="button"]:hover,
#js_form .form_block input[type="submit"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover{
	opacity: 0.7;
}
#js_form.tb_employees .form_block input[type="button"],
#js_form.tb_employees .form_block input[type="submit"]{
	
}
#js_form.tb_employees .form_block #js_turn,
#js_form.tb_employees .form_block #js_submit,
#js_form.tb_employees .form_block #js_new{
    height: 100px;
	float: left;
}
#js_form.tb_employees .form_block #js_new{
	 width: 180px;
}
#js_form.tb_employees .form_block #js_turn,
#js_form.tb_employees .form_block #js_submit{
	 /*width: 130px;*/
	 margin-right: 10px;
}
#js_form.tb_employees .form_block .small_buttons{
	width: 240px;
	margin: auto;
	float: left;
    text-align: center;
}
#js_form.tb_employees .form_block #js_view_employee,
#js_form.tb_employees .form_block #js_view_shop{
    width: 220px;
    height: 47px;
}
/*----------------------------------------------
	CASH REPORT 
----------------------------------------------*/
.report_date{
	text-align: center;
	margin: 15px;
}
.report_date #js_report_day,
.report_date #js_report_from,
.report_date #js_report_to{
	cursor: pointer;
	height: 35px;
    border: 1px solid #5a5959;
    border-radius: 5px;
	margin-left: 10px;
	margin-right: 10px;
    padding: 0 15px;
    font-size: 80%;
	text-align: center;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */
}
.report_date #js_open_calendar{
	margin-left: -35px;
}
.report_date #js_employee_name{
	height: 35px;
    border: 1px solid #5a5959;
    border-radius: 5px;
    margin-top: 5px;
    padding: 0 15px;
    font-size: 80%;
}
#js_search{
    height: 35px;
    border: 1px solid #5a5959;
    border-radius: 5px;
    margin-top: 15px;
    padding: 0 15px;
    font-size: 80%;
}
.report_empty{
	text-align: center;
	margin: 50px 0;
}

/*----------------------------------------------
	EMPLOYEE CASH REPORT 
----------------------------------------------*/
.employee_report .employee_name{
	margin: 10px 0;
	font-weight: bold;
    font-size: 20px;
}
.employee_report input.employee_tips:not([type="checkbox"]):not([type="radio"]){
	width: 50%;
	margin-top: 0; 
}
.employee_report table{
	width: 100%;
	margin-bottom: 35px;
}
.employee_report table th{
	background: #e7e6e4;
}
.employee_report table th,
.employee_report table td{
	border: 1px solid #c3c3c3;
	vertical-align: middle;
}
.employee_report table th:nth-child(6){
	width: 25%;
}
.employee_report table td p{
	margin:0;
}
.employee_report table.summary_total th:nth-child(2),
.employee_report table.summary_total th:nth-child(3),
.employee_report table.summary_total th:nth-child(4),
.employee_report table.summary_total th:nth-child(5),
.employee_report table.summary_total th:nth-child(6){
	width: 17%;
}
.employee_report table.summary_total .summary_input{
	width: 90%;
    margin-top: 0;
	min-width: 75px;
}
.employee_report table.summary_total .summary_status{
	text-align: right;
}
.employee_report table td.amount{
	text-align: right;
}

.employee_report table td .save-tips{
	margin-top: 5px;
    padding: 0 15px;
	cursor: pointer;
}
.employee_report table td .save-tips.ion-checkmark-round:before{
	padding-right: 5px;
}
/*----------------------------------------------
	EMPLOYEE CASH REPORT 
----------------------------------------------*/
.shop_report{
	margin-top: 20px;
}
.shop_report .button{
	float: right;
    cursor: pointer;
    margin-left: 10px;
}
.service_layer,
.cost_income_layer{
	width: 60%;
    position: absolute;
    background: #fdfdfd;
    padding: 1em;
    border-radius: 6px;
    top: 50%;
    left: 20%;
	border: 1px solid #e7e6e4;
	display: none;
	z-index: 99;
}
.service_layer .scroll_service,
.cost_income_layer .scroll_income{
	max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
    clear: both;
}
.service_layer .remove_service,
.shop_report .remove_cash,
.cost_income_layer .remove_income{
	float: right;
	cursor: pointer;
}
.service_layer .subtitle{
	font-size: 18px;
    font-weight: bold;
}
.services .scroll_service{
	display: inline-table;
    width: 300px;
    margin: 0;
}
.service_layer .scroll_service{
	margin-top: 10px;
	max-height: 270px;
	max-width: 530px;
	font-size: 14px;
}
.services .service,
.service_layer .scroll_service .service{
	height: 68px;
    width: 68px;
	padding: 5px;
    border: 1px solid #4d4a45;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
	cursor: pointer;
	font-size: 14px;
}
.service_layer .scroll_service .service.selected{
	color: #4d4a45;
    background: #e1e0e0;
}
.service_layer .scroll_service .service:hover{
	opacity: .7;
}
.employee_report.cost_income_layer #js_form .form_block #js_submit{
	height: 50px;
}

.close_layer{
	float: right;
	cursor: pointer;
	margin-bottom:10px;
}
.loading,
.overview{
	width: 100%;
    height: 100%;
    position: fixed;
	z-index: 90;
    top: 0;
    left: 0;
    display: none;
}
.overview{
	background: rgba(0, 0, 0, 0.37);
}
.loading{
	top: 50%;
    left: 45%;
}
input.error{
	background: #fbf6f4;
}
.dailyreport #js_real_total{
	padding: 5px 70% 5px 10%;
    height: 35px;
    border: 2px solid #686868;
    border-radius: 5px;
}
/*----------------------------------------------
	SERVICES
----------------------------------------------*/
.service_list table th:first-child{
	width: 120px;
}
.service_list table span:not(.del-service){
	float: left;
	margin-right: 10px;
	cursor: pointer;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */ 
}
.service_list table span.set-status{
	display: block;
   
    border-radius: 4px;
    color: #FFFFFD;
    text-transform: uppercase;
    padding: 1px 7px;
    width: 40px;
    text-align: center;
}
.service_list table span.set-status.on{
	background: #65a66d;
}
.service_list table span.set-status.off{
    background: #e66e66;
}
.service_list table span.del-service{
	float: right;
	cursor: pointer;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;          /* Likely future */ 
}
.service_list table span.del-service:hover{
	color: #ff0000;
}
.service_list table span.set-status:hover{
	opacity: 0.7;
}
.services.list .service_list table input{
	border: 0px;
    width: 70%;
    height: 25px;
    margin: 0;
    padding: 0;
}
.general_report{
	max-height: 800px;
	border: 1px solid #999;
}
#js_export_excel.export_excel{
	height: 35px;
    border: 1px solid #5a5959;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 0 15px;
    font-size: 80%;
	width: 200px;
}
.export_sucess{
	text-align: center;
    font-size: 20px;
}
.employee_report  .general_report table tr th{
	width: 80px;
}
.employee_report  .general_report table tr th:nth-child(1),
.employee_report  .general_report table tr th:nth-child(2){
	width: 100px;
}
.employee_report  .general_report table tr th,
.employee_report  .general_report table tr td,
.content.manager.dailyreport table.summary_total th,
.content.manager.dailyreport table.summary_total td{
    text-wrap: nowrap;
}
.smp{
	display: none;
}
/*----------------------------------------------
	MEDIA QUERIES
----------------------------------------------*/
@media all and (min-width:30em){
	.shift button{
		left:0.2em;
	}
}
@media all and (min-width:40em){
	body{
		font-size:100%;
	}
	.title{
		font-size:2.5em;
	}
	article .meta{
		margin-bottom:5em;
	}
}
@media all and (min-width:71.250em){
	body{
		font-size:112.5%;
	}

}
@media (max-width:970px){
	.form_employee.employee_report,
	.content {
		max-width: 90%;
	}
}
@media (max-width:750px){
	header .contact,
	header .head_right {
		display: none;
	}
	button{
		display: block;
	}
	footer .footer_contents .col-1 {
		max-width: 100%;
		width: 100%;
	}
	footer .footer_contents .col-2 {
		max-width: 100%;
		width: 100%;
		float: left;
		margin-top: 30px;
	}
	.smp{
		display: block;
	}
	.form_employee, .form_cash{
		max-width: 90%;
	}
	.content {
		max-width: 80%;
	}
	.cost_income_layer {
		width: 80%;
	}
	.report_date span:first-child{
		margin-left: 10px;
	}
	.report_date input#js_report_from{
		margin-bottom: 10px;
	}
}

@media (max-width:600px){
	.content {
		max-width: 100%;
	}
	#js_form.tb_employees .employee {
		width: 45%;
	}
	#js_form.tb_employees .form_block #js_submit{
		width: 100%;
		height: 60px;
	}
	#js_form.tb_employees .form_block .small_buttons,
	#js_form.tb_employees .form_block #js_new,
	#js_form.tb_employees .form_block #js_view_employee, 
	#js_form.tb_employees .form_block #js_view_shop,
	#js_form.tb_employees .form_block #js_turn{
		display: none;
	}
	.form_employee, .form_cash{
		max-width: 100%;
	}
	.form_cash #js_form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
		width: 50%;
	}
	.form_cash .pay_by label{
		margin-right: 5%;
		width: 60px
	}
	
	footer .footer_middle .footer-middle_right {
		float: left;
		width: 100%;
		margin-top: 20px;
	}
	.cost_income_layer {
		width: 95%;
	}
	.employee_report table td .save-tips{
		padding: 0;
		padding-left: 7px;
	}

}
@media (max-width:590px){
	#js_form .form_block{
		width: 99%;
	}
	#js_form.tb_employees .employee {
		width: 32%;
	}
	#js_form.tb_employees .employee:nth-child(3n){
		margin-right: 0px;
	}
	.form_login #js_form #js_button_submit, 
	.form_employee #js_form #js_button_submit, 
	.form_cash #js_form #js_submit,
	#js_form.tb_employees .form_block #js_submit{
		width: 100%;
		height: 60px;
	}
}
@media (max-width:500px){
	#js_form.tb_employees .employee {
		width: 30%;
	}
	#js_form.tb_employees .employee:nth-child(3n){
		margin-right: 10px;
	}
	#js_form.tb_employees .employee{
		height: 110px;
	}
	#js_form.tb_employees .employee div.no-avatar{
		width: 60px;
		height: 60px;
		font-size: 250%;
	}
	.employee_report table.summary_total .summary_input{
		padding: 0;
	}

}