body{
    /*font-family: 'Raleway', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
}
/*ZEE DID THIS*/
select.validationError, textarea.validationError, input.validationError {
    border: 2px solid #FF0000 !important;
  /* background:rgba(255,0,0,0.3);
    color:white;*/
}

.loginPosition{
    position: absolute;
    width: 100%;
    top:20vh;
}

.noPad{
    padding: 0px;
}

.noMargin{
    margin: 0px;
}

.modalWindow{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1500;
    background: white;
    opacity: 0.7;
    top:0;
    bottom:0;
    right:0;
    left:0;
}
.ui-footer{
    border:none !important;
    position:fixed !important;
    bottom:-1 !important;
}
.ui-loader{
    z-index: 1501;
}

.logo-center{
	text-align:center;
	margin:0 auto;
	max-width:100%;
}

.footerLink{
    color: white !important;
    font-weight: 100 !important;
}
.copyright{
    background:rgba(0,0,0,0.25) !important; 
    text-align:center !important;
    font-size: 9pt !important;
    padding: 5px !important;
    font-weight: 100 !important;
    text-shadow: none !important;
}
.error{

	color:red;
}

.loginBackdropStill{
    background: url('../Images/ConcreteBare0340_2_M.jpg') !important;
    background-size:cover !important;
}

.loginForm{
    padding-left: 25px;
    padding-right: 25px;    
}

.mainNavBar{
    border-style:none;
}

.transparentBack{
    background:transparent !important;
}
.headPad{
    padding-top: 10px;
    
}

.ui-field-contain label{
    font-weight: bold;
}

.BiggerList{
    font-size:14pt;
}

.BiggerList>li>p{
    white-space : normal !important;

}

.BiggerList>li>h2{
    white-space : normal !important;
}

#breaktheMainMenu{
    width:99%;
    margin-top:3px;
    margin-bottom:3px;
}

h6{
    font-size: 12pt;
}

#breaktheMainMenu li a {
    margin-bottom:4px !important;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;                
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px; 
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;                
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px; 
}

.nearFullWidth{
    width: 90% !important;
}

.pushRight {
    left:auto !important;
    right:10px !important;
}

.imageDiv{
    width:90%;
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, #ccc, #ccc, #ccc);
}

.sendImageDiv{
    visibility:hidden;
}

.Incomplete a{
    color:orange !Important;
}

.Approved a{
    background-color:rgb(202,240,201) !Important;
}

.Declined a{
    background-color:rgb(255,215,215) !Important;
}

#ConferenceImageWrapper{
    overflow:scroll;

}

.validationError{
	color : rgb(135,26,59);
	font-weight: 500 !Important;
    text-shadow: none !Important;
}

.NotRead a{
    background-color:rgb(202,240,201) !Important;
}



@media all and (max-height: 400px){  
    #theMainMenu  li a img{
        display:none;
    }
    #theMainMenu  li a p{
        display:none;
    }
}

/*overide list font*/
.ui-listview>li h1, .ui-listview>li h2, .ui-listview>li h3, .ui-listview>li h4, .ui-listview>li h5, .ui-listview>li h6{
    font-weight: 300 !important;
}
h2{
    font-weight: 300 !important;
}
a{
    font-weight: 300 !important;
}
label{
    font-weight: 300 !important;
}

.fontIcon{
    font-size: 20pt;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
    line-height: 1.3;
}
.smlFontIcon{
    margin-right: 10px;
}
.cardInfo{
    margin-bottom: 5px;
}

.ui-input-search{
    margin: 0px;
    border-top-width: 0px;
}

.fa-icon-width{
    width: 10% !important;
}
.card-detail-width{
    width: 90% !important;
}

.no-collapse-icon .ui-icon-plus:after{
    display: none;
    padding-left: 10px;
}

.no-collapse-icon .ui-icon-minus:after{
    display: none;
}

.no-collapse-icon .ui-icon-minus:after{
    display: none;
}

.no-collapse-icon .ui-btn-icon-left{
    padding: 10px;
}

.job-map{
    width: 100%;
}
/* test animation stuff 
.animateMe{
    opacity: 0;
    -webkit-transition: opacity .4s ease-in;
    -moz-transition: opacity .4s ease-in;
    -o-transition: opacity .4s ease-in;
    transition: opacity .4s ease-in;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.animateMe.ui-collapsible-content-collapsed {
    opacity: 1;
    -webkit-transition: opacity .4s ease-out;
    -moz-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out;
}
*/
.listedJob{
    padding: 0px !important;
    margin:10px !important;
    box-shadow: 0px 0px 3px 0px;
    border: 0px !important;
}
.completedJob{
	padding: 0px !important;
    margin:10px !important;
    box-shadow: 0px 0px 3px 0px;
    border: 0px !important;
}

.dashHeader
{
	border:0px; 
	text-align:center; 
	padding:10px;
}
/*
##########################################################################################################################################################################################################
Ziyad Gilliam CSS
############################################################################################################################################################################################################
*/
.contentPad
{
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px; 
	margin:0px;
}
.Title
{
	padding-top:0px;
	/*background-color:lightgrey*/
}
.hrDash
{
	margin-top:0px; 
	border-bottom:0px; 
	border-color:#fefefe;
}
.aRight
{
	text-align:right;
}
.aLeft
{
	text-align:left;
}
#dashJob
{
	min-height:75px;
}
#dashJobButtons
{
	width:20%;
}
#dashJobContent
{
	width:80%;
}
#btnJobLocation
{
	background-color:#1a70e0; 
}
.dashJobText
{
	font-size: 9pt;
}
.titleInfoMore
{
	margin-left:5px;
}
/*
############################################################################################################################################################################################################
*/

.search-wrapper{
    padding-top : 20px;
}
.search-wrapper form {
    position : fixed;
    top      : 38px;
    left     : 0px;
    width    : 100%;
    z-index  : 1;
}
.job-number-holder {
    width: 15% !important;
    background-color: #4BAE53;
    text-shadow: none;
}
.job-number-holder p{
    padding-right: 0px !important;
}
.job-date-holder {
    width: 40% !important;
}
.job-date-holder p{
    padding-left: 0px !important;
}
.job-client-holder {
    width: 45% !important;
}
.job-detail-holder{
    padding-bottom : 10px;
}
.job-number-holder-overdue
{
    width: 15% !important;
	background-color:#ee4949 !important;
	text-shadow: none;
}
.pgDash
{
	height:87%;
}
.sigPad {
  margin: 0;
  padding: 0;
  width: 200px; /* Change the width */
}

.sigWrapper {
  clear: both;
  height: 300px; /* Change the height */

  border: 1px solid #ccc;
}