@charset "UTF-8";
/* CSS Document */
body#admin {
    background-image: url(images/orange_filler.gif);
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    background-color: #FFF;
    background-clip: content-box;
}
.content {
/*    max-width: 1000px;*/
    margin: 0 auto;
    text-align: center;
    line-height: 20px;
    /* [disabled]background-color: #FFF; */
    /*padding: 0 0 60px 0;*/
    min-height: 100%;
}
.text-center { 
    text-align: center; 
}
.clear-float { 
    clear: both;  
}
.formbutton1 {
    /* [disabled]height: 60px; */
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0;
/*    width: 100px;*/
    text-align: center;
    vertical-align: bottom;
    font: 12px Arial Black, Gadget, sans-serif;
    background-color: #000;
    padding: 12px;
    margin: 6px;
    color: #FFF;
}
.formbutton1:hover {
	background-color: #fcb41b;
	color: #000;
}
/* input {
    max-width: 380px;
    outline: none;
    border: 1px solid #fcb41b;
    border-radius: 3px;
    padding: 10px;
    margin: 8px 8px 8px 0;
} */
.tablebox2 {
    text-align: left;
    float: left;
    clear: both;
    margin-top: 24px;
    padding: 4px;
    font-size: 12px;
    min-width: 800px;
}
.tablebox3 {
    text-align: left;
    margin-top: 24px;
    font-size: 6px;
}
.divbutton {
    /* [disabled]height: 60px; */
    -webkit-appearance: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
/*    width: 100px;*/
    text-align: center;
    vertical-align: bottom;
    font: 12px Arial Black, Gadget, sans-serif;
    background-color: #000;
    padding: 12px;
    margin: 6px 30px 6px 0;
    color: #FFF;
    position: relative;
    float: left;
    /* [disabled]border-width: medium; */    
}
.divbutton:hover {
	background-color: #fcb41b;
	color: #000;
}
.divbutton a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-decoration:none; /* Makes sure the link   doesn't get underlined */
	z-index:10; /* raises anchor tag above everything else in div */
	background-color:white; /*workaround to make clickable in IE */
	opacity: 0; /*workaround to make clickable in IE */
	filter: alpha(opacity=1); /*workaround to make clickable in IE */
}
.inputbox {
     width: 380px; 
}
.selectbox {
    margin: 8px 0;
    max-width: 350px;
}
.buttonbox {
    width: 520px;
    margin: 30px 0;
    padding-left: 2px;
}
.plantid {
    background-color: #000000;
    display: inline-block;
    padding: 6px;
    color: #fcb41b;
    letter-spacing: 0.1em;
}
.planttitle {
    margin-top: 22px;
    white-space: nowrap;
    float: left;
}
.btnholder {
    margin-right: 30px;
    float:left;
}

div.DTE_Inline input {
    border: none;
    background-color: transparent;
    padding: 0 !important;
    font-size: 90%;
}

div.DTE_Inline input:focus {
    outline: none;
    background-color: transparent;
}

.dropdown-item:hover {
    background-color: #fcb41b !important;
    color:#FFF  !important;
}

.page-item.active .page-link {
    color: #fcb41b !important;
    background-color: #000 !important;
    /* border: 0px !important; */
}
.page-link:hover {
    color:#FFF  !important;
    background-color: #fcb41b !important;
}

.page-link:focus {
    outline: 0 !important;
    outline: none !important;
}
.page-link {
    color:#000  !important;
    background-color: #fcb41b !important;
    outline: none !important;

}
/* .btn:focus {
    outline: 0 !important;
} */

.orange-tooltip + .tooltip > .tooltip-inner {
    background-color: #fcb41b !important;
}

.boxborder {
    border: solid 2px #fcb41b !important;
}

.form-control::-webkit-input-placeholder {
      color: #cbcbcb !important;
    }
    th { font-size: 0.8em !important; 
        text-align: center !important;
        text-wrap: wrap; !important;
        padding: 0.5em !important;
        background-color: #FFF !important;
        color: #000 !important;
    }
    td { font-size: 0.8em !important;
        /* width: 14% !important; */
        padding: 0.5em !important;
     }
    
    table.dataTable tbody th, table.dataTable tbody td {
        padding: 0.4em !important;
    }
    table.dataTable tbody td {
          vertical-align: middle;
        }
        
        /* .dataTables_paginate { 
            margin-top: 20px !important; 
        }
        .dataTables_filter {
            margin: 14px 0 !important;
        } */
        
        /* table td {
          position: relative;
        }
        
        table td input {
          position: absolute;
          display: block;
          top:0;
          left:0;
          margin: 0;
          height: 100% !important;
          width: 100%;
          border-radius: 0 !important;
          border: none;
          padding: 10px;
          box-sizing: border-box;
        } */
        
