html, body {
   	/*background-color:#ededed;*/
	background-color:#f4f4f2;
	height:100%;
	color:#000;
}

.top-bg{
/*background-color: #84b9e2;*/
/*background: -webkit-gradient(radial, center center, 0, center center, 460, from(#4E6A75), to(#1E2F36));
background: -webkit-radial-gradient(circle, #4E6A75, #1E2F36);
background: -moz-radial-gradient(circle, #4E6A75, #1E2F36);
background: -ms-radial-gradient(circle, #4E6A75, #1E2F36);*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edf7ff+0,a0cee9+46,a0cee9+46,8fc6e6+49,207cca+100 */
background: #edf7ff; /* Old browsers */
background: -moz-linear-gradient(top, #edf7ff 0%, #a0cee9 46%, #a0cee9 46%, #8fc6e6 49%, #207cca 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #edf7ff 0%,#a0cee9 46%,#a0cee9 46%,#8fc6e6 49%,#207cca 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #edf7ff 0%,#a0cee9 46%,#a0cee9 46%,#8fc6e6 49%,#207cca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf7ff', endColorstr='#207cca',GradientType=0 ); /* IE6-9 */

isplay:block;
padding:20px;
color:#fff;
margin:0 auto;
margin-bottom:10px;
border-radius: 5px;
font-size:25px;
}

.border-whole{border:1px solid #ccc; border-radius:5px; padding:10px 0; background-color:#fff; margin-bottom:30px; -webkit-box-shadow: -1px 0px 5px 5px rgba(219,219,219,1);
-moz-box-shadow: -1px 0px 5px 5px rgba(219,219,219,1);
box-shadow: -1px 0px 5px 5px rgba(219,219,219,1);}
.input-hac{background:none !important; border:none !important; box-shadow:none !important;}

.mandetoty_field_nopad {
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    color: #f71212;
}

.container {max-width:950px; }

.info-catagoy{ font-weight: bold; border-bottom:2px solid #ccc; margin:10px 0; display:block; width:100%; font-size:large;}

.scrollbar
{
	float: left;
	height:180px;
	width:100%;
	
	overflow-y: scroll;
	margin-bottom: 25px;
	border:1px solid #ccc;
}

.force-overflow
{
	min-height:200px;
	padding:4px;
	margin-top:2px;
}
.black-line{ border-top:1px solid #333;}
.font-normal{font-weight:normal !important;}

.add-on-cal {
    width: auto;
font-size: 16px;
font-weight: normal;
text-align: center;
position: absolute;
top: 31px;
right: 16px;
}

.form-control-date{padding-left:6px; padding-right:6px!important;}
.button-plus{ display: block;    height: 32px;    clear: both;}
/*.combo input{ width: 100% !important;    border: 1px dotted #cccc !important;}*/
.modal-footer { border-top: none!important;}

/* ------------------------------ZIP Hack----------------------------------------------- */
.modal-header {background-color:#286090!important; color:#fff!important;   border-radius: 4px 4px 0 0!important;}
.combo-arrow {right: 19px;position: absolute; background-position: 0 2px !important;}
.validatebox-invalid{width:100% !important;}
.combo {width:104% !important;}
/* ------------------------------Bootstrap adjustemnts------------------------------------------------ */
.panel-body {padding:0 !important;}
.input-group-addon {padding:6px 5px !important;}

/* ------------------------------Media Queiry----------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 990px) {
 .mob-no-dispaly{display:none;}
.button-plus{ display:none;}   

}


@media only screen and (min-width: 980px) and (max-width: 1024px) {
	.mob-no-dispaly{display:none;}
.button-plus{ display:none;}

}


@media only screen and (min-width: 768px) and (max-width: 979px) {
.mob-no-dispaly{display:none;}
.button-plus{ display:none;}
}

@media only screen and (max-width: 767px) {

.mob-no-dispaly{display:none;}
.button-plus{ display:none;}
}



@media only screen and (max-width: 640px) {
.mob-no-dispaly{display:none;}
.button-plus{ display:none;}
.top-bg{font-size:16px;}

}


@media only screen and (max-width: 479px) {


}