/*#header_logo{float:left;max-height:72px; width:50%; }*/
/*#header_tiny{display:none;}*/
/* invoice green = #72cf72*/
/* job form peach = #ffcc99*/


#tblIncoming tr:nth-child(odd) {
    /*background-color: #f1f1f1;*/
    background-color:lavenderblush;
}

#tblLabor tr:nth-child(odd) {
    /*background-color: #f1f1f1;*/
    background-color:#f0f3ee;
}

#divCategory input {
	/*width: 65%;*/
	margin-bottom: 3px;
	text-align:center;
	width:100%;
}

#divCategory select {
	text-align:left;
	width:100%;
}


#findTitle a{
    color: red;
}   


#findTitle :hover {
    text-decoration: underline;
}   


.buttonSpan {
    width: 100%;
    text-align: center;
}

#divHome {
    /*text-align:center;*/ 
    width:100%;
}


#jmax_home {
    margin:auto;
    max-width:75%;
    margin-bottom:50px;
}



#loginContainer {
    margin: auto;
    width: 90%;
    /*padding: 10px 10px 10px 10px;*/ 
}

.btnAddWorkOrder {
    border:1px;
    border-color:black;
    width: 33%;
    margin: auto;
    max-width: 200px;
    color:white;
}

#btnSaveWorkOrder {
    /*border:1px;
    color:green;
    border-color:black;
    width: 33%;*/
    margin: auto;
    width: 120px;
}


#header_tiny{
    display:block;
    height:42px; 
    width:49%;
    z-index:2; 
    float:left;
    /*background-color:pink;*/

}


#login_partial {
    width:49%;
    text-align:right;
    padding-right:2px;
    font-size:14px;
    float:right;
    /*background-color:yellow;*/

}

#header_user{
    border:none;
	position: relative;
	top:30px;
	font-weight:bold;
	display:none;
    margin:auto;
    text-align:center;

	/*width:25%; 
	text-align:right;
    float:right;
    z-index:1;
    max-height:35px;*/

}


.selectCenter {text-align-last:center; }/*note: ignore browser compatibility warning*/
.selectLeft {text-align-last:left; }/*note: ignore browser compatibility warning*/


.cent{text-align:center;}

.rAlign {
    text-align: right;
}

.loading {
    text-align: center;
}


.redError {
    font-size:20px;
    color:red;
}

/*----------------------------------- start sticky nav bar ----------------------------------------*/

.affix {
	top: 0;
	width: 100%;
}

.affix + .container-fluid {
	padding-top: 70px;
}

.navbar {
	background-color:#083D67; /*cashngo blue*/
}
	
#mystickynavbar {
	z-index:2; 
	background-color:#083D67;	
}  


#navBrand span{
	color:white;
	/*display:none;  /*do not display until minimized browser or on cell */
}

/*----------------------------------- end sticky nav bar ----------------------------------------*/

#myheader{
	height:50px;
    margin-left:0;
    padding-left:1px;
    width:100%;
    background-color:white;
}


/*----------------------------- modal popup --------------------------------------------------------*/
.modal-header {
    padding-top:0;
    max-height:40px;
}


/*.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}*/



/*--------------------------- FIND SCREEN ------------------------------------------------------------*/
.findBody {
    padding:0;
    margin:0;
    /*background-color:#f8f89b;*/
}

#findContainer {
    padding:0;
    margin:0;
    width:100%;
    text-align:center;
}

.redTitle {
    width:100%; 
    font-family: Verdana, sans-serif;
    font-size:20px;
    font-weight: 500;
    margin-top:5px;
    color: red;
    text-align:center;
    margin-bottom: 5px;
}

#divFindWorkOrder {
    width: 100%;
    padding: 0;
    margin:auto;
    max-width: 500px;
    border-radius: 5px;
    padding-bottom:7px;
    /*background-color:#f8f89b;*/

}