.thead {
    text-align: center !important;
      position: absolute !important;
      bottom: 0 !important;
      left: 0 !important;
    word-wrap: break-word !important;
}
.label {
    font-size: 0.5em !important; 
}

.inputbox {
    background-color: rgba(252, 180, 27, 0.324) !important;
    border: none;
}
.inputbox2 {
    background-color: rgba(252, 180, 27, 0) !important;
    border: none;
}

.greyout {		
    color: #ffffff !important;
    background-color: #d3d3d3 !important;
}

.pdblue {	
    background-color: #0047ba !important;
}
.pdgreen {	
    background-color: #6abf4b !important;
}
.bg-pdg {
    /* background-color: #beff9a !important; */
    background-color: #d1ffb7 !important;
} 
        


.bg-plant {
            background-color: #fcb41b !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fcb41b !important;
    border: 1px solid #000!important;
    background-color: #000!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000), color-stop(100%, #000))!important;
    background: -webkit-linear-gradient(top, #000 0%, #000 100%)!important;
    background: -moz-linear-gradient(top, #000 0%, #000 100%)!important;
    background: -ms-linear-gradient(top, #000 0%, #000 100%)!important;
    background: -o-linear-gradient(top, #000 0%, #000 100%)!important;
    background: linear-gradient(to bottom, #000 0%, #000 100%)!important;
}

.db-btn {
            text-align: left;
        /*    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
            color: #fcb41b;
            position: relative;
            /* padding-left: 0.4em; */
            background-color: #000;
            /* width:100%;
            height:100%; */
        }
.db-btn:hover {
            background-color: #dc3545;
            color: #FFF;
        }
.db-btn a {
            position:absolute;
            width:100%;
            height:100%;
            top:0;
            left:0;
            text-decoration:none; /* Makes sure the link   doesn't get underlined */
            z-index:10; /* raises anchor tag above everything else in div */
            background-color:white; /*workaround to make clickable in IE */
            opacity: 0; /*workaround to make clickable in IE */
            filter: alpha(opacity=1); /*workaround to make clickable in IE */
}

.db-btn2 {
            text-align: left;
            /*    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
            color: #000;
            position: relative;
            /* padding-left: 0.4em; */
            background-color: #fcb41b;
            /* width:100%;
            height:100%; */
        }
.db-btn2:hover {
            background-color: #fcb41b;
color: #FFF;
        }
.db-btn2 a {
            position:absolute;
            width:100%;
            height:100%;
            top:0;
            left:0;
            text-decoration:none; /* Makes sure the link   doesn't get underlined */
            z-index:10; /* raises anchor tag above everything else in div */
            background-color:white; /*workaround to make clickable in IE */
            opacity: 0; /*workaround to make clickable in IE */
            filter: alpha(opacity=1); /*workaround to make clickable in IE */
}

.db-btn3 {
            text-align: left;
            /*    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
            color: #000;
            position: relative;
            /* padding-left: 0.4em; */
            /* background-color: #fcb41b; */
            /* width:100%;
            height:100%; */
        }
.db-btn3:hover {
            background-color: #dc3545;
color: #FFF;
        }
.db-btn3 a {
            position:absolute;
            width:100%;
            height:100%;
            top:0;
            left:0;
            text-decoration:none; /* Makes sure the link   doesn't get underlined */
            z-index:10; /* raises anchor tag above everything else in div */
            background-color:white; /*workaround to make clickable in IE */
            opacity: 0; /*workaround to make clickable in IE */
            filter: alpha(opacity=1); /*workaround to make clickable in IE */
}


.db-btn4 {
            text-align: left;
        /*    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
            color: #000;
            position: relative;
            /* padding-left: 0.4em; */
            background-color: #ffc107;
            /* width:100%;
            height:100%; */
        }
.db-btn4:hover {
            background-color: #dc3545;
            color: #FFF;
        }
.db-btn4 a {
            position:absolute;
            width:100%;
            height:100%;
            top:0;
            left:0;
            text-decoration:none; /* Makes sure the link   doesn't get underlined */
            z-index:10; /* raises anchor tag above everything else in div */
            background-color:white; /*workaround to make clickable in IE */
            opacity: 0; /*workaround to make clickable in IE */
            filter: alpha(opacity=1); /*workaround to make clickable in IE */
}

.db-btn5 {
            text-align: left;
        /*    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
            color: #FFF;
            position: relative;
            /* padding-left: 0.4em; */
            background-color: #28a745;
            /* width:100%;
            height:100%; */
        }
.db-btn5:hover {
            background-color: #dc3545;
            color: #FFF;
        }
.db-btn5 a {
            position:absolute;
            width:100%;
            height:100%;
            top:0;
            left:0;
            text-decoration:none; /* Makes sure the link   doesn't get underlined */
            z-index:10; /* raises anchor tag above everything else in div */
            background-color:white; /*workaround to make clickable in IE */
            opacity: 0; /*workaround to make clickable in IE */
            filter: alpha(opacity=1); /*workaround to make clickable in IE */
}

.db-btn6 {
            text-align: left;
        /*    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
            color: #ffc107;
            position: relative;
            /* padding-left: 0.4em; */
            background-color: #000;
            /* width:100%;
            height:100%; */
        }
.db-btn6:hover {
            background-color: #ffc107;
            color: #000;
        }
.db-btn6 a {
            position:absolute;
            width:100%;
            height:100%;
            top:0;
            left:0;
            text-decoration:none; /* Makes sure the link   doesn't get underlined */
            z-index:10; /* raises anchor tag above everything else in div */
            background-color:white; /*workaround to make clickable in IE */
            opacity: 0; /*workaround to make clickable in IE */
            filter: alpha(opacity=1); /*workaround to make clickable in IE */
}









.date1 {
    min-width: 14%;
    text-align: center;
    background-color: #5cb85c;
    color: #FFF;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}
.date1:hover {
    background-color: #468d46;
}
.date1 a {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none; /* Makes sure the link   doesn't get underlined */
    z-index:10; /* raises anchor tag above everything else in div */
    background-color:white; /*workaround to make clickable in IE */
    opacity: 0; /*workaround to make clickable in IE */
    filter: alpha(opacity=1); /*workaround to make clickable in IE */
}
.date2 {
    min-width: 14%;
    text-align: center;
    background-color: #ffc107;
    color: #FFF;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}
.date2:hover {
    background-color: #468d46;
}
.date2 a {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none; /* Makes sure the link   doesn't get underlined */
    z-index:10; /* raises anchor tag above everything else in div */
    background-color:white; /*workaround to make clickable in IE */
    opacity: 0; /*workaround to make clickable in IE */
    filter: alpha(opacity=1); /*workaround to make clickable in IE */
}
.scrolling-wrapper{
    overflow-x: auto;
    /* height: 50vh; */
}
    .cardholder {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .tile {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
}
/* Radio buttons */

.btn-group {
    flex-wrap: wrap !important;
}
/* #useType {
    visibility: hidden;
} */
input[type=radio] {
      opacity: 0;
    }
    
    /* .box { */
           
        /* position: absolute; */
        /* opacity: 0.8;  /* for demo purpose  */
    } */
    /* .stack-top {
        z-index: 9;
    } */
    
    /* Radio buttons */
    
[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute !important;
  left: -99999px !important;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
  position: relative !important;
  /* padding: 8px; */
  cursor: pointer !important;
  border-radius: 5px !important;
  color: #fff !important;
}

[type="radio"]:not(:checked)+label {
  border: 1px solid #000;
  color: #000 !important;
  background: #FFF !important;
  /* width:100%; */
}

[type="radio"]:not(:checked)+label:hover {
    color: #fff !important;
  background: #ffc107 !important;
}

[type="radio"]:checked+label {
  background: #28a745 !important;
  /* border-color: #b58905; */
  color: #fff !important;
  /* width:100%; */

}

/* Checkboxes */
    
[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
  position: absolute !important;
  left: -9999px !important;
}

[type="checkbox"]:checked+label,
[type="checkbox"]:not(:checked)+label {
  position: relative !important;
  /* padding: 5px 10px; */
  cursor: pointer !important;
  border-radius: 5px !important;
  /* margin: 2px; */
  color: #fff !important;
}

[type="checkbox"]:not(:checked)+label {
  border: 1px solid #000;
  color: #000 !important;
  background: #FFF !important;
}

/* [type="checkbox"]:not(:checked)+label:hover {
    color: #fff !important;
  background: #ffc107 !important;
} */

[type="checkbox"]:checked+label {
  background: #28a745 !important;
  /* border-color: #b58905; */
  color: #fff !important;
}

.passbutton {
/*    width: 80px; */
    text-align: center;
    vertical-align: bottom;
    font-size: 12px;
    font-family: Helvetica, Arial, sans-serif;
    background-color: #EEEEEE;
    padding: 8px;
    margin: 2px;
    color: #000;
    position: relative;
/*	float: left;*/
}
.passbutton:hover {
    background-color: #dc3545;
    color: #FFF;
}
.passbutton a {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none; /* Makes sure the link   doesn't get underlined */
    z-index:10; /* raises anchor tag above everything else in div */
    background-color:white; /*workaround to make clickable in IE */
    opacity: 0; /*workaround to make clickable in IE */
    filter: alpha(opacity=1); /*workaround to make clickable in IE */
}