body {
    font-family: Verdana,"Helvetica Neue", Helvetica, Sans-Serif;
        background-image:linear-gradient(to bottom, #FFFFFF 0%, #d8d8d8 100%)
}
label {
    font-weight:bold;
}
ul.columns{
    column-count: 3;
    column-width: auto;
    list-style:circle;
    
}
a:link {
    color: #337253;
    text-decoration: none;
}
li span {
    font-size: 14px;
}
li.Receiving {
    list-style: image(url(../Images/receiving_free_16x16.png));
    list-style-image: url(../Images/receiving_free_16x16.png);
    list-style-position: initial;
}
li.Metrics {
    list-style: image(url(../Images/FactTable_16x.png));
    list-style-image: url(../Images/FactTable_16x.png);
    list-style-position: initial;
}
li.Materials {
    list-style: image(url(../Images/materials_free_16x16.png));
    list-style-image: url(../Images/materials_free_16x16.png);
    list-style-position: initial;
}
li.Engineering {
    list-style: image(url(../Images/compass_free_16x16.png));
    list-style-image: url(../Images/compass_free_16x16.png);
    list-style-position: initial;
}
li.SynchroPerform-E7 {
    color: #20446c;
    font-size: 20px;
    
    
}
li.Zachry {
    color: #086c3c;
    font-size: 20px;
}
li.Garner {
    color: #F14525;
    font-size: 20px;
}
li.Chiyoda {
    color: #c0042c;
    font-size: 20px;
}
li.McDermott {
    color: black;
    font-size: 20px;
}
li.Trillium {
    color: #006bab;
    font-size: 20px;
}
li.Aveva {
    color: #440c5c;
    font-size: 20px;
}
/* If the link is visited you see this color
a:visited {
    color: rgb(255, 105, 223);
}*/

/* On placing mouse over the link */
a:hover {
    color: #337253;
    text-decoration: underline;
}

/* If the click the link,  you see this color*/
a:active {
    color: #337253;
}
.custom-combobox {
    position: relative;
    display: inline-block;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -25px;
    padding: 0;
}
.custom-combobox-input {
    width: 250px;
    margin: 0;
    padding: 5px 10px;
}
.ui-autocomplete {
    max-height: 600px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index: 1000 !important;
}
.form-control {
    font-size: 11.5px;
    font-weight:normal;
}
.page {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0.2em;
    min-height: 740px;
    margin-top: 10px;
    padding-top: 0;
    vertical-align: text-top;
    height: auto;
    clear: both;
    float: none;
    position: relative;
    margin-bottom: 5px;
    padding: 1px auto;
    border: 1.5px #222222 solid;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    /* Note: This gradient may render differently in browsers that don't support the unprefixed gradient syntax */
    /* IE10 Consumer Preview */
    background-color: #FAFAFA;
    /*Shadow*/
    -webkit-box-shadow: 5px 5px 10px 1px rgba(100,100,100,1);
    -moz-box-shadow: 5px 5px 10px 1px rgba(100,100,100,1);
    box-shadow: 5px 5px 1px 1px rgba(100,100,100,1);
}
div#dvPageHeader {
       height: 1.75em;
    width: 100%;
    /*background-color: #d9d5d5;*/
     background-color: #2f3a29;
    /*color: #033c73;*/
    color: #fff;
    font-size: 1.25em;
    font-weight: bold;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    top: -5px;
    padding-left: 15px;
    padding-top:2px;
}
input.search-query {
    padding-left:26px;
}
.t-buttonBig {
    background-color:#2f3a29;
}
/*********************************************************************************************************************************/

.custom-flcombobox {
    position: relative;
    display: inline-block;
}
.custom-flcombobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -25px;
    padding: 0;
}
.custom-flcombobox-input {
    margin: 0;
    padding: 5px 10px;
    opacity: 1.0;
}
.ui-autocomplete {
    max-height: 600px;
    overflow-y: auto; /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index: 1000 !important;
}
/*********************************************************************************************************************************/
/******Floating Label *****/