#divFindWorkOrder .panel {
    /* max-width: 500px;*/
    text-align:center;
    margin:auto;
}


#divFindWorkOrderDetails span {
    font-size: 12pt;
    font-weight: bold;
    display: inline-block; /*--- allow width settings for inline elements (e.g. labels, spans, etc)-----*/
    width: 30%;
    text-align: right;
    padding-right: 3px;
}

#divFindWorkOrderDetails input {
    width: 65%;
    margin-bottom: 3px;
    text-align: center;
    max-width:450px;
}

#divFindButtons {
    padding-top: 15px;
    margin: auto;
}

.findButton {
    text-align: center;
    margin-left: 7px;
    width: 45%;
    margin-bottom: 3px;
    height: 35px;
    background-color: lightgoldenrodyellow;
    font-weight: bold;
}


/*---------------------------- text area and labels ------------------------------------------------*/

#IncomingModalLabel {
    color:red;
}

.btn-pink {
    background-color:#fee3ec;
    border: 1px solid silver;
}


#navBrand a {
    margin:0;
    padding-left:10px;   /*----- NavBar Icon Spacing ------------*/
    padding-right:10px;  /*----- NavBar Icon Spacing ------------*/

}

#navBrand .icon {
    display:none;    
}


.vbm {color:red;}  /* view bag message */

#divEditbuttons {
    text-align:center;
    margin:auto;
}

#divEditbuttons input {
    width:48%;
    max-width:200px;
    text-align:center;
}


body {
    margin: 0;
    padding: 0;
}

input, select {
	margin-bottom: 3px;
	min-height: 30px;
	text-align:left;
	padding-left: 3px;
	border-color:black;
	border-width: 1px;

 	border-radius: 4px;

}

label,.label {
    color: #31708F; /*panel-info color*/
	font-size:12pt;
	font-weight:normal;
}

.notes {
    width:100%;
	height:75px;
    resize:none;
}

#divNotes div{
    padding-bottom: 15px;
}

#jmax_logo {
    max-height: 72px;
}

#navButton {
    width: 45px;
}

footer {
    text-align:center;
    margin:auto;
}

#divShowResults {
    margin-bottom:50px;
    min-height:50px;
    text-align:center;
    width:100%;
}

.panel-heading {
    font-weight:bold;
}

h3 {
    color:#f00;
}

.nav {
	font-size:13pt;
}

textarea{ 	
	border-radius: 4px;
	border-color:black;
	border-width: 1px;
}

.divJob input{
	min-height:30px;
	width: 98%;
} 

.divJob textarea{
	min-height:30px;
	width: 98%;
	overflow:auto;
} 

/*  name city state zip*/
.addr_n{width:98%; text-align:left;}
.addr_c{width:50%; text-align:left;}
.addr_s{width:17%; text-align:left;}
.addr_z{width:30%; text-align:left;}
.addr_p{width:36%; text-align:left;}


#divNotes label{
    display: inline-block;
    margin-left:5px;
    width:20%;
    min-width:60px;
}



	
.workorderID{
	text-align:center;
}

.panel-body	{
	min-height:230px;
}


@media (max-width: 767px) {

    /* NOTE: "navbar-nav" menubar items (e.g. Find, Add, Save) are automatically shown/hidden in bootstrap during widescreen to phonesize*/

    #navBrand .icon {
        display:block;    
    }

	/*#header_logo{width:75%;}*/

	
	#mycontactform  > div{
		padding-left: 20px;
		padding-right:20px;
	}
	
	.panel-body	{
		min-height:100px;
		
	}

	
}





@media (max-width: 600px) {

    .fn1 {
        display:none;
    }


	.notes{

		height:150px;
	}


    .container {
        padding: 0;
        margin: 0;
    }
		
}


@media (max-width: 450px) {

    .fn1, .fn5, .fn6  {
        display:none;
    }


    .workorderID {
        display: none;
    }
}