.floatLeft {
    float:left;
}
.floatRight {
    float:right;
}

/* This makes the page capable of making the footer sticky */
html.footer-sticky {
  position: relative;
  min-height: 100%
}

body {
    background-image: url('/Content/LTS/Images/bg-tagboard.png');
    background-size: cover;
    font-family: coremellow;
}

#body {
    padding:5px;
    margin-bottom: 2em;
}
.navbar-lts {
    background-image: url('/Content/LTS/Images/bg-hero-nav.png');
    box-shadow:1px 1px 8px #666;
}

footer {
    background-image: url('/Content/LTS/Images/Footer.png');
    background-size: cover;
    bottom:0;
    z-index:10;
    width:100%;
    height:80px;
    padding:5px 10px;
}

.footer-left {
    padding:0px;
    color:white;
    float:left;
}
.footer-left p a {
    color:#89d7f7;
}
.footer-right {
    float:right;
    padding:0px;
}

.sidebar {
  width: 100%;
  min-height:300px;
  position: initial;
  margin-left: 10px;
  margin-top:10px;
  padding:10px;
  background-image: url('/Content/LTS/Images/bg-hero-nav.png');
  box-shadow:1px 1px 8px #666;
  border-radius: 5px;
  z-index:9000;
}

.alertSpecial {
    margin:0px;
    padding:5px;
    margin:5px;
    margin-top:10px;
}

.alert-inactive {
    background-color:inherit;
    border:1px solid #666;
    color:#999;
    cursor:pointer;
}

.alert-inactive:hover {
    background-color:#ccc;
    color:#003366;
}

.navbar-header-lts {
    float:left;
}

.buildSchedule {
    float: left;
}

.schedulerContainer {
    width: 750px;
    background-color:white;
    box-shadow: 0px 0px 6px #666;
    border-radius: 5px;
    float: left;
}
.optionContainer {
    margin: 0px 10px;
    padding:10px;
    width:350px;
    float:left;
    max-height:225px;
}
#blackoutList {
    width:320px;
    border:1px solid #ccc;
    border-radius:3px;
    height:160px;
    overflow-y:scroll;
}
.blackoutListItem {
    padding:5px;
    border-bottom:1px solid #ccc;
}
.blackoutListItem:hover {
    background-color:#ccc;
}
#currentSeasons {
    padding: 5px;
    margin: 10px 0px;
    color: #555;
    width:330px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: inset 0px 0px 3px #ccc;
}

#grid {
    width: 130px;
    float: right;
}

.dragExplain {
    float: left;
    width: 140px;
}
.k-nav-current > .k-link span + span {
    max-width: 200px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
}
.curriculumList {
    width: 230px;
    min-height:300px;
    margin-left: 20px;
    background:white;
    box-shadow:1px 1px 8px #666;
    border:1px solid #ccc;
    border-radius: 5px;
    float:left;
}
.titleRight {
    width: 190px;
    min-height:300px;
    margin-left: 20px;
    float:left;
}
.classRosterPanel {
    float:left;
    box-shadow:1px 1px 8px #666;
    width:90%;
}
.curriculumPanel {
    height: 430px;
    width: 780px;
    float: left;
    box-shadow: 1px 1px 8px #666;
}
.lessonManagerPanel {
    width:700px;
    float:left;
    box-shadow:1px 1px 8px #666;
}
.panel-body-header {
    font-size:16pt;
}

.panel-body-options {
    float:left;
    margin-left:10px;
    min-width:400px;
}

.rosterSwitchHolder {
    padding: 10px;
    margin:5px;
    border: 1px solid #ccc;
    background-color: white;
    border-radius: 5px;
    width:450px;
    box-shadow:1px 1px 8px #666;
    float:left;
}
.rosterSwitchDropDown {
    padding:5px;
    margin:5px;
}

#rosterCollection {
    min-width:3000px;
    max-height: 600px;
}

.dropZoneIdent {
    border:3px solid gold;
}

.ltsBoxShadow {
    box-shadow:1px 1px 8px #666;
}

.classColorBox {
    width:25px;
    height:25px;
    border:1px solid #ccc;
    margin:5px;
}

.addMemberPanel {
    width: 1000px;
    float: left;
    box-shadow: 1px 1px 8px #666;
}

.formPanelHeading {
    padding: 5px 15px;
}

.formFieldContent {
    margin-bottom: 5px;
}

.formFieldText {
    float: left;
    width: 150px;
}

.floatRight {
    float: right;
}

.formFieldContent label {
    float: right;
    margin-top: 5px;
}

.formFieldValue {
    width: 500px;
}

.formFieldValue select {
    box-shadow: inset 0px 0px 3px #ccc;
    margin-left: 10px;
}

.formFieldValue input {
    box-shadow: inset 0px 0px 3px #ccc;
    margin-left: 10px;
}

.twoCol {
    display: block;
    float: left;
}

.leftCol, .rightCol {
    display: block;
    float: left;
    position: relative;
    width: 50%;
}

.dynamicPanel {
    margin-top:5px;
    box-shadow:0px 0px 10px #666;
}

.complianceCheck {

    margin-bottom:10px;
    padding:5px;
    border:1px solid #ccc;
    border-radius:5px;
    box-shadow: inset 0px 0px 5px #ccc;
}

.complianceCheck .txt {
    margin: 5px;
}

.complianceInfoList li {
    margin-bottom:5px;
}

.greenCheckMark {
    color:green;
    font-weight:bold;
    font-size:16pt;
    text-align:center;
}

.orangeHourGlass {
    color:orange;
    font-weight:bold;
    font-size:18pt;
    text-align:center;
}

.redXMark {
    color:red;
    font-weight:bold;
    font-size:16pt;
    text-align:center;
}

#overlay_form {
    position: absolute;
    border: 1px solid #ccc;
    padding: 10px;
    background: white;
    width: 375px;
    -moz-box-shadow: 1px 1px 40px red;
    -webkit-box-shadow: 1px 1px 40px red;
    box-shadow: 1px 1px 40px red;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow-y: auto;
}
#pop {
    display: block;
    border: 1px solid #ccc;
    width: 80px;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    text-decoration: none;
    margin: 0 auto;
}
.popupDiv a {
    display: block;
    padding: 5px;
    border: 1px solid #CDFFFF;
    background-color: white;
    width: 150px;
    margin: 10px auto;
    text-align: center;
}

.resourceSection, .newsLetterResourceSection {
    border-radius:3px;
    border:1px solid #428bca;
    width:initial;
}
.newsLetterResourceSection {
  background-image: url('/Content/LTS/Images/Footer.png');
  height: 70px;
}
  .resourceSection .header {
    color: white; /*#31708f;*/
    background-color: #d9edf7;
    background-image: url('/Content/LTS/Images/Footer.png');
    padding: 5px;
  }
.newsLetterResourceSection .header {
  color: white; /*#31708f;*/
  padding: 5% 2% 5% 2%;
}
.resourceSection .header a, .newsLetterResourceSection .header a {
  color: white;
}
.newLetterResourceSectionMargin {
  margin: 5px 0px;
}
/* MESSAGE */

#message {
    /*font-family: Arial,Helvetica,sans-serif;*/
    width: 100%;
    z-index: 105;
    text-align: center;
    font-size: 140%;
    color: #FFF;
    padding: 10px 0px 10px 0px;
    background-color: #3C0;
    height: 90px;
}

#message label {
	text-align: center;
    font-weight: bold;
	width: 95%;
	float: left;
}
#message span {
	text-align: center;
	width: 95%;
	float: left;
}

#addProgramMember input:focus, #addProgramMember select:focus  {
    box-shadow: 0px 0px 10px blue !important;
}


@media only screen and (max-width: 1600px) {
    .dynamicPanel {
        width: 1250px;
    }

    .dynamicPanel {
        width: 1250px;
    }
}

@media only screen and (max-width: 1512px) {
    .dynamicPanel {
        width: 1000px;
    }
}

@media only screen and (max-width: 1270px) {
    .dynamicPanel {
        width: 750px;
    }

    .rightCol {
        width: 100%;
    }
}

@media only screen and (max-width: 1012px) {
    .dynamicPanel {
        width: 500px;
    }
}

#ltsShopLinkMenuButton {
        float: right;
    display: table;
    background: white;
    border-radius: 3px;
    padding: 10px;
    position: absolute;
    right: 100px;
    top: 20px;
    font-family: "kroppen";
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    background: #eee;
}

#ltsShopLinkMenuButton:hover {
    background: #89d7f7;
}
.ml-3 {
  margin-left: 3.5em;
}

.heading4 {
  font-size: 1.3em;
  margin: 1.33em 0 1.33em 0;
  font-weight: 500;
}

#passwordShowHide {
  border: none;
  background-color: unset;
  position: absolute;
  right: 1.75em;
  top: 0;
  &:hover {
      cursor: pointer;
  }
}
.icon-show, .icon-show:hover {
  width: 27px;
  height: 20px;
  margin-top: 7px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNyAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0Ljc5MDQgOC43MDM3QzI1LjEwMTUgOS4wOTE1NyAyNS4yNzM5IDkuNTk1NjMgMjUuMjczOSAxMC4xMTY1QzI1LjI3MzkgMTAuNjM5MyAyNS4xMDE1IDExLjE0MTUgMjQuNzkwNCAxMS41Mjk0QzIyLjgyMjkgMTMuOTExIDE4LjM0NDUgMTguNTQ4NiAxMy4xMTY2IDE4LjU0ODZDNy44ODg3NCAxOC41NDg2IDMuNDEwMzcgMTMuOTExIDEuNDQyODggMTEuNTI5NEMxLjEyNTQ5IDExLjEyNzMgMC45NTQ5MzUgMTAuNjI4OCAwLjk1OTQzNyAxMC4xMTY1QzAuOTU5NDM3IDkuNTk1NjMgMS4xMzE4MyA5LjA5MTU3IDEuNDQyODggOC43MDM3QzMuNDEwMzcgNi4zMjIxIDcuODg4NzQgMS42ODQ0NSAxMy4xMTY2IDEuNjg0NDVDMTguMzQ0NSAxLjY4NDQ1IDIyLjgyMjkgNi4zMjIxIDI0Ljc5MDQgOC43MDM3WiIgc3Ryb2tlPSIjQzJDNkM5IiBzdHJva2Utd2lkdGg9IjEuODczOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMy4xMTY2IDEzLjg2NDJDMTQuMTEwNSAxMy44NjQyIDE1LjA2MzggMTMuNDY5NCAxNS43NjY2IDEyLjc2NjZDMTYuNDY5NCAxMi4wNjM4IDE2Ljg2NDIgMTEuMTEwNSAxNi44NjQyIDEwLjExNjZDMTYuODY0MiA5LjEyMjY5IDE2LjQ2OTQgOC4xNjk0OCAxNS43NjY2IDcuNDY2NjZDMTUuMDYzOCA2Ljc2Mzg1IDE0LjExMDUgNi4zNjkwMiAxMy4xMTY2IDYuMzY5MDJDMTIuMTIyNyA2LjM2OTAyIDExLjE2OTUgNi43NjM4NSAxMC40NjY3IDcuNDY2NjZDOS43NjM4NSA4LjE2OTQ4IDkuMzY5MDIgOS4xMjI2OSA5LjM2OTAyIDEwLjExNjZDOS4zNjkwMiAxMS4xMTA1IDkuNzYzODUgMTIuMDYzOCAxMC40NjY3IDEyLjc2NjZDMTEuMTY5NSAxMy40Njk0IDEyLjEyMjcgMTMuODY0MiAxMy4xMTY2IDEzLjg2NDJaIiBzdHJva2U9IiNDMkM2QzkiIHN0cm9rZS13aWR0aD0iMS44NzM4IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}
.icon-hide, .icon-hide:hover {
  width: 27px;
  height: 27px;
  margin-top: 4px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzM3NzEgNy4yMjc4NUM5LjE5NDY0IDYuMDIxMTMgMTEuMzQ5NSA1LjEyMTcgMTMuNjUyNCA1LjEyMTdDMTguODgwMyA1LjEyMTcgMjMuMzU4NyA5Ljc1OTM2IDI1LjMyNjIgMTIuMTQxQzI1LjYzNzIgMTIuNTI4OCAyNS44MDk2IDEzLjAzMjkgMjUuODA5NiAxMy41NTM4QzI1LjgwOTYgMTQuMDc2NiAyNS42MzcyIDE0LjU3ODggMjUuMzI2MiAxNC45NjY2QzI0LjI0MTIgMTYuMjc4MyAyMi4zOTM3IDE4LjI3NzYgMjAuMDc5NSAxOS44MDY3TTE2LjQ2MzEgMjEuNTU0OUMxNS41NTk5IDIxLjgyODUgMTQuNjE5MyAyMS45ODU5IDEzLjY1MjQgMjEuOTg1OUM4LjQyNDUxIDIxLjk4NTkgMy45NDYxMyAxNy4zNDgyIDEuOTc4NjQgMTQuOTY2NkMxLjY2MTI2IDE0LjU2NDUgMS40OTA3IDE0LjA2NjEgMS40OTUyIDEzLjU1MzhDMS40OTUyIDEzLjAzMjkgMS42Njc1OSAxMi41Mjg4IDEuOTc4NjQgMTIuMTQxQzIuNjAyNjIgMTEuMzg3NyAzLjQ3NzY4IDEwLjQwNTggNC41NDk1IDkuNDE2NDUiIHN0cm9rZT0iI0MyQzZDOSIgc3Ryb2tlLXdpZHRoPSIxLjg3MzgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTYuMzAyIDE2LjIwMzNDMTYuOTg0NyAxNS40OTY1IDE3LjM2MjQgMTQuNTQ5OCAxNy4zNTM5IDEzLjU2NzJDMTcuMzQ1MyAxMi41ODQ2IDE2Ljk1MTIgMTEuNjQ0NiAxNi4yNTY0IDEwLjk0OThDMTUuNTYxNSAxMC4yNTUgMTQuNjIxNiA5Ljg2MDg1IDEzLjYzOSA5Ljg1MjMxQzEyLjY1NjQgOS44NDM3NyAxMS43MDk3IDEwLjIyMTUgMTEuMDAyOSAxMC45MDQyTTI1LjgzMjIgMjUuNzMzNEwxLjQ3Mjc4IDEuMzc0MDIiIHN0cm9rZT0iI0MyQzZDOSIgc3Ryb2tlLXdpZHRoPSIxLjg3MzgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}