/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");

div.column-location {
    display: table-cell;
    padding:1em;
    border:#f0f0f0 1px solid;
}

div.head {
    font-weight:bold;
}

abbr.required {
    color: red;
}

span.osb-message-close {
    float: right;
    padding: 5px;
    font-size: larger;
    font-weight: bold;
}

td.osb-index {
    text-align: right;
    vertical-align: middle;
    padding-right: 0.5em;
}
td.osb-index.left {
    text-align: left;
}

td > p.form-row {
    margin-bottom: 0;
}

a.osb-clear, a.osb-clear:hover, a.osb-clear:visited {
    color: red !important;
    text-decoration: none;
    font-weight: bold;
}

.osb-hidden {
    display: none;
}

a.osb-selected {
    background-color:#1F75CC;
    color:white;
    z-index:100;
}

.osb-pop {
    background-color:#FFFFFF;
    border:1px solid #999999;
    cursor:default;
    display:none;
    margin-top: 15px;
    position:absolute;
    text-align:left;
    width:394px;
    z-index:50;
    padding: 25px 25px 20px;
}

.osb-pop p, .osb-pop.div {
    border-bottom: 1px solid #EFEFEF;
    margin: 8px 0;
    padding-bottom: 8px;
}

.osb-buttons {
    margin: 0.5em;
}

a.button-link {
    margin-left: 0.5em;
    padding: 5px 10px;
    background: #4479BA;
    color: #FFF !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
a.button-link:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
a.button-link:visited {
    color: #FFF;
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
a.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

div.osb-form-table {
    overflow-x: auto;
}

input#adjust-qty, .osb-qty {
    width: 4em;
    text-align: right;
}

div.osb-assignment-info {
    margin: 1em;
}

div.dt-buttons{
    margin-bottom: 1em;
}

div.dt-buttons {
    float: none !important;
    margin-bottom: 1em;
}

input[type="submit"].btn-style {
    margin-left: 0.5em;
    padding: 5px 50px;
    /*background: #1ea400;*/
    color: #000000 !important;
    font-size: 20px;
}

input[type="submit"].btn-style.delete {
    /*background: #1ea400;*/
    color: red !important;

}

#osb_event_table > tfoot > tr > th > select {
    text-transform: capitalize;
}

span.column-location {
    border: none;
    margin-bottom: 1em;
}

@media print {
    table, table tr, table td {
        font-size: 11pt;
        border-bottom: #000 solid 1px;
    }
}

.hidden {
    display: none;
}

div.instructions {
    margin-top: 1em;
}

.osb_stats > .sheet_title {
    font-size: larger;
    font-weight: 800;
}
.osb_stats > .task > .task_wrapper > span,
.stats_signup > span {
    display: inline-block;
    width: 18%;
    text-align: left;
}
.stats_signup {
    font-size: 85%;
    margin-left: 2em;
}
.osb_stats > .task > .task_wrapper {
    background: darkgray;
    font-size: 85%;
}
.stats_signup:nth-child(odd) {
    background: #f0f0f0;
}
.task_wrapper > .task_title,
.school_title {
    width: 43% !important;
    padding-left: 0.3em;
}
.osb-spacer {
    margin-bottom: 1em;
}
.multiselect {
    width: 40em;
}

td.approval {
    color: blue;
    cursor: pointer;
}

div#form-messages {
    display:block;
    width:100%;
    height:70px;
    clear:both;
}