.glyphicon {
   font-family:'Glyphicons Halflings' !important;
   
}

body {

    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif!important;*/
    font-family: Calibri;
    background : #FFF!important;
    margin:0px!important;
}

thead, th {
            background  : #eef1f3!important;
            font-weight : bold!important;
            font-size   : 14px;

        }

td.lbl {
    vertical-align:middle!important;
    font-size: 14px;
}
td.nobottoppad {
    padding-bottom:0!important;
    padding-top:0!important;
}
.selecteditem {
    background: #EEE!important;
}

.navbar {
        
        border-radius: 0!important;
        margin-bottom: 0!important;
    }
    .navbar-bg {
        background: #F5F5F5!important;
    }
    a.brand {
        font-size  : 20px;
        color      : #2e2e2e;
        font-weight: 500;
    }
    a.brand:hover {
        text-decoration: none!important;
    }

.font10 {
    font-size: 10px!important;
}

.font11 {
    font-size: 11px!important;
}

.font12 {
    font-size: 12px!important;
}

.font13 {
    font-size: 13px!important;
}

.font14 {
    font-size: 14px!important;
}

.font16 {
    font-size: 16px!important;
}

.font18 {
    font-size: 18px!important;
}

.font20 {
    font-size: 20px!important;
}

.font22 {
    font-size: 22px!important;
}

.font24 {
    font-size: 24px!important;
}

div.top-row {
    margin-top  : 60px!important;
    border      : 2px solid #1AA45C;
    padding     : 5px!important;
    /*background  : #f1fae7;*/  
}

div.top-login-row {
    margin-top:150px!important;
}

div.top-update-row {
    margin-top:100px!important;
}

div.manage-banner  {
    min-height : 50px;
    padding-top: 10px!important;
}

.footer {
        padding-top     : 15px;
        text-align      : center;
        font-size       : 12px!important;
        color           : #CCC;
        background-color: #000;
    }

div.scrollable {
    border: 0.05em solid #CCC !important;
}

.top-indent {
    margin-top: 55px !important;
}

.modal-header {
    padding      : 5px !important;
    padding-left : 10px !important;
    padding-right: 10px !important;
}

.modal-footer{
    padding   : 5px!important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.modal-id {
    padding-top: 5px!important;
}

.modal-header-success {
    color           : #fff;
    padding         : 9px 15px;
    border-bottom   : 1px solid #eee;
    background-color: #5a0350;
    -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;
}

table.no-border tr td, .table.no-border tr th {
  border-width: 0!important;
  border: none!important;
}

.entry {
   height: 30px!important;
   font-size: 12px;
}

.id-bg { 
    text-align : center!important;
    background : #57F76B!important;
    border     : 1px solid #51E564!important;
    color      : #5a0350;
}
table.no-border tr td, .table.centered-label tr th {
 vertical-align:central!important;
}

.text-left {
    text-align:left!important;
}

.text-center {
    text-align:center!important;
}

.text-right {
    text-align:right!important;
}

.inpt-sm {
    width: 50px!important;
}

input[type="text"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color    : #666!important;
    font-size: 12px;
}

.footer {
        padding-top:15px;
        text-align:center;
        font-size : 12px!important;
        color: #CCC;
    }

.navbar-fixed-bottom{
        text-align:center;
        font-size : 12px!important;
        color: #5a0350;
}

div.banner-container{
    position   : relative;
    margin-top : 50px!important;
    min-height : 200px;
    background : #fbbaec;
}

div.my-content{
    margin-top          : 5px;
    min-height          : 250px;
    /*-webkit-box-shadow  : 0px 1px 10px 1px rgba(240,237,240,1);
    -moz-box-shadow     : 0px 1px 10px 1px rgba(240,237,240,1);
    box-shadow          : 0px 1px 10px 1px rgba(240,237,240,1);*/
    border-radius       : 10px;
    padding             : 5px;
    background-color    : #40424e;
}

div.plain-content{
    margin-top: 5px;
    padding   : 5px;
}

div.category{
    min-height:250px;
   
}

.row {
     width   : 100%!important;
     padding : 0!important;
     margin  : 0!important;
}

.info {
    padding-left :10px!important;
    padding-right:10px!important;
}

a.hlink {
    color: #FFF!important;
    background: none!important;
}

a.hlink:hover {
   opacity: 0.8;
   text-decoration:none!important;
   background: none !important;
}


.scrollable{
    margin-top: 5px;
}


.has-feedback-right .form-control-feedback {
  right: 0;
}

.namelink { 
    color       : #00FF00!important;
    font-family : Verdana, Geneva, Tahoma, sans-serif;
    font-size   : 20px;
    font-weight : 500;
}

.namelink:hover{
    color       : #FFF!important;
}

.webtitle { 
    color       : #FFF!important;
    font-family : Verdana, Geneva, Tahoma, sans-serif;
    font-size   : 24px;
    font-weight : bold;
}

.webtitle:hover{
    color       : #acfbab!important;
}

#project-container{
    padding : 10px;
    width   : 100%;
    height  : 450px;
}

