div.ag-register-form {
	display: inline-block;
	float:left;
	width:35%;
}

div.ag-register-form label {
	display:block;
}

div.ag-register-form > form >input {
	width:90%;
}

div.ag-register-form > form > select {
	width:90%;
}

div#ag_form_dialog {
	display:none;
}

div.ag-planner {
	display: inline-block;
	width:64%;
	float:left;
}

div.ag-wrapper {
	display:block;
}


div.ag_cal_controls {
	display: block;
}

div.ag_cal_controls > div {
	display: inline-block;
	/* float:left; */
}

div.ag_cal_controls > div:nth-child(1) {
	width:10%;
	text-align:left;
}

div.ag_cal_controls > div:nth-child(2) {
	width:80%;
	text-align:center;
	max-width:300px;
}

div.ag_cal_controls > div:nth-child(3) {
	width:10%;
	text-align:right;
}

table.barber-settings input {
	width:300px;
}

table#ag_cal {
	cursor:pointer;
}

#ag_cal_next, #ag_cal_prev {

}

div.ag-validation {
	display:block;
	width:90%;
	border:1px solid red;
}

div#ag_cal_loading {
	display:block;
	visibility:hidden;
	width:90px;
	height:90px;
	position:relative;
	top:-480px;
	left:50%;
}

div#ag_cal_loading > img {
	width:94px;
	height:94px;
}

#ag_barber_form .ms-parent li label span{
	padding-left: 5px;
}

#ag_barber_form select#ag_barber_barber{
	padding-left: 5px;
    padding-right: 5px;
}

#ag_cal_group{
	visibility: hidden;
}

button.ms-choice:hover{
	background:#fff;
}

#ag_cal td, #ag_cal th{
	user-select:none;
}

#ag_cal tr > td:not(:first-child):not(:last-child){
	color: #fff;
    white-space: nowrap;
    overflow: hidden;
    /* text-align: left; */
    padding-left: 5px;
	padding-right: 5px;
	border-color: #fff;
}

.required-sym{
	color: #f00;
}

.btn-return{
	padding: 12px 30px;
    background-color: #F33F3F;
    color: #fff;
	margin-bottom: 50px;
    float: left;
}

.btn-return:hover{
	background-color: #F33F3F;
    background: #333;
	color: #fff;
}

/* @media only screen and (max-width: 1023px) { */

	div.ag-register-form {
		width:100%;
		margin-bottom: 50px;
	}
	
	div.ag-planner {
		width:100%;
	}
	
	.ag-planner #ag_cal{
	    font-size: 12px;
		line-height: 14px;
	}
	
	div.ag-planner table#ag_cal{
		overflow-x: auto;
		display: block;
		width:100%;
		/* display: table;
		width: auto;
		margin: auto;  */
		text-align:center;
		border:0;
	}
	
	div.ag-planner table#ag_cal tbody{
		display:inline-block;
	}
	
	#ag_cal tr > td:first-child, #ag_cal tr > td:last-child{
		min-width: 88px;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	#ag_cal tr > td:first-child{
		border-left: 1px solid rgba(0, 0, 0, 0.1);
	}
	
	#ag_cal tr:first-child > td{
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	
	.ag-planner .ag_cal_controls{
		text-align:center;
	}
	
	.ag_scroll-dummy{
		width: 100%;
		overflow-x: auto;
		display: inline-block;
		float: left;
		overflow-y: hidden;
		height: 20px;
	}
	
	.ag_scroll-dummy-inner{
		width: 0;
		height: 20px;
	}

/* } */


@media only screen and (min-width: 768px) {
	div.ag-register-form > form >input, div.ag-register-form > form > select {
		width: 55%;
		float:left;
		margin-top: 10px;
	}
	div.ag-register-form label{
		width: 35%;
		float:left;
		margin-top: 18px;
		clear:left;
	}
	
	div.ag-register-form > form >input[name="reserve_submit"]{
		margin-top: 18px;
	}
	
	div.ag-register-form  #ag_barber_form .ms-parent{
		width: 55% !important;
		margin-top: 18px;
	}
}