﻿body {
    padding-top: 50px;
    padding-bottom: 20px;    
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 20px;
    /*min-width: 1000px;*/
}

/* 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 */
form input,
form select,
form textarea {
    max-width: 280px;
}

textarea {
    resize: none;
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error {
    background: #FEF1EC;
    border: 1px solid #CD0A0A;
}

.move-left {
    margin-left:-15px;
}

.mb-20px {
    margin-bottom: 20px;
}

.pad-lr-10px {
    padding-left:10px;
    padding-right:10px;
}

.validation-message {
    color: red;
    display:block;
}

.contentRow td {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.schedule-timeslot-time {
    width: 100px;
    padding-left: 1em;
    border-left: 1px solid black;
    font-weight: bold;
    color: gray;
}

.schedule-timeslot-info {
    min-width: 150px;
    border-right: 1px solid black;
    padding-left: 1em;
    padding-right: 1em;
    font-weight: 600;
}

.blocked {
    color: orange;
}

.available {
    color: green;
}

.nav-logo {
    border-radius: 2px;
    margin-top: -5px;
}

.text-bold {
    font-weight:bold;
}

.break-container-95vw {
    width: 95vw;
    position: relative;
    left: calc(-1 * (95vw - 100%) / 2);
}

.search-bar {
    min-width: 350px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.auditTable {
    width: 100%;
}

.auditTable, .auditTable th, .auditTable tr, .auditTable td {
    border: 1px dotted black;
    padding-left: 1em;
}

.ui-datepicker.edit-datepicker {
    width: 20em;
}

::-ms-clear {
    display: none;
}

.checkbox {
    padding-left: 20px;
}

.banner-container {
    margin-top: -16px;
    width: 100%;
    background-color: lightgoldenrodyellow;
    font-size: 16px;
}

/* Studio Event Attendee Grid */

.attendee-first {
    width: 100px;
}

.attendee-last {
    width: 100px;
}

.attendee-response {
    width: 100px;
}