body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
label {
    margin-bottom: 0rem !important;
}
#events {
    margin-bottom: 1em;
    padding: 1em;
    background-color: #f6f6f6;
    border: 1px solid #999;
    border-radius: 3px;
    height: 100px;
    overflow: auto;
}
.show {
    display: block;
}
img.toplogo {
    display: block;
    height: 40px;
    padding-top:5px;
    text-indent: -9999px; /* hides the link text */
}
.welcome {
    text-align: right;
    background-image: linear-gradient(#cccccc, #ffffff);
    padding-top: 8px;
    padding-bottom: 0px;
    margin-top: -25px;
    padding-right: 15px;
    font-weight: bold !important;
    color: red !important;
}
#infoIcon1:hover {
    background-color: yellow;
}
.whitetext {
    color:white;
}
th.dt-center, td.dt-center {
    text-align: center;
}

#topnavbar {
    background-color: #ffffff !important;
}
a.redbutton {
    color: black;
    background-image: none;
    background-color: #e6e6e6;
    border-color: #ff0000;
}
a.redbutton:hover {
    background-image: none;
    color: black;
    background-color: #cccccc;
    border-color: #ff0000;
}
.dt-button.redbutton {
    color: black;
    background-image: none;
    background-color: white;
    border-color: #ff0000;
}
.dt-button.redbutton:hover {
    background-image: none !important;
    color: black !important;
    background-color: #e6e6e6 !important;
    border-color: #ff0000 !important;
}
a.greenbutton {
    color: black;
    background-image: none;
    background-color: #e6e6e6;
    border-color: #20AB2A;
}
a.greenbutton:hover {
    background-image: none;
    color: black;
    background-color: #cccccc;
    border-color: #20AB2A;
    }

.dt-button.greenbutton {
    color: black;
    background-image: none;
    background-color: white;
    border-color: #20AB2A;
}

.dt-button.greenbutton:hover {
    background-image: none !important;
    color: black !important;
    background-color: #e6e6e6 !important;
    border-color: #20AB2A !important;
}


.dt-button.bluebutton {
    color: black;
    background-image: none;
    background-color: white;
    border-color: #3399F3;
}
.dt-button.bluebutton:hover {
    background-image: none !important;
    color: black !important;
    background-color: #e6e6e6 !important;
    border-color: #3399F3 !important;
}
a.bluebutton {
    color: black;
    background-image: none;
    background-color: #e6e6e6;
    border-color: #3399F3;
}

a.bluebutton:hover {
    background-image: none;
    color: black;
    background-color: #cccccc;
    border-color: orange;
}


.dt-button.orangebutton {
    color: black;
    background-image: none;
    background-color: white;
    border-color: orange;
}

.dt-button.orangebutton:hover {
    background-image: none !important;
    color: black !important;
    background-color: #e6e6e6 !important;
    border-color: orange !important;
}

a.orangebutton {
    color: black;
    background-image: none;
    background-color: #e6e6e6;
    border-color: orange;
}

a.orangebutton:hover {
    background-image: none;
    color: black;
    background-color: #cccccc;
    border-color: #3399F3;
}

div.grayborder {
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    border-radius: 8px;
    padding-top: 10px;
}

.form-group {
    margin-bottom:0em;
}

.width125 {
    width: 125px !important;
}

.toptitle {
    float: right;
    font-size: 16px;
    color: red !important;
}

.jumbotroninnerarea {
    background-color: white;
    position: absolute;
    top: 175px;
    height: 90px;
    width: 100%;
    margin-left: -33px;
    opacity: 0.7;
    /*border-color: red;
    border-width: 2px;
    border-style: solid;*/
}
.jumboimage1 {
    background-image: url('../../Images/lawn2.jpg');
    height: 220px;
}
.jumbotroninnertext {
    margin-top: 60px;
    margin-left: 10px;
    position: relative;
}

.floatright {
    float: right;
}

.ruoffheader {
    background-image: url('/Images/lawn2_ruoff_skinny.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: -50px;
}

.jumbotron {
    background-color: white;
}

.lawnheader {
    background-image: url('/Images/lawn2_wrsp_skinny.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: -50px;
}

.bg-light {
    background-image:none;
    background-color:#e6e6e6;
}
.card {
    z-index: 1 !important;
    background-color:white !important;

}
.redbold {
    color: red;
    font-weight: bold;
}
#alertText {
    font-weight:bold;
}
.col-md-2 {
    color: red;
    font-weight: bold;
    padding-top: 8px;
}

.chxbox {
    width: 20px;
}

.col-md-10 {
    padding-right: 0px !important;
    max-width:100%;
}

.twocolumnwidth {
    width: 80%;
}

.form-control {
    width:auto !important;
}

.graybg {
    background-color: #e6e6e6;
}

.graybg.tinytext {
    font-size: 6px;
}
.table {
    font-size:14px;

}

.redborder {
    border: 1px solid red;
}
.blueborder {
    border: 1px solid #3399F3;
}
.bluebold {
    color:#0c73cd;
    font-weight:bold;
}
.blackbold {
    color: black;
    font-weight: bold;
}
.longwidth {
    width:800px;
}
.inputsearch {
    width: 85px;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    border-radius: 8px;
}
.vendoraddress {
    /*display: inline; */
    padding-top:4px;
    font-weight:bold;
    font-size: 13px;
}

.editvendoraddress {
    display: none;
    height: 23px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.refreshvendoraddress {
    display: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
    padding-right: 3px;
}
.refreshicon {
    width: 18px;
    margin-bottom: 2px;
}

.smallesttext {
    font-size: 12px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background-color: darkgray;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active {
    background-color: #3399F3;        
}
.showamount {
    width: 90px !important; 
    display:inline-block;
    padding:0px;
}
.amount {
    width: 110px !important;
}


.ui-datepicker {
    background: #e6e6e6;
    border: 1px solid #555;
    color: red;
}
.longerlistbox {
    height: 166px;
}
.addmarginbottom {
    margin-bottom:20px !important;
}
.nopaddingleft {
    padding-left:0px;
}

.card-header {
    background-color:#d9d9d9;
}
.lightergray {
    background-color: #f2f2f2;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
    height: 100px;
}
.webgrid-table {
    width: 50%;
    display: table;
    border-collapse: separate;
    border: solid 0px #000000;
    background-color: white;
}

.webgrid-table td, th {
    border: 0px solid #000000;
    padding: 3px 7px 2px;
}

.webgrid-header {
    background-color: #e6e6e6;
    color: #FFFFFF;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: left;
}

.webgrid-header a{
    font-weight:normal;
    color: #000000;
}

.webgrid-footer {
}

.webgrid-row-style {
    padding: 3px 7px 2px;
}

.webgrid-alternating-row {
    background-color: #8c8c8c;
    padding: 3px 7px 2px;
}