html body {
    height: 100%;
    width: 100%;
    /*background: linear-gradient(to left, #99ccff,#0066a5,#061A46);*/
    background: radial-gradient(circle at left top, #99ccff,#0066a5,#061A46);
    margin: 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.modalPopup {
    background-color: #e6e6e6;
    border: 1px solid;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.btn-primary {
    background-color: #337ab7 !important;
    border-color: #2d6a9f !important;
}

    .btn-primary:hover {
        background-color: #2d6a9f !important;
    }

.nav-pills .nav-link.active {
    background-color: #337ab7 !important;
    border-color: #2d6a9f !important;
}


.fa.h1 {
    font-size: 36px !important;
}

.Dash {
    background: #fff;
}

.textFix {
    width: 100%;
}

.btnBottom {
    margin-bottom: 10px;
}

.icon-bar {
    background-color: black;
}

.breadCrumbColor {
    background-color: transparent;
}

    .breadCrumbColor a {
        color: #fff;
    }

.breadcrumbMarg {
    margin-left: 0px;
}

.breadcrumb > .active {
    color: #facd2f;
    font-size: 13px !important;
}

.breadcrumb > li > a {
    font-size: 13px !important;
}

.bread-crumb-bar {
    padding-top: 0px;
    padding-bottom: 2px;
    margin-bottom: 0px;
    min-height: 0px;
    background-color: transparent;
    border-radius: 0px;
}

.breadcrumb {
    margin-bottom: 0px;
    font-size: 13px !important;
}

a.breadcrumb-item {
    color: #fff !important;
}

.navFont {
    font-size: 15px !important;
    padding-left: 0px !important;
}

.sizeFix {
    width: 100% !important;
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
}

.nav-brand {
    font-size: 40px;
    font-family: questrial, sans-serif;
    color: #1A3E96;
}

#primaryNav {
    box-shadow: 0px 4px 8px rgba(0,0,0,0.5);
    background-color: white;
}

#primary-nav-spacer {
    min-height: 10px;
    background-color: #061A46;
}

#mainNavContainer, #footer {
    max-height: 50px;
    /* padding: 5px 30px 5px 30px; */
    padding-left: 30px;
    padding-right: 30px;
}

#mainNavContainer {
    background-color: white;
    box-shadow: 0px 0px 8px 1px #061a46;
}

    #mainNavContainer img {
        max-height: 50px;
    }

.white {
    color: white !important;
}

.title {
    font-size: 35px !important;
}

#mainPanelTitle {
    min-height: 150px;
    /*background-color: #061A46;*/
    /*background:radial-gradient(circle at left top, #006eb3,#0066a5, #003f66);;*/
    background: linear-gradient( #437aef,#061A46,#061A46,#061A46,#061A46,#061A46, #061A46);
    color: #facd2f;
    /*margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 20px;
    padding-top: 10px;*/
    text-align: left;
    font-weight: 400;
    border-radius: 35px 35px 5px 5px;
}

    #mainPanelTitle > .row {
        padding-left: 15px;
        padding-right: 15px;
    }

.pagePad {
    padding-left: 10px;
    padding-right: 10px;
}

.pageFont {
    font-size: 16px;
}

    .pageFont a {
        font-weight: 400;
        color: #0066a5;
    }

.btnMarginB {
    margin-bottom: 4px;
}

#mainBodyFluidContainer {
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent;
    margin-top: 60px;
}

.subtitle {
    color: #061A46;
    font-weight: 600;
    font-size: 16px;
}

.boxLabel {
    color: #0066a5;
}

body, body a, .navFont, .subtitle, .boxLabel {
    font-family: 'Open Sans', sans-serif !important;
}

#mainBody {
    background-color: white;
    min-height: 650px;
    border-radius: 35px 35px 1px 1px;
    margin-top: 20px;
    padding-bottom: 80px;
}

.footer-link-spacing {
    margin-right: 10px;
    font-size: 14px !important;
}

#footerFluidContainer {
    background-color: #061A46;
    min-height: 80px;
}

#footer {
    background-color: #061A46;
    color: white;
    font-size: 16px;
}

    #footer img {
        margin-top: 5px;
        max-height: 50px;
    }

