﻿body {
    /*padding-top: 50px;
    padding-bottom: 20px;*/
    background-image: url("/images/geometry2.png");
    background-repeat: repeat;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 15px;
    padding-right: 15px;*/
}

/* Set widths on the form inputs since otherwise they're 100% wide */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* Carousel */
.carousel-caption {
    z-index: 10 !important;
}

    .carousel-caption p {
        font-size: 20px;
        line-height: 1.4;
    }

@media (min-width: 768px) {
    .carousel-caption {
        z-index: 10 !important;
    }
}

.border {
    border: 1px #ddd solid;
}

    .border > .min > .classTime {
        background: green;
        color: white;
        margin-bottom: 5px;
        border: 1px lightgreen double;
    }

    .border > .min {
        min-height: 30px;
        min-width: 30px;
        padding: 5px;
    }

.divTable {
    display: table;
    width: 100%;
}

    .divTable > .divTableRow {
        display: table-row;
    }

        .divTable > .divTableRow .divTableCol {
            display: table-cell;
        }

            .divTable > .divTableRow .divTableCol.header {
                background: cadetblue;
                color: white;
                font-weight: bold;
                border: 1px darkcyan solid;
            }

.divTableCol.border.border-black {
    background: burlywood;
}

.divTableCol.border.border-green {
    background: lightblue;
}

/*span.navbar-action.on-drag-enter {
    width: 100px;
}

span.navbar-action.on-drag-hover {
    width: 100px;
    background-color: red;
    font-size: 2em;
}*/

/*.dragSource {
    background: gold !important;
    color: black !important;
}

.timeTableTime {
    width: 5%;
}

.timeTableDay {
    width: 19%;
}
*/
.pointer {
    cursor: pointer;
}

div > div.dayEvents > div.pos {
    max-width: 125px;
    border-radius: 5px;
    background-color: transparent;
    color: black;
    overflow: hidden;
}

    div > div.dayEvents > div.pos.course {
        border: lightgreen solid 3px;
    }

    div > div.dayEvents > div.pos.class {
        border: cadetblue solid 3px;
    }

    div > div.dayEvents > div.pos.lab {
        border: slateblue solid 3px;
    }

    div > div.dayEvents > div.pos.error {
        border: red solid 3px;
    }

    div > div.dayEvents > div.pos:hover {
        background-color: burlywood;
        color: white;
    }

    div > div.dayEvents > div.pos > div > div.course {
        font-size: 0.8vw;
    }

        div > div.dayEvents > div.pos > div > div.course:hover {
            font-size: 1vw;
            font-weight: bold;
        }

    div > div.dayEvents > div.pos > div > div.instructor {
        font-size: 0.5vw;
        font-weight: bold;
    }

        div > div.dayEvents > div.pos > div > div.instructor:hover {
            font-size: 0.75vw;
        }

    div > div.dayEvents > div.pos > div > div.room {
        font-size: 0.5vw;
        font-weight: bold;
    }

        div > div.dayEvents > div.pos > div > div.room:hover {
            font-size: 0.75vw;
        }

.row > .panel.margin {
    margin-right: 10px;
    overflow-x: hidden;
}

span.trashButton.on-drag-enter {
    background-color: darkred !important;
}

span.trashButton.on-drag-hover {
    background-color: red !important;
}

nav .nav-wrapper .btn > i {
    height: 32px;
    line-height: 32px;
}

nav .nav-wrapper button > i {
    height: 32px;
    line-height: 32px;
}

nav.myNav {
    background-color: transparent !important;
    color: black !important;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

nav.myNav a.breadcrumb,
nav.myNav a.breadcrumb:before {
    color: black !important;
    font-size: 1.5em;
}

.help-block {
    color: red;
    font-size: 0.75em;
}

.bodyContent {
    min-height: calc(100vh - 264px);
}