@charset "utf-8";
/* CSS Document */


.form-horizontal button.btn[type="submit"]	{ margin-left:19% !important;}
div#ChooseBtn button.btn[type="submit"]	{ margin-left:0% !important}


/*css added by mohit 7-4-2016*/

#AppointmentAreaForm{display:inline-block;}
#AppointmentAreaForm .input.select{display: inline-block;margin-bottom:5px;}

@media (min-width: 1000px) and (max-width: 1120px) {
	.span3	{ width:50%;}
	.dropdown-menu	{ left:-60px;}
}

@media (min-width: 768px) and (max-width: 1000px) {
	
body	{ padding:0 2.5%;}
#container	{ width:100%; padding:0px;}
#header	{ width:100%;}
#header table	{ width:100%; overflow:scroll;}
#header table tr	{ width:100%; float:left;}
#header table tr td	{ width:70%; text-align:left;}
#header table tr td:first-child	{ width:73%;}
#recent	{ width:89% !important; margin:0 4% !important; float:left !important;}
#summary,#daily, #technician, #today	{width:89% !important; margin:30px 4% 0 4%  !important; float:left !important;}
#summary #calendar	{ width:45%; padding:0px;}
#summary #calendar .yui3-calendar	{ width:100% !important;}
#summary iframe	{ width:100%; float:left;}

#content	{ width:100%; float:left; overflow-y:scroll;}
#content.frontClass	{ width:94.5%; margin-bottom:20px;}
#content .form-inline	{ width:100%; float:left;}
.table-bordered	{ width:975px; max-width:975px;}
.paymentDetails	{ width:100%; overflow:scroll;}


#content .form-horizontal fieldset table tr td	{ width:99%; float:left;}
#content .form-horizontal fieldset.appointment table td	{ width:auto; float:none;}
.btn-group		{ white-space:normal;}
.btn-group a	{ margin-top:10px;}
#content .form-inline .btn-group button	{ margin:10px 0 0 0;}

#schedule	{ width:100%; margin:50px auto;}
#banner	{ width:100%;}
.viewdays	{ width:100%;}
.description	{ margin-left:0px; width:97%;}
.btn-toolbar	{ margin-top:10px;}
input.span3, textarea.span3, .uneditable-input.span3	{ width:50%;}
input.span1, textarea.span1, .uneditable-input.span1	{ width:50%;}
input.span2, textarea.span2, .uneditable-input.span2	{ width:50%;}
input.span4, textarea.span4, .uneditable-input.span4	{ width:100%;}
.span3	{ width:50%;}
.span4	{ width:130px;}
.form-horizontal .controls .span1	{ width:13%;}
.form-horizontal .controls .span2	{ width:22%;}
.locations .submit input[type="submit"] 	{border-radius:0px;}
.has-switch > div	{ z-index:0;}
.form-horizontal .controls select	{ width:75%; } 
.form-horizontal .controls input	{ width:70%; }
.form-horizontal .controls input.span1, .form-horizontal .controls .span2	{ width:40%;}
.table-condensed tr td button#submit	{ margin-top:10px;}
}

@media (min-width: 999px) and (max-width: 1125px) {
}

@media (min-width: 999px) and (max-width: 2100px) {
}