.textBoxMarg {
    margin-left: 30px;
    margin-right: 10px;
}

.techSupPad {
    padding-left: 30px;
}

#schoolNameDropDown {
    color: #0066a5;
    /*padding-top: 15px;*/
}

#lblSchoolName {
    font-size: 22px !important;
}

#details {
    /*position:absolute;*/
    background: white;
    border: 1px solid #D1C9C2;
    border-top: 0;
    /*width: 400px;*/
    margin-top: 5px;
    padding: 7px 15px;
    text-align: left;
    -webkit-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border-radius: 6px;
}

#mainpaneldiv {
    padding: 30px 15px 30px 15px !important;
    background-color: #fff;
}

.firstRow {
    margin-top: 10px;
    margin-bottom: 5px;
}


/*special for access create monitor page*/
.access-create-monitor {
    font-size: 16px;
    padding-left: 15px;
    margin-bottom: 10px;
}

    .access-create-monitor > .text-right {
        font-size: 35px;
    }

    .access-create-monitor > .col-sm-6 {
        color: #fff;
    }

.btn-yellow {
    color: #000;
    background-color: #facd2f;
}

.page_block {
    margin: 0px;
    padding: 10px;
}

.verticaltext {
    transform: rotate(-90deg);
    transform-origin: right, top;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: right, top;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: right, top;
    position: absolute;
    color: #000;
    padding-right: 2px;
    padding-left: 0px;
}

.litBlu {
    background: linear-gradient(90deg, #99ceff,#b3daff);
    /*margin-left: 35px;*/
    padding-top: 10px;
}

.inline {
    width: auto;
    font-weight: bold;
}

    .inline label {
        display: inline;
        font-weight: bold;
    }

.taskBtn {
    padding-bottom: 10px;
}

.btnAcm {
    margin-bottom: 5px;
}

/*.btnAcmCncl {
    margin-right:px;
}
    */

.yelBtnfix {
    margin-right: 0px;
}

.headPad {
    padding-bottom: 10px;
}

.bkgrnd {
    background: radial-gradient(circle at left top, #006eb3,#0066a5, #003f66);
}

/*end special for access create monitor page*/

.coreFunction {
    background-color: #061A46;
    margin-top: 10px;
    color: #facd2f;
    /*padding-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;*/
    padding: 10px 0px 10px 5px;
    font-weight: bolder;
}

.effectivePractice {
    background-color: #99bbff;
    /*margin-bottom: 3px;*/
    padding-bottom: 5px;
    color: #000;
    padding-top: 5px;
    cursor: pointer;
    border-radius: 7px;
    margin: 3px 0px 3px 0px;
}

    .effectivePractice:hover {
        background-color: #ccddff;
    }

.effectivePracticeListHeader {
    color: #061a46;
    font-weight: bold;
}

.yellPills {
    background-color: #0066a5 !important;
}

#setdirectionbtns {
    margin-top: 10px;
}

    /*#setdirectionbtns > li > a, #teammeetingsTabs > li > a {
        color: #fff;
    }

    #setdirectionbtns > li .active, #teammeetingsTabs > li.active {
        color: #000 !important;
    }*/

    #setdirectionbtns > div > i {
        color: #fff;
    }

#teammeetingsTabs {
    padding-right: 0px;
}

.nav-pills > li.active > a {
    background-color: #ffeb99 !important;
    color: #061A46 !important;
}

/*.indicatorsList {
    border: dotted;
    border-width: thin;
}*/

.indicator {
    background-color: #ffeb99;
    margin: 0px;
    padding: 5px 20px 5px 0px;
    border-radius: 7px;
    margin-bottom: 3PX;
    margin-top: 3PX;
}

.isSelected {
    background-color: #51A351;
    padding-right: 20px;
}

.whiteTxt {
    color: #fff;
}

/*main home*/

#homeDivs {
    margin-top: 25px;
    margin-bottom: 20px;
}

#homeTabs {
    background-color: #061a46;
    min-height: 45px;
}

#userFormsTabs {
    padding-left: 0px;
    /*padding-right: 30px;*/
}