.has-float-label {
  display: block;
  position: relative;
  font-size: 0.95em;
  color: #337253;
  background-color: transparent;
 
}
.has-float-label label, .has-float-label > span {
  position: absolute;
  left: 0;
  top: 0;
  cursor: text;
  font-size: 100%;
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
  top: -.5em;
  left: 0.75rem;
  z-index: 3;
  line-height: 1;
  padding: 0 1px;
 
  
}
.has-float-label label::after, .has-float-label > span::after {
  content: " ";
  display: block;
  position: absolute;
  background: white;
  height: 2px;
  top: 50%;
  left: -.2em;
  right: -.2em;
  z-index: -1;
  font-weight: normal;
 
}



.has-float-label .form-control::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.has-float-label .form-control::-moz-placeholder {
  opacity: 1;
  transition: all .2s;
}
.has-float-label .form-control:-ms-input-placeholder {
  opacity: 1;
  transition: all .2s;
}
.has-float-label .form-control::placeholder {
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus) + * {
  font-size: 150%;
  opacity: .5;
  top: .3em;
}

.input-group .has-float-label {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.input-group .has-float-label .form-control {
  width: 100%;
  border-radius: 0.25rem;
}
.input-group .has-float-label:not(:last-child), .input-group .has-float-label:not(:last-child) .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
}
.input-group .has-float-label:not(:first-child), .input-group .has-float-label:not(:first-child) .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  }
 /*Select Control*/
 /******Floating Point Test Cases*****/
.form-selectcontrol {
    
}
.has-float-selectlabel {
  display: block;
  position: relative;
  font-size: 0.85em;
}
.has-float-selectlabel label, .has-float-selectlabel > span {
  position: absolute;
  left: 0;
  top: 0;
  cursor: text;
  font-size: 100%;
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
  top: -.5em;
  left: 0.75rem;
  z-index: 3;
  line-height: 1;
  padding: 0 1px;
}
.has-float-selectlabel label::after, .has-float-selectlabel > span::after {
  content: " ";
  display: block;
  position: absolute;
  background: white;
  height: 2px;
  top: 50%;
  left: -.2em;
  right: -.2em;
  z-index: -1;
}
.has-float-selectlabel .form-selectcontrol::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.has-float-selectlabel .form-selectcontrol::-moz-placeholder {
  opacity: 1;
  transition: all .2s;
}
.has-float-selectlabel .form-selectcontrol:-ms-input-placeholder {
  opacity: 1;
  transition: all .2s;
}
.has-float-selectlabel .form-selectcontrol::placeholder {
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.has-float-selectlabel .form-selectcontrol:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0;
}
.has-float-selectlabel .form-selectcontrol:placeholder-shown:not(:focus)::-moz-placeholder {
  opacity: 0;
}
.has-float-selectlabel .form-selectcontrol:placeholder-shown:not(:focus):-ms-input-placeholder {
  opacity: 0;
}
.has-float-selectlabel .form-selectcontrol:placeholder-shown:not(:focus)::placeholder {
  opacity: 0;
}
.has-float-selectlabel .form-selectcontrol:placeholder-shown:not(:focus) + * {
  font-size: 150%;
  opacity: .5;
  top: .3em;
}

