/* Final Styles By Author1111 */
.d1-dropdown-button {
    -moz-appearance: button;
    height: 3.5em;
        /* border-bottom: darkslategrey; */
   
    border-bottom: 1px solid #fdf4f4;
    border-radius: initial;
    border-width: thin;
    border-bottom-style: ridge;
    text-overflow: inherit;
    border-top: 1px solid #fdf4f4;
    width: 100%;  
}


#imageTablePO {
    width: 100%;
    min-width: 635px;

  }

  
  a.imageLinkPO {
 
        height: 41px;
    color: white;
    font-size: .98em;
  }

  .myProgressbar {
    position: relative;
    width: 325px;
    height: 30px;
    background-color: green;
    display: none;
}
.myBar {
    position: absolute;
    width: 1%;
    height: 100%;
    background-color: green;
}

#procAddLink {
  float: left;
}

#saveAllProc {
    margin-left: 18em;
  }

.saveProcDiv {
padding-top:15px;

}
  .message{
  font-size: .7em;
  color: red;
  display: inline;
  margin-left: 20px;
}
.d1-info-tag {
  display:none;
}
.fn-label {
  cursor: pointer;
}
.carbonad{font-size:1.2em;border-radius: 6px;background-color:#FFFFFF;border:2px solid #E8E8E8;min-height:42px;line-height:1.3;width:300px}
.carbonad-smaller{border-radius: 6px;background-color:#FFFFFF;border:2px solid #E8E8E8;min-height:30px;line-height:1.3;width:375px;}


#d1clear {
  text-align:center;
  margin-top: 15px;
}

.dropdown-menu {
    width: inherit;
    max-height: 275px;
    overflow-y: auto;
    background-color: #dddddd;
}

 .ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;   
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}


.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
  padding-bottom: 1.0em;
  padding-top: 1.0em;
  font-size: 1.1em;
}

input[type="file"].fileUploadClassPO {
  display: inline-table;
  max-width: 215px;
}

.scheduleRow {
   cursor: pointer;
}

    #loadMsg
    {margin: auto;
    width: 35%;
    
    padding: 10px;
  }
.d1-txt-large {
  font-size: large;
}
  .shiftHeight{
  max-height: 765px;
}
.procScriptMsg, .sendVerify {
  font-size:.7em;
}

.types{
  text-align: center;
}
.d1-dialog-report {
  font-size: .8em;
}
.processTableCells {
padding-top: 10px;
}

.processIdData {
 /* padding-bottom: 25px;*/
}
#myButtons {
  margin-bottom: 6px;
}
#crewAddLink {
float: left;
}
  #showGannt {
    margin-top: 5px;
    margin-left: 3%;
}

.historyAlert { /* EFUCG*/
  margin-bottom: auto;
  width: 85%;
  display:initial;

}

#po-hist-list {
  max-width: 75px;
  min-width: 50px;
}

.d1-sig-check {
  color:#099609;
  display:none;
}

.d1-photos-check {
  color:#099609;
  display:none;
}

.d1-jobDetails-check {
  color:#099609;
  display:none;
}


.di-sig-checkxx {
  color:#099609;
}

/*datepicker*/
input[readonly] { 
  cursor: pointer !important;
  background-color: white !important;
}
#TotalCost {
    background-color: #eee !important;
}

#lotSum1Table,#bottomLotSummary tr{
font-size: x-large;

}
div.ui-datepicker{
 font-size:1.5em;
}



/* Select2 modigications*/
.select2-container .select2-choice {
height: 41px; 
line-height: 37px;    
font-size:large;
}

#main-select {
  display:inline-flex;
  margin-bottom: 10px;

}
/* Final Styles By Author */
.select2-search input, div.select2-result-label {

    
font-size:large;
}

  .jqx-expander-header-content {
  font-size: large;
}
.d1-count{
  font-size: xx-large;
}

.d1-small-font {
  font-size:smaller;
}

.crew1Id{
  max-width: 195px;
}
.startDateClass,.endDateClass,.procDateClass{
  max-width: 135px;
}

.d1-show-crews {
  display:inline-table;
}

.d1-image-head{
  background-color: transparent;
  display:none;

}
#list-jobs .col-xs-4 {
  display:flex;
}
#lists,#listc,#list  {
 max-width:95%;
}

#x4 h2, #bottomLotSummary h2{
  display:inline;
}

table.list-jobs-table{
margin-top: 2px;
 min-width: 620px;
}
th {
  background-color: #286090;
  border-color:#000000;
  color:#ffffff;
}

th.list-job-head{
  height: 32px;

}

.bgimage {
background-image: url(check.png);
/*background-color: yellow;*/

width:100%;
}

.d1-group-section ,.bgimage{
  border-bottom:1px solid black;
  width:100%;
  background-color: green;
/*background-color: yellow;*/

width:100%;

}

.d1-top-alert-success {
	margin-top:-50px;
}

.d1.grid-header-right {

}

.d1-related-items {
  background-color: #C1EAC1;
}

.d1-panel-container {
/*margin:0;
height:40px;*/
}