#userFormsDiv {
    /*background-color: #061a46;*/
    margin-top: 50px;
}

    #userFormsDiv button {
        margin: 10px 0 10px 0;
    }

#divImg {
    padding-right: 0px;
}

#formsAndSubmissions {
    margin-bottom: 50px;
    background-color: #fff;
    background-color: #F4F4F4;
}

#instructionContainer {
    padding-bottom: 15px;
}

#formsInstructions, #submissionsInstructions {
    margin: 15px 0 15px 0;
}

.headergrey {
    background-color: #b7b7b7 !important;
}

.welcome-header {
    text-align: center;
    color: #fff;
    font-size: x-large;
    padding-top: 25px;
}

/*NAVBAR*/

.navbar-fixed-left .navbar-nav > li > a:active {
    color: #facd2f;
}

navbar-fixed-side .navbar-fixed-left .navbar-nav > li > a:hover {
    color: #000000;
}

/*.nav > li > a:focus, .nav > li > a:hover, a:hover {
    text-decoration: none;
    background-color: transparent;
    font-weight: bolder;
}*/

#sideNavBar {
    position: fixed;
    right: 0;
    left: 0;
    top: 45%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

#navBar {
    /*background: #DADADA;*/ /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(circle at left top, #ffffff, #DADADA); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ffffff, #DADADA); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ffffff, #DADADA); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ffffff, #DADADA); /* Standard syntax (must be last) */
    border-radius: 0px 20px 20px 0px;
    border-style: solid;
    border-top-color: #ffffff;
    border-bottom-color: #bfbfbf;
    border-right-color: #DADADA;
    border-left-color: #DADADA;
    padding: 20px;
}

.navbar-fixed-left {
    width: 190px;
    position: fixed;
    right: 0;
    left: 0;
    border-radius: 0px 21px 21px 0px;
    height: 100%;
    border-style: solid;
    border-color: #ffffff;
    border: 1px;
}

    .navbar-fixed-left .navbar-nav > li {
        float: none; /* Cancel default li float: left */
        width: 139px;
    }


        .navbar-fixed-left .navbar-nav > li > a > i {
            color: black;
        }

        .navbar-fixed-left .navbar-nav > li > a {
            color: #0066a5;
            padding-bottom: 10px;
            padding-top: 5px;
        }

            .navbar-fixed-left .navbar-nav > li > a:hover {
                color: #000000;
            }

    .navbar-fixed-left + .container {
        padding-left: 160px;
    }

    /* On using dropdown menu (To right shift popuped) */
    .navbar-fixed-left .navbar-nav > li > .dropdown-menu {
        margin-top: -50px;
        margin-left: 140px;
    }

.navbar-bottomLink {
    margin-bottom: 15px;
}




/*END OF NAVBAR*/


.home-div-btns:hover {
    cursor: pointer;
    color: #0066a5;
    background-color: #DADADA;
}

.home-div-title {
    /*background-color: #061a46;*/
    background: linear-gradient( #437aef,#061A46,#061A46,#061A46,#061A46,#061A46, #061A46);
    color: #facd2f;
    border-radius: 20px 20px 0px 0px;
    font-size: 22px;
    /* height: 46px; */
    padding-bottom: 10px;
    padding-top: 10px;
    float: left;
    width: 100%;
}

.home-div {
    background-color: #fff;
    border-radius: 20px;
    /*padding-bottom: 20px;*/
    padding: 0px;
    margin: 6px;
    width: 24%;
    float: left;
    max-width: 290px;
}

    .home-div:first-of-type {
        margin-left: 0px;
    }

    .home-div:last-of-type {
        margin-right: 0px;
    }

.home-div-btns {
    width: 100%;
    color: #0066a5;
    background-color: transparent;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    text-wrap: initial;
    word-wrap: normal;
    white-space: normal;
}

.home-div-link {
    color: #061A46;
}

    .home-div-link:hover {
        cursor: pointer;
        font-weight: bold;
        text-decoration: none;
    }

.home-div-content {
    padding-top: 5px;
    float: left;
    clear: left;
    width: 100%;
}

.link-parenthesis {
    font-size: 12px;
}

.link-number {
    font-size: 35px;
    color: #006837;
}

#home-div-italic {
    text-align: center;
    font-style: italic;
    padding-left: 5px;
    padding-right: 5px;
}

/*.homeMarg {
    margin-left: 0px;
    padding-left: 0px;
}*/

.homePad {
    padding-bottom: 10px;
}

.wideFix {
    width: 100%;
}

.arrowSpace {
    margin-top: 150px;
    margin-left: 3px;
}

/*end main home*/

.aLittleExtraSpace {
    margin: 10px;
}

.actionsgrid-header {
    background-color: #0066a5;
    color: #fff;
}

.snap-header {
    background-color: #0066a5;
    padding: 5px 5px 5px 10px;
    color: #fff;
    display: block;
}

.snap-item-title {
    display: block;
    font-weight: bold;
    margin-bottom: 2px;
}

.snap-item {
    display: block;
}


.hr-sidebar {
    margin-bottom: 0px;
    margin-top: 0px;
    border-top: 1px solid #fff;
    width: 70%;
}

#feedbackTabs {
    margin-top: 10px;
}

.currentPage {
    font-weight: bolder;
    /*border-radius: 0px 20px 20px 0px;*/
    /*box-shadow: inset 0 0 8px #061A46;*/
    background-color: lightgray;
}

.logoFix {
    margin-left: 30px;
    max-height: 50px;
}

.topPad {
    padding-top: 6px;
}

.successCycleSectionHeaderText {
    position: absolute;
    top: 50%;
    left: 50%;
    /*background: #DDD;*/
    white-space: nowrap;
}

.rotate {
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}

.resourcesbuttons {
    margin-top: 20px;
}

.sidePad {
    padding-left: 5px;
    padding-right: 5px;
}


.noListDecorations {
    list-style-type: none;
}

#linkUpload, #linkPin, #linkLogOut {
    margin-right: 10px;
}


#GoalsGridView td, #GoalsGridView th {
    border: #061A46 solid 1px !important;
}

.wysiwyg {
    border-color: #061A46;
}

.blueinstructions {
    color: #0066a5;
    font-weight: bold;
    font-size: 15px;
}

#setdirectionlink {
    font-size: 22px;
    font-weight: bold;
}

#dashboardtabs {
    background-color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 50px;
}

#btnCompleteForms, #btnSubmissions, #btnSnapshots {
    color: #fff;
}

    #btnCompleteForms:hover, #btnSubmissions:hover, #btnSnapshots:hover {
        cursor: pointer !important;
    }

.active-li {
    background-color: #ffeb99 !important;
    color: #061A46 !important;
}

#mainContent {
    margin-bottom: 50px;
}

.required-field-indicator {
    color: red;
    font-style: italic;
    font-weight: bold;
}

.sidebar-text {
    font-size: 16px;
    /*font-weight: bold;*/
    color: #000;
}

#cblFilters > tbody > tr > td > input, #chkTeam > tbody > tr > td > input {
    margin: 5px;
}



#successcycleHeaders {
    margin-bottom: 10px;
    padding-right: 20px;
}

#filtersPanelLink:hover {
    font-weight: normal;
}

/*.gvTaskRow {
    background-color: #fff !important;
}*/

.gvTaskRow:hover {
    background-color: #fbe183 !important;
    color: #0066a5 !important;
    cursor: pointer;
}

.gvGoalRow:hover {
    background-color: #fbe183 !important;
    color: #0066a5 !important;
    cursor: pointer;
}

.panel-body > .row {
    padding-top: 5px;
    padding-bottom: 5px;
}

#lblTeamMemberName {
    margin: 5px;
    font-size: 14px;
}

#lblTeamMembers {
    font-size: 16px;
}

#linkLogOut {
    color: #a94442;
    cursor: pointer;
}

.set-direction-titles {
    color: #fff;
    font-size: 16px !important;
    margin-top: 5px;
    padding-bottom: 10px;
}

.set-direction-page-numbers {
    background-color: #fff;
    padding: 2px 15px 2px 15px;
    color: #000;
    font-weight: normal;
}

    .set-direction-page-numbers:hover {
        background-color: #06A0B7;
        color: #000;
    }

.set-direction-page-numbers-active, .set-direction-page-numbers-active:hover, .set-direction-page-numbers-active:active {
    background-color: #fff;
    padding: 2px 15px 2px 15px;
    color: #000;
    font-weight: normal;
    text-decoration: none;
}

#reportsDropdown {
    margin-left: 10px;
}

.snap-icon {
    width: 25px;
    margin-right: 0px;
}

#gvTeam:hover, #gvTeam:hover {
    cursor: pointer;
}

#btnAddTeam, #btnDeleteMember {
    margin-bottom: 10px;
    margin-top: 10px;
}


.school-tools > a > .fa, .school-tools > span > i {
    font-size: 35px !important;
    color: #facd2f;
}

#helpModal, #videoModal {
    color: #000;
}

    #helpModal p {
        font-size: 14px;
    }

.blueinstructions > a {
    color: navy;
}

/*TOASTR OVERRIDE*/
#toast-container > div, #toast-container {
    opacity: 1 !important;
    margin-top: 55px;
}

.toast-altsuccess {
    background-color: lightgray;
}

.text-12 {
    font-size: 12px !important;
}

#lblGuests {
    color: #0066a5;
}

.gvRow {
    color: #0066a5;
}
.gvRow:hover {
    background-color: #fbe183 !important;
    color: #0066a5 !important;
}

#modalTextAlter {
    color: #808080;
}

#modalTextNew {
    color: #a94442;
}

#gobacktomymeetings:hover {
    font-weight: normal;
}

.style1 {
    color: red;
}


#uploadPanel, #lblDocUploadLimit {
    margin-top: 5px;
}

#btnLookLikeAButton, #uploadPanel {
    margin-bottom: 10px;
}

.white-line {
    background-color: #fff;
    margin-top: 35px;
}

.agenda-item {
    cursor: pointer;
}

.success-cycle-check {
    font-size: 13px;
}

#login_wrapper {
    margin-top: 50px;
}

#left_panel_container {
    background-color: rgba(56,147,150, 0.90);
}

#login_fields {
    padding: 15px;
}

#loginFooter {
    margin-bottom: 15px;
}


#FileUpload1 {
    font-size: 15px;
}


.removeHref {
    cursor: pointer;
}

.select-danger {
    border-color: red;
}

.btnLogins {
    background-color: transparent;
    color: #0066a5;
    font-size: 18px;
    cursor: pointer;
}

#welcomepopup {
    color: #fff;
    font-size: 16px !important;
}

#emailLogo {
    width: 50px;
}

#indicatorTable {
    font-size: 14px;
}

.core-function {
    padding-top: 15px;
}

#btnSaveAssess {
    margin-top: 15px;
}

.btn {
    cursor: pointer;
}

#imgLogo {
    max-height: 120px;
}

#helpBtn, #videoBtn {
    cursor: pointer;
}

.indent25 {
    text-indent: 25px;
}

.indent40 {
    text-indent: 40px;
}

.indent50 {
    text-indent: 50px;
}

.no-spinners {
    -moz-appearance: textfield;
}

    .no-spinners::-webkit-outer-spin-button,
    .no-spinners::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.dropdown-item {
    font-size: 14px;
}



#homeHeader {
    max-height: 100px;
}


#lblMessageCount {
    color:#ff3333;
}


#smallSetDirection {
    font-size:75%;
}


#alertDlSc {
    color:#ff9900;
    font-size:20px;
}

.chooseSiteBlue {
    color: #005c99;
}

/*MEDIA QUERIES*/
@media only screen and (min-width: 1366px) {
    .home-div {
        margin-left: 6px;
        margin-right: 6px;
    }

        .home-div:first-of-type {
            margin-left: 0px;
        }

        .home-div:last-of-type {
            margin-right: 0px;
        }
}

@media only screen and (min-width: 1920px) {
    .home-div:first-of-type {
        margin-left: 0px;
    }

    .home-div:last-of-type {
        margin-right: 0px;
    }

    .home-div {
        width: 20%;
        margin-left: 43px;
        margin-right: 43px;
    }

    /*#sideNavBar {
        top: 50%;
    }*/
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }

    .on-print, .on-print * {
        display: block !important;
    }

    #create-monitor-panel {
        page-break-before: always;
    }
}