root { display: block; }
html{ height:100%; margin:0; padding:0; }
body{ background-color: #ccc !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 100%; min-width: 100%; }
.show_elem {display:block;}
.hide_elem {display: none;}
h1, h2, h3, h4, h5, div,body,header,footer,fieldset,nav,pre { margin:0px; padding:0px;  /*font-family:Helvetica,Arial,sans-serif;*/  font-family:Calibri; /*font-size: 14px;*/ display: block; }
.label, .btn, .form-control, .input-lg, .form-horizontal .form-group-lg .form-control{border-radius: 0px !important;}
input[type=radio]{ width:auto; height:1.5em; }
input[type=text]{ margin:3px; float:left; }
input[type=checkbox]{ float:left; }
label{ float:left; margin-top:7px; font-weight:bold; width:auto; text-align: left; font-weight: bold !important;}
.body_login{ background: #BED88F; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 100%; min-width: 100%; }
img{border:0px }
#content{ padding:10px 0px 10px 10px; display: block; width: 100%;}
.container {display:block; }
.content {display:block;  border: #c0c0c0 solid 1px; width: 90%; margin: 0 auto; padding: 15px 30px; background: #fff; }
.page-header{clear: both!important;}
.logo {display: inline-block; margin: 0 auto; border-right: 1px solid #dddddd; padding: 0 10px;}
.location {display: inline-block; margin: 0 auto; padding: 0 10px; top: 128px; position: absolute;}
.loginholder{display: inline-block; float: right; z-index: 999; position: relative; font-weight: bold;}
.clear{ float: none; clear:both; padding: 0px; margin:0px; height:0px; line-height: 0px; }
.modal_popup{ display:none;}
.screen-menu {display: block; margin: 20px;}
footer{ height:25px; width:100%; }
#footer-content{ color:white; padding:10px 0px 10px 10px;}
header{ height:100px; width:100%; padding: 0px; position: relative; display: block;}
#PageMessage{ padding-top:10px;}
#PageMessage div{ margin-left: auto; margin-right: auto; padding:10px; width:50%; z-index: 1000; -moz-border-radius: 5px;  border-radius: 5px; -moz-box-shadow: 5px 5px 5px gray; -webkit-box-shadow: 5px 5px 5px gray; box-shadow: 5px 5px 5px gray; }
#PageMessage .message{ padding: 0px 5px; font-weight: bold; text-align: center; width:100%; display:block; }
#jobList, #userList{text-align:left;}
#jobList { width: 95%;}
#jobsList {text-align: center;}
#customerForm{display: block; width: 100%;}
#customer{display: block;}
.viewCust, .viewJob,.viewUser {}
.notes{ padding: 0px 30px;}
.editbtn {margin: 20px 20px 50px;}
#submitCustomer,  #submitJob, #submitUser{text-align: center; margin: 20px; }
#addJob {display: block; float: left; clear: both; margin: 0 auto;}
#addUser {float: left; display: inline-block; margin: 0 auto;}
#addCustomer {float: left; display: inline-block; margin: 0 auto; }
#eqNeedscheckList, #dryOnly { margin: 0 auto; display: block;}
#eqNeedscheckList { margin-left: 10px;  width: 100%;}
#eqNeedscheckList > span {display: inline-block; max-width: 100%; margin: 0px 20px; width: auto;}
#eqNeedscheckList > .viewJob {line-height: 23px;}
#dryOnly > span {display: inline-block; max-width: 100%; margin: 0px 20px; font-weight: 700; float: left; width: auto; text-align: right;}
#dryOnly > .viewJob {}
#jobQuery {text-align: center; margin: 0 auto; clear: both; display: block;}
.fquery {display: inline-block; clear:none; margin-left: 30px; float: left;}
.fquery > span {display:inline-block; margin-left: 20px; text-align: left; float: left;}
.fquery > input[type=checkbox]{ display:inline-block; }
#queryUpdate {clear:both; margin: 20px;}
#homeLinks{display: block; margin: 10px auto;}
table{font-size: 15px !important; }
h2, .h2 {font-size: 28px !important;}
label, .control-label, .help-block, .checkbox, .radio {font-size: 15px !important;}
.input-sm, .form-horizontal .form-group-sm .form-control {font-size: 15px !important;}
.input-group-addon, .input-group-btn{width:0%!important;}
.btn-lg {padding: 5px 20px !important;}
a.list-group-item {font-size: 15px !important;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {vertical-align: middle !important;}
.btnDetails{width:92% !important; margin-top: 10px !important; text-align: left;}
.btnDetailsU{width:100% !important; margin-top: 10px !important;}
#narrowMessage{display:none;}
#indexLeft{border-right: 1px solid #dddddd;}
#indexLeft #newCustomer, #jestScr, #repScr, #adminScr {width:100%!important; margin-top: 10px!important;}
#aIndex {width: 40%!important; margin:0 auto; }
#aIndex #aHome, #aEquipList, #aRegList, #aUsers {width:100%!important; margin-top: 10px!important;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0px!important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0px!important; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0px!important;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0px!important;}
.btn i{color: white;}
.btn-success:hover{background-color: #2E7448;}
.btn-primary:hover{background-color:#02536E;}
.btn-info:hover{background-color: #2992B0;}
.btn-danger:hover{background-color: #A6230E;}
.btn-default:hover{background-color: #A3A3A3;}
.btn-default i{color: #000;}
.form-login{width: 50%!important; display: inline!important;}
#ucontrols, #jcontrols, #ccontrols{text-align: center!important; margin: 5px auto!important;}
.fa{color: black; margin: 1.5px;}
#jobList td .fa:hover{color: #A3A3A3;}
pre{background-color: white; border:none;}
.btn{text-align: left;}
#custResult, #jobtResult{width:80%;}
.form-control {color: blue;}
@media (max-width: 1200px){
    .btnDetails{font-size: 16px;}
}
@media (max-width: 768px){
    .content {width: 100%;}
     table {font-size: 12px !important; width: 80%;}
     
}