@font-face {
			font-family: 'OpenSans_regular';
			font-style: normal;
			font-weight: 400;
			src: url("../fonts/Open_Sans/OpenSans-Regular.ttf");
		}

		@font-face {
			font-family: 'OpenSans-semi-bold';
			font-style: semi-bold;
			font-weight: 600;
			src: url("../fonts/Open_Sans/OpenSans-Semibold.ttf");
		}

		@font-face {
			font-family: 'OpenSans_Bold';
			font-style: bold;
			font-weight: 700;
			src: url("../fonts/Open_Sans/OpenSans-Bold.ttf");
		}

		@font-face {
			font-family: 'OpenSans_extrabold';
			font-style: extra-bold;
			font-weight: 900;
			src: url("../fonts/Open_Sans/OpenSans-Extrabold.ttf");
		}
		html,body{height:100%;font-family:'OpenSans_regular';}
		/*customer page design*/
		.custome_list {font-size:0.5em;float:left;}
		.custom_btu{float: right;font-size: 0.5em;border: unset;margin-right: 1em;padding: 0.5em 1em;max-width: 14em;}
		.custom_select{margin-top: 0.5em;float: right;font-size: 0.5em;border: unset;margin-left: 1em;padding: 0.5em 1em;max-width: 14em;}
		.card_body img{width:20px;}
		.cursor-pointer{cursor:pointer;}
		.margin0{margin:0 !important}
		.search-btu{max-width:8em !important;}
		button #search{width:5em;}
		.custom_table{padding: 0.75em !important;}
		#pagenation{max-width:3em !important;}
		.nav-btu{width:auto !important;}
		.width50{width:50%;}
		.custom_search{padding: 0.5em 0.75em;font-size: 0.5em;border: 0.05em solid rgba(0,0,0,.15)}
		.php_logo img{width:75%}
		.margin-top10{margin-top:0.5em}
		button#reset{max-width:8em}
		.table-fixed{table-layout:fixed}
		.chart_title{text-align:left;margin-top:1em;margin-bottom:1em}
		.chart_border{border:1px solid black;padding:0.2em;margin:0.2em}
		.logout_btn{background-color:#2DAFD2}
		a:hover{text-decoration:none}
		#logout{max-width:8em}
		.logoutPopover .popover-content{padding:0.5em 0.7em}
		.logoutPopover .popover-content p{margin:0;margin-bottom:0.5em}
		.welcome_text{font-size: 1.2em;color: #31aed1;}
		.arrow-up {width: 0;height: 0;position:absolute;right:10px;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 10px solid #2DAFD2;color:#2DAFD2}
	.logout{	 cursor : pointer; 
    background-color: #3f;
    background-color: #31aed1;
    color: #fff;
    border-radius: 2px;
    border: none;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

		.logoutPopover{max-width:250px;display:block;top:55px;left:auto;right:-10px; width: 100%;text-align:center;}/*customer page design*/
	
	/*Appointment History page*/
	 .filter{margin-top: 0.5em;padding: 0.5em 0.75em;font-size: 0.5em;}
	 .table_responsive td table tr td:before {content: attr(data-th) "";font-weight: bold;padding:0px;display: inline-block;float:left;}
	 .table_responsive td table tr td.padding0{padding:0px;}
	 .shop_title{font-size:1.2em;}
	 .pageNation.display-flex{display:flex;width:auto}
	 .widthauto{width:auto}
	 .display-block{display:block}
	 footer .img-footer{max-width:2.1em}
	 .logo-div .logo1 img{max-width:5em}
	 .export_btn{font-size:0.5em;padding:0.5em;float:right;border:0px}
	.text_dec{text-decoration:none}
	.word-wrap{word-wrap:break-word}
	 
	 	 
	/*Appointment History page*/

	/* Report page  */

	/*div .report_div{width:20%;padding-top:1em;padding-bottom:1em;height:200px;background-color:#FFFFFF;border:1px solid #CCCCD0; position: relative;float:left;margin-right:2em;margin-top:1em;margin-bottom:1em}
	div .rep_div{ position: absolute;  left: 43px;   top: 31px;   width: 145px;   height: 84px;   display: table;}
	a .rep_a{display: table-cell;text-align: center;font-weight:bold;font-size:0.5em;color:#31AED1}*/
	
	.report_container { width:100%;float:left; }
	.report_div { width:20%;float:left; }
	.rep_div { background:#fff;border:0.01em solid #CCCCD0;width:100%;float:left;height:8em;display:table; }
	.rep_div a { width:100%;padding:2em; }
	.rep_div a img { max-width:5em;width:5em;display:block;margin:0 auto; }

	/* Report page  */

	/*Signin page*/
	.background_white{background:#fff;}
	.colorred{color:red;}
	.country_code{margin: 0 !important;margin-right: 10px !important;opacity: 1;background: #ddd;position: relative;top: 1.8em;right: 3.4em;font-size: 0.7em;padding: 0.3em 0.5em;}
	.booking_limit{margin: 0 !important;margin-right: 10px !important;opacity: 1;background: #ddd;position: relative;top: 2.4em;left: 13.2em;font-size: 0.5em;padding: 0.6em 0.6em;}
	header.border,footer.border{border-color: #E8E8E8!important;}
	header h1{font-family: "OpenSans_Bold" !important;font-size:1em;}
	header h1.p-4{padding: 0.7em!important;}
	p{font-size:0.6em;color:#333;}
	.padding0{padding:0;}
	ul li{list-style-type:none;}
	main.signin_container{background:#F0F3F6;display:table;height:calc(100% - 4.7em);width:100%;}
	.error { color:red; }
	.main_container{display:table;width:100%;min-height:600px;}
	.signin_container input{border-radius:0;}
	.signin_container h1 {font-weight:400;opacity: 0.7;font-size:0.9em;color:#000;}
	.signin_container .content_container {background-color: #fff;margin: 0.8em 0;}
	.signin_container .forgot_password a{color: #31aed1;}
	.signin_container button{background-color: #31aed1;color: #fff;border:none;}
	.signin_inner{display:table-cell;height:100%;vertical-align:middle;width:100%;}
	.signin_container form .row div,.signin_container form button,footer{font-size:0.6em;}
	.signin_container form input{font-size:0.6em;line-height:1em;}
	.signin_container #user{background:url("assets/img/Icons/email.png") no-repeat 0.8em center;padding-left: 2.2em !important;background-size: 0.65em;}
	.signin_container #pass{background:url("assets/img/Icons/password.png") no-repeat 0.8em center;padding-left: 2.2em !important;background-size: 0.65em;}
	footer div{padding-top:0.8em;}
	.signin_container form input.p-3{padding:0.6em 0.7em!important;}
	.signin_container form img.mr-2{margin-right:0.5em!important;}
	.signin_container form .form-group.my-4{margin:0.7em 0 0.7em 0!important;}
	.signin_container form button.mt-4{margin-top:1.8em!important;}
	.signin_container form button.p-3{padding:0.8em!important;cursor:pointer;}
	footer .img-fluid{max-width: 4.5em !important;}
	.custom_checkbox{cursor:pointer;position: relative;padding-left: 0.7em;}
	.custom_checkbox input[type="checkbox"]{opacity:0;}
	.custom_checkbox img{position:absolute;left:0;top:-0.2em;}
	/*Signin page*/
	
	.subtitle{font-size:1em;font-weight:100;margin-bottom:1em;}
	.common-btn{margin-top:0;padding:0.6em;cursor:pointer;}
	.clear10{clear:both;height:0.5em;width:100%;}
	.clear_custom{clear:both;height:4.5em;width:100%;}
	.main_container{background:#F2F2F3;padding:1em;width: 100%;margin-bottom:0;}
	.container_fluid{padding-left:3.4em;height:100%;}
	.header_container{padding: 0.8em 1.5em;background: #FFF;}
	.notification-block ul li{line-height:0;list-style-type:none;padding-left:0.8em;float:right;}
	.notification-block li img{width:1.18em;}
	.alert-icon{padding-top:0.3em;position:relative;}
	.notification-block ul li .alert-icon img{width:0.74em;}
	.reminder {width: 0.3em;background: #20B1BF;height: 0.3em;display: block;border-radius: 50%;position: absolute;right: -0.2em;top: 0.1em;}
	.logo-div img{width:100%;}
	.search_form label{font-size:0.75em;float:left;}
	.search_form input{background-image:url("../../images/customer/search.png");background-repeat:no-repeat;background-position:0.6em center;padding-left:2.3em;background-size: 1em;width:17em;}
	.add-button{background: #2DAFD2;padding: 0.5em 1em;max-width: 14em;width: 100%;color: #FFF !important;cursor:pointer;font-size: 0.5em;}
	.add-button img{width:1.1em;margin-right:0.5em;}
	.inner_container{background:#FFF;margin-top:1em;width:100%;float:left;padding:0.5em 1em;box-shadow: 0 0 0.1em rgba(51, 51, 51, 0.21);}
	.inner_container table{font-size:0.5em;}
	.inner_container table tr td table{font-size:1em;}
	.inner_container .table-hover tbody tr:hover {background-color:#C3ECFA;}
	.table td {padding:0;}
	.inner_container .table td table td, .table th {padding: 0.75em;border:0;}
	.table th img{width: 0.65em;}
	.form-control {padding: 0.5em 0.75em;font-size: 0.5em;border: 0.05em solid rgba(0,0,0,.15)}
	.p-3 {padding: 0.5em!important;}
	.h4{font-weight:100;color:#2DAFD2;font-size:1em;}
	.success-block figure img{width:3em;}
	.signup_btn{padding: 0.6em 1em 0.7em;}
	.btn-small{max-width:8em;}
	.btn-grey{background:#E2E4E6;color:#333 !important;}
	.nav-link {padding:0.5em 2em;font-size: 0.6em;color:#333;font-weight:400;border-top: 0.25em solid #FFF;}
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #2DAFD2;border-radius: 0;border-top: 0.25em solid #2DAFD2;}
	.nav-tabs .nav-link:hover {border-bottom-color: #FFF;}
	#stores-nav {border-bottom: 0.01em solid #ddd;padding-left: 1em;}
	.tab-content{padding:1em;}
	.tab_form label{font-size:0.55em;line-height: 1em;margin-bottom:0.5em;font-family: 'OpenSans-semi-bold';}
	.form-group {margin-bottom: 0.2em;line-height: 1em;}
	.h6{color:#2DAFD2;font-family: 'OpenSans-semi-bold';font-size: 0.6em;}
	.tab_form .form-group textarea{resize:none;height:5em;}
	.inner_form{padding-right: 1.5em;border-right: 0.01em solid #DCDCDC;}
	.inner_form_right{padding-left: 1.5em;}
	.status_box{float: left;background: #f2f2f2;padding: 1em;border: 0.01em solid #ddd;margin-top:1.2em;}
	.h5{font-size: 0.8em;font-weight: 400;}
	select.form-control{height:auto !important;}
	.store_table tr td select{font-size: 1em;width: auto;padding-top: 0.3em;float:left;margin-right:1.5em;max-width: 5em;width: 100%;}
	.store_table tr td{vertical-align:middle;}
	.clear_430,.menu_open,.toggle_data{display:none;}

	.switch {position: relative;display:block;width: 3em;height: 1.6em;margin:0;}
	.switch input {display:none;}
	.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
	.slider:before {position: absolute;content: "";height: 1.3em;width: 1.35em;left: 0.2em;bottom: 0.15em;background-color: white;-webkit-transition: .4s;transition: .4s;}
	input:checked + .slider {background-color:#31AED1;}
	input:focus + .slider {box-shadow: 0 0 1px #2C9FC0;}
	input:checked + .slider:before {-webkit-transform: translateX(1.2em);-ms-transform: translateX(1.2em);transform: translateX(1.2em);}
	.slider.round {border-radius: 1.8em;}
	.slider.round:before {border-radius: 50%;}


	.side_menu{position:absolute;left:0;top:0;z-index:10;display:table;}
	.side_menu ul { background:#1E1E1E;width:3.4em; }
	.side_menu ul li { border-left:0.1em solid #1E1E1E;cursor:pointer;padding:0.5em 0.3em !important;}
	.side_menu ul li:hover,.side_menu ul li.menu-active { border-left:0.1em solid #31AED1; }
	.side_menu ul li img {width:1.2em;}
	.side_menu ul li span { font-size:0.4em;color: rgba(255, 255, 255, 0.91); }
	.side_menu ul li:hover span ,.side_menu ul li.menu-active span{ color:#31AED1; }
	.side_menu ul li img.hover_img { display:none !important; }
	.side_menu ul li:hover img.hover_img ,.side_menu ul li.menu-active img.hover_img{ display:block !important; }
	.side_menu ul li:hover img.normal_img,.side_menu ul li.menu-active img.normal_img { display:none !important; }
	tr.card{display:table-row;}
	td.collapse.show{display:table-cell;}
	.clear-footer{display:none;height:10px;width:100%;clear:both;}
	footer{padding:0.8em 1.1em;}
	.footer_container{position: relative;left:0;bottom: 0;width: 100%;background: #FFF;}
	.bg_grey{background:#1E1E1E;}
	.common_btn{max-width:max-content;padding: 0.5em 1em;}
	.list_head{font-family:'OpenSans-semi-bold';font-size: 0.8em;margin-bottom: 0.2em !important;color:#2C9FC0;}
	.event_list ul li p{margin-bottom:0.5em;font-size:0.7em;}
	.filter-block label{font-size:0.6em;margin-top:0.7em;margin-right:1.5em;}
	.filter-block ul li{font-size:0.6em;background:#FFF;transition:background 0.5s;display:inline-block;box-shadow: 0 0 0.5em rgba(51, 51, 51, 0.18);margin-left: -0.4em;padding: 0.2em 0.6em;cursor:pointer;}
	.filter-block ul li:hover,.filter-block ul li.filter-active{background:#2DAFD2;color:#FFF;}
	.event_list li .cancel_btn img,.event_list li .reschedule_btn img{max-width:0.95em;}
	.check_btn img{width:0.74em;}
	.invoice_btn img{width:0.6em;}
	.dashboard-block{background:#f2f2f2;padding:2em 1em;border:0.01em solid #ddd;}
	.dash_left_div{padding:0.5em;}
	.hours_text{background: #2DAFD2;width: 6em;height: 6em;border-radius: 50%;}
	.hours_text p{font-family:'OpenSans-semi-bold';color: #FFF;font-size:1em;vertical-align:middle;}
	.upcoming_list div{background:#FFF;padding:0.6em 0.7em;border:0.01em solid #ddd;cursor:pointer;transition:background 0.5s;}
	.upcoming_list div:hover{background:#f2f2f2;}
	.upcoming_list{margin-bottom:0.6em;padding-left:0.6em;float:left;}
	.upcoming_list .list_head{font-size:0.65em;}
	.service_txt{font-size:0.7em;color:#2DAFD2;font-family:'OpenSans-semi-bold';}
	.main_container.pl-2 {padding-left:0.5em!important;}
	.p-l-2{padding-left:0.5em!important;}
	.logo_edit{max-width: 5em;max-height:5em;margin: 0.6em auto;}
	.logo_edit img{display: block;margin: 0 auto;width:100%;}
	.logo_edit1 .custom-file {height: auto;}
	.logo_edit1 .custom-file-input {min-width: auto;
    max-width: 20%;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 1.4em;
    right: 1em;}
	
	.logo_edit1 .custom-file-control {height: auto;padding: 0.8em 0 0; border:0;}
	.w-auto{max-width: max-content !important;}
	#store-hours select.w-auto{width:100%;max-width:30% !important;margin-right:3% !important;}
	.holiday_calendar ul li{font-size: 0.5em;padding: 0.3em 2em;display: block;margin-bottom: 0.5em;position:relative;}
	.holiday_calendar ul li span{width: 1em;height: 1em;display: inline-block;background: #ddd;border-radius: 50%;position: absolute;top: 0.55em;left: 0;}
	.holiday_calendar ul li:first-child span{background:#0157C4;}
	
	.holiday_calendar ul li:nth-child(2) span{background:#2DAFD2;}
	.modal-header{background: #2DAFD2;padding: 0.5em 0.7em;}
	.modal-header .modal-title {color: #FFF;font-size: 0.6em;}
	.modal-body .form-group label{font-size: 0.6em;}
	.modal-body .form-group textarea{height:4em;resize:none;margin-bottom:0.5em;}
	.modal-dialog {max-width: 20em;}
	.modal-body{padding:0.7em;}
	.calendar_div{width:100%;height:8em;border:1px solid #ddd;}
	.date_picker{background: url(assets/img/Icons/calendor_small.png) no-repeat 0.6em center !important;padding-left: 2.5em !important;}
	.m-tab{display:none;}
	.d-tab{display:block;}
	.breadcrumb {padding: 0;margin-bottom: 0.3em;list-style: none;background-color: #F2F2F3;border-radius: 0;line-height: 1em;}
	.breadcrumb li{font-size: 0.5em;color: #2DAFD2;line-height: 1em;}
	.breadcrumb a{color: #2DAFD2;}
	.breadcrumb-item+.breadcrumb-item::before {display: inline-block;padding-right: 0.5em;padding-left: 0.5em;color: #2DAFD2;content: "\f105";font: normal normal normal 1em/1 FontAwesome;}
	.line-h-1{line-height:1em;}
	/*25-10-2017*/
	.breadcrumb {padding: 0;margin-bottom: 0.3em;list-style: none;background-color: #F2F2F3;border-radius: 0;line-height: 1em;}
	.breadcrumb li{font-size: 0.5em;color: #2DAFD2;line-height: 1em;}
	.breadcrumb a{color: #2DAFD2;}
	.breadcrumb-item+.breadcrumb-item::before {display: inline-block;padding-right: 0.5em;padding-left: 0.5em;color: #2DAFD2;content: "\f105";font: normal normal normal 1em/1 FontAwesome;}
	.line-h-1{line-height:1em;}
	input[type='time']{padding:0.4em 0.75em;}
	.table-striped tbody table tr:nth-of-type(odd) {background: none;}
	.width-flex-10{-ms-flex: 0 0 10%;flex: 0 0 10%;max-width: 10%;}
	.width-flex-15{-ms-flex: 0 0 15%;flex: 0 0 15%;max-width: 15%;}
	.width-flex-8{-ms-flex: 0 0 8%;flex: 0 0 8%;max-width: 8%;}
	.width-flex-9{-ms-flex: 0 0 9%;flex: 0 0 9%;max-width: 9%;}
	.width-flex-12{-ms-flex: 0 0 12%;flex: 0 0 12%;max-width: 12%;}
	.width-flex-14{-ms-flex: 0 0 14%;flex: 0 0 14%;max-width: 14%;}
	.width-flex-5{-ms-flex: 0 0 5%;flex: 0 0 5%;max-width: 5%;}
	.action_block a img{width:1.5em;}
	.action_block a{padding-right: 0.6em;}
	.activeimg{display:none;}
	button,a{cursor:pointer;}
	/*staff no appointment*/
	/*PageNation for Products Page and Services Page*/
	.schedule_noappointment{font-size: 0.6em !important;margin-top: 6em !important;color: rgba(255, 0, 0, 0.64);font-weight: 900;}
	.pageNation { display:inline-block;padding:5px;float:right;width:100%;text-align:right; }
	.pageNation-buttons-container { display: inline-block !important; }
	.pageNation-button { border:1px solid #000; }
	.arrow-button { padding:0px; }
	.arrow-button i { font-size:40px; }
	.logo { max-width:7em;max-height:7em; }
	.logo img { width:100%; }

@media only screen and (max-width:1300px){
	.calender_schedule .scheduleCalendar span.ui-calendar input.ui-inputtext { font-size:0.5em; }
}
@media only screen and (max-width:1200px){
	/*Signin page*/
	header h1{font-size:1.1em;}
	.signin_container h1 {font-size:1.0em;}
	.signin_container form .row div,.signin_container form button,footer{font-size:0.7em;}
	.signin_container form input{font-size:0.7em;}
	footer div{padding-top:1.3em;}
	main.signin_container{background:#F0F3F6;display:table;height:calc(100% - 5.5em);}
	/*Signin page*/
	.list_head,.event_list li p{font-size:0.65em;}
	.calender_schedule .scheduleCalendar span.ui-calendar input.ui-inputtext { font-size:0.61em; }

	.imgPreviewModal .modal-dialog { max-width:12em;height:10em; }
	.imgPreviewModal .modal-dialog .modal-content .modal-body .img_block img { max-width:9em; }
	.breadcrumb li { font-size:0.55em; }
	.schedule_noappointment { font-size:0.9em !important;margin-top:3em !important; }

	
	/* Report page  */
	.rep_div a img { max-width:6em;width:6em; }
	/* Report page  */
}
@media only screen and (max-width:1150px){
	.tab_form label,.form-control {font-size:0.6em;}
	.h6 {font-size: 0.7em;}
	.logo_edit {max-width: 170px;margin: 10px auto;}
	.inner_container table {font-size: 0.6em;}
	.breadcrumb li {font-size: 0.6em;}
	.add-button { font-size:0.6em; }
}
@media only screen and (max-width:1100px){
	.side_menu ul li span {font-size: 0.55em;}
	.inner_container table{font-size:0.6em;}
	.container_fluid {padding-left:4.5em;}
	.calender_schedule .scheduleCalendar span.ui-calendar input.ui-inputtext { font-size:0.65em; }
	.side_menu ul li { border-left:0.2em solid transparent; }
	.side_menu ul li:hover, .side_menu ul li.menu-active { border-left:0.2em solid #31AED1; }
	.imgPreviewModal .modal-dialog { max-width:15em; }
	.imgPreviewModal .modal-dialog .modal-content .modal-body .img_block img { max-width:10em; }

	/* Report page  */
	.report_div { width:25%;float:left; }
	.rep_div a img { max-width:7em;width:7em; }
	.rep_div { height:9em; }
	/* Report page  */
}
@media only screen and (max-width:991px){
	/*Signin page*/
	header h1{font-size:28px;}
	header h1.p-4{padding: 20px!important;}
	.signin_container h1 {font-size:24px;}
	.signin_container form .row div,.signin_container form button,footer{font-size:16px;}
	.signin_container form input{font-size:16px;}
	footer div{padding-top:16px;font-size:14px;}
	.signin_container form input.p-3{padding:12px 15px!important;}
	.signin_container form img.mr-2{margin-right:6px!important;}
	.signin_container form .form-group.my-4{margin:17px 0 23px 0!important;}
	.signin_container form button.mt-4{margin-top:29px!important;}
	.signin_container form button.p-3{padding:12px!important;}
	footer .img-fluid{max-width: 73px;}
	main.signin_container{background:#F0F3F6;display:table;height:calc(100% - 130px);width:100%;}
	.signin_container .content_container {background-color: #fff;margin:15px 0;}
	.signin_container #user {background: url(assets/img/Icons/email.png) no-repeat 14px center;padding-left: 35px !important;}
	.signin_container #pass {background: url(assets/img/Icons/password.png) no-repeat 14px center;padding-left: 35px !important;}
	p {font-size:16px;}
	.subtitle{font-size:24px;}
	.common-btn{padding:8px;}
	.clear10{height:10px;}
	/*Signin page*/

	.switch {width: 40px;height: 22px;}
	.slider:before {height:18px;width: 18px;left: 3px;bottom: 2px;}
	input:checked + .slider:before {-webkit-transform: translateX(16px);-ms-transform: translateX(16px);transform: translateX(16px);}
	.slider.round {border-radius: 34px;}
	.check_btn img,.invoice_btn img,.logo-div img,.notification-block ul li img,.notification-block ul li .alert-icon img,.add-button img,.success-block figure img,.event_list li .reschedule_btn img,.event_list li .cancel_btn img{width:auto;}
	.add-button img{ margin-right:10px;max-width:15px; }
	.alert-icon {padding-top: 8px;}
	.reminder {width: 8px;height: 8px;right: -3px;top: 1px;}
	.side_menu ul li img {width: 35px;}
	.side_menu ul li span {font-size: 11px;}
	.p-3 {padding: 15px!important;}
	.container_fluid {padding-left:107px;}
	.header_container {padding: 15px 40px;}
	.main_container{padding:20px;}
	.inner_container table,.tab_form label {font-size: 14px;}
	.form-control {padding: 8px 15px;font-size:14px;}
	.search_form label {font-size: 17px;}
	.add-button { padding: 8px 15px; max-width: 200px;font-size: 12px;}
	.h4{font-size:24px;}
	.h5 {font-size: 20px;}
	.nav-link {padding:8px 20px;font-size: 14px;}
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {border-top: 3px solid #2DAFD2;}
	.h6 {font-size: 16px;}
	#store .add-button {padding: 6px 25px;max-width: max-content;}
	.inner_form {padding-right: 25px;}
	.inner_form_right,#stores-nav {padding-left: 25px;}
	.tab-content {padding: 25px;}
	.form-group {margin-bottom: 15px; line-height: 20px;}
	.status_box {padding:20px;border: 1px solid #ddd;margin-top:5px;}
	.store_table tr td select {font-size: 14px;margin-right: 20px;max-width: max-content;padding: 5px 10px 5px;height: 34px !important;}
	#profile .form-group textarea {height: 80px;}
	.table_responsive th,.toggle_data:before,.card_body:before{display:none !important;}
	.table_responsive tr td {width: 100%;float: left;max-width:100%;flex:100%;font-size:13px;}
	.table_responsive td:before {content: attr(data-th) ": ";font-weight: bold;width: 6.5em;display: inline-block;width: 115px;float:left;}
	.table_responsive tr td .switch{float:left;}
	.inner_container {margin-top: 25px;padding: 20px;}
	.toggle_data{display:block;}
	.card-title{margin:0;background: #2C9FC0;}
	.card-title a{display: block;padding: 10px 15px;color: #FFF;font-size: 15px;text-decoration:none !important;}
	p.list_head,.event_list ul li p,.upcoming_list .list_head{font-size: 18px;}
	.filter-block label {font-size: 16px;margin-top: 2px;margin-right: 20px;}
	.filter-block ul li {font-size: 14px;box-shadow: 0 0 5px rgba(51, 51, 51, 0.18);margin-left: -4px;padding: 3px 10px;}
	.service_txt {font-size: 12px;}
	.hours_text {width: 130px;height: 130px;}
	.hours_text p{font-size:22px;}
	.dashboard-block {padding: 25px 20px;border: 1px solid #ddd;margin-bottom: 15px;}
	.upcoming_list {margin-bottom: 15px;padding-left: 10px;}
	.upcoming_list div {padding: 15px;border: 1px solid #ddd;}
	.main_container.pl-2 ,.p-l-2{padding-left:10px !important;}
	#store-hours select.w-auto{padding: 5px !important;}
	.holiday_calendar ul li {font-size: 13px;padding: 5px 20px;margin-bottom: 0px;}
	.holiday_calendar ul li span {width: 12px;height: 12px;top: 9px;}
	.holiday_calendar{margin-top:20px;}
	.modal-header {padding: 6px 20px;}
	.modal-header .modal-title,.modal-body .form-group label {font-size: 14px;}
	.modal-body {padding: 20px;}
	.modal-body .form-group textarea {height: 80px;margin-bottom: 10px;}
	.modal-dialog {max-width: 500px;}
	.date_picker {padding-left: 35px !important;}
	.breadcrumb li {font-size: 14px;line-height: 18px;}
	.breadcrumb {margin-bottom:10px;}
	.line-h-1 h5{margin-top:5px;}
	.calender_schedule .scheduleCalendar span.ui-calendar input.ui-inputtext { padding:8px 15px;font-size:14px; }
	.side_menu ul { width:107px; }

	.imgPreviewModal .modal-dialog { max-width:400px;height:300px }
	.imgPreviewModal .modal-dialog .modal-content { height:100%; }
	.imgPreviewModal .modal-dialog .modal-content .modal-body .img_block img { max-width:200px;height:200px; }

	.side_menu ul li { padding:10px 15px !important; }

	.inner_container .table td table td, .table th { padding:10px; }
	tr.card { display:block;width:49%;float:left;margin-left:5px;margin-bottom:10px; }
	.table-striped tbody tr:nth-of-type(odd) { margin-right:5px;margin-left:0; }
	.table-striped tbody tr:nth-of-type(even) { border:1px solid #eee; }
	.helptext { font-size:12px; }
	.inner_form_right { padding-left:15px; }
	.settings_div2 { padding-right:25px !important; }
	.schedule_noappointment { font-size:22px !important;margin-top:50px !important; }
	.holidays_appointment { min-height:200px !important; }

	.logo { max-width:170px;max-height:100px; }
	.logo img { width:100%; }

	/**Appointment history page**/
	.filter{font-size:0.9em;}
	.custom_btu{font-size:0.8em;margin:0.2em}
	.export_btn{font-size:0.8em;}

	.custom_search{font-size:0.8em;width:8em;}
	#customer_name{width:11em}
	#customer_phone{width:11em}

	.report_div { width:33%; }
	.rep_div { border:1px solid #CCCCD0;height:200px; }
	.rep_div a { padding:30px;font-size:14px !important; }
	.rep_div a img { max-width:80px;width:80px; }
}

@media only screen and (max-width:767px){
	.signin_container p br{display:none;}
	.inner_form {padding-right: 15px;border:0;margin-bottom: 25px;}
	.inner_form_right{padding-left: 15px;}
	.container_fluid{padding-left:0;position: relative;left:0;top: 0;transition:left 1s;}
	.logo-div img{ max-width: 169px;}
	.menu_open{display:block;font-size:25px;padding-left:5px;cursor:pointer;}
	.side_menu {transition:right 1s;position: fixed;right:-250px;top: 0;z-index: 10;width: 250px;height: 100%;left:auto;}
	.side_menu ul {width: 100%;padding-top:40px;}
	.side_menu ul li {padding: 15px 20px !important;}
	.side_menu ul li img{float:left;}
	.side_menu ul li span {color: rgba(255, 255, 255, 0.91);font-size:16px;}
	.notification-block ul{width: 100%;float: left;margin: 10px 0 0;}
	.container_left{left:-250px;}
	.side_menu_show{right:0;}
	.signin_container .content_container{padding:35px 30px !important;}
	#store-hours .inner_form,#store-hours .inner_form_right{padding:0;}
	.m-tab{display:block;}
	.d-tab{display:none;}
	
	.nav-tabs .nav-link.active .activeimg{display:block;}
	.nav-tabs .nav-link.active .normalimg{display:none;}
	.logoutPopover .popover { right:23px !important; }

	.settings_div1 { padding-right:25px !important; }
}
@media only screen and (max-width:650px){
	tr.card { width:100%;margin-left:0px;margin-bottom:10px; }
	.table-striped tbody tr:nth-of-type(odd) { margin-right:0px; }
	.custom_btu{float:left}
	.report_div { width:50%; }
}
@media only screen and (max-width:576px){
	/*Signin page*/
	.signin_container .forgot_password.text-right{text-align:left!important;margin-top:5px;}
	.signin_container form button.mt-4{margin-top:18px!important;}
	.signin_container .content_container {padding: 30px !important;}
	/*Signin page*/
	.table_responsive td:before{width:100%;margin-bottom:5px;}
	.store_table tr td select{margin-bottom:10px;}
	.hours_text {margin: 0 auto;float: none !important;margin-bottom: 15px;}
	.event_list ul{float: none !important;padding: 0;}
	p.list_head, .event_list ul li p,.upcoming_list .list_head {font-size: 16px;}
	.filter-block p{width:100%;margin-bottom: 15px;}
	/*Customer list page*/
	#customer_name{width:10em}
	#customer_phone{width:10em}

}
@media only screen and (max-width:430px){
	.clear_430{width:100%;height:10px;clear:both;display:block;}
}
@media only screen and (max-width:400px){
	.signin_container form input.p-3{padding:6px 15px!important;}
	.signin_container form button.p-3{padding:8px!important;}
	.nav-link {padding: 10px 25px;}
	#store .add-button {padding: 6px 15px;}
	/*Customer list page*/
		#customer_name{width:8em}
		#customer_phone{width:8em}

}

@media only screen and (max-width:380px){
	footer div{width: 100% !important;max-width: 100% !important;flex: 100% !important;padding: 10px;text-align: center !important;}
	.clear-footer{display:block;padding:0;height:5px;}
	footer div.text-right{text-align: center !important;}
	footer div.pl-0{padding-left:10px !important;}
}