.d1-new-info {
/*	    position: relative;
    overflow: hidden;
    width: 100%;
    height:100%;*/
    background-color: #DE0101;
}

.d1-new-confirm {
		    height:0;
		    position: relative;
    overflow: hidden;
    width: 100%;
      height:100%;
      background-color: #286090;

}


.lockedMessage {
	margin: 3px;
	font-size: .8em;
}

#sigDateTime{

}


.checkboxHead {
    display: inherit;

    position: relative;
    margin-top: -4px;
    color:#33cc33;
   }

   input[type=file]{
   	display: inline-table;
      }
  .fileUploadClass,.fileUploadClassPO{
  
  	display:inline;
    font-size: 1.1em;
  }
.loadingImage{
  display:none;
}


 .imageDescriptionClass, .imageDescriptionClassPO{
  	min-width:110px;
        max-width: 155px;
    display: inline;
        height: 45px;
}
  }
  .imageSubmit,.imageSubmitPO{
  	font-size: 1.1em;
  	display:none;
  	color:rgb(230, 0, 0);
  }
/*  #content button{

  }

  #content button {
		width:110px;
  }
*/
#d1Data{

	display: none;

}

.sigPad{
	width:569px;
}

.sigWrapper {
	width:567px;
}

.d1-sig-clear (
	pointer-events:none;
	)

button{
	
	min-width:80px;
}

#savePOButton{
	display:none;
}

.d1-form-status {
	height:0;	
	
	margin:auto;
	padding-right:10px;
	position:relative;
	margin-bottom:4px;
		float:right;



}
.d1-record-not-saved{
 	
	color:#ff0000;
}

#emailResult{
/*	font-size: .9em;
	color: #33cc33;
	display:none;*/


}


#linkFieldPO {
	display:none;
	/*white-space: normal;*/
}


.d1-icon-spin3{


}

.toggle-panel{
/*padding-left:15px;
padding-right: 20px;*/
}

.materialStatus{
padding-left:15px;
font-size:.8em;
}

#po_list option ,.d1-po-list option{
	
	font-size: 1.1em;
}

select#po_list_related,select.d1-po-list  {
width:80%;
float:left;
}

#saveStatus {
	margin-left:75%;

}

#saveSection {
max-width:100%;
float:right;
}






/* PO App Additions 3/31/16 ************************************** */

#POLaborCost, #POMatCost,#TotalCost{
/*max-width:80%;
min-height:30px;*/
}


#POCommitDate,#PODate,#cust-po,#fieldJob{

/*    max-width:80%;
    min-height:30px;
*/

}

#POCustInfo,#POJobInfo,#POCustEmail{
      max-height:150px;
	    min-height:120px;
	 	    font-size:.94em;
}

.d1-badge,.d1-badge-head{

  background-color:#3c763d;

}
.d1-badge-dev,.d1-badge-head-dev{
    background-color:#A94442;


}
.d1-badge-addl,.d1-badge-head-addl{

  background-color:#337AB7;


}



.pad{


}
/*Grids columns */

#content{
min-height:670px;
}

.d1-grid-content button{
	margin:8px;
	height:auto;
	width:auto;
}


.d1-grid-column{
	

}
.d1-grid-container{
	padding:10px;
}

.d1-grid-row button {
	margin-right: 0px;
}

.d1-grid-row-head  {
	
}
.d1-grid-cells {
	display:inline-block;

}
div.super-expand {
	/*for the expander added class for customization*/
/*height:60px;*/
}

/*Signature CSS */

.sigWrapper{
	height:auto;
}

/* Scoth panels  */

div#xoffcanvas-menu {



}
div#xoffcanvas-menu .jqx-expander-header {
	/*padding-top:10px;*/
}

.d1-move-from-right-to-left {
	/*Button that Toggles the Off Canvas Page*/
	display:none;
	margin-left: 100%
	margin-top:11px;
}


.d1-slide-panel-button-left{
float:right;
}

.d1-slide-panel-button-right{
	transform-origin: (-50%,-50%)
}

/* JQX Style mods */

.jqx-expander-header-content  {
/*	width:99%;*/
	

}

.d1-super-expander .jqx-expander-header-content{
/*min-height:60px;*/
/*	display:flex;*/
}


.d1-status-area{
	display:inline-grid;
	float:left;
	margin:0 1% 0 1%;
	border-right: 1px solid gray;
	padding:0 1.5% 0 0;
}

#saveStatus > span{
		margin:5px;
	color: #00B74A;

}

.d1-staus-saved{
	color: #green;
	padding-right:5px;
	/*color: #33cc33;*/
}

.d1-staus-not-saved{
	/*color:#FF0000;*/
	background: #F73748;
}

.d1-staus-default{
	color:#FF0000;
}

.jqx-fill-state-pressed {
	background-color: #ABABA7;
}

/*responsive simpple grids */


label {/*labels ride over top of Fields in form*/
	display:block;}

#POSelectDateLabel {
  display: inline;
}

.d1-form-control,input#sigDateTime,.lockedMessage{
	display:inline-block;
	border:none;
	text-align: left;
	background-color: transparent;
}

#displayedJob{
  
 /* border:none;
  text-align:center;
  background-color: transparent;
  max-width: 125px;*/

}


.lockedMessage > p{
	display:inline-block;
	border:none;
	text-align: left;
	background-color: transparent;
	size:1.1em;
}

/* Bootstrap Modfications */

textarea.form-control {
min-width: 160px;
height: 45px;
}
textarea.procNotesClass.form-control{
max-width: 160px ;
}


.glyphicon-refresh-animate {
       -webkit-transform-origin: 50% 58%;
     transform-origin:50% 58%;
     -ms-transform-origin:50% 58%; /* IE 9 */
    -animation: spin .7s infinite linear;
    -ms-animation: spin .7s infinite linear;
    -webkit-animation: spinw .7s infinite linear;
    -moz-animation: spinm .7s infinite linear;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
  
@-webkit-keyframes spinw {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@-moz-keyframes spinm {
    from { -moz-transform: rotate(0deg);}
    to { -moz-transform: rotate(360deg);}
}

.wobble-fix { -webkit-filter: blur(0); }


/*More Glyph Spins*/

.gly-spin {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(360deg);
  }
}
.gly-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.gly-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.gly-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.gly-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.gly-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}



/*Full Calendar 2.5 Modas*/

.fc button {
	font-size: 1.3em;
	height:3.5em;
}


/*begin shake animation*/

/* @keyframes duration | timing-function | delay | 
   iteration-count | direction | fill-mode | play-state | name 
  animation: 3s ease-in 1s 5s 2 reverse both paused slidein;*/

.shake { animation: shake 10.5s  infinite ;
  -webkit-animation: shake 10.5s infinite linear ;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);
    }
    to { -webkit-transform: rotate(50deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(50deg);}
    to { transform: scale(1) rotate(0deg);}
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(-1px, 0px, 0);
    transform: translate3d(-1px, 0px, 0);
  }
  10%,12%,
  30%,
  50%,65%,
  70%,
  90% {
    -webkit-transform: translate3d(-2px, -1px, 0);
    transform: translate3d(-2px, -1px, 0);
  }
  35%,
  55%,
  59%,
  60%,
  80% {
    -webkit-transform: translate3d(-2px, -3px, 0);
    transform: translate3d(-2px, -3px, 0)
  }
}

/* add this class */
.animated {
  -webkit-animation-duration:1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake
}


/*end Shake Animation*/

/*Begin Blink Animation*/

.blink { animation: blink-animation 1s steps(2, start) infinite;
  -webkit-animation: blink-animation 1s steps(2, start) infinite;
}
/* Makes the  Header on Current Day Blink */
td.fc-day-number.fc-today.ui-state-highlight{
	background-color: #CEA2A2;

  animation: blink-animation 3s steps(5, start) infinite;
  -webkit-animation: blink-animation 3s steps(5, start) infinite;
 }

@keyframes blink-animation {
  to {
    /*visibility: hidden;*/
    background-color: #7B0400;
  }
}

@-webkit-keyframes blink-animation {
  to {
    /*visibility: hidden;*/
    background-color: #7B0400;
  }
}

/*End Blink Animation*/

span.fc-title {
    padding: 5px !important;
    text-overflow: ellipsis;
    white-space: pre-line;
}

/*Close Button*/
/*body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable > div.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix > button {
    height: 36px;
    line-height: 5px;
    width: 100px;
    text-align: center;
    

}*/
hr {
	color:#B7B7B7;
	border-top: 2px solid #d6d6d6;
}


.widgetbox {
/*	display:none;*/
/*    width: 250px;
    height: 250px;
    background-color: black;
    color: white;
    text-align: center;*/
}
.widgetbox [class*="icon-"] {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     display: inline-block;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
}
.widgetbox:hover [class*="icon-"] {
	color: #24a159 !important;
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    .rotate(360deg);
}


.okbox  {
	display:none;
/*    width: 250px;
    height: 250px;
    background-color: black;
    color: white;*/
    
    	color: #2ACA43 !important;
    		
}

/*.okbox:hover [class*="glyphicon"] {
	color: #24a159 !important;
}

.okbox:hover [class*="glyphicon"] {
	color: red !important;
}*/

/*Create New PO*/
section{background:transparent;
  text-align:center;
  cursor:pointer;

}


/*Save Tile*/



/*Link to Job*/
#d1success{background:transparent;
  text-align:center;
  cursor:pointer;
 }
.d1-sp-link{height:auto;
  background:#F2DEDE;
  background:transparent;}
}

.d1-bottom-3 {
  margin-bottom:16px;
}

a.d1sq-a{height: 50px;
}

.d1-sp-link h2{color: #a94442;}
{
 /* height:46px;*/
}

/******************** KEY CLASSES - TO Stop Grids From Wrapping Add in the Container Div ******/
.container-fixed {
        white-space: nowrap;
      overflow: hidden; 
      width: 100%;
}

/*Save Tile*/