.input-group .has-float-selectlabel {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.input-group .has-float-selectlabel .form-selectcontrol {
  width: 100%;
  border-radius: 0.25rem;
}
.input-group .has-float-selectlabel:not(:last-child), .input-group .has-float-selectlabel:not(:last-child) .form-selectcontrol {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
}
.input-group .has-float-selectlabel:not(:first-child), .input-group .has-float-selectlabel:not(:first-child) .form-selectcontrol {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

/**************************************************************/
/* Form Progress */

.progress-workflow {
  margin: 2px auto;
  padding-bottom: 20px;
  }
.progress-workflow .circle,
.progress-workflow .bar {
  display: inline-block;
  background: #fff;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #d5d5da;
  vertical-align:top;
  text-align: center;

}
.progress-workflow .bar {
  position: relative;
  width: 90px;
  height: 6px;
  margin: 0px 0px 17px 0px;
  border-left: none;
  border-right: none;
  border-radius: 0;
  top:8px;
  vertical-align:top;
}
.progress-workflow .circle .label {
  display: inline-block;
  width: 10px;
  height: 10px;
  line-height: 10px;
  border-radius: 10px;
  margin-top: 1.5px;
  color: #b5b5ba;
  text-align: center;
  vertical-align:central;
  
}
.progress-workflow .circle .title {
  color: #b5b5ba;
  font-size: 0.85em;
  font-weight:bold;
  line-height: 1em;
  margin-left: -30px;
  display: block;
  width: 100px;
  margin-top: 5px;

}

.progress-workflow .circle .note {
  color: #0f0f0f;
  font-size: 0.75em;
  font-weight:bold;
  line-height: 1em;
  margin-left: -30px;
  display: block;
  width: 100px;
  margin-top: 5px;
}


/* Done / Active */

.progress-workflow .bar.done,
.progress-workflow .circle.done {
  background: #eee;
}
.progress-workflow .bar.active {
  background: linear-gradient(to right, #EEE 40%, #FFF 60%);
  border-top: 2px solid rgba(62, 115, 2, 1);
  border-bottom: 2px solid rgba(62, 115, 2, 1);
}
.progress-workflow .circle.done .label {
  color: #FFF;
  background: rgba(62, 115, 2, 1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}
.progress-workflow .circle.done .title {
  color: #337253;
}
.progress-workflow .circle.active .label {
  color: #FFF;
  background:rgba(149, 216, 111, 1)  ;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
}
.progress-workflow .circle.active .title {
  color:  rgba(62, 115, 2, 1);
}

.checkmark {
    display:inline-block;
    width: 22px;
    height:22px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_stem {
    position: absolute;
    width:3px;
    height:9px;
    background-color:#ccc;
    left:11px;
    top:6px;
}

.checkmark_kick {
    position: absolute;
    width:3px;
    height:3px;
    background-color:#ccc;
    left:8px;
    top:12px;
}
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 50%;
    width: 50%;
    background-repeat: no-repeat;
    background-image: url('img/ajax-loader.gif');
    background-position: center;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.legend-empsubscription {
    background-color: rgba(244, 244, 219, 0.8);
    border:1px solid rgba(192, 214, 162, 1);
    border-radius:5px;
    padding-left: 5px;
    color:rgba(62, 115, 2,1);
}
.legend-common {
    background-color: rgba(244, 244, 219, 0.8);
    border:1px solid rgba(192, 214, 162, 1);
    border-radius:5px;
    padding-left: 5px;
    color:rgba(62, 115, 2,1);
    width:25%;
    margin:5px 0px 0px 10px;
    font-size:1em;
}

.fieldset-inner {
    background-color: #FFF;
    border: 1px solid rgba(192, 214, 162, 1);
    min-height: 75px ;
    padding-bottom:7px;
}

.fieldset-main {
    border:1px solid rgba(192, 214, 162, 1);
     padding-left: 0px;
    padding-right:0px;
    padding-right:0px;
    padding-bottom:10px;

}

.debuginfo {
    font-weight:normal;
    color:red;
    font-size:xx-small;
}


.pledgeInfo {
    font-weight:bold;
    color:rgba(3, 60, 115, 1);
}
.errormsg {
    color: red;
}
.successmsg {
    color: darkgreen;
}

.noneditabledivbg {
    background-color: rgba(237,237,237,0.2);
    cursor:not-allowed;
}
.editabledivbg {
    background-color: rgba(256,256,256,1.0)
}
.editabledivdrop {
    border: 1px solid rgba(192, 214, 162, 1);
    box-shadow: -1px 1px rgba(192, 214, 162, 1), -2px 2px rgba(192, 214, 162, 1), -3px 3px rgba(192, 214, 162, 1), -4px 4px rgba(192, 214, 162, 1), -5px 5px rgba(192, 214, 162, 1);
}

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid green;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #f00;
}

div#dvSearchResultContainer {
   border:1px solid rgba(192, 214, 162, 1);
   width:98%;
   margin:5px 0px 15px 15px;

}
.User-account-img {
    background-image:url(./img/UserAccount_green.png);
}
div#dvUserDetailsDialog {
    background-color:rgba(244, 244, 219, 1);
     border:1px solid rgba(192, 214, 162, 1);
     color: #244400;

}
.user-detail-level {
    color:rgba(62, 115, 2,1);
}
.user-detail-value {
    color:#244400;
}
span#spnUserAppRole {
        color:rgba(62, 115, 2,1);
}
hr {
    background-color:#244400;
}

btn {
    background-color:#244400;
}

.error {
    border: 1px solid red;
    
}
.errorlabel {
    color: red;
    
}


.legend-text {
    font-weight: bold;
    text-align: left;
}

.legend-text .textlabel {
    color:#0f0f0f;
}

.legend-text .textdata {
    color:rgba(62, 115, 2,1);
}

span#spnUserAppRole {
    font-size:14px;
    float: right;
    padding-right:15px;
    padding-top:5px;
}
fieldset#JobPledgeChoice{
    border:1px solid rgba(192, 214, 162, 1);
     padding-left: 0px;
    padding-right:0px;
    padding-right:0px;
    padding-bottom:10px;

}
/*table thead tr {
    background-color:#244400;*/
    /*color:#033c73;*/
    /*color:rgba(192, 214, 162, 1);
   
}
table tr {
    border: 1px solid #244400;
}
    table tr td {
        border: 1px solid #244400;
        vertical-align: middle;
        border: 1px solid #244400;
    }
table thead tr td {
    border: 1px solid rgba(192, 214, 162, 1);
    vertical-align: middle;
    border-bottom: 1px solid #244400;
    border-top: 1px solid #244400;
}

table td {
    padding: 0px;
    word-break: break-all;
    padding: 5px;
}

table.table-theme tbody tr:nth-child(2n) {
    background-color:rgba(192, 214, 162, 0.3);
    color:#000;
    opacity:1.0;
    
}
table.table-theme tbody tr:nth-child(2n+1) {
     background-color:transparent;
     color:#000;
     opacity:1.0;
}*/