.form-control {
    border-radius:0!important;
}

#ddmain{
    padding:5px!important;
    text-align:left!important;
}

.btn {
    border-radius: 0px!important;
    
}

.btn-login{
    color     : #FFF!important;
    background: #1AA45C;
}

.btn-login:hover{
    opacity : 0.9!important;
}

.btn-logout{
    color: #FFF!important;
    background: #5a0350!important;
}

.btn-logout:hover{
    opacity   :1!important;
    background: #b209af!important;

}

label {
    font-size: 20px;
    font-weight:normal!important;
}

a.wlink:link, a.wlink:visited, a.wlink:active{
    color:#078242!important; 
    text-decoration: none;
}

a.wlink:hover {
    opacity: 0.7!important;
}

a.main-link { 
    color: #FFF!important;
}

a.main-link:hover {
    color     :#5b5b5b!important;
    background:none!important;
}

.ddcolor {
    background: none!important;
    color     : #FFF!important;
}

.dropdown-toggle:active, .open .dropdown-toggle {
        background:#FFF!important; 
        color     :#5b5b5b!important; 
    }

.nav-pills > li.active > a, .nav-pills > li.active > a:focus {
        color: #FFF;
        background-color: #1AA45C;
}

.nav-pills > li.active > a:hover {
    background-color: #1AA45C!important;
    color:#FFF!important;
}

.main-banner{
     background-color : #1AA45C!important;
     min-height       : 50px!important;
     border-radius    : 0!important;
     width            : 100%!important;
     
}

#ddmenu{
    display:none;
}

.wximg {
    width: 50px;
}

.col-center {

    float: none;
    margin-right: auto!important;
    margin-left: auto!important;

}

h2.page-title, h3.page-title, h4.page-title {
    margin : 0!important;
    color  : #049B4C;
    font-weight: bold;
    text-transform: uppercase;
}

h3.page-title {
    font-size : 20px!important;
}

.padtop5 {
    padding-top: 5px;
}

.padtop10 {
    padding-top: 10px;
}

.padtop15 {
    padding-top: 15px;
}

.padtop20 {
    padding-top: 20px;
}

.padtop25 {
    padding-top: 25px;
}

.padbot5 {
    padding-top: 5px;
}

.padbot10 {
    padding-top: 10px;
}

.padbot15 {
    padding-top: 15px;
}

.padleft5 {
    padding-left: 5px;
}

.padleft10 {
    padding-left: 10px;
}

.padleft15 {
    padding-left: 15px;
}

.padright5 {
    padding-right: 5px;
}

.padright10 {
    padding-right: 10px;
}

.padright15 {
    padding-right: 15px;
}

.pad5{
    padding: 5px;
}

.pad10{
    padding: 10px;
}

div.notif{
        position   : fixed;
        min-width  : 30px;
        min-height : 30px;
        border     : 1px solid #ff0000;
        background : #ff0000;
        /*right      : 32%;*/
        right      : 2%;
        color      : #CCC;  
        font-weight: bold;
        border-radius: 25px;
        text-align :center;
        
    }

