/*.header
        {
            margin-left: 20px;            
            padding-bottom: 20px;
            border-bottom: 1px solid blue;
        }    
            
        .footer
        {
            clear:both;
            padding:20px;             
            color:#777; 
            font-size:12px; 
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            text-align: right;
            border-top: 1px solid #777;
            }    
 
    
        h2
        {
            font-size: 14px;
        }
        
        .hide
        {
            display: none;
        }
        
        .tagline
        {
            display: block;
            color: #777;
            font-size: 18px;
            font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
            }
 
        .welcome
        {
            padding: 10px;
            font-size: 30px;
            }    

        .orderinstructions
        {
            padding: 10px;
            font-size: 20px;
            }    
    
        html, body 
        {
            width: 1280px;
            height:100%; 
            background-color: #fff; 
            font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
            font-size:14px;
	        }
	
        form 
        {
            width:100%;
        }    
                
        .error
        {
            height:100%; 
            color: Red;
            background-color: #fff; 
            font-size:18px;
        }
    
        .fieldlabel
        {   
            padding: 5px;
        }   
        .fieldlabelbold
        {   
            font-size: 14px;
        } 
            
        .fieldvalue
        {         
            padding: 5px;            
        }
        .success
        {
            height:100%; 
            color: Green;
            background-color: #fff; 
            font-size:18px;
        }           

        .siteselection
        {
            padding-left: 20px;
            padding-top: 30px;           
            }
            
        .navheader
        {            
            margin-top: 5px;
            margin-left: 5px;
        }            
            
        .contentplaceholder
        {            
            margin-left: 150px;            
        }
        
        .menuheader
        {
            background-color: Gray;
            font-weight: bold;
        }
        
        .navlink
        {
            clear:both;
            }        

        a:link,
        a:visited,
        a:hover,
        a:active
        {
            color: #003399;
        }*/

        /*KD New*/
        .buttonLong{
            width: 300px;
        }
        .btn-static {
          background-color: white;
          border: 1px solid lightgrey;
          cursor: default;
        }
        .btn-static:active {
          -moz-box-shadow:    inset 0 0 0px white;
          -webkit-box-shadow: inset 0 0 0px white;
          box-shadow:         inset 0 0 0px white;
        }
        /*.table-responsive thead th {
                    background-color: #006DCC;
                    color: white;
            }
            tbody td {
                background-color: #EEEEEE;
            }*/
        /*.table .thead-dark th {
          color: #495057;
          background-color: #b8daff;
          border: 0;
        }*/



.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #3b5998;
  border-color: #32383e;
}



.table .thead-light th {
  color: #495057;
  background-color: #090088;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive > .table-bordered {
  border: 0;
}



.btn-yolo {
  color: #fff;
  background-color: #009530;
  border-color: #9fa0a4;
  cursor: not-allowed;
  pointer-events: none;
  font-weight: bold;
  
}
.btn-yoloReorder {
  color: #fff;
  background-color: #e47f00;
  border-color: #9fa0a4;
  font-weight: bold;
}
.btn-lgYolo {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  color: #fff;
  background-color: #e47f00;
  border-color: #9fa0a4;
}

/*.btn-yolo {
  color: #ffffff;
  background-color: #777777;
  border-color: #777777;
  cursor: not-allowed;
  pointer-events: none;

}*/

.table .thead-yolo th {
  color: #fff;
  background-color: #009530;
  border-color: #000000;
  font-weight: bold;
  text-align:left;
  white-space:nowrap;
}





.form-controlYolo {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 149, 48, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 149, 48, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}


.form-controlYolo[disabled],
.form-controlYolo[readonly],
fieldset[disabled] .form-controlYolo {
  cursor: not-allowed;
  background-color: #009530;
}

.form-controlYolo:focus {
        border-color: #009530;
        box-shadow: 0px 1px 1px rgba(0, 149, 48, 0.075) inset, 0px 0px 8px rgba(0, 149, 48, 0.5);
    }
.form-control:focus {
        border-color: #009530;
        box-shadow: 0px 1px 1px rgba(0, 149, 48, 0.075) inset, 0px 0px 8px rgba(0, 149, 48, 0.5);
    }

/*.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #009530;
  outline: 0;
}
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #009530;
}

option:hover{
    color:#009530;
background:#009530;
}*/

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

table-borderless td {
    border-top: none !important;
}

.table-borderless th, .table td { 
     border-top: none !important; 
 }

/*Yolo nowrap*/
.table-condensedYolo thead > tr > th,
.table-condensedYolo tbody > tr > th,
.table-condensedYolo tfoot > tr > th,
.table-condensedYolo thead > tr > td,
.table-condensedYolo tbody > tr > td,
.table-condensedYolo tfoot > tr > td {
  padding-right: 35px;
  font-size: 12px;
}
.table-sm td{
    white-space:nowrap;
}

/*Yolo with wrap*/
.table-condensedYoloWrapped thead > tr > th,
.table-condensedYoloWrapped tbody > tr > th,
.table-condensedYoloWrapped tfoot > tr > th,
.table-condensedYoloWrapped thead > tr > td,
.table-condensedYoloWrapped tbody > tr > td,
.table-condensedYoloWrapped tfoot > tr > td {
  padding-right: 5px;
  font-size: 5px;
}
.table-condensedYoloWrapped td{
    white-space:pre;
}




/*Begin Login form */
@import "bourbon";

.wrapper {	
	margin-top: 10px;
  margin-bottom: 80px;
}

.form-signin {
  max-width: 380px;
  width:350px;
  padding: 15px 35px 45px;
  margin: 0 auto;
  background-color: #3dcd58;
  border: 1px solid rgba(0,0,0,0.1);  

  .form-signin-heading,
	.checkbox {
	  margin-bottom: 30px;
	}

	.checkbox {
	  font-weight: normal;
	}

	.form-control {
	  position: relative;
	  font-size: 16px;
	  height: auto;
	  padding: 10px;
		@include box-sizing(border-box);

		&:focus {
		  z-index: 2;
		}
	}

	input[type="text"] {
	  margin-bottom: -1px;
	  border-bottom-left-radius: 0;
	  border-bottom-right-radius: 0;
	}

	input[type="password"] {
	  margin-bottom: 20px;
	  border-top-left-radius: 0;
	  border-top-right-radius: 0;
	}
    /*End Login form */

}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}