@media (max-width: 767px) {

body	{ padding:0 2.5%;}
#header	{ width:100%;}
#header table	{ width:100%; overflow:scroll;}
#header table tr	{ width:100%; float:left;}
#header table tr td	{ width:70%; text-align:left;}
#header table tr td:first-child	{ width:30%;}
#recent	{ width:89% !important; margin:0 4% !important;}
#summary,#daily, #technician, #today	{width:89% !important; margin:30px 4% 0 4%  !important; float:left !important;}
#summary #calendar	{ width:45%; padding:0px;}
#summary #calendar .yui3-calendar	{ width:100% !important; float:left;}
#summary iframe	{ width:50%; float:right; margin-top:20px;}
#daily, #technician, #today	{width:35% !important; margin:30px 4% 0 4%  !important; float:left !important;}

#content .form-inline	{ width:100%; float:left; overflow:scroll;}

.table-bordered	{ width:975px; max-width:975px;}
.form-horizontal .form-actions	{ padding-left:5%;}
.form-horizontal fieldset table  td	{ width:100%; float:left;}
.form-horizontal fieldset.appointment table td	{ width:auto; float:none;}
.form-horizontal fieldset table	{ width:99%;}
.form-horizontal fieldset.last td	{ width:100%; float:left;}
.form-horizontal fieldset.last td img	{ width:100%;}
.form-horizontal .control-label	{ width:96%; margin-left:2%;}
.form-horizontal .control-group	{ width:98.5%;}
#content .form-horizontal .control-group .controls input	{width:97%; float:left; margin-left:1%;}
.paymentDetails	{ width:100%; overflow:scroll;}
.CompanyMasters .form-actions.btn-toolbar	{ width:91%; margin:0 1%;}

#content .profiles fieldset	{ width:95%; padding-left:5%;}
#content .merchants fieldset	{ width:95%; padding-left:5%;}
#footer	{ width:100%; padding:0px; margin-top:10px;}

.btn-group		{ white-space:normal;}
.btn-group a	{ padding-top:10px;}


#schedule	{ width:100%; margin:50px auto;}
#banner	{ width:100%;}
#content	{ width:100%; margin:10px 0 20px 0; overflow-y:scroll; float:left; }
.viewdays	{ width:100%;}
.description	{ margin-left:0px; width:97%;}
.btn-toolbar	{ margin-top:10px;}
.yui3-calendarbase	{ width:100% !important;}
#content .appointments #areas	{ width:98%; margin:20px 1% 0 1%; float:left;}
#content .appointments #areas table	{ width:100%;}
#content .appointments fieldset	{ width:100%; float:left; margin-top:20px;}
.form-horizontal .controls select	{ width:95%;}
.appointments .form-actions.btn-toolbar	{ width:55%; float:left; padding:20px 22% !important; margin:10px 0 0 0;}
#dateScreenCard input	{ width:100%;}

#content .form-inline .btn-group a	{ padding:2px 10px;}
#content .form-inline .btn-group button	{ margin:10px 0 0 0}

.table-condensed tr td button#submit	{ margin-top:10px;}

}

@media (max-width: 640px) {
body	{ padding:0 2.5%;}
#container	{ width:100%; padding:0px;}
#header	{ width:100%;}
#header table	{ width:100%; overflow:scroll;}
#header table tr	{ width:100%; float:left;}
#header table tr td	{ width:70%; text-align:right;}
#header table tr td:first-child	{ width:30%;}
#recent	{ width:85% !important; margin:0 4% !important;}
#summary,#daily, #technician, #today	{width:85% !important; margin:30px 4% 0 4%  !important; float:left !important;}
#summary #calendar	{ width:100%; padding:0px;}
#summary #calendar .yui3-calendar	{ width:100% !important; float:left;}
#summary iframe	{ width:100%; float:left; margin-top:20px;}

.btn-group		{ white-space:normal;}
.btn-group a	{ margin-top:10px;}

.yui3-skin-sam	{ margin-left:0px !important;}
}


@media (min-width: 321px) and (max-width: 530px) {

#header table tr td:first-child	{ width:55%; text-align:left;}
#header table tr td	{ width:44%; text-align:right;}
#recent	{ width:87% !important; margin:0 4% !important;}
#summary,#daily, #technician, #today	{width:87% !important; margin:30px 4% 0 4%  !important; float:left !important;}
.btn-group a	{ padding:2px 10px;}
.appointments .form-actions.btn-toolbar	{ width:47.5%; float:left; padding:20px 120px !important; margin:10px 0 0 0;}


}

@media (min-width: 0px) and (max-width: 320px) {
#header table tr td	{ width:70%; text-align:left;}

#schedule #content	{ width:86%; margin:0px 0 20px 0; float:left; overflow-y:scroll;}
.btn-group a	{ padding:2px 10px;
}

.appointments .form-actions.btn-toolbar	{ width:74%; float:left; padding:20px 38px !important; margin:10px 0 0 0;}
.profiles .form-actions.btn-toolbar	{ width:67%; float:left; padding:20px 48px !important; margin:10px 0 0 0;}
.form-actions.btn-toolbar	{ width:58%; float:left; padding:20px 49px 20px 60px !important; margin:10px 0 0 0;}
.CompanyMasters .form-actions.btn-toolbar	{ width:60%; margin:0 2%;}
#content .form-horizontal .control-group .controls input	{width:95%; float:left; margin-left:1%;}

.appointments .form-actions.btn-toolbar	{ padding:20px 38px !important ; width:71%;}
}

textarea { resize: none; }