div.notif2{
        min-width  : 28px;
        min-height : 25px;
        border     : 1px solid #ff0000;
        background : #ff0000;
        color      : #CCC;  
        font-weight: bold;
        border-radius: 25px;
        text-align :center;
        
    }

.farmHazard {
    visibility: visible;
}


/***************NAV CHANGES**********************/
.navbar-nav li a:hover, .navbar-nav > .active > a {
  color            : #808080 !important;
  background-color : #FFF !important;
  background-image : none !important;
}

.navbar-nav li a:hover {
  color            : #808080 !important;
  background-color : #FFF !important;
  background-image : none !important;
}
/************************************************/
/*       MEDIA SCREEN          */

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */

#btnmenu {
    padding-bottom  : 10px!important;
    padding-top     : 10px!important;
    margin-top      : 5px!important;
  /*width           : 50px;
    height          : 40px;*/
}

/*QUICK LINKS BUTTON*/

.bigbutton a {
    background         : #222;
    color              : #EEE;
    width              : 100%!important;
    padding            : 10px!important;
    border-radius      : 10px!important;  
}
.bigbutton a:hover{
    background        : #CCC!important;
    color             : #222;
}

div.mid {
    text-align:center!important;
}
.bigfont {
     font-size: 18px!important;
}

/*WORK ORDERS STATS*/

div.woPending {
    border-radius     : 2px!important;
    -moz-border-radius: 2px!important;
    width     : 100%!important;
    background: #d37b10!important;
    min-height: 120px!important;
}

div.woActive {
    border-radius     : 2px!important;
    -moz-border-radius: 2px!important;
    width     : 100%!important;
    background: #14b273!important;
    min-height: 120px!important;
}

div.woCompleted {
    border-radius     : 2px!important;
    -moz-border-radius: 2px!important;
    width     : 100%!important;
    background: #4286e5!important;
    min-height: 120px!important;
}

span.woValue  {
        font-family:Verdana, Geneva, Tahoma, sans-serif!important;
        color      :#FFF;
        opacity    :0.7;
        font-size  :60px!important;
    }

div.loginsize {
       width:300px!important;
   }

#wotab {
    display     : none!important;
    visibility  : hidden!important;
}
#wotab2 {
    display     : none!important;
    visibility  : hidden!important;
}

#invlisthead {
    display     : none!important;
    visibility  : hidden!important;
}

#inventlisthead {
    display     : none!important;
    visibility  : hidden!important;
}

th.vertical-top,td.vertical-top {
    vertical-align: top!important;
}
th.vertical-mid,td.vertical-mid {
    vertical-align: middle!important;
}
th.vertical-bot,td.vertical-bot {
    vertical-align: bottom!important;
}

div#dvSuppContact{
    height    : 200px!important;
    overflow-y: scroll!important;
    border    : 1px solid #000!important;
}

@media (max-width : 2500px) {
   .mobile-menu {
        display: none!important;
    }
}

@media (max-width : 2000px) {
    .mobile-menu {
        display: none!important;
    }
}

@media (max-width : 1500px) {
   .mobile-menu {
        display: none!important;
    }
}

@media (max-width : 1366px) {
 
   .mobile-menu {
        display: none!important;
    }
   #wotab {
        display     : block!important;
        visibility  : visible!important;
    }
   #wotab2 {
        display     : block!important;
        visibility  : visible!important;
    }
   .woinfo {
       display     : none!important;
       visibility  : hidden!important;
   }
   #wodetails {
        width: 98%!important;
    }

   #invlist {
        display     : block!important;
        visibility  : visible!important;
    }
   #invlisthead {
        display     : block!important;
        visibility  : visible!important;
    }
   .invinfo {
       display     : none!important;
       visibility  : hidden!important;
   }
   #invlist {
       width: 98%!important;
   }

   #inventhead {
        display     : none!important;
        visibility  : hidden!important;
    }
   #inventlisthead {
        display     : block!important;
        visibility  : visible!important;
    }
   #inventlist {
       width: 98%!important;
   }

   #dvsystem  {
       width: 98%!important;
   }
   .bigfont {
        font-size   :16px!important;
        padding     :0px!important;
        
    }
   .bigbutton a {
        padding      :10px!important;
        width        :100%!important;
   }
   div.notif {
       /*right : 29%;*/
       
       right : 3%;
   }

   div#dvEmpInfoAlt{
       display     : block!important;
       visibility  : visible!important;
   }
   div#dvEmpInfo {
       display: none;
       visibility:hidden;
   }
   div#dvEmpInfoList {
       width:98%;
   }
   div#dvSuppContact{
    height:100px!important;
    }
   div#dvMatrixAlt{
       display     : block!important;
       visibility  : visible!important;
   }
   div#dvMatrix {
       display: none;
       visibility:hidden;
   }
   div#dvMatrixDetail {
       width:98%;
   }
}

@media (max-width : 1024px) {
   .main-menu {
        display: none!important;
    }
   .mobile-menu {
        display: block!important;
    }
   #wotab {
        display     : block!important;
        visibility  : visible!important;
    }
   #wotab2 {
        display     : block!important;
        visibility  : visible!important;
    }
   .woinfo {
        display     : none!important;
        visibility  : hidden!important;
    }
   #wodetails {
        width: 98%!important;
    }

   #invlist {
        display     : block!important;
        visibility  : visible!important;
    }
   #invlisthead {
        display     : block!important;
        visibility  : visible!important;
    }
   .invinfo {
       display     : none!important;
       visibility  : hidden!important;
   }
   #invlist {
       width: 98%!important;
   }

   #inventhead {
        display     : none!important;
        visibility  : hidden!important;
    }
   #inventlisthead {
        
        display     : block!important;
        visibility  : visible!important;
    }
   #inventlist {
       width: 98%!important;
   }

   #dvsystem  {
        width: 98%!important;
    }
   .bigfont {
        font-size   :16px!important;
        padding     :0px!important;
    }
   .bigbutton a{
        padding      :10px!important;
        width        :100%!important;
   }
   div.notif{
        /*right : 25%;*/
        right : 3%;
   }
   div#dvEmpInfoAlt{
       display     : block!important;
       visibility  : visible!important;
   }
   div#dvEmpInfo {
       display: none;
       visibility:hidden;
   }
   div#dvEmpInfoList {
       width:98%;
   }
   div#dvSuppContact{
    height:100px!important;
    }
   div#dvMatrixAlt{
       display     : block!important;
       visibility  : visible!important;
   }
   div#dvMatrix {
       display: none;
       visibility:hidden;
   }
   div#dvMatrixDetail {
       width:98%;
   }

   div.woPending {
        border-radius     : 5px!important;
        -moz-border-radius: 5px!important;
        width     : 100%!important;
        background: #d37b10!important;
    }
    
   div.woActive {
        border-radius     : 5px!important;
        -moz-border-radius: 5px!important;
        width     : 100%!important;
        background: #14b273!important;
    }
    
   div.woCompleted {
        border-radius     : 5px!important;
        -moz-border-radius: 5px!important;
        width     : 100%!important;
        background: #4286e5!important;
    }

   span.woValue  {
        font-family:Verdana, Geneva, Tahoma, sans-serif!important;
        color      :#FFF;
        opacity    :0.7;
        font-size  :30px!important;
    }
}

@media only screen and (max-width : 992px) {
    #wotab {
        display     : block!important;
        visibility  : visible!important;
    }
    .woinfo {
        display     : none!important;
        visibility  : hidden!important;
    }
    #wodetails {
        width: 98%!important;
    }

    #invlist {
        display     : block!important;
        visibility  : visible!important;
    }
   #invlisthead {
        display     : block!important;
        visibility  : visible!important;
    }
   .invinfo {
       display     : none!important;
       visibility  : hidden!important;
   }
   #invlist {
       width: 98%!important;
   }

    #dvsystem  {
        width: 98%!important;
    }
    .bigfont {
        font-size   :16px!important;
        padding     :0px!important;
    }
    .bigbutton a{
        padding      :10px!important;
        width        :100%!important;
   }
    div.notif{
        /*right : 25%;*/
        right : 3%;
    }
    
   #inventhead {
        display     : none!important;
        visibility  : hidden!important;
    }
   #inventlisthead {
        display     : block!important;
        visibility  : visible!important;
    }
   #inventlist {
       width: 98%!important;
   }
}

/* Small Devices, Tablets */
@media (max-width : 768px) {
    .main-menu {
        display: none!important;
    }
    .mobile-menu {
        display: block!important;
    }

    div.loginsize{
        width:90%!important;
    }

    .bigfont {
        font-size   :14px!important;
        padding     :0px!important;
    }
}

/* Extra Small Devices, Phones */ 
@media (max-width : 480px) {
    .main-menu {
        display: none!important;
    }
    .mobile-menu {
        display: block!important;
    }

    div.loginsize{
        width:90%!important;
    }
}

/* Custom, iPhone Retina */ 
@media (max-width : 320px) {
   .main-menu {
        display: none!important;
    }
    .mobile-menu {
        display: block!important;
    }

    div.loginsize{
        width:90%!important;
    }
}

/*****UPDATES*/

.nav-tabs{
  background-color :#FFF;
  border-radius    : 0!important;
}
.tab-content{
    
}
.nav-tabs > li > a{
  border: medium none;
  color: #5b5b5b;
}
.nav-tabs > li > a:hover {
    background-color: #5b5b5b !important;
    border          : medium none;
    border-radius   : 0;
    color           : #FFF;
}
.nav-tabs > li.active > a,  
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  background-color: #5b5b5b;
  color: #FFF;
}
.nav-tabs > li > a{
  border-top-right-radius        : 0px;	
  -moz-border-radius-topright    : 0px;	
  -webkit-border-top-right-radius: 0px;
   border-top-left-radius        : 0px;	
  -moz-border-radius-topleft     : 0px;	
  -webkit-border-top-left-radius : 0px;
}

.sortcolor{
    color: #FFF!important;
}
.sortcolor:hover {
    text-decoration:none!important;
}
i.ico-modify{
    color:#197a06!important
}
i.ico-cancel{
    color:#fa0505!important;
}
i.ico-download{
    color: #06c3c3!important;
}
div.dvborder {
   
}

div.container {
    width: 100%!important;
}

ul.droppy {
    font-family     :Calibri;
    list-style-type :none;
    padding-left    :10px;
    line-height     :28px;
    font-size       :14px;
}
a.dp, a:link.dp, a:visited.dp, a:active.dp {
    font-size       :14px;
    color           :#393838;
}
a:hover.dp,a:focus.dp {
    text-decoration : none!important;
    font-weight     : 600;
}
    
/*FORM STYLE*/

  label {
      font-size : 14px;
  }

  .validationMessage {
    color       : red;
    font-size   : 12px;
    display     : block;
   }

  .regfield, div.headTitle {
      padding-left  : 5px;
      padding-right : 5px;
      margin-bottom : 10px;
  }
  div.headTitle {
      border-bottom: 1px solid #CCC;
  }

   /* Style inputs */
  input[type=text], input[type=password], select, textarea {
  width         : 100%;
  padding       : 10px 12px;
  display       : inline-block;
  border        : 1px solid #ccc;
  border-radius : 4px;
  box-sizing    : border-box;
  resize        : none;
  font-size     : 14px!important;
}
 

 input.error, div.error, textarea.error {
     border-color: red!important;
 }
 div.error {
     color        : red!important;
     font-size    : 12px!important;
     border-color : red!important;
 }

/* Style the submit button */
input[type=submit], a.btn {
  width             : 100%;
  padding           : 14px 20px;
  margin            : 8px 0;
  border            : none;
  cursor            : pointer;
}
a.btn {
    border: 1px solid #CCC;
}
a.generate {
    padding: 3px 10px;
    margin : 0px;
}

.btn {
    border-radius:3px!important;
}

td.no-border-botttom{
    border-bottom:none!important;
}
th.no-border-top {
    border-top:none!important;
}

.shake
{
    -webkit-animation-name: none;
    -moz-animation-name   : none;
    -o-animation-name     : none;
    animation-name        : none;
}
b.logout {
    color: #b6ff00!important;
}
b.logout:hover {
    color: #808080!important;
}

div.formDisplay{
   background-color: #eef1f3;
}

a.btn-small {
    padding     :5pX!important;
    margin-top  :0pX!important;
}

a.btn-page{
        margin  : 3px !important;
        width   : 30px;
        padding : 6px;
    }

.btn-default{
    background: #EEE!important;
}

.btn-default:hover{
    background: #CCC!important;
}

.btn-add{
    background: #5b5b5b;
    color: #FFF!important;
}

.btn-add:hover{
    background: #333;
}

select {
    height      :42px!important;
    padding-left:3px!important;
}
.all-caps {
    text-transform:uppercase!important;
}

.btn-sm {
    padding: 4px!important;
    width  : 30px!important;
    margin : 0px!important;
}

div.rolepermhead{
    border    :1px solid #CCC;
    background:#eef1f3;
}

::-webkit-input-placeholder { /* Chrome */
  color: #333;
  transition: opacity 250ms ease-in-out;
}
:focus::-webkit-input-placeholder {
  opacity: 0.5;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #333;
  transition: opacity 250ms ease-in-out;
}
:focus:-ms-input-placeholder {
  opacity: 0.5;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #333;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
:focus::-moz-placeholder {
  opacity: 0.5;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #333;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
:focus:-moz-placeholder {
  opacity: 0.5;
}


select:disabled,input:disabled, textarea:disabled  {
        background-color: #EEE!important;
    }

td.tdcenter, th.thcenter {
    text-align:center;
}
td.tdleft, th.thleft {
    text-align:left;
}
td.tdright, th.thright {
    text-align:right;
}

/**********REPORT COLORS************/

    div.AQUA      {background: #00FFFF !important;}
    div.AVOCADO   {background: #B2C248 !important;}
    div.BLACK     {background: #000000 !important;}
    div.BLUE      {background: #0000FF !important;}
    div.BROWN     {background: #A52A2A !important;}
    div.CHARCOAL  {background: #36454F !important;}
    div.CYAN      {background: #00FFFF !important;}
    div.GREEN     {background: #008000 !important;}
    div.GREY      {background: #808080 !important;}
    div.LEMON     {background: #FAFA33 !important;}
    div.LILAC     {background: #AA98A9 !important;}
    div.ORANGE    {background: #FFA500 !important;}
    div.PURPLE    {background: #800080 !important;}
    div.RED       {background: #FF0000 !important;}
    div.ROYALBLUE {background: #4169E1 !important;}
    div.RUST      {background: #C36241 !important;}
    div.WHITE     {background: #FFFFFF !important;}
    div.YELLOW    {background: #FFFF00 !important;}

    .AQUA      {color: #00FFFF !important;}
    .AVOCADO   {color: #B2C248 !important;}
    .BLACK     {color: #000000 !important;}
    .BLUE      {color: #0000FF !important;}
    .BROWN     {color: #A52A2A !important;}
    .CHARCOAL  {color: #36454F !important;}
    .CYAN      {color: #00FFFF !important;}
    .GREEN     {color: #008000 !important;}
    .GREY      {color: #808080 !important;}
    .LEMON     {color: #FAFA33 !important;}
    .LILAC     {color: #AA98A9 !important;}
    .ORANGE    {color: #FFA500 !important;}
    .PURPLE    {color: #800080 !important;}
    .RED       {color: #FF0000 !important;}
    .ROYALBLUE {color: #4169E1 !important;}
    .RUST      {color: #C36241 !important;}
    .WHITE     {color: #FFFFFF !important;}
    .YELLOW    {color: #FFFF00 !important;}

    
    .Mon {
        background: #0000FF !important;
        color: #FFF !important;
    }

    .Tue {
        background: #FFFF00 !important;
    }

    .Wed {
        background: #FF0000 !important;
        color: #FFF !important;
    }

    .Thu {
        background: #A52A2A !important;
        color: #FFF !important;
    }

    .Fri {
        background: #008000 !important;
        color: #FFF !important;
    }

    .Sat {
        background: #FFA500 !important;
    }

    .Sun {
        background: #000000 !important;
        color: #FFF !important;
    }