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;
}

.margin-bottom-50 {margin-bottom:50px;}
.margin-top-50 {margin-top:50px;}
.margin-bottom-30 {margin-bottom:30px;}
.margin-top-30 {margin-top:30px;}
#warningDiv{display:none;color:red;margin-left:20px;}
#resultsDiv {display:none;margin-top:50px;}

.invalidValue {
    color: red;
}

.validValue {
    color: green;
}

.emptyTextBox {
    border-color: red;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #B21F24 !important;
    color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    background: #ccc !important; /* grey */
    color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    background: #ccc !important;
    color: #fff !important;
}

    /* Today + hover */
    .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today:hover {
        background: #ccc !important;
        color: #fff !important;
    }