/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
}


/*
 * Global add-ons
 */

.sub-header {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}


/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
    display: none;
}

@media (min-width: 768px) {
    .sidebar {
        position: fixed;
        top: 51px;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
        background-color: #f5f5f5;
        border-right: 1px solid #eee;
    }
}

/* Sidebar navigation */
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}

    .nav-sidebar > li > a {
        padding-right: 20px;
        padding-left: 20px;
    }

    .nav-sidebar > .active > a {
        color: #fff;
        background-color: #428bca;
    }


/*
 * Main content
 */

.main {
    padding: 20px;
}

@media (min-width: 768px) {
    .main {
        padding-right: 40px;
        padding-left: 40px;
    }
}

.main .page-header {
    margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
    margin-bottom: 30px;
    text-align: center;
}

    .placeholders h4 {
        margin-bottom: 0;
    }

.placeholder {
    margin-bottom: 20px;
}

    .placeholder img {
        display: inline-block;
        border-radius: 50%;
    }

/* drag objects (DIV inside table cells) */
.redips-drag {
    cursor: move;
    margin: auto;
    z-index: 10;
    color: black;
    text-align: center;
    font-size: 10pt; /* needed for cloned object */
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* without width, IE6/7 will not apply filter/opacity to the element ?! */
    /* IE needs element layout */
    width: 87px;
    height: 20px;
    line-height: 20px;
    /* border */
    border: 1px solid #555;
    /* round corners */
    border-radius: 3px;
    -moz-border-radius: 3px; /* FF */
}


/* tables */
div#redips-drag table {
    background-color: #eee;
    border-collapse: collapse;
}
/* timetable */
div#drag #table2 {
    /* align table to the right */
    margin-left: auto;
}


/* table cells */
div#redips-drag td {
    border-style: solid;
    border-width: 1px;
    border-color: white;
    height: 32px;
    text-align: center;
    font-size: 10pt;
    padding: 2px;
}
/* overwrite border settings for left tables */
/* set all borders to 0px except border-bottom */
div#redips-drag #table1 td {
    border-width: 1px 1px 1px 1px;
}
/* styles for clone DIV elements in left table */
div#redips-drag #table1 div {
    margin-left: 5px;
    float: left;
}
/* define styles for buttons */
div#redips-drag #table1 input {
    float: right;
    width: 15px;
    height: 23px;
    margin-right: 5px;
    border-width: 1px;
    /* round corners */
    border-radius: 3px;
    /* default visibility is hidden */
    visibility: hidden;
}

div#redips-drag th {
    border: 1px solid black;
    height: 32px;
    text-align: center;
    font-size: 20pt;
    padding: 2px;
}


/* subject colors */
.ar {
    background-color: #AAC8E2;
}

.bi {
    background-color: #E7D783;
}

.ch {
    background-color: #E99AE6;
}

.en {
    background-color: #C4AFFF;
}

.et {
    background-color: #91DEC5;
}

.hi {
    background-color: #CFE17F;
}

.it {
    background-color: #E7BD83;
}

.ma {
    background-color: #FFC5C2;
}

.ph {
    background-color: #A5F09D;
}


/* blank cells (upper left corner) */
.blank {
    background-color: white;
}


/* background color for lunch */
.lunch {
    color: #665;
    background-color: #f8eeee;
}


/* trash cell */
.redips-trash {
    color: white;
    background-color: #6386BD;
}


/* message line */
#message {
    color: white;
    background-color: #aaa;
    text-align: center;
    margin-top: 10px;
}


/* dark cells (first column and table header) */
.dark {
    color: #444;
    background-color: #e0e0e0;
}

.button_container {
    padding-top: 10px;
    text-align: right;
}

    /* "Save" button */
    .button_container input {
        background-color: #6A93D4;
        color: white;
        border-width: 1px;
        width: 40px;
        padding: 0;
    }

.redips-clone {
    font-style: normal;
}

.redips-mark {
    font-style: normal;
}

#redips-drag {
    /*border: 2px dashed LightBlue;*/
    display: table;
}

/* tables */

/* nested tables level 1 */
div#redips-drag .nested_table1 {
    background-color: #e0e0e0;
    margin: 7px auto;
}
/* nested tables level 2 */
div#redips-drag .nested_table2 {
    background-color: #ccc;
    margin: 7px auto;
}
/* nested tables level 3 */
div#redips-drag .nested_table3 {
    background-color: #aaa;
    margin: 7px auto;
}

/* table cells */


/* message */
.message {
    color: grey;
    font-size: 14px;
}

/* circle */
.circle {
    /* round corners */
    border-radius: 20px; /* Opera, Chrome */
    -moz-border-radius: 20px; /* FF */
}

/* square */
.square {
    background-color: transparent;
}

/* triangle */
.triangle {
    width: 0;
    height: 0;
    border-top: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 30px solid SteelBlue;
    background-color: transparent;
}
/* blue objects */
.blue {
    border: 2px solid #396F98;
    width: 190px;
    height: auto;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 2px;
}

/* orange objects */
.regular {
    border: 2px solid #222;
    width: 190px;
    height: auto;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 2px;
    background-color: ivory;
}

.rush {
    border: 2px solid #222;
    width: 190px;
    height: auto;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 2px;
    background-color: #02f9e8;
}

.doublerush {
    border: 2px solid #222;
    width: 190px;
    height: auto;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 2px;
    background-color: chocolate;
}
.directrush {
    border: 2px solid #222;
    width: 190px;
    height: auto;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 2px;
    background-color: gold;
}
.hotshot {
    border: 2px solid #222;
    width: 190px;
    height: auto;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 2px;
    background-color: #808EA3;
}


.inputCustInfoSm {
    border-radius: 4px;
    width: 75px;
    color: black;
}

.inputDelivery3 {
    border-radius: 4px;
    min-width: 200px;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.inputDelivery {
    min-width: 240px;
    border: #222222 solid thin;
}

.inputDelivery2 {
    min-width: 150px;
    border: #222222 solid thin;
}

.inputDeliverySm {
    width: 75px;
    border: #222222 solid thin;
}

.labelDelivery {
    padding-right: 5px;
    padding-bottom: 5px;
}

.table-deliverycontents thead {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
}

.table-deliverycontents th, td {
    padding: 3px;
    border-bottom: 1px solid #dddddd;
}

.table-deliverycontents tr {
    padding: 3px;
    border: 1px solid #dddddd;
}

input,
select,
textarea {
    max-width: 280px;
    min-width: 55px;
}

.inputDeliveryMed {
    width: 100px;
    max-width: 150px;
    border: #222222 solid thin;
}