.bodytext {
    color:rgba(62, 115, 2, 1);
    font-family: Verdana;
    font-size:10.5px;
    padding-left:5px;
}
/*UWAYK-1204*/
.bodytextAuto {
    color:#000;
    font-family: Verdana;
    font-size:10.5px;
    padding-left:5px;
    font-weight:bold;
    
}
Submit.buttonNormal {
    background-color: #244400;
    border-radius: 8px;
    border: 2px solid #244400;
    color: white;
    padding: 5px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11.5px;
    margin: 4px 2px;
    cursor: pointer;
}

a.buttonNormal {
    background-color: #244400; 
    border-radius:8px;
    border: 2px solid #244400 ;
    color: white;
    padding: 5px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11.5px;
    margin: 4px 2px;
    cursor: pointer;
}

/*
    JQuery Steps - Wizard

*/
/*
    Common 
*/

.wizard,
.tabcontrol
{
    display: block;
    width: 100%;
    overflow: hidden;
}

.wizard a,
.tabcontrol a
{
    outline: 0;
}

.wizard ul,
.tabcontrol ul
{
    list-style: none !important;
    line-height: 0.5em !important;
    padding: 0;
    margin: 0;
}

.wizard ul > li,
.tabcontrol ul > li
{
    display: block;
    padding: 0;
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info
{
    position: absolute;
    left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title
{
    position: absolute;
    left: -999em;
}



/*
    Wizard
*/

.wizard > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.wizard.vertical > .steps
{
    display: inline;
    float: left;
    width: 30%;
}

.wizard > .steps .number
{
    font-size: 1em;
    font-weight:bold;
}

.wizard > .steps > ul > li
{
    min-width: 8%;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li
{
    float: left;
}

.wizard.vertical > .steps > ul > li
{
    float: none;
    width: 100%;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active
{
    display: block;
    width: auto;
    margin: 0 0.5em 0.5em;
    padding: 1em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color:rgba(62, 115, 2,1);
    border:1px solid  rgba(244, 244, 219, 0.8);
    border-radius:10px;
    padding-left: 10px;
    color:#FFF;
    font-family:sans-serif;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active
{
    background: #eee;
    color: #aaa;
    cursor: default;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
    cursor: default;
    background-color:rgba(192, 214, 162, 1);
    border:1px solid  rgba(244, 244, 219, 0.8);
    color:rgba(62, 115, 2,1);
    box-shadow:  -1px 1px rgba(62, 115, 2,1),
		 -2px 2px rgba(62, 115, 2,1),
		 -3px 3px rgba(62, 115, 2,1),
		 -4px 4px rgba(62, 115, 2,1),
		 -5px 5px rgba(62, 115, 2,1);
}


.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
    background-color:rgba(244, 244, 219, 0.8);
    border:1px solid  rgba(192, 214, 162, 1);
    color:rgba(62, 115, 2,1);
   
}

.wizard > .steps .steperror a,
.wizard > .steps .steperror a:hover,
.wizard > .steps .steperror a:active
{
    background: #FF9F91;
    color: #000;
    border:1px solid  #ff3111;
    box-shadow:  -1px 1px #FF5D44,
		 -2px 2px #FF5D44,
		 -3px 3px #FF5D44,
		 -4px 4px #FF5D44,
		 -5px 5px #FF5D44;
}

.wizard > .content
{
    background: #eee;
    display: block;
    margin: 0.5em;
    min-height: 35em;
    overflow: hidden;
    position: relative;
    width: auto;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard.vertical > .content
{
    display: inline;
    float: left;
    margin: 0 2.5% 0.5em 2.5%;
    width: 65%;
}

.wizard > .content > .body
{
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
}

.wizard > .content > .body ul
{
    list-style: disc !important;
}

.wizard > .content > .body ul > li
{
    display: list-item;
}

.wizard > .content > .body > iframe
{
    border: 0 none;
    width: 100%;
    height: 100%;
}

.wizard > .content > .body input
{
    display: block;
    border: 1px solid #ccc;
}

.wizard > .content > .body input[type="checkbox"]
{
    display: inline-block;
}

.wizard > .content > .body input.error
{
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
    color: #8a1f11;
}

.wizard > .content > .body label
{
    display: inline-block;
    margin-bottom: 0.5em;
}

.wizard > .content > .body label.error
{
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em;
}

.wizard > .actions
{
    position: relative;
    display: block;
    /*text-align: right;*/
    width: 100%;
}

.wizard.vertical > .actions
{
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%;
}

.wizard > .actions > ul
{
    display: inline-block;
    text-align: right;
}

.wizard > .actions > ul > li
{
    margin: 0 0.5em;
}

.wizard.vertical > .actions > ul > li
{
    margin: 0 0 0 1em;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
    background-color: #244400; 
    border-radius:8px;
    border: 2px solid #244400 ;
    color: white;
    padding: 5px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11.5px;
    margin: 4px 2px;
    cursor: pointer;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active
{
    background: #eee;
    color: #aaa;
}


.wizard > .loading
{
}

.wizard > .loading .spinner
{
}



/*
    Tabcontrol
*/

.tabcontrol > .steps
{
    position: relative;
    display: block;
    width: 100%;
}

.tabcontrol > .steps > ul
{
    position: relative;
    margin: 6px 0 0 0;
    top: 1px;
    z-index: 1;
}

.tabcontrol > .steps > ul > li
{
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;

    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .tabcontrol > .steps > ul > li:hover {
        background: #edecec;
        border: 1px solid #bbb;
        padding: 0;
    }   

.tabcontrol > .steps > ul > li.current
{
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0 none;
    padding: 0 0 1px 0;
    margin-top: 0;
}

.tabcontrol > .steps > ul > li > a
{
    color: #5f5f5f;
    display: inline-block;
    border: 0 none;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover
{
    text-decoration: none;
}

.tabcontrol > .steps > ul > li.current > a
{
    padding: 15px 30px 10px 30px;
}

.tabcontrol > .content
{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px;
}

.tabcontrol > .content > .body
{
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

.tabcontrol > .content > .body ul
{
    list-style: disc !important;
}

.tabcontrol > .content > .body ul > li
{
    display: list-item;
}

@media (max-width: 600px)
{
    .wizard > .steps > ul > li
    {
        width: 50%;
    }

    .wizard > .steps a,
    .wizard > .steps a:hover,
    .wizard > .steps a:active
    {
        margin-top: 0.5em;
    }

    .wizard.vertical > .steps,
    .wizard.vertical > .actions
    {
        display: block;
        float: none;
        width: 100%;
    }

    .wizard.vertical > .content
    {
        display: block;
        float: none;
        margin: 0 0.5em 0.5em;
        width: auto;
    }
}

@media (max-width: 480px)
{
    .wizard > .steps > ul > li
    {
        width: 100%;
    }
}
a.buttonUWZachry {
    background-color: #244400; 
    border-radius:8px;
    border: 2px solid #244400 ;
    color: white;
    padding: 5px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 11.5px;
    margin: 4px 2px;
    cursor: pointer;
}
a.buttonUWZachry:hover{
    border-color: rgba(192, 214, 162, 1);
    color: #244400; 
    background-color: rgba(192, 214, 162, 1);
}

.listgrid {
    max-height: 150px !important;
    min-height: 100px !important;
    padding-bottom:5px;
    padding-top: 10px;
    overflow-y:scroll;
}
.checklisttablescroll {
    max-height: 80px !important;
    display:block;
    overflow-y:scroll;
    margin-top:5px;
    margin-left:5px;
}
.raisedbox { 
	padding: 10px;
    border: 1px solid rgba(62, 115, 2,1);
	box-shadow:  -1px 1px rgba(192, 214, 162, 1),
		 -2px 2px rgba(192, 214, 162, 1),
		 -3px 3px rgba(192, 214, 162, 1),
		 -4px 4px rgba(192, 214, 162, 1),
		 -5px 5px rgba(192, 214, 162, 1);
}

/*
    Checklist
 */
/**/
.checkList{
	
	display: block;
	/*height: 300px;
        border: 1px solid #ccc;
	*/
}
.checkListDiv {
    float:left;
    padding:2px;
    border-radius: 5px;
    margin:3px;
    background-color:rgba(244, 244, 219, 0.8);
    box-shadow:  -1px 1px rgba(192, 214, 162, 1),
		 -2px 2px rgba(192, 214, 162, 1),
		 -3px 3px rgba(192, 214, 162, 1),
		 -4px 4px rgba(192, 214, 162, 1),
		 -5px 5px rgba(192, 214, 162, 1);
}
.checkListDivReadonly {
    float:left;
    padding:2px;
    border-radius: 5px;
    color: black;
    margin:3px;
    background-color:rgba(192, 214, 162, 1);
   /* box-shadow:  -1px 1px rgba(244, 244, 219, 0.8),
		 -2px 2px rgba(244, 244, 219, 0.8),
		 -3px 3px rgba(244, 244, 219, 0.8),
		 -4px 4px rgba(244, 244, 219, 0.8),
		 -5px 5px rgba(244, 244, 219, 0.8);*/
    box-shadow:  -1px 1px #6E8E49,
		 -2px 2px #6E8E49,
		 -3px 3px #6E8E49,
		 -4px 4px #6E8E49,
		 -5px 5px #6E8E49;
}
.checkList .toolbar{
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	/*padding: 3px;*/
    max-height:55px;
	/*overflow: hidden;*/
}

.checkList .toolbar .txtFilter{
	width: 120px;
	margin-left: 3px;
	border:1px solid #ccc;
}

.checkList .toolbar .filterBox{
	display: inline-block;
	float: right;
}

.checkList .toolbar .chkAll{
	margin-top: 2px;
	border-right: 1px solid #ccc;
}

.checkList .table{
	width: 100%;
	border-spacing: 0;
}
.checkList .table input[type="checkbox"]{
	display: inline-block;
	float: right;
    margin-top: 4px;
}


.checkList .table td{
	padding: 2px;
	border-bottom: 1px solid #eee;
}

.checkList tr td:first-child{
	width: 16px;
}

.checkList tr td label{
	display: inline-block;
	width: 100%;
}

.highlight{
	background-color: #FFC;
}
.steperror {
    color: transparent;
    background-color: transparent;
    
}

.selectedJobPhase {
    font-style:italic;
    color:black;
}

table.table-smallpaddedborder {
    border-collapse: collapse;
    border: 1px solid transparent;
    position: relative;
    padding: 0.5em;
    margin: 0.5em;
    
}
    table.table-smallpaddedborder tbody tr {
        line-height:1px;
    }
table.table-smallpaddedborder tbody tr:nth-child(even) {
    background-color: rgba(191, 213, 161, 0.3);
    color:rgba(62, 115, 2, 1);
    font-family: Verdana;
    font-size:10.5px;
    font-weight:bold;
    padding-left:5px;
    text-align: center;
}
table.table-smallpaddedborder tbody tr:nth-child(odd) {
    color:rgba(62, 115, 2, 1);
    font-family: Verdana;
    font-size:10.5px;
    font-weight:bold;
    padding-left:5px;
    text-align: center;
}

    table.table-smallpaddedborder tbody tr td a {
        font-family: Verdana;
        font-size:9.5px;
    }

.largebodytext {
    color:rgba(62, 115, 2, 1);
    font-family: Verdana;
    font-size:12.5px;
    padding-left:5px;
}
.Process {
    color:#000;
    font-family: Verdana;
    font-size:10.5px;
    padding-left:5px;
    text-align: left;
     padding: 4px;
}
.wizard ul > li,
.tabcontrol ul > li .Process
{
    display: block;
    padding: 4px;
    border-radius:5px;
}
    .Process .pending {
       
        border: 1px solid rgb(0, 0, 0); 
        -moz-box-shadow:2px 2px 2px 2px rgb(0, 0, 0); 
        -webkit-box-shadow:2px 2px 2px 2px  rgb(0, 0, 0); 
        box-shadow:2px 2px 2px 2px  rgb(0, 0, 0);
    }
    .Process .wip {
        border: 1px solid  rgb(255, 215, 51); 
       -moz-box-shadow:2px 2px 2px 2px rgb(255, 215, 51); 
        -webkit-box-shadow:2px 2px 2px 2px rgb(255, 215, 51); 
        box-shadow:2px 2px 2px 2px rgb(255, 215, 51);
    }
    .Process .done {
         border: 1px solid  rgb(62, 115, 2);
        -moz-box-shadow:2px 2px 2px 2px rgb(62, 115, 2); 
        -webkit-box-shadow:2px 2px 2px 2px rgb(62, 115, 2); 
        box-shadow:2px 2px 2px 2px rgb(62, 115, 2);
        font-weight: bold;
    }
    .Process .error {
         border: 1px solid  red;
         -moz-box-shadow:2px 2px 2px 2px red; 
        -webkit-box-shadow:2px 2px 2px 2px red; 
        box-shadow:2px 2px 2px 2px red;
        background-color:#FFF;
    }
.errorPopUp {
    color: red;
    font-family: Verdana;
    font-size: 10.5px;
    padding-left: 5px;
    text-align: left;
    word-wrap:break-word;
}

.no-close .ui-dialog-titlebar-close {display: none }

.thick-right-border {
    border-right: 2px solid #6E8E49;

}