@import url('https://fonts.googleapis.com/css?family=Quicksand');

body
{font-family: 'Quicksand', sans-serif;}

form{ background:#FFF; padding:15px;}
h3{ font-size:18px; color:#009DC8}
h2{ font-size:20px; color:#009DC8}
.form-control{ margin:5px 0px; height:auto;}
lable{ font-size:15px; font-weight:500; color:#009DC8; text-align:left ;}
.contactform{ background:rgba(86,86,86,0.5); padding:10px;}

.button{ background-color:#019ec9; color:#FFF; font-size:12px; text-align:center; text-decoration:none; padding:6px 15px; text-transform:uppercase; margin:10px 0; border:none; border-radius:3px; float:right;}
.ajax__calendar{ position:relative; z-index:9999;}
.grid_header
{
    padding: 10px !important;
    color: #ffffff;
    font-weight: normal;
    background: #019ec9;
    border: solid 1px #019ec9;
   
}
.grid_alt
{
    background: #efefef;
}

.grid_headerApply
{
    padding: 4px;
    color: #ffffff;
    font-weight: normal;
    background: #019ec9;
    border: solid 2px #FFF;
    
}



header{ border-top:7px solid #025889; 
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 58%, #ededed 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(58%, #f6f6f6), color-stop(100%, #ededed));
background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 58%, #ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 58%, #ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 58%, #ededed 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 58%, #ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

table th{ padding:15px 10px;}
td{ padding:10px !important;}


.jobapplication lable{ font-size:14px; float:left; padding:10px 0px !important; font-weight:700; text-align:left;}

.validation{ font-size:11px; color:#c90000 !important; padding:0px 0px; text-align:right; float:right;}







@media only screen
and (min-device-width:320px)
and (max-device-width:480px){
}

@media only screen
and (max-device-width:320px)
and (orientation:portrait)
{
	
	.popop_panels
{
    border: solid 5px #019ec9;
    background: #ffffff;
    box-shadow: #222 2px 2px 30px 2px;
    position:fixed;
    background:#FFF;
}
}

@media only screen
and (min-device-width:321px)
and (orientation:portrait){
}

@media only screen
and (min-device-width:360px)
and (max-device-width:640px){
}

@media(max-width:767px){


}

@media only screen
and (min-device-width:600px)
and (orientation:portrait){
.popop_panels
{
    border: solid 5px #019ec9;
    background: #ffffff;
    box-shadow: #222 2px 2px 30px 2px;
    position:fixed;
    background:#FFF;
}
}

@media only screen
and (min-device-width:768px)
and (orientation:portrait){

}

@media only screen
and (min-device-width:768px)
and (orientation:landscape){

}


@media only screen
and (min-device-width:1024px)
and (orientation:landscape){

}

@media only screen
and (min-device-width:1280px)
and (orientation:landscape){
.popop_panels
{
    border: solid 5px #019ec9;
    background: #ffffff;
    box-shadow: #222 2px 2px 30px 2px;
    width:70%;
    position:fixed;
    background:#FFF;
}

}

@media only screen
and (min-device-width:1360px)
and (orientation:landscape){

}