@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700');

@font-face {
    font-family: 'MyriadPro-BoldCond';
    src: url('font-awesome/fonts/MyriadPro-BoldCond.otf') format('opentype'), url('font-awesome/fonts/MyriadPro-BoldCond.eot') format('opentype');
    src: url('font-awesome/fonts/MyriadProBoldCond.eot');
    src: url('font-awesome/fonts/MyriadProBoldCond.eot') format('embedded-opentype'), url('font-awesome/fonts/MyriadProBoldCond.woff2') format('woff2'), url('font-awesome/fonts/MyriadProBoldCond.woff') format('woff'), url('font-awesome/fonts/MyriadProBoldCond.ttf') format('truetype'), url('font-awesome/fonts/MyriadProBoldCond.svg#MyriadProBoldCond') format('svg');
}

@font-face {
    font-family: 'MyriadPro-BlackCond';
    src: url('../../../../../fonts/myriadpro/MyriadPro-BlackCond.otf') format('opentype');
}

@font-face {
    font-family: 'MyriadPro-Cond';
    src: url('../../../../../fonts/myriadpro/MyriadPro-Cond.otf') format('opentype');
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #000 !important;
    font-family: 'Open Sans', sans-serif !important;
    padding-right: 0px !important;
    margin-right: 0px !important;
}

    body.modal-open {
        overflow: auto;
    }

a {
    cursor: pointer;
}

#CurrCoreTable0 {
    /*height: 430px;
	overflow: auto;*/
    margin: 0 20px;
}

.CurrCoreTable::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.CurrCoreTable::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.CurrCoreTable::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    .CurrCoreTable::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

#map_canvas2 {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px
}

.Font30 {
    font-size: 30px !important;
}

.CoreText {
    font-weight: normal !important;
}

ul, li {
    list-style: none;
}

a, a:hover {
    text-decoration: none !important;
    color: #fff;
}

.HideListItem {
    list-style: none !important
}

.Add_link_Spread {
    padding-left: 10px;
}

    .Add_link_Spread img {
        padding: 37px 11px;
        height: 145px;
        border: 1px solid #fff;
        margin-left: 0px;
    }

.AddMarginbottom5px {
    margin-top: 5px !important;
    margin-bottom: 0 !important;
}

.headlineforCategory {
    margin-top: 5px !important;
}

.background-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    text-align: right;
    overflow: hidden;
}

    .background-img video {
        width: 100%;
    }

    .background-img img {
        width: 100%;
        bottom: 0;
        right: 0;
        opacity: 0.8;
        background-size: cover;
        height: 100%;
        background-attachment: fixed;
    }

.hotlinkouter {
    margin: 0 auto;
    position: relative;
    width: 1020px;
    height: 720px;
    padding-top: 20px;
}
/*.hotlink {
	width: 1020px;
	height: 720px;
	position: relative;
	-webkit-transform-origin: top left;
}*/
.hotlinkImg {
    max-width: 95%;
    /*// max-height: 95%;*/
    margin-left: 26px;
}

.new-books {
    margin-bottom: 0;
}

.mt_20 {
    margin-top: 20px !important;
}

.background-img:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 50%;
    z-index: 1;
    background: -moz-linear-gradient(left, rgba(0,0,0,1) 54%, rgba(0,0,0,0.59) 73%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 54%, rgba(0,0,0,0.59) 73%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,1) 54%, rgba(0,0,0,0.59) 73%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00ffffff', GradientType=1 );
}

.background-img:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 ); /* IE6-9 */
}

.top_container {
    float: left;
    width: 100%;
    background: #000;
    text-align: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.main_container {
    float: left;
    width: 100%;
    position: relative;
}

.main_tab_container {
    float: left;
    width: 100%;
    background: #000;
    /*border-top: 6px solid #fff;
	border-bottom: 6px solid #fff;*/
    position: relative;
    z-index: 2;
    background: #fff;
    /*padding: 6px 0;*/
}

.search_button {
    background: #45A3DB;
    float: left;
    color: #fff;
    padding: 9px 0px 8px 0px;
    border-radius: 0 25px 25px 0;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    width: auto;
    text-align: left;
    /*max-width: 132px;*/
    padding-right: 10px;
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
    padding-left: 10px;
    position: absolute;
    z-index: 2;
}

.padding50 {
    padding: 0 50px;
}

.search_button:hover {
    text-decoration: none;
}

.content_button {
    background: #0294dc;
    float: right;
    color: #fff;
    padding: 6px 50px 6px 20px;
    border-radius: 15px 0 0 15px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}

div#DifferentiatedlessonDetailshub {
    float: left;
    width: 100%;
}

.nopadding {
    padding: 0 !important;
}

.main_tabs {
    float: left;
    width: auto !important;
}

    .main_tabs li {
        padding: 14px 5px;
        float: left;
    }

.Ul_For_categories li a {
    border: 1px solid #fff !important;
    color: #fff !important;
    transition: 1s;
}

.main_tabs li a {
    border: none;
    font-size: 18px;
    padding: 0 8px;
    transition: 1s;
}

.main_tabs > li.active > a, .main_tabs > li.active > a:focus, .main_tabs > li.active > a:hover {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #fff;
}

.tab_inner_container {
    width: 60%;
    float: left;
}

.LessonDetailsForMyhub .page-small-title {
    color: #000;
    text-shadow: none;
}

.LessonDetailsForMyhub .page-title {
    color: #000;
    text-shadow: none;
}

.mt_50 {
    margin-top: 10px;
    float: left;
}

.lessons {
    font-size: 18px;
    color: #fff;
    padding: 0px 8px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-radius: 19px;
    float: left;
    border: 2px solid #fff;
}

span.lessons:hover {
    background: #30a4dc;
}

.book-disc {
    float: left;
    width: 70%;
}

.border_left {
    border-left: 2px solid #fff;
}

#user {
    display: none;
}

.user {
    float: left;
    height: 70px;
    width: 70px;
    border-radius: 100px;
    border: 1px solid #fff;
    position: absolute;
    top: -15px;
    z-index: 99;
    cursor: pointer;
    left: 10px;
    background-image: url(../images/Smartbook-hub.svg);
    background-size: cover;
    transition: 0.5s;
}

.widht100 {
    width: 100% !important;
}



.dark_blue {
    background: #0074bc;
    border-bottom: 1px solid #000;
    color: #fff;
}


.table-title h3 {
    color: #fafafa;
    font-size: 30px;
    font-weight: 400;
    font-style: normal;
    font-family: "Roboto", helvetica, arial, sans-serif;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}
/*** Table Styles **/

.table-fill {
    border-radius: 3px;
    border-collapse: collapse;
    margin: auto;
    padding: 5px;
    /*border: 1px solid #000;*/
    width: 100%;
    animation: float 5s infinite;
    min-width: 1200px;
}

    .table-fill th {
        color: #fff;
        background: #43A4DB;
        border-right: 1px solid #343a45;
        font-size: 20px;
        font-weight: bold;
        text-align: left;
        text-transform: uppercase;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        vertical-align: top;
    }


        .table-fill th:last-child {
            border-top-right-radius: 3px;
            border-right: none;
        }

    .table-fill tr {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        color: #000000;
        font-size: 15px;
        font-weight: normal;
    }

        .table-fill tr:first-child {
            border-top: none;
        }

        .table-fill tr:last-child {
            border-bottom: none;
        }

        .table-fill tr:nth-child(odd) td {
            background: #78CFF5;
        }

        .table-fill tr:nth-child(odd):hover td {
        }

        .table-fill tr:last-child td:first-child {
            border-bottom-left-radius: 3px;
        }

        .table-fill tr:last-child td:last-child {
            border-bottom-right-radius: 3px;
        }

    .table-fill td {
        background: #CAEAFA;
        padding: 0 20px;
        text-align: left;
        vertical-align: middle;
        font-weight: normal;
        font-size: 15px;
        padding-left: 10px !important;
        border-right: 1px solid #000000;
    }

        .table-fill td:last-child {
            border-right: 0px;
        }

    .table-fill th.text-left {
        text-align: left;
    }

    .table-fill th {
        white-space: nowrap;
    }

    .table-fill th {
        white-space: nowrap;
    }

        .table-fill th.text-center {
            text-align: center;
        }

        .table-fill th.text-right {
            text-align: right;
        }

    .table-fill td.text-left {
        text-align: left;
    }

    .table-fill td.text-center {
        text-align: center;
    }

    .table-fill td.text-right {
        text-align: right;
    }

.icon_list {
    float: left;
    width: 100%;
    padding: 5px;
}

    .icon_list li {
        float: left;
        margin: 0;
        width: 33%;
        text-align: center;
    }

    .icon_list ul {
        margin-bottom: 0px;
    }

.table_icon {
    border-radius: 100px;
    margin: 0 auto;
    /*height: 35px;*/
    width: 35px;
    color: #fff;
    font-size: 30px;
    padding-top: 3px;
    float: none !important;
}

.print_icon {
    background: url(../images/print_icon.svg);
    background-size: cover;
}

.audio_icon {
    background: url(../images/audio_icon.svg);
    background-size: cover;
}

.video_icon {
    background: url(../images/video_icon.svg);
    background-size: cover;
}

.transparency_icon {
    background: url(../images/transparency_icon.svg);
    background-size: cover;
}

.activity_icon {
    background: url(../images/activity_icon.svg);
    background-size: cover;
}

.oer_icon {
    background: url(../images/oer_icon.svg);
    background-size: cover;
}

.icon_list li span {
    font-size: 16px;
    margin-top: 10px;
    float: left;
    font-weight: normal;
    width: 100%;
}

.play_icon {
    font-size: 20px !important;
    padding-top: 6px;
}

.paddingLR20 {
    padding: 0px 15px !important;
}

.paddingLR35 {
    padding: 0px 35px !important;
}

.pen_icon {
    font-size: 22px !important;
    padding-top: 3px;
}

.order_list {
    float: left;
    width: 100%;
}

    .order_list li {
        /*list-style: disc;*/
        /*margin-left: 10px;*/
        font-size: 15px;
        line-height: 25px;
    }

.child-margin {
    margin-left: 20px;
}

.bold_text {
    font-weight: bold !important;
}

.italic_text {
    font-style: italic !important;
}

.underline_text {
    text-decoration: underline !important;
}

.bullet_text::before {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    background: #000;
    border-radius: 20px;
}

.share_circle {
    height: 70px;
    width: 70px;
    border-radius: 100px;
    margin: 0 auto;
    color: #fff;
    font-size: 30px;
    padding-top: 3px;
}

.share_circlemodal {
    height: 70px;
    width: 70px;
    border-radius: 100px;
    margin: 0 auto;
    color: #fff;
    font-size: 30px;
    padding-top: 3px;
}

.edit_circle {
    height: 60px;
    width: 60px;
    border-radius: 100px;
    margin: 0 auto;
    float: left;
    color: #fff;
    font-size: 30px;
    padding-top: 3px;
}

.font_edit {
    font-weight: 600;
    font-size: 22px !important;
    line-height: 60px;
}

.edit_circle_white {
    height: 60px;
    width: 60px;
    border-radius: 100px;
    margin: 0 auto;
    float: left;
    color: #fff;
    font-size: 30px;
    padding-top: 3px;
}

.edit_list span {
    color: #fff;
    float: left;
    font-size: 18px;
    width: 70%;
    text-align: left;
    padding-left: 20px;
}

.download_matrix {
    /* float: left; */
    width: 100px;
    display: inline-block;
}

    .download_matrix i {
        font-size: 50px;
        color: #0074bc;
        margin-top: 30px;
    }

    .download_matrix span {
        color: #fff;
        float: left;
        text-align: center;
        font-size: 16px;
    }

.my_content {
    float: left;
    background: #44a3db;
    color: #fff;
    text-align: center;
    padding: 1px 6px;
    border-radius: 12px;
    font-size: 18px;
    width: 155px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 20px;
    height: 50px;
    cursor: pointer;
    margin-top: 5px;
    transition: 1s;
}

    .my_content:hover {
        background: #fff;
        color: #44a3db;
    }

.my_content_red {
    float: left;
    background: #ff0000;
    color: #fff;
    text-align: center;
    font-size: 18px;
    width: 155px;
    height: 50px;
    padding: 0px 6px;
    border-radius: 12px;
    cursor: pointer;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 20px;
    margin-top: 5px;
    transition: 1s;
}

    .my_content_red:hover {
        background: #fff;
        color: #ff0000;
    }


.download_curriculam_btn {
    background: #30a4dc;
    color: #fff;
    width: 140px;
    float: left;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    line-height: 22px;
    border-radius: 10px;
    text-transform: uppercase;
    font-size: 16px;
}

    .download_curriculam_btn:hover {
        background: #1f83b3;
        color: #fff;
    }

    .download_curriculam_btn img {
        margin-top: 10px;
        float: left;
        margin-left: 5px;
        margin-right: 5px;
    }

    .download_curriculam_btn span {
        float: left;
        width: 110px;
    }

.height300 {
    width: 94% !important;
    height: 300px !important;
}

.checkShow img {
    width: 100%;
}

.anchor {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.position_abs {
    position: absolute;
    bottom: 10px;
}

.position_absonly {
    position: absolute;
    left: 0;
    top: 0;
}

.position_relonly {
    position: relative;
}

.modal-header {
    padding: 0 !important;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    z-index: 9;
    width: 100%;
    padding: 10px 0;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.trans-arrow {
    bottom: 20px !important;
}

.remove_div {
    float: left;
    width: 100%;
    position: absolute;
    bottom: 120px;
}

.min_height680 {
    height: 610px;
    position: relative;
}

.remove_lesson {
    margin: 0 auto;
    background: #F80000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 18px;
    width: 160px !important;
    display: block;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
    margin-top: 10px;
    cursor: pointer;
    transition: 1s;
}

    .remove_lesson:hover {
        background: #fff;
        color: #F80000;
    }

.remove_lesson_blue {
    margin: 0 auto;
    background: #44a3db;
    color: #fff;
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 18px;
    width: 160px !important;
    display: block;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    font-weight: bold;
    line-height: 20px;
    text-transform: uppercase;
    margin-top: 10px;
    cursor: pointer;
    transition: 1s;
}

    .remove_lesson_blue:hover {
        background: #fff;
        color: #44a3db;
    }

.download_curriculam {
    float: left;
    color: #fff;
    padding: 2px 0;
    font-weight: 100;
    border-radius: 12px;
    line-height: 20px;
    width: 70px;
    font-size: 16px;
    display: block;
    text-align: center;
    margin: 0 10px 10px 0;
}

    .download_curriculam img {
        width: 50px;
        height: 50px;
        margin-bottom: 5px;
    }


.overviewShareIcon {
    margin: 0 auto 5px;
    background-image: url('../images/share_icon.svg');
    width: 50px;
    height: 50px;
}

.overviewExportIcon {
    margin: 0 auto 5px;
    background-image: url('../images/Smartbook-EXPORT logo.svg');
    width: 50px;
    height: 50px;
}

.shareAnchor:hover .overviewShareIcon {
    background-image: url('../images/share_icon_highlighted.svg');
}

.exportIcon:hover .overviewExportIcon {
    background-image: url('../images/Smartbook-EXPORT logo-active.svg');
}


.shareAnchorClicked {
    background-image: url('../images/share_icon_highlighted.svg') !important;
}

.overviewGoogleIcon {
    margin: 0 auto 5px;
    background-image: url('../images/google_icon.svg');
    width: 50px;
    height: 50px;
}

.googleAnchor:hover .overviewGoogleIcon {
    background-image: url('../images/google_icon_active.svg');
}

.googleAnchorClicked {
    background-image: url('../images/google_icon_active.svg') !important;
}

.download_curriculam span {
    float: left;
    width: 100%;
    font-weight: 500;
}

.lesson_box {
    background: #000;
    color: #fff;
    float: left;
    margin: 0 5%;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: relative;
    width: 90%;
}

.hub_lesson_box {
    background: #000;
    color: #fff;
    float: left;
    margin: 0 15px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: relative;
}

.teacher_img {
    position: absolute;
    right: 0;
    height: 100px;
    width: 100px;
    background-image: url('../images/green_border.png');
    display: none;
}

.teacher {
    float: right;
    width: 70px;
    margin: 15px 15px 0 0;
    border: 2px solid #fff;
    border-radius: 100px;
}

    .teacher img {
        width: 100%;
    }

/*.lesson_box:hover .teacher_img {
	display: block;
}

.thumb-hover-active4 .teacher_img {
	display: block;
}*/

.lesson_box_main {
    background: transparent;
    color: #fff;
    float: left;
    /* margin: 0 15px; */
    /*cursor: pointer;*/
    cursor: default;
    text-align: left;
    width: 100%;
}

.hidedivs {
    visibility: hidden;
    display: none !important;
}

.viewdivs {
    visibility: visible;
    display: block !important;
}

.hidedivsOnlyVisiblity {
    visibility: hidden;
}

.viewdivsOnlyVisiblity {
    visibility: visible;
}

.lesson0 {
    background: #76ca38;
}

.lesson1 {
    background: #b83229;
}

.ExternalFile {
    background: #5fc082;
}

.Externalweblink {
    background: #613d2a;
}

.Externalweblinkdata {
    background: #613d2a;
}

.lesson_Book {
    background: #4CA354;
}

.lesson2 {
    background: #1970b6;
}

.lesson3 {
    background: #9c28b1;
}

.lesson4 {
    background: #017066;
}

.lesson5 {
    background: #f37a21;
}

.CLFA {
    background: #ed028c;
}

.reading, .viewspreadonly {
    background: #38ae5f;
}

.facts {
    background: #38ae5f;
}

.audio {
    background: #f15a38;
}

.video {
    background: #993f97;
}

.additionallayer {
    background: #3e95d1;
}

.slideshow {
    background: #69489c;
}

.activities {
    background: #f7943d;
}

.map {
    background: #23948a;
}

.weblink {
    background: #ed1164;
}


.transparency {
    /*background: #f37a21;*/
    background: #e42c1a;
}

.quiz {
    background: #25408f;
}

.quizkey {
    background: #25408f;
}

.assessment {
    background: #25408f;
}

.hotlink {
    background: #f37a21;
}

.firsthand {
    background: #f37a21;
}

.docs {
    background: #f37a21;
}

.rubric {
    background: #f37a21;
}

.teacherguide {
    background: #f37a21;
}

.top_section p {
    font-size: 16px !important;
    margin: 3px 0 3px 0;
    width: 100% !important;
    /*text-overflow: ellipsis !important;
	white-space: nowrap !important;
	overflow: hidden !important;*/
}

.top_section {
    padding-left: 10px;
    float: left;
    width: 100%;
    min-height: 25px;
}

.listIcon {
    margin-top: 30px;
}

    .listIcon li .color_black {
        font-weight: 400;
    }

    .listIcon li .download_curriculam {
        width: 90px;
    }

.listIconRight {
    margin-top: 20px;
    float: right;
}

    .listIconRight li {
        float: left;
    }

.graph_heading {
    margin-top: 30px;
}

    .graph_heading h2 {
        margin-top: 10px;
        float: left;
    }

.listIconRight li .color_black {
    font-weight: 400;
}

.listIconRight li .download_curriculam {
    width: 90px;
}

.view_detail {
    font-weight: 400;
    font-size: 15px;
}

.border_bottom {
    float: left;
    width: 100%;
    border-bottom: 2px solid #777878;
    padding-bottom: 10px;
}

.mid_section {
    height: 120px;
    background: rgba(0,0,0,0.2);
    padding-left: 10px;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.lesson_box_main .mid_section {
    height: auto !important;
}

.DLEmid_section {
    display: table;
    float: none;
}

    .DLEmid_section h1 {
        display: table-cell;
        vertical-align: middle;
        float: none !important;
    }

.mid_section2 {
    background: rgba(0,0,0,0.2);
    padding-left: 10px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.bottom_section {
    /* min-height: 150px; */
    padding: 0 10px;
    float: left;
    width: 100% !important;
    height: 130px;
    overflow: hidden;
    margin-bottom: 10px;
}

.slimScrollDiv .bottom_section {
    margin-bottom: 0px;
}

span.headlesson {
    font-weight: normal !important;
    font-size: 14px !important;
    padding-right: 10px;
    margin: 0 !important;
    line-height: 20px;
}

.DisplayPEDetailForCoreTiles {
    font-weight: normal !important;
    font-size: 14px !important;
    padding-right: 10px;
    margin: 0 !important;
    line-height: 20px;
    height: 62px;
    overflow: hidden;
}

.top_section h4 {
    font-size: 22px;
    margin: 0;
    margin: 0 0 10px 0;
}

.mid_section h1 {
    margin: 0 0 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 26px;
    float: left;
    width: 100%;
}

.min_height680 .mid_section h1 {
    margin: 5px 0 10px 0;
}

.mid_section span {
    font-size: 20px;
    float: left;
    width: 100%;
    font-weight: bold;
    padding-bottom: 10px;
    padding-right: 10px;
    line-height: 22px;
}

.mid_section2 h1 {
    margin: 10px 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 32px;
    float: left;
    width: 100%;
}

.mid_section2 span {
    font-size: 25px;
    float: left;
    width: 100%;
    font-weight: bold;
    padding-bottom: 10px;
}

.bottom_section span {
    font-size: 16px;
    float: left;
    font-weight: normal;
    width: 100%;
    margin: 5px 0 5px 0;
}

.lesson0 .mid_section h1 {
    padding-top: 20px;
    text-transform: none;
}

.lesson0 .top_section {
    height: 60px;
}

.CoreStyle .top_section {
    height: auto !important;
}

    .CoreStyle .top_section p {
        font-weight: 600;
    }

.CoreStyle .bottom_section .headlesson {
    font-weight: 600;
}

.assessment_margin_top {
    margin-top: 90px !important;
}

.lesson0 .top_section .fix_content {
    margin: 0;
    height: 0;
}

.CoreStyle {
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

    .CoreStyle:after {
        display: none !important;
    }

    .CoreStyle:hover {
        box-shadow: none !important;
    }

.width70 {
    max-width: 260px !important;
    /*margin-left: 15% !important;
	margin-right: 15% !important;*/
}

.bottom_section h4 {
    float: left;
    font-weight: bold;
    width: 100%;
    line-height: 25px;
    padding: 8px 0 8px 0px;
    margin: 0;
}

.share_list {
    float: left;
    width: 100%;
    margin: 10px 0;
    position: absolute;
    bottom: 0;
}

    .share_list li {
        float: left;
        width: 33%;
        text-align: center;
    }

.edit_list {
    float: left;
    width: 100%;
    margin: 10px 0;
}

    .edit_list li {
        float: left;
        text-align: left;
        padding: 6px 20px;
        display: inline-block;
        width: 100%;
    }

.share_resources {
    float: left;
    text-align: center !important;
    width: 100% !important;
    font-size: 22px !important;
    padding: 40px 20px 0 20px;
}

.select_digital_main {
    float: left;
    width: 100%;
    position: relative;
    height: 460px;
}

.select_digital_single {
    float: left;
    width: 100%;
    height: 100%;
    /*background: #b7332a;*/
    position: absolute;
    padding-top: 100px;
}

.select_digital_double {
    float: left;
    width: 100%;
    position: absolute;
    height: 100%;
    padding-top: 30px;
    /*background: #b7332a;*/
}

.select_digital_google_single {
    float: left;
    width: 100%;
    height: 100%;
    /*background: #b7332a;*/
    position: absolute;
    padding-top: 100px;
}

.select_digital_google_double {
    display: inline-block;
    width: 100%;
    position: absolute;
    height: 100%;
    padding-top: 30px;
    /*background: #b7332a;*/
}

.mid .select_digital_google_double {
    position: relative !important;
}

.share_resources span {
    float: left;
    width: 100% !important;
    font-size: 23px !important;
    text-align: center !important;
    padding: 0 !important;
    line-height: 30px;
}

.share_google_resources {
    width: 100% !important;
    margin: 20px 0 50px 0;
}

    .share_google_resources span {
        width: 100% !important;
        font-size: 23px !important;
        text-align: center !important;
        padding: 0 !important;
        line-height: 30px;
        display: block;
    }

.share_resources a {
    background: #30a4dc;
    color: #fff;
    width: 90px;
    display: inline-block;
    border: 3px solid #fff;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 2px 0;
    margin-top: 10px;
    border-radius: 17px;
    cursor: pointer;
}

.mb_30 {
    margin-bottom: 30px;
    float: left;
}

.share_list li a {
    color: #fff;
}

.dr {
    color: #fff;
    margin: 28px 0;
    font-size: 26px;
}

.teacher_profile {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
}

.teacher_profile_top_menu {
    /*background: #7bcb42;*/
    background: #47ad62;
    border-top: 2px solid #fff;
}

.my_hub {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    font-family: 'MyriadPro-BoldCond';
    background: #7BCA42;
    max-width: 220px;
    margin: 5px 0;
    color: #fff;
    text-align: right;
    padding: 3px 5px 2px 0;
}

    .my_hub:hover, .my_hub:active, .my_hub:visited {
        text-shadow: 0px 0px 20px #fff;
    }

.teacher_profile_tabs li a {
    border: none !important;
    font-size: 19px !important;
    border-radius: 12px;
}

.teacher_profile_tabs {
    /* margin-top: 14px; */
}

    .teacher_profile_tabs li {
        padding: 14px 10px;
        float: left;
    }

    .teacher_profile_tabs > li.active > a, .teacher_profile_tabs > li.active > a:focus, .teacher_profile_tabs > li.active > a:hover {
        background: #fff !important;
        color: #000 !important;
    }

    .teacher_profile_tabs > li.active2 > a, .teacher_profile_tabs > li.active2 > a:focus, .teacher_profile_tabs > li.active2 > a:hover {
        background: #fff !important;
        color: #000 !important;
    }

.teacher_image {
    padding-top: 20px;
    text-align: center;
    width: 110px;
    position: relative;
    transition: 0.3s;
}

    .teacher_image a {
        color: #000;
        text-align: center;
        font-size: 18px;
        margin: 12px auto;
        text-decoration: underline !important;
        float: left;
        width: 100%;
        transition: 0.3s;
    }

.teacher_profile_list {
    margin: 10px 0 10px 0;
}

    .teacher_profile_list li {
        color: #000;
        font-size: 18px;
        margin: 0 0 10px 0;
    }

        .teacher_profile_list li strong {
            font-weight: 800;
        }

        .teacher_profile_list li span {
            font-size: 18px;
        }

.discription_close {
    outline: none;
    border: 2px solid #fff;
    height: 35px;
    width: 35px;
    color: #fff;
    line-height: 20px;
    background: #fff;
    font-size: 0;
    border-radius: 20px;
    margin: 0px 10px 0 0;
    position: absolute;
    right: 0;
    top: -12px;
    z-index: 3;
    background-image: url(../images/closeWithBorder.svg);
}

    .discription_close i {
        margin-bottom: 3px;
    }


    .discription_close:hover, .discription_close:active, .discription_close:visited {
        text-shadow: 0px 0px 20px #fff;
    }

.discription_closehuboveriew {
    float: right;
    font-size: 30px;
    color: #fff;
    background: none;
    position: absolute;
    border: none;
    z-index: 9;
    right: 20px;
}

    .discription_closehuboveriew i {
        margin-bottom: 3px;
    }

    .discription_closehuboveriew:hover, .discription_closehuboveriew:active, .discription_closehuboveriew:visited {
        text-shadow: 0px 0px 20px #fff;
    }

.teacher_profile_close {
    float: right;
    font-size: 30px;
    color: #000;
    background: none;
    position: absolute;
    border: none;
    margin: 0 10px 0 0;
    outline: none;
    right: 0;
    z-index: 3;
}

    .teacher_profile_close i {
        margin-bottom: 3px;
    }

    .teacher_profile_close:hover, .teacher_profile_close:active, .teacher_profile_close:visited {
        text-shadow: 0px 0px 20px rgba(0,0,0,0.4);
    }

.color_black {
    color: #000 !important;
}

.lesson_description1 {
    /*display: none;*/
}

.lesson_discription_close {
    outline: none;
    border: 2px solid #fff;
    height: 35px;
    width: 35px;
    color: #fff;
    line-height: 20px;
    background: #fff;
    font-size: 0;
    top: -12px;
    border-radius: 20px;
    margin: 0px 10px 0 0;
    position: absolute;
    right: 0;
    z-index: 3;
    background-image: url(../images/closeWithBorder.svg);
}

    .lesson_discription_close i {
        margin-bottom: 3px;
    }

    .lesson_discription_close:hover, .lesson_discription_close:active, .lesson_discription_close:visited {
        text-shadow: 0px 0px 20px #fff;
    }

.lesson_discription_closehub {
    float: right;
    font-size: 30px;
    color: #000;
    background: none;
    border: none;
    margin-top: 20px;
    z-index: 9;
    position: absolute;
    right: 0;
}

    .lesson_discription_closehub i {
        margin-bottom: 3px;
    }

.topMargin {
    margin: 10px 0 0 0;
}

.lesson_discription_closehub:hover, .lesson_discription_closehub:active, .lesson_discription_closehub:visited {
    text-shadow: 0px 0px 20px rgba(0,0,0,0.4);
}

.thumb-hover-active {
    position: relative;
    outline: none;
    margin-top: 20px !important;
}

.active_img {
    border: 4px solid #fff;
    margin-top: 20px !important;
}

.openboxdiv {
    position: absolute;
    bottom: -15px;
    width: 100%;
    text-align: center;
}

.openBox {
    background: #30a4dc;
    color: #fff;
    border: 4px solid #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 auto;
    border-radius: 15px;
    width: 60%;
    height: 50px;
    max-width: 150px;
    min-width: 130px;
    text-transform: uppercase;
    background-repeat: no-repeat;
    z-index: 9999;
    display: none;
}

    .openBox:hover {
        background: #fff;
        color: #30a4dc;
        border: 4px solid #30a4dc;
    }
/*.thumb-hover:hover {
	border: 4px solid #fff;
}*/

/*.link:hover > .openBox {
	display: block;
}*/

.thumb-hover-active img {
    /*border: 4px solid #fff;*/
    outline: 4px solid #fff;
    outline-offset: -4px;
}

.thumb-hover-active .openBox {
    display: block;
}

.thumb-hover-active3 {
    box-shadow: inset 0 0 0 4px #fff;
    position: relative;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}

    .thumb-hover-active3:after {
        content: "";
        position: absolute;
        height: 30px;
        background: url(../images/down_arrow.png);
        background-size: 100%;
        width: 100%;
        background-repeat: no-repeat;
        bottom: -40px;
        z-index: 9999;
        left: 0;
    }

.thumb-hover-active4 {
    box-shadow: inset 0 0 0 4px #fff;
    margin-top: 20px;
    position: relative;
    outline: none;
}

    .thumb-hover-active4:after {
        content: "";
        position: absolute;
        height: 30px;
        background: url(../images/down_arrow.png) no-repeat;
        background-size: 100%;
        width: 100%;
        bottom: -40px;
        z-index: 9999;
        left: 0;
        outline: none;
    }

.tab-content {
    float: left;
    width: 100%;
}

.discription .tab-content {
    /*min-height: 700px;
	padding-top: 60px;*/
    min-height: 420px;
    /* padding-top: 37px; */
}

.bookTabHeight {
    /*min-height: 680px !important;*/
    min-height: 580px !important;
    padding-top: 0 !important;
}

.morecontent span {
    display: none;
    /*float: left !important;*/
    width: 100% !important;
}

.morelink {
    display: block;
    text-decoration: underline !important;
    font-size: 14px;
    font-weight: normal;
    float: right !important;
    width: 40px !important;
}

span.morecontent {
    /*float: left;*/
    width: 100%;
}

.bookTabHeight .differentiated_height .scrollbar-inner {
    max-height: 550px !important;
}

.bookTabHeight .min_height680 {
    height: 550px !important;
}

.teacher_tab_heading {
    color: #000;
    font-weight: bold;
    margin: 0 0 20px 0;
    font-size: 40px;
}

.teacher_tab_headingWithSpan {
    color: #000;
    font-weight: bold;
    margin: 0 0 20px 0;
    font-size: 40px;
}

.multiple {
    height: 354px;
}

/*.one-time2 .multiple {
	height: auto;
}*/
#MyLessonDIV {
    padding: 0 20px;
}

.one-time2 .slick-prev, .one-time2 .slick-next {
    top: 150px;
}

.teacher_tab_heading span {
    color: #fff;
    background: #0294dd;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 2px;
    border-radius: 4px;
}

.grey_bg {
    float: left;
    width: 100%;
    background: linear-gradient(#EEEEEF, #D6D7D8);
    background-image: url('../images/school_logo.png');
    background-color: #E2E2E2;
    /*background-color: #bfe2c8;*/
    padding-bottom: 100px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
}
/*.grey_bg .discription {
	background:#000;
}*/
.share_info {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: #9b29b0;*/
    z-index: 9;
}

.share_info2 {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: #9b29b0;*/
    z-index: 999;
}

.share_google {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: #9b29b0;*/
    z-index: 999;
}

.google_close {
    float: right;
    font-size: 30px;
    color: #fff;
    right: 0;
    background: none;
    border: none;
    outline: none;
    position: absolute;
    margin: 10px 10px 0 0;
}


    .google_close:hover, .google_close:active, .google_close:visited {
        text-shadow: 0px 0px 20px #fff;
    }

.edit_close {
    float: right;
    font-size: 30px;
    color: #fff;
    right: 0;
    background: none;
    border: none;
    position: absolute;
    outline: none;
    margin: 10px 10px 0 0;
}

    .edit_close:hover, .edit_close:active, .edit_close:visited {
        text-shadow: 0px 0px 20px #fff;
    }

.share_close {
    float: right;
    font-size: 30px;
    color: #fff;
    right: 0;
    background: none;
    border: none;
    position: absolute;
    margin: 10px 10px 0 0;
    outline: none;
}

    .share_close:hover, .share_close:active, .share_close:visited {
        text-shadow: 0px 0px 20px #fff;
    }

.edit_list li input {
    float: left;
    color: #888;
    width: 100%;
    height: 40px;
    border: 1px solid #000;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 4px;
}

.resources_div {
    float: left;
    width: 100%;
}

.left_discription {
    float: left;
}

    .left_discription .order_list li {
        font-size: 17px;
    }

.con_img {
    margin: 0 10px;
}

    .con_img img {
        width: 100%;
    }

.google_icon {
    background-image: url(../images/google_icon.svg);
    background-size: cover;
    height: 60px;
    width: 60px;
}

    .google_icon:hover {
        background-image: url(../images/google_icon_active.svg);
    }

.share_gdrive_img span {
    background-image: url(../images/gdrive.png);
    background-size: cover;
    height: 80px;
    width: 80px;
    display: block;
    margin: 20px auto 0;
    cursor: pointer;
}

.share_gdrive_img_dynamic {
    /*background-image: url(../images/gdrive.png);*/
    background-size: cover;
    height: 80px;
    width: 80px;
    display: block;
    margin: 20px auto 0;
    cursor: pointer;
}

.share_gclassroom_img span {
    background-image: url(../images/gclassroom.png);
    background-size: cover;
    height: 80px;
    width: 80px;
    display: block;
    margin: 20px auto 0;
    cursor: pointer;
}

.share_gclassroom_img_dynamic {
    /*background-image: url(../images/gclassroom.png);*/
    background-size: cover;
    height: 80px;
    width: 80px;
    display: block;
    margin: 20px auto 0;
    cursor: pointer;
}

.scissor_icon {
    background-image: url(../images/edit_icon.svg);
    background-size: cover;
    height: 60px;
    width: 60px;
}

    .scissor_icon:hover {
        background-image: url(../images/edit_icon_highlighted.svg) !important;
    }

.scissor_icon_black {
    background-image: url(../images/edit_icon_highlighted.svg);
    background-size: cover;
    height: 60px;
    width: 60px;
}

.share_icon {
    background-image: url(../images/share_icon.svg);
    background-size: cover;
    height: 60px;
    width: 60px;
}

img.lazy {
    display: block;
}

.openpage_icon {
    background-image: url('../images/smartbook.svg');
    background-size: cover;
    height: 50px;
    width: 50px;
    transition: 1s;
    border: 2px solid #fff;
    z-index: 2;
    background-color: #000;
}

.share_icon_modal {
    background-image: url(../images/share_icon.svg);
    background-size: cover;
    height: 50px;
    width: 50px;
}

.google_icon_modal {
    background-image: url(../images/google_icon.svg);
    background-size: cover;
    height: 50px;
    width: 50px;
}

.share_icon:hover {
    background-image: url(../images/share_icon_highlighted.svg) !important;
}

.share_icon_black {
    background-image: url(../images/share_icon_highlighted.svg);
    background-size: cover;
    height: 60px;
    width: 60px;
}

.plus_icon {
    background-image: url(../images/plus_icon.svg);
    background-size: cover;
    height: 60px;
    width: 60px;
}

.minus_icon {
    background-image: url(../images/minus_icon.svg);
    background-size: cover;
    height: 60px;
    width: 60px;
}

.reload_icon {
    background-image: url(../images/restore_icon.svg);
    background-size: cover;
    height: 60px;
    width: 60px;
}

.main-outer {
    float: left;
    width: 100%;
    max-width: 100%;
    /*min-height:900px;*/
    margin: 0 auto;
    background: transparent;
    padding: 11px 0 0 0;
    position: relative;
    z-index: 2;
}

.slimScrollDiv {
    margin: 0 auto;
    float: left;
    /*padding-right: 20px;*/
    width: 100% !important;
    margin-bottom: 6px;
    z-index: 8;
}

.building {
    background: #050708 url(../images/building-bg.png) right top no-repeat;
}

.site-header {
    float: left;
    width: 100%;
    margin-bottom: 35px;
}

.brand-name {
    display: inline-block;
}

    .brand-name img {
        width: 350px;
    }

.actiona {
    float: right;
    text-align: right;
}

.bnt-logout {
    border: 2px solid #fff;
    background: #A6CE38;
    text-transform: uppercase;
}

.discription {
    float: left;
    width: 100%;
    max-width: 100%;
    /*padding-top: 20px;*/
    padding-bottom: 30px;
    margin-bottom: 20px;
    position: relative;
}

.teacher_profile .main-outer .discription {
    margin-bottom: 0 !important;
    padding-bottom: 10px !important;
}


.discription .tab-pane .col-md-12, .discription .tab-pane .tab_inner_container {
    padding: 0 35px;
}

.page-title {
    font-size: 40px;
    color: #fff;
    margin-bottom: 25px;
    font-weight: bold;
    margin-top: 0;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.7);
}

.page-small-title {
    font-size: 30px;
    color: #fff;
    line-height: 40px;
    margin: 0;
    font-weight: 600;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.7);
}

.page-small-dataNotification {
    font-size: 30px;
    color: #fff;
    line-height: 60px;
    margin: 0;
    font-weight: 600;
    text-shadow: 0px 0px 20px rgba(0,0,0,0.7);
}

.links {
    margin-bottom: 5px;
    width: 100%;
}

    .links ul li {
        display: inline-block;
        margin-bottom: 5px;
        width: 100%;
    }

        .links ul li span {
            display: block;
            color: #fff;
            font-size: 22px;
            padding: 4px;
            padding-right: 50px;
            background: #7d7c7c;
            margin-right: 8px;
            margin-bottom: 8px;
            line-height: 35px;
            width: auto;
        }

    .links .bg-red {
        background: #ED1C24;
    }

    .links .bg-grey {
        background: #454545;
    }



    .links .bg-yellow {
        border: 2px solid #fff;
        background: #A6CE38;
        padding: 2px 4px;
    }

    .links .bg-trans {
        background: none;
    }
/*.book-disc {height: 170px;}*/
.discription p {
    color: #fff;
    font-size: 20px;
    color: #fff;
    padding-right: 10px;
    width: 100%;
}

.ngss_para {
    margin-bottom: 40px;
    font-size: 24px !important;
}

.mt80 {
    margin-top: 5px;
}

.CoreStyle .mid_section h1 {
    padding-top: 20px;
}

.tumbnail-outer {
    float: left;
    width: 100%;
    padding: 0 35px 0 35px;
    /*background: #000;*/
}

.core_text_div {
    float: left;
}

.title {
    font-size: 22px;
    color: #fff;
    line-height: 25px;
    padding-left: 15px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 0;
}

.da-thumbs .da-slide {
    padding: 0px;
    position: relative;
    margin: 0 15px 0 15px;
    height: 285px;
}

    .da-thumbs .da-slide a, .da-thumbs .da-slide a img {
        display: block !important;
        position: relative;
        height: 100%;
        transition: 0.2s;
    }

.core_img img:hover {
    border: 4px solid #fff;
}

.ngssImg .core_img img:hover {
    border: none !important;
}

.slick-slide img {
    margin: 0 auto;
}

.da-thumbs .da-slide a {
    overflow: visible;
    outline: none;
    cursor: pointer;
    height: 250px;
}

.slick-slide a:hover img {
    /*border: 4px solid #fff;*/
    outline: 4px solid #fff;
    outline-offset: -4px;
}

#ResourcesDetails {
    padding: 0 35px;
}

    #ResourcesDetails .pad35 {
        padding: 0;
    }

    #ResourcesDetails .page-title {
        color: #000;
        font-weight: 800;
        text-shadow: none;
    }

    #ResourcesDetails .page-small-title {
        color: #000;
        font-weight: 700;
        text-shadow: none;
    }

    #ResourcesDetails .lesson_discription_close {
        color: #000;
        right: -25px;
    }

        #ResourcesDetails .lesson_discription_close:hover, #ResourcesDetails .lesson_discription_close:active, #ResourcesDetails .lesson_discription_close:visited {
            text-shadow: 0px 0px 20px rgba(0,0,0,0.4);
        }

/*.one-time3 .slick-slide a:hover img {
	border: 4px solid #fff;
}*/

.da-thumbs .da-slide a .thumb-hover {
    position: absolute;
    width: 100%;
    height: 100%;
}

    .da-thumbs .da-slide a .thumb-hover > h3 {
        display: table;
        height: 100%;
        width: 100%;
    }

    .da-thumbs .da-slide a .thumb-hover p {
        display: table-cell;
        vertical-align: middle;
        color: #fff;
        font-family: 'Muli', sans-serif;
        text-align: center;
        font-size: 12px;
    }

    .da-thumbs .da-slide a .thumb-hover span.book-name {
        display: block;
        font-size: 24px;
        line-height: 26px;
        font-weight: 700;
    }

.LessonDetailsForMyhub .page-small-title {
    color: #000;
    text-shadow: none;
}

.LessonDetailsForMyhub .page-title {
    color: #000;
    text-shadow: none;
}


.da-thumbs .da-slide a .thumb-hover {
    top: 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


.slick-prev, .slick-next {
    width: 35px;
    height: 100%;
    z-index: 1;
    top: 130px;
    transition: 1s;
}

.slick-next {
    background: url(../images/next.png) center center no-repeat;
    background-size: 30px;
    opacity: 0.7;
}

.slick-prev {
    background: url(../images/prev.png) center center no-repeat;
    background-size: 30px;
    z-index: 9;
    opacity: 0.7;
}

    .slick-prev:hover, .slick-prev:focus {
        background: url(../images/prev.png) center center no-repeat;
        background-size: 30px;
        opacity: 1;
    }

.slick-next:hover, .slick-next:focus {
    background: url(../images/next.png) center center no-repeat;
    background-size: 30px;
    opacity: 1;
}

#myModalforpdf .modal-footer {
    display: none;
}

#myModalforpdf .modal-dialog {
    max-width: 80%;
    background: rgba(0,0,0,0.5);
    margin: 0 auto !important;
    height: 100%;
}

#myModalforpdf .modal-body {
    padding-bottom: 0px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    height: 99%;
    margin: 0;
}

#myModalforpdf .modal-dialog .close {
    height: 35px;
    width: 35px;
    top: 80px;
    right: 30px !important;
}

.one-time2 .slick-next, .one-time3 .slick-next {
    background: url(../images/next_black.png) center center no-repeat;
    background-size: 30px;
    opacty: 0.7;
}

.one-time2 .slick-prev, .one-time3 .slick-prev {
    background: url(../images/prev_black.png) center center no-repeat;
    background-size: 30px;
    opacty: 0.7;
    z-index: 9;
}

/*.one-time2 .slick-prev:hover, .one-time2 .slick-prev:focus, .one-time3 .slick-prev:hover, .one-time3 .slick-prev:focus {
		background: url(../images/prev_black.png) center center no-repeat;
		background-size: 30px;
		opacty: 1;
	}

.one-time2 .slick-next:hover, .one-time2 .slick-next:focus, .one-time3 .slick-next:hover, .one-time3 .slick-next:focus {
	background: url(../images/next_black.png) center center no-repeat;
	background-size: 30px;
	opacty: 1;
}*/

.slick-prev.slick-disabled {
    opacity: .25;
}

.slick-next.slick-disabled {
    opacity: .25;
}

.slick-prev::before, .slick-next::before {
    font-size: 30px;
    display: none;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(255, 255, 255, 1) url('../images/loader.gif') center center no-repeat;
    background-size: 200px;
    opacity: 1;
}

.loader2 {
    width: 50%;
    height: 150px;
    position: absolute;
    left: 25%;
    top: 100px;
    z-index: 9999;
    background: url(../images/loader2.gif) center center no-repeat;
    background-size: 100px;
    opacity: 1;
    float: left;
}

.loader4 {
    width: 50%;
    height: 150px;
    position: absolute;
    left: 25%;
    top: 50%;
    z-index: 9999;
    background: url(../images/loader2.gif) center center no-repeat;
    background-size: 100px;
    opacity: 1;
    float: left;
}

.loader5 {
    width: 100%;
    height: 350px;
    position: static;
    left: 25%;
    top: 50%;
    z-index: 9999;
    background: url(../images/loader2.gif) center center no-repeat;
    background-size: 100px;
    opacity: 1;
    float: left;
}

.loader3 {
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 9999;
    background: url(../images/loader2.gif) center center no-repeat;
    background-size: cover;
    top: 99px;
    left: 20%;
    opacity: 1;
    float: left;
}

.main_loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, 0.4) url('../images/loader2.gif') center center no-repeat;
    background-size: 100px;
    opacity: 1;
}

.Super_main_loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.4) url('../images/loader2.gif') center center no-repeat;
    background-size: 100px;
    opacity: 1;
}

.Super_main_loader_preview {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4) url('../images/loader2.gif') center center no-repeat;
    background-size: 100px;
    opacity: 1;
}
/*new page style*/
.thumbnail-tiles a {
    display: inline-block;
    width: 15%; /*height: 217px;*/
    float: left;
    margin: 0 2% 34px 0;
    padding: 0;
    overflow: hidden;
}

.submit_btn {
    background: #51A3DA;
    margin: 0 auto;
    display: block;
    padding: 5px 10px;
    border-radius: 10px;
    border: 2px solid #fff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;
}

.thumbnail-tiles a:nth-child(6n) {
    margin-right: 0;
}

.subj-title {
    padding: 100px 0px 20px 10px;
    color #fff;
}

.subj-inner-div {
    width: 100%;
    display: block;
    margin: 0;
}

    .subj-inner-div img {
        max-width: 100%;
        opacity: 0.8;
    }

        .subj-inner-div img:hover {
            opacity: 1;
        }

.thumbnail-tiles {
    margin-top: 100px;
}

.no-records {
    color: #fff;
    font-family: inherit;
    font-weight: bold;
    padding-left: 50px;
}

.thumb-hover-active {
    outline: none;
}


/*new page style*/

.check_div {
    position: relative;
    cursor: pointer;
    display: grid;
}

.check {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.check1 {
    position: absolute;
    left: 0;
    width: 100% !important;
    z-index: 9999;
    height: 100%;
}

/*.check::after {
		border-right: solid 30px rgb(58,164,218);
		border-top: solid 30px rgb(58,164,218);
		border-bottom: solid 30px transparent;
		border-left: solid 30px transparent;
		width: 60px;
		height: 60px;
		position: absolute;
		content: "";
		right: 0;
	}*/

/*.spread_icon {
	margin: 10px 0 0 0;
	position: absolute;
	right: 0;
	z-index: 2;
}*/
.spread_icon {
    margin: 0px 0 0 0;
    padding: 5px;
    position: absolute;
    width: 100%;
    right: 0;
    z-index: 999;
    display: table;
    left: 0;
}

    .spread_icon a {
        float: left;
        width: 15%;
    }

    .spread_icon img {
        width: 40px;
        margin-left: 5px;
        float: left;
        border: 1px solid #fff;
        margin-right: 10px;
        border-radius: 50px;
        height: 40px;
    }

    .spread_icon span.singleLine {
        color: #fff;
        font-size: 17px;
        text-transform: capitalize;
        line-height: 20px;
        font-weight: 600;
        width: 85%;
        text-align: left;
        float: none;
        display: table-cell;
        vertical-align: middle;
    }

/*.spread_icon span.more{
	float: left !important;
	display: block !important;
}*/
span.moreellipses {
    float: none;
}

.check_Model {
    position: absolute;
    height: 100%;
    width: 100%;
}

.SetNameofCoreLessons {
    padding-left: 10px;
}

.check_Model1 {
    position: absolute;
    height: 100%;
    width: 100%;
}


.spread_icon_list {
    float: right;
    display: none;
}

    .spread_icon_list li {
        float: left;
    }

        .spread_icon_list li img {
            margin-right: 0 !important;
        }

.spread_icon:hover .spread_icon_list {
    display: block;
}

.check_icon {
    background-image: url(../images/check_icon.svg);
    background-repeat: no-repeat;
    background-size: 70px;
    background-position: center;
}

.modal-content {
    background-color: #fff !important;
    border: 4px solid #fff !important;
}

#ResModal .modal-content {
    background-color: #000 !important;
}

.close {
    outline: none;
    border: 2px solid #fff !important;
    height: 35px;
    width: 35px;
    color: #fff;
    line-height: 20px;
    background: #fff !important;
    font-size: 0;
    border-radius: 20px;
    margin: 0;
    position: absolute !important;
    right: -15px !important;
    z-index: 999 !important;
    background-image: url(../images/closeWithBorder.svg) !important;
    opacity: 1 !important;
    top: -15px;
}

.more-overlay {
    background: #000000;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.modal-header {
    border-bottom: none !important;
    display: inline-block;
    width: 100%;
    min-height: 0 !important;
}

.modal-title {
    color: #fff !important;
    width: 50%;
    padding-left: 20px;
}

#ResModal .modal-title {
    color: #fff !important;
    text-shadow: none;
    width: 50%;
    padding-left: 20px;
}

#ResModal .close {
    background: transparent !important;
}

#SpreadsView {
    width: 100% !important;
}

.modal-footer {
    border-top: 3px solid #353535 !important;
}

#ResModal .modal-dialog .modal-footer {
    display: inline-block;
    width: 100%;
}

#ResModal .modal-dialog .modal-body .slimScrollBarY {
    right: 5px !important;
    border: 1px solid #fff;
    background: #000 !important;
    opacity: 0.6 !important;
    width: 8px !important;
}

#ResModal .modal-dialog .modal-body .slimScrollRailY {
    right: 5px !important;
    width: 8px !important;
}

.btn-default {
    color: #fff !important;
    background-color: #51A3DA !important;
    border-color: #ffffff !important;
}

.btn {
    padding: 0 2px !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    border: 3px solid #fff !important;
    border-radius: 10px !important;
}

.blue_bg {
    width: 100% !important;
    /*margin-bottom: 30px;*/
    position: relative;
    white-space: normal !important;
}

#MyContentDIV {
    padding: 0 35px 0 35px;
    float: left;
    margin-top: 10px;
    background: #C1E1C9;
}

    #MyContentDIV .slider .slick-arrow, #MyContentDIV .slider .da-slide {
        margin: 85px 0 48px 0;
    }

.slimScrollBar {
    width: 9px !important;
    opacity: 0.8 !important;
}

.slimScrollRail {
    background: rgba(255, 255, 255, 1) !important;
    width: 9px !important;
    opacity: 0.5 !important;
}

#Contentforspread img {
    width: 100%;
}

/*.spread_modal_close {
	position: absolute;
	z-index: 90;
	right: 10px;
	top: 10px;
}*/

.modal-content audio {
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 13px;
}

.modal-body {
    padding: 0 !important;
    width: 100%;
}

.sb-search {
    position: relative;
    min-width: 120px;
    width: auto;
    height: 38px;
    float: left;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
}

    .sb-search form {
        float: left;
    }

.sb-search-input {
    outline: none;
    background: #6cbae8;
    display: none;
    width: 572px;
    height: 38px;
    float: left;
    margin: 0;
    z-index: 10;
    padding: 0px 30px 0px 4px;
    font-family: inherit;
    font-size: 20px;
    color: #fff;
    border: 0;
    font-weight: bold;
    text-transform: uppercase;
}

#sb-search input::placeholder {
    color: rgba(255,255,255,1);
    opacity: 1;
    font-size: 20px;
    font-weight: bold;
}

#sb-search input:-ms-input-placeholder {
    color: rgba(255,255,255,1);
    font-size: 20px;
    font-weight: bold;
}

#sb-search input::-ms-input-placeholder {
    color: rgba(255,255,255,1);
    font-size: 20px;
    font-weight: bold;
}

.sb-search-input::-webkit-input-placeholder {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.sb-search-input:-moz-placeholder {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.sb-search-input::-moz-placeholder {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.sb-search-input:-ms-input-placeholder {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.sb-icon-search, .sb-search-submit {
    /*width: 27px;
	height: 28px;*/
    display: block;
    padding: 0;
    margin: 0;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff; /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
    position: absolute;
    top: 0;
}

.sb-icon-search {
    color: #fff;
    background: #45A3DB;
    z-index: 90;
    font-size: 22px;
    font-family: 'FontAwesome';
    speak: none;
    float: left;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    padding-right: 10px;
    /*width: 115px;*/
    text-align: left;
}

    .sb-icon-search font {
        font-size: 28px;
        font-family: 'MyriadPro-BoldCond';
        font-weight: bold;
        padding-left: 5px;
        line-height: 36px;
    }

    .sb-icon-search:before {
        content: "\f002";
        font-size: 28px;
        margin: 4px 0 0 4px;
        float: left;
    }
/* Open state */
.sb-search.sb-search-open, .no-js .sb-search {
    width: 100%;
}

    .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
        background: #45A3DB;
        color: #fff;
        z-index: 11;
    }

    .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
        /*z-index: 90;*/
    }

.search_button {
    /*padding-left: 35%;*/
}

.search_button_open {
    max-width: 355px;
}

.search_close {
    /*width: calc(100% - 115px);
	margin-left: 0;*/
}

.sb-icon-search font {
    opacity: 1;
}

.search_texthide {
    opacity: 0;
}

.share_circle, .edit_circle {
    cursor: pointer;
}

.dr_list li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #fbfbfb66;
    padding-left: 10px;
}

.share_circlemodal, .edit_circle {
    cursor: pointer;
}

#Contentforspread .round-button .icon, .round-button .icons-menu {
    width: 42px;
    height: 42px;
}

#Contentforspread [class^="icon-"]:before, [class*=" icon-"]:before {
    padding-top: 4px;
    float: left;
}

.grey_bg > .tab-pane {
    height: 0 !important;
    overflow: hidden;
    display: block !important;
    z-index: 1;
    padding: 0 20px;
}

.grey_bg > .active {
    height: auto !important;
}

.nav-tabs > li > a {
    /*background: rgba(0,0,0,0.3);*/
    transition: 1s;
}

    .nav-tabs > li > a:hover {
        background: #fff;
        color: #000 !important;
    }

.teacher_profile_top_menu {
    float: left;
    width: 100%;
}


.dropbtn {
    background-color: #30a4dc;
    color: #fff;
    font-size: 16px;
    border: none;
    margin-bottom: 10px;
    text-align: center;
    line-height: 22px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: bold;
    width: 140px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #43A4DB;
    min-width: 160px;
    z-index: 9;
    width: 320px;
    border: 1px solid #000;
}

    .dropdown-content a {
        color: #fff;
        padding: 2px 5px;
        text-decoration: none;
        display: block;
        border-bottom: 1px solid #000;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 600;
    }

        .dropdown-content a:last-child {
            border-bottom: none;
        }

        .dropdown-content a:hover {
            background-color: #79FF2F;
            font-weight: bold;
            color: #000;
        }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #1f83b3;
}

.one-time .slick-prev, .one-time .slick-next {
    width: 30px;
    height: 100%;
    z-index: 1;
    top: 170px;
}

.one-time3 .da-slide {
    margin: 0 15px;
    /*height: auto;*/
}

.teacher-center .one-time2 {
    margin: 0 25px;
}

#CoreLessonDetailshub .lesson_discription_close {
    right: 0px;
    top: 20px;
    color: #000;
}

    #CoreLessonDetailshub .lesson_discription_close:hover, #CoreLessonDetailshub .lesson_discription_close:active, #CoreLessonDetailshub .lesson_discription_close:visited {
        text-shadow: 0px 0px 20px rgba(0,0,0,0.4);
    }

#CoreLessonDetailshub .row {
    padding: 0 25px;
}
/*.one-time3 .da-slide a img {
		width: 100%;
	}*/
.hotlinkouterk2theme .modal-content {
    border: none !important;
}

    .hotlinkouterk2theme .modal-content IMG {
        max-width: 100% !important;
        margin-left: 0 !important;
    }

.checkShow {
    display: inline-block;
    width: 25%;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}

#ResModal .modal-body .md-checkbox {
    float: left;
    margin-right: 20px;
    color: #ffffff;
}

#WebsiteURL {
    float: left;
    width: 90%;
    padding: 10px 5px;
}

#GetURLImage {
    width: 10%;
    padding: 11px 0;
}

#imgWebURL {
    width: 417px;
    height: 300px;
    margin: 20px 0 0 0;
}

#WebURLView {
    width: 100%;
    display: inline-block;
}

.no_data {
    padding: 130px 0;
    width: 100%;
    float: left;
    font-size: 30px;
}

.hub_share_div {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30PX;
}

.hub_share_links {
    width: auto;
    float: none;
    margin: 0 auto;
    display: inline-block;
}

    .hub_share_links a span {
        color: #000;
        font-weight: normal;
    }

#WeblinkPopup {
    background: rgba(0, 0, 0, 0.5);
}

    #WeblinkPopup .modal-dialog {
        position: absolute;
        margin: auto;
        width: 100% !important;
        left: 0;
        max-width: 500px;
        right: 0;
        top: 0;
        bottom: 0;
        height: 65px;
        background: #fff;
    }

    #WeblinkPopup .modal-body {
        background: #fff;
        float: left;
        width: 100%;
        /* border: 4px solid #dddddd; */
    }

        #WeblinkPopup .modal-body #WebsiteURL {
            background: #fff;
            border: 1px solid #ddd;
            width: 80%;
            color: #000;
        }

        #WeblinkPopup .modal-body #GetURLImage {
            width: 20%;
            background: #338645;
            border: none;
        }

.disable {
    background: #89b793;
}

.progressURL {
    height: 9px !important;
    margin-top: 3px;
    margin-bottom: 0 !important;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    float: right;
    margin-top: 3px;
    margin-bottom: 0;
}

    .switch input {
        display: none;
    }

    .switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .switch .slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    .switch input:checked + .slider {
        background-color: #44a3db;
    }

    .switch input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    .switch input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.LessonDetailsForMyHub .lesson_discription_close {
    color: #000;
}

.LessonDetailsForMyHub .page-small-title {
    text-shadow: none;
    color: #000;
}

.LessonDetailsForMyHub .page-title {
    color: #000;
    text-shadow: none;
}

.LessonDetailsForMyHub .dr {
    color: #000;
}

.full-width-outer .grey_bg > .tab-pane {
    padding: 0;
}

.full-width-outer .grey_bg {
    padding-bottom: 0;
}

.tab_inner_container h1 {
    margin-top: 30px;
}

svg#donut-chart {
    display: block;
    margin: 0 auto;
}

text.inner-circle {
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
}

svg text tspan {
    text-align: Center;
    width: 100%;
    display: block;
}

#bar-graph {
    margin-left: 100px;
}

.table-fill th {
    position: -webkit-sticky;
    position: sticky;
    /*Chrome seems to have weird text bleed from top bug.*/
    top: 0px;
    box-shadow: inset 0 -10px 0px -9px #000000;
}

    .table-fill th span {
        /*border-bottom: 1px solid #000;*/
        border-top: 1px solid #000;
        width: 100%;
        float: left;
        padding: 5px;
    }

.pulse {
    /*animation-name: pulse_animation;
	animation-duration: 3s;
	transform-origin: 70% 70%;*/
    animation-iteration-count: 3 !important;
    box-shadow: 0 0 0 0 rgba(255, 185, 5, 1) !important;
    outline: none !important;
    /*animation-timing-function: linear;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 185, 5, 1) !important;*/
}

@keyframes pulse_animation {
    0% {
        transform: scale(1);
    }

    8% {
        transform: scale(1.01);
    }

    16% {
        transform: scale(1.02);
    }

    24% {
        transform: scale(1.03);
    }

    32% {
        transform: scale(1.04);
    }

    40% {
        transform: scale(1.05);
    }

    50% {
        transform: scale(1.06);
    }

    58% {
        transform: scale(1.05);
    }

    66% {
        transform: scale(1.04);
    }

    74% {
        transform: scale(1.03);
    }

    82% {
        transform: scale(1.02);
    }

    90% {
        transform: scale(1.01);
    }

    100% {
        transform: scale(1.00);
    }
}

.backgroudImgFortab img {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    float: left;
    height: 100%;
}

.img-circle {
    border-radius: 50%;
    width: 100%;
}

.fix_content {
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 26px;
}

.discription .tab-content > .tab-pane {
    /*min-height: 600px;*/
    /*padding-top: 20px;*/
}

.NodataMessage {
    padding: 100px 0;
}

.pgwModal-black .pm-body {
    background-color: #000;
    border-radius: 20px;
    border: 3px solid #fff;
}

#myModalforpdf .modal-title {
    display: none;
}

#myModalforpdf .iframe-container {
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

#myModalforpdf .modal-content {
    background: #525659 !important;
    border-radius: 0;
    border: none !important;
    box-shadow: none !important;
    height: 100%;
}

#myModalforpdf .modal-header {
    position: absolute;
}

#myModalforpdf .modalLeftIcons {
    left: 10px;
    z-index: 1;
    background: transparent;
    width: 82px;
    top: 70px;
}

#myModalforpdf ul.modalLeftIcons li {
    font-size: 12px;
}

#myModalforpdf iframe {
    border: none;
}
/*---------------------------------google Map----------------*/
.GoogleMapsl {
    background: #000 !important;
    border-radius: 20px !important;
    border: 3px solid #fff !important;
    z-index: 9999 !important;
    position: fixed !important;
    margin: auto !important;
    left: 0 !important;
    right: 0 !important;
    top: 80px !important;
    /* bottom: 0 !important; */
    min-width: 50%;
}

#dvMap {
    height: 100%;
}

.GoogleMapsl {
    width: 60% !important;
}

    .GoogleMapsl .ui-dialog-titlebar {
        background: #000;
        color: #fff;
        padding: 5px 0 6px;
        border-radius: 20px 20px 0 0;
        font-size: 18px;
        min-height: 25px;
        font-weight: 600;
        line-height: 25px;
        border: 0;
        text-align: center;
    }

    .GoogleMapsl .ui-dialog-content {
        background: #000;
        border-radius: 20px;
        margin-bottom: 20px;
        overflow: initial;
    }
/*.GoogleMapsl #dvMap {
min-height:525px !important;
}*/
/*.GoogleMapsl .ui-dialog-titlebar-close {
        font-size: 1em !important;
        background: #fff !important;
        width: 30px !important;
        height: 30px !important;
        border-radius: 50% !important;
        right: 0 !important;
        top: 9px !important;
    }*/
.ui-button .ui-icon {
    display: none;
}

.GoogleMapsl .ui-dialog-titlebar-close {
    font-size: 0em !important;
    background-image: url(../images/closeWithBorder.svg) !important;
    width: 35px !important;
    height: 35px !important;
    border-radius: 50% !important;
    right: 0 !important;
    top: 9px !important;
    border: 2px solid #fff !important;
    outline: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #fff;
}

.ui-widget-overlay {
    background: #000000;
    opacity: .6;
}

.GoogleMapsl .ui-dialog-buttonpane {
    display: none;
}
/*.GoogleMapsl .ui-dialog-titlebar-close {
	cursor: pointer;
	position: absolute;
	top: 2px;
	right: 3px;
}

.GoogleMapsl .ui-button .ui-icon {
		background-image: url('/libs/SmartBookThemes/image/close-btn.png');
		display: block;
		height: 32px;
		width: 32px;
		background-repeat: no-repeat;
		background-position: center; 
	}*/
/*---------------------------------google Map End----------------*/


/*---------------------------------pdf toolbar----------------*/

#toolbar #title {
    display: none !important;
}
/*---------------------------------pdf toolbar end----------------*/


.check_div.highschool {
    height: 290px;
    overflow: hidden;
}

.check_div.theme1 {
    height: 290px;
    overflow: hidden;
}

.check_div.k2-2015-04-03 {
    height: 194px;
    overflow: hidden;
}

.spreadBgImage {
    width: 100%;
    height: 100%;
    float: left;
    /*background-size: cover;*/
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 0;
    position: absolute;
    left: 0;
    background-color: #fff;
    top: 0;
    background-position: bottom;
}


.more-container figure {
    margin: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.75s;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
    /*-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;*/
}

    .more-container figure.left-right {
        transform: rotateY(-78deg);
        -webkit-transform: scale(0,1); /* Safari */
        transform: scale(0,1); /* Standard syntax */
    }

    .more-container figure.right-left {
        transform: rotateY(78deg);
        -webkit-transform: scale(0,1); /* Safari */
        transform: scale(0,1); /* Standard syntax */
    }

.more-container.active figure.left-right,
.more-container.active figure.right-left {
    transform: rotateY(0deg);
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); /* Standard syntax */
}

.more-container figure.top-bottom {
    transform: rotateX(-60deg);
    -webkit-transform: scale(1,0); /* Safari */
    transform: scale(1,0); /* Standard syntax */
}

.more-container figure.bottom-top {
    transform: rotateX(60deg);
    -webkit-transform: scale(1,0); /* Safari */
    transform: scale(1,0); /* Standard syntax */
}

.more-container.active figure.top-bottom,
.more-container.active figure.bottom-top {
    transform: rotateX(0deg);
    -webkit-transform: scale(1,1); /* Safari */
    transform: scale(1,1); /* Standard syntax */
}

.more-container figure > img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

#ModalForquiz {
    height: 100%;
    width: 100%;
    position: fixed;
    display: none;
    z-index: 999;
}

.logoBgKeyWord1 img {
    width: 100%;
}

.btnSoundControl {
    width: 140px !important;
}

.btnSpeaker {
    height: 80px !important;
    width: 80px;
    background-size: cover !important;
}

.bgPlay {
    background-size: cover !important;
}

.pause-bg {
    background-size: cover !important;
}

.btnPlay {
    height: 52px !important;
}

div#notice {
    bottom: 10px !important;
}

.speak-bg {
    background-position: -97px !important;
}

.resultLogo img {
    width: 100%;
}

.tableResult tr {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

table.tableResult td {
    width: 50%;
    float: left;
}

.tableResult .questionTextRes {
    float: left;
}

.keyWord .number-question {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
}


.SetDynamicWidth {
    width: auto !important;
    min-width: 100%;
    margin-top: 0 !important;
    overflow-x: hidden !important;
}


.differentiated_height .scrollbar-inner {
    max-height: 610px !important;
    overflow-x: hidden !important;
}

    .differentiated_height .scrollbar-inner > .scroll-element.scroll-x {
        display: none;
    }

#lightbox .modal-header {
    position: relative;
}

#lightbox .modal-title {
    color: #fff !important;
    width: 100%;
    padding-left: 0;
}

#lightbox .modal-content {
    background-color: #000 !important;
    border-radius: 30px;
    /*overflow: hidden;*/
}

    #lightbox .modal-content .carousel {
        border-radius: 0 0 25px 25px;
        overflow: hidden;
    }


#lightbox .carousel-indicators {
    display: none;
}

.left_slider_arrow {
    background-image: url('../images/left_arr.png');
    height: 175px;
    width: 56px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    top: 32%;
    position: relative;
}

.right_slider_arrow {
    background-image: url('../images/right_arr.png');
    height: 175px;
    width: 56px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    top: 32%;
    position: relative;
}

span .headlesson {
    font-size: 15px;
    font-weight: normal;
}

.videoAnimation {
    float: left;
    width: 100%;
    position: absolute;
    top: 0;
    display: none;
    height: 100%;
}

#myVideo {
    position: relative;
    height: 500px;
    min-width: 100%;
}

#myImg {
    position: absolute;
    right: 0;
    min-width: 100%;
    min-height: 100%;
}

.banner_link {
    float: left;
    margin: 0 0 60px 30px;
    background: #30a4dc;
    color: #fff;
    border: 4px solid #fff;
    height: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    width: 150px;
    border-radius: 15px;
    font-family: 'Open Sans', sans-serif !important;
}



.firefighterHeading {
    padding: 0px 0 0 0px;
    float: left;
    /*background: linear-gradient(to right,black 40%, transparent);*/
    width: 60%;
    font-weight: 600;
    position: absolute;
    text-align: left;
}

    .firefighterHeading span {
        font-size: 35px;
        line-height: 45px;
        width: 100%;
        font-family: 'Oswald', sans-serif;
        float: left;
        color: #fff;
        padding: 0 0 50px 30px;
    }

.habitatButton {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    margin: 200px 0;
    height: 96px;
}

    .habitatButton a {
        margin: 0 auto;
        font-size: 3.5em;
        background: #F7943E;
        border: 7px solid #8CBE59;
        padding: 0px 15px;
        font-family: 'Oswald', sans-serif;
        border-radius: 24px;
        font-weight: 500;
        display: inline-block;
        text-transform: uppercase;
        height: 96px;
        line-height: 77px;
    }

.ColorBannerVideo1 {
    background: #F7943E;
    border: 7px solid #8CBE59;
}

.habitatButton a:hover {
    color: #F7943E;
    background: #fff;
}

.ColorBannerVideo2 {
    background: #D2232A !important;
    border: 7px solid #FDB940 !important;
}

    .ColorBannerVideo2:hover {
        color: #D2232A !important;
        background: #fff !important;
    }

.ColorBannerVideo3 {
    background: #993F97 !important;
    border: 7px solid #FFF200 !important;
}

    .ColorBannerVideo3:hover {
        color: #993F97 !important;
        background: #fff !important;
    }

.ColorBannerVideo4 {
    background: #F15B38 !important;
    border: 7px solid #C8D25C !important;
}

    .ColorBannerVideo4:hover {
        color: #F15B38 !important;
        background: #fff !important;
    }

.firefighterHeading img {
    width: 80%;
    margin: 10px 0 0 10px;
    max-width: 300px;
}

.firefighterHeading span strong {
    font-size: 50px;
}


.lessonplanpdf {
    text-align: center;
}

/*.lessonplanpdf .highschool {
		padding-top: 25px;
	}*/
.HeadDesc {
    position: absolute;
    width: 100%;
    z-index: 0;
}

.DiffText {
    font-size: 14px !important;
    padding: 5px 0 0 0 !important;
}

.top_section .DiffText {
    float: left;
    padding: 5px 0 !important;
}

#CurrentLessonDescOnResources {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    padding: 0 10px;
}

.lessonplanpdf h1 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 26px;
    margin-top: 50px;
}

.lessonplanpdf .highschool > span {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
}

.lessonplanpdf .download_lesson {
    width: 288px !important;
    margin-top: 20px;
    border: 2px solid #fff;
    background: transparent;
    color: #fff;
    font-size: 18px;
    border-radius: 20px;
    line-height: 1;
    font-weight: bold;
    transition: 1s;
}

.SetCoreLessonDesign .top_section p {
    /*padding: 10px 0 20px 0;*/
    font-weight: 600;
}

.SetCoreLessonDesign .mid_section {
    height: 100px !important;
}

.lessonplanpdf .download_lesson:hover {
    background: #fff;
    color: #000;
}

#exTab1 .tab-content {
    color: white;
    background-color: #51AD65;
    padding: 20px 15px;
}


.LessonAssesment {
    padding: 0;
    margin: 0 !important;
    line-height: 25px;
}


#exTab1 .nav-pills > li {
    background: #dedede;
    margin-left: 0;
}

    #exTab1 .nav-pills > li > a {
        border-radius: 0;
        padding: 10px 20px;
        color: #000;
        font-size: 18px;
    }

#exTab1 .nav-pills > .active a {
    color: #fff;
    background: #51AD65;
}

#WeblinkPopup .modal-header {
    position: absolute;
    z-index: 2;
    float: right;
    width: auto;
    right: 0;
}

.inline_block {
    display: inline-block;
    width: 100%;
}

#WeblinkPopup .modal-header .close {
    background: transparent !important;
    color: #000 !important;
}

#WeblinkPopup .modal-content {
    border: none !important;
}

.heightAuto {
    height: auto;
}

.text {
    height: 0;
    overflow: hidden;
}

.logodiv-dyna {
    background: #121c37;
    height: 250px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

    .logodiv-dyna img {
        height: 100%;
    }

.modalLeftIcons {
    float: left;
    position: absolute;
    color: #fff;
    text-align: center;
    left: -81px;
    z-index: -1;
    background: rgba(0,0,0,.5);
    border-radius: 10px 0 0 10px;
    padding: 10px 5px;
    width: 82px;
    top: 20px;
}

ul.modalLeftIcons li {
    margin-bottom: 5px;
}

.HeadDesc {
    position: absolute;
    width: 100%;
    margin-top: 30px;
}

.ui-dialog {
    z-index: 9999 !important;
}

.ui-widget-overlay {
    z-index: 9998 !important;
}

.upload_label {
    width: 100%;
    border-bottom: 1px solid #bdd7e4;
    background-color: #f2f6f9;
    padding: 0;
}

    .upload_label > span {
        width: 65%;
        min-height: 2em;
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        vertical-align: top;
        padding: 5px 20px;
        color: #000;
    }

    .upload_label > strong {
        height: 100%;
        color: #ffffff;
        background-color: #35a3dc;
        display: inline-block;
        font-weight: normal;
        margin: -1px 0;
        border: 1px solid #35a3dc;
        padding: 10px 20px;
    }

.btn-upload-cls {
    padding: 5px 10px;
    border: 0;
}

#btnSubmitpdf {
    color: #fff;
    padding: 10px 20px;
    margin-top: 10px;
    background: #338645;
}

.LessonDetailsForMyhub {
    padding: 0 20px 0 20px;
    float: left;
    width: 100%;
}

    .LessonDetailsForMyhub .lesson_descriptionhub {
        padding-top: 20px !important;
        padding-bottom: 50px !important;
    }

.ff {
    position: absolute;
}

.my_select .upload_label {
    background-color: #ffffff !important;
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.my_select .upload_label > strong {
    float: right;
    background-color: #338645 !important;
    border: 1px solid #338645;
}

.ui-dialog .ui-dialog-content {
    height: 70vh !important;
}

h2.drhub {
    margin: 28px 0;
    font-size: 26px;
}


/*learnosity style modal*/
#LeanosityModal .modal-content {
    position: relative;
    background-color: #fff !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none !important;
    border-radius: 0 !important;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#LeanosityModal .modal-body {
    padding: 0;
    color: #fff;
}

#LeanosityModal .modal-header {
    padding: 0;
}

.blue_head {
    background: #25408F;
    float: left;
    height: 130px;
    width: calc(100% - 44px);
    position: relative;
}

.blue_footer {
    background: #25408F;
    float: left;
    width: 100%;
}

.light_blue_head {
    background: #0075BC;
    float: left;
    width: 100%;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
}

.border_right {
    border-right: 2px solid #fff;
}

.creating {
    background: #a87dc7;
    height: 130px;
    text-align: center;
    width: 44px;
    position: relative;
    float: left;
}

    .creating p {
        margin: 0;
        transform: rotate(-90deg);
        padding-right: 40px;
        position: absolute;
        top: 30px;
        left: -50px;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 20px;
    }

.create {
    background: #a87dc7;
    height: 130px;
    text-align: center;
    width: 44px;
    position: relative;
    float: left;
}

    .create p {
        margin: 0;
        transform: rotate(-90deg);
        padding-right: 40px;
        position: absolute;
        top: 30px;
        left: -36px;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 20px;
    }

.concepts {
    background: #ffcc33;
    height: 130px;
    text-align: center;
    width: 44px;
    position: relative;
    float: left;
}

    .concepts p {
        margin: 0;
        transform: rotate(-90deg);
        padding-right: 40px;
        position: absolute;
        top: 30px;
        left: -50px;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 20px;
    }

.conceptualize {
    background: #ffcc33;
    height: 130px;
    text-align: center;
    width: 44px;
    position: relative;
    float: left;
}

    .conceptualize p {
        margin: 0;
        transform: rotate(-90deg);
        padding-right: 40px;
        position: absolute;
        top: 35px;
        left: -56px;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 14px;
    }

.comprehend {
    background: #ffcc33;
    height: 130px;
    text-align: center;
    width: 44px;
    position: relative;
    float: left;
}

    .comprehend p {
        margin: 0;
        transform: rotate(-90deg);
        padding-right: 40px;
        position: absolute;
        top: 35px;
        left: -54px;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 16px;
    }

.analysis {
    background: #009933;
    height: 130px;
    text-align: center;
    width: 44px;
    position: relative;
    float: left;
}

    .analysis p {
        margin: 0;
        transform: rotate(-90deg);
        padding-right: 40px;
        position: absolute;
        top: 30px;
        left: -48px;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 20px;
    }

.assess {
    background: #009933;
    height: 130px;
    text-align: center;
    width: 44px;
    position: relative;
    float: left;
}

    .assess p {
        margin: 0;
        transform: rotate(-90deg);
        padding-right: 40px;
        position: absolute;
        top: 30px;
        left: -34px;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 20px;
    }

.analyze {
    background: #009933;
    height: 130px;
    text-align: center;
    width: 44px;
    position: relative;
    float: left;
}

    .analyze p {
        margin: 0;
        transform: rotate(-90deg);
        padding-right: 40px;
        position: absolute;
        top: 30px;
        left: -45px;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 20px;
    }

.recall {
    background: #ff3333;
    height: 130px;
    text-align: center;
    width: 44px;
    position: relative;
    float: left;
}

    .recall p {
        margin: 0;
        transform: rotate(-90deg);
        padding-right: 40px;
        position: absolute;
        top: 30px;
        left: -37px;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 20px;
    }

.learnosityBydefault {
    background: #035f96;
    height: 130px;
    text-align: center;
    width: 44px;
    position: relative;
    float: left;
}

.pr10 {
    padding-right: 10px !important;
}

.logo_img {
    width: 240px !important;
    margin-top: 10px;
    float: left;
}

.input_div label {
    font-size: 16px;
    font-weight: normal;
    margin-right: 10px;
}

.input_div input {
    border: none;
    width: 200px;
    height: 26px;
    margin-top: 1px;
    padding: 0 5px;
}

span.habitat_text {
    padding: 3px 0;
    float: left;
    font-family: 'MyriadPro-BoldCond';
    width: 100%;
}

.learnosity_mid {
    float: left;
    width: 100%;
    padding-bottom: 20px;
}

.lrn-assess .learnosity-item .content {
    height: 300px;
    overflow: auto;
    padding-top: 5px !important;
}

.footer_logo_img {
    width: 180px !important;
    margin-top: 10px;
    float: left;
}

.footer_text {
    font-size: 11px;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
}

.footer_right {
    float: right;
}

    .footer_right img {
        height: 90px;
        position: relative;
        top: -20px;
        margin-right: 10px;
        z-index: 99999;
    }

    .footer_right span {
        font-size: 15px;
        margin-top: 40px;
        float: right;
    }

.pad_left2 {
    padding-left: 0 !important;
}

.k2-2015-04-03 h1 {
    margin-bottom: 10px !important;
    font-size: 19px !important;
    margin-top: 20px;
}

.CoreLessonFirstk2-2015-04-03 h1 {
    margin-top: 40px;
}

.CoreLessonFirsttheme1 h1 {
    margin-top: 75px;
    margin-bottom: 15px;
}

.CoreLessonFirsttheme1 .download_lesson {
    margin-top: 15px;
}

.k2-2015-04-03 .download_lesson {
    margin-top: 10px !important;
}

.lrn, .lrn-region {
    height: auto !important;
}

.lrn-assess .slides-control {
    height: 56vh !important;
}

    .lrn-assess .slides-control .learnosity-item {
        overflow: auto !important;
    }

.lrn-assess .slides-container.scrollable:not(.vertical-stretch) .slides-control:after {
    background: none !important;
}

#modalContentReports h1 {
    color: #000;
    padding-left: 20px;
}

.LearnosityDivforreports h1 {
    color: #000;
    padding-left: 20px;
}
/*#GoogleDocsPopup .save-to-drive-text {
	display: none;
}
#GoogleDocsPopup .save-to-drive-button.jfk-button {
	background: none !important;
	border: none !important;
}*/
.GoogleDocsPopup {
    position: relative;
}

    .GoogleDocsPopup .share_gdrive_img_dynamic {
        opacity: 0.01;
    }

#savetodrive-div {
    height: 80px !important;
    width: 80px !important;
}

    #savetodrive-div iframe {
        height: 80px !important;
        width: 80px !important;
    }

.GoogleDocsPopup .share_gdrive_img {
    position: absolute;
    top: -30px;
    left: 0%;
    z-index: -1;
    width: 100%;
}

.GoogleClassRoomPopup {
    position: relative;
}

    .GoogleClassRoomPopup .share_gclassroom_img {
        position: absolute;
        top: -20px;
        left: 0%;
        width: 100%;
        z-index: -1;
    }

#ModalCopyLinksPopup1 .modal-dialog {
    width: 500px !important;
}

#ModalCopyLinksPopup1 .modal-title {
    color: #000 !important;
    width: 50%;
    padding-left: 20px;
    text-shadow: none;
}

#ModalCopyLinksPopup1 .modal-footer {
    border-top: 1px solid #e5e5e5 !important;
}

#ModalCopyLinksPopup1 .modal-body {
    padding: 0 20px 20px 20px !important;
}


#CopyLinksPopup12 .modal-dialog {
    width: 500px !important;
}

#CopyLinksPopup12 .modal-title {
    color: #000 !important;
    width: 50%;
    padding-left: 20px;
    text-shadow: none;
}

#CopyLinksPopup12 .modal-footer {
    border-top: 1px solid #e5e5e5 !important;
}

#CopyLinksPopup12 .modal-body {
    padding: 0 20px 20px 20px !important;
}

.CopyLinkTextarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    outline: none;
}

    .CopyLinkTextarea::-moz-selection {
        background: #5BA3D9;
    }

    .CopyLinkTextarea::selection {
        background: #5BA3D9;
    }



.dg_res {
    border-left: 2px solid #fff;
    padding-left: 10px;
    float: left;
}

    .dg_res .activedigicat, .dg_res .activedigicat:focus, .dg_res .activedigicat:hover {
        background: #45a3db !important;
        color: #fff !important;
    }

    .dg_res a {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: bold;
        color: #fff;
        float: left;
        padding: 0px 8px 0px 8px;
        border-radius: 20px;
        border: 1px solid #fff;
        margin: 14px 0 13px 0;
        transition: 1s;
        z-index: 3;
        position: relative;
    }

        .dg_res a:hover {
            background: #fff;
            color: #000 !important;
        }

.core_idea_tabs .active a, .core_idea_tabs .active a:hover {
    color: #fff !important;
}

.Ul_For_Activies .active a, .Ul_For_Activies .active a:hover {
    color: #fff !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
}

.mainDigitalResourcesContainer {
    float: left;
    width: 100%;
    padding-bottom: 30px;
}

    .mainDigitalResourcesContainer .tumbnail-outer {
        padding-top: 20px;
    }

    .mainDigitalResourcesContainer .da-slide {
        height: auto !important;
    }

    .mainDigitalResourcesContainer .slick-slide a:hover img {
        border: none !important;
    }

#audiodata .da-slide a {
    height: auto !important;
}

    #audiodata .da-slide a img {
        width: 100% !important;
    }

#audiodata .slick-prev, #audiodata .slick-next {
    top: 50% !important;
}

#videodata .da-slide a {
    height: auto !important;
}

    #videodata .da-slide a img {
        width: 100% !important;
    }

#videodata .slick-prev, #videodata .slick-next {
    top: 50% !important;
}

#transparencydata .da-slide a {
    height: auto !important;
}

    #transparencydata .da-slide a img {
        width: 100% !important;
    }

#transparencydata .slick-prev, #transparencydata .slick-next {
    top: 50% !important;
}

#additionallayerdata .da-slide a {
    height: auto !important;
}

    #additionallayerdata .da-slide a img {
        width: 100% !important;
    }

#additionallayerdata .slick-prev, #additionallayerdata .slick-next {
    top: 50% !important;
}

#weblinkdata .da-slide a {
    height: auto !important;
}

    #weblinkdata .da-slide a img {
        width: 100% !important;
    }

#weblinkdata .slick-prev, #additionallayerdata .slick-next {
    top: 50% !important;
}


#slideshowdata .da-slide a {
    height: auto !important;
}

    #slideshowdata .da-slide a img {
        width: 100% !important;
    }

#slideshowdata .slick-prev, #slideshowdata .slick-next {
    top: 50% !important;
}

#activitiesdata .da-slide a {
    height: auto !important;
}

    #activitiesdata .da-slide a img {
        width: 100% !important;
    }

#activitiesdata .slick-prev, #activitiesdata .slick-next {
    top: 50% !important;
}

#mapdata .da-slide a {
    height: auto !important;
}

    #mapdata .da-slide a img {
        width: 100% !important;
    }

#mapdata .slick-prev, #mapdata .slick-next {
    top: 50% !important;
}

#quizdata .da-slide a {
    height: auto !important;
}

    #quizdata .da-slide a img {
        width: 100% !important;
    }

#quizdata .slick-prev, #quizdata .slick-next {
    top: 50% !important;
}

#quizkeydata .da-slide a {
    height: auto !important;
}

    #quizkeydata .da-slide a img {
        width: 100% !important;
    }

#quizkeydata .slick-prev, #quizkeydata .slick-next {
    top: 50% !important;
}

#hotlinkdata .da-slide a {
    height: auto !important;
}

    #hotlinkdata .da-slide a img {
        width: 100% !important;
    }

#hotlinkdata .slick-prev, #hotlinkdata .slick-next {
    top: 50% !important;
}

#firsthanddata .da-slide a {
    height: auto !important;
}

    #firsthanddata .da-slide a img {
        width: 100% !important;
    }

#firsthanddata .slick-prev, #firsthanddata .slick-next {
    top: 50% !important;
}

#docsdata .da-slide a {
    height: auto !important;
}

    #docsdata .da-slide a img {
        width: 100% !important;
    }

#docsdata .slick-prev, #docsdata .slick-next {
    top: 50% !important;
}

#rubricdata .da-slide a {
    height: auto !important;
}

    #rubricdata .da-slide a img {
        width: 100% !important;
    }

#rubricdata .slick-prev, #rubricdata .slick-next {
    top: 50% !important;
}

#teacherguidedata .da-slide a {
    height: auto !important;
}

    #teacherguidedata .da-slide a img {
        width: 100% !important;
    }

#teacherguidedata .slick-prev, #teacherguidedata .slick-next {
    top: 50% !important;
}

span.bootilteDigitalresouces {
    position: absolute;
    z-index: 2;
    background: #45a3db;
    width: 100%;
    padding: 8px 5px;
    color: #fff;
}

.ui-autocomplete {
    max-width: 300px !important;
    background: rgb(69, 163, 219) !important;
    color: rgb(255, 255, 255) !important;
    width: 300px !important;
    border: 2px solid #fff !important;
    max-height: 400px;
    overflow: auto;
}


    .ui-autocomplete li {
        border-bottom: 1px solid rgba(255,255,255,0.3);
        color: #fff;
        float: left;
        width: 100%;
    }

    .ui-autocomplete a {
        color: #ffffff !important;
        padding: 5px !important;
        float: left;
        width: 100%;
    }

.book_dropdown .po_label {
    font-size: 30px;
    font-weight: bold;
    float: left;
    margin-top: 30px;
}

.book_dropdown .book_select {
    float: left;
    margin: 30px 0 0 20px;
}

    .book_dropdown .book_select .select2-selection {
        height: 40px;
        line-height: 40px;
        border: 2px solid #333 !important;
        outline: none;
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 40px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px !important;
}

.ui-state-active {
    background: rgb(255, 112, 0) !important;
    border: none !important;
    color: #fff !important;
    margin: 0 !important;
}

.dg_img {
    height: 190px !important;
    float: left;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}

/*------------------------------------------------------student Start------------------------------------------------*/
.student_content:hover img {
    border: none !important;
}

.studentboxdiv {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 0;
    margin-top: 110px;
    height: auto;
}

.studentopenBox {
    background: #30a4dc;
    color: #fff;
    border: 4px solid #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 auto;
    border-radius: 15px;
    width: 60%;
    height: 50px;
    max-width: 140px;
    text-transform: uppercase;
    background-repeat: no-repeat;
    z-index: 9999;
    min-width: 130px;
    /* margin-top: 40%; */
    display: none;
}

    .studentopenBox:hover {
        background: #fff;
        color: #30a4dc;
        border: 4px solid #30a4dc;
    }

.student_content:hover .studentopenBox {
    display: block;
}

.thumb-hover-active .studentopenBox {
    display: block;
}

.student_progress {
    margin: 60px 0 10px 0;
    padding: 0;
    width: 96%;
    height: 30px;
    overflow: hidden;
    background: rgba(255,255,255,0.4);
    border-radius: 20px;
}

.student_bar {
    position: relative;
    float: left;
    min-width: 1%;
    height: 100%;
    background: #fff;
}

.student_percent {
    margin: 0;
    font-size: 16px;
    color: white;
}

.table_div {
    width: 100%;
    overflow: auto;
    margin-bottom: 50px;
}

.student_progress_table {
    width: 100%;
    min-width: 650px;
}

    .student_progress_table thead td {
        font-size: 22px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: left;
    }

    .student_progress_table td {
        font-size: 18px;
        color: #000;
        width: 33%;
        padding: 10px 0;
    }

.student_progress2 {
    padding: 0;
    width: 24%;
    margin-top: 5px;
    height: 15px;
    margin-right: 1%;
    float: left;
    overflow: hidden;
    border: 1px solid #000;
    background: #FF0000;
    border-radius: 20px;
}

.student_bar2 {
    position: relative;
    float: left;
    min-width: 1%;
    height: 100%;
    background: #76CA38;
}

.student_percent2 {
    margin: 0;
    font-size: 18px;
    float: left;
    width: 75%;
    color: #000;
}

.no_border .thumb-hover-active3, .no_border .thumb-hover-active4 {
    box-shadow: none !important;
    margin-top: 0 !important;
}

    .no_border .thumb-hover-active3::after, .no_border .thumb-hover-active4::after {
        display: none !important;
    }

.Added {
    background: #18c07a;
    color: #fff;
    border: 1px solid #18c07a;
    border-radius: 3px;
    font-size: 12px;
    padding: 1px 5px;
    margin-left: 10px;
    font-size: 11px !important;
}

.Accepted {
    background: #18c07a;
    color: #fff;
    border: 1px solid #18c07a;
    border-radius: 3px;
    font-size: 12px;
    padding: 1px 5px;
    margin-left: 10px;
    font-size: 11px !important;
}

.Invited {
    background: #E57F1A;
    color: #fff;
    border: 1px solid #C5690D;
    border-radius: 3px;
    font-size: 12px;
    padding: 1px 5px;
    margin-left: 10px;
    font-size: 11px !important;
}

.Rejected {
    background: #DF6143;
    color: #fff;
    border: 1px solid #BC4427;
    border-radius: 3px;
    font-size: 12px;
    padding: 1px 5px;
    margin-left: 10px;
    font-size: 11px !important;
}
/*------------------------------------------------------student end------------------------------------------------*/


.sticky {
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
}

    .sticky + .tab-content {
        padding-top: 90px;
    }

a#flip {
    float: right;
    position: relative;
    margin: 0;
    font-size: 20px;
    width: 100%;
    padding: 10px 5px;
    right: 0;
    text-align: right;
    background: #000;
    z-index: 99;
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff;
}

#panel {
    float: left;
    width: 100%;
}


/*------------------------------------------------------toggleend------------------------------------------------*/
.radio-label {
    width: 100%;
    margin-bottom: 1em;
    text-align: center;
}

.radio-pillbox {
    height: 30px;
    margin: 4px 10px 0 0;
    font-size: 1em;
    border: 0;
    border-radius: 75px;
    overflow: hidden;
    background: -moz-linear-gradient( 100deg, #0ef49b 0%, #d2dc69 30%, #faa04b 70%, #ff5a64 100% );
    background: -o-linear-gradient( 100deg, #0ef49b 0%, #d2dc69 30%, #faa04b 70%, #ff5a64 100% );
    background: -ms-linear-gradient( 100deg, #0ef49b 0%, #d2dc69 30%, #faa04b 70%, #ff5a64 100% );
    background: #eb582b;
    color: #000000;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

    .radio-pillbox radiogroup {
        height: 100%;
        width: 100%;
        display: flex;
    }

        .radio-pillbox radiogroup div {
            width: 100%;
            position: relative;
            cursor: pointer;
        }

            .radio-pillbox radiogroup div input {
                -webkit-appearance: inherit;
                width: 100%;
                height: 100%;
                transition: background 300ms ease-out;
                margin: 0;
                outline: 0;
                border-left: 1px solid rgba(0, 0, 0, 0.05);
            }

                .radio-pillbox radiogroup div input:checked {
                    color: #5f6982;
                    border: none;
                    cursor: pointer;
                    outline: none;
                    box-shadow: inset 0 10px 50px rgba(25, 25, 25, 0.1);
                }

        .radio-pillbox radiogroup .first {
            border-radius: 75px 0 0 75px;
            border-left: none;
        }

        .radio-pillbox radiogroup .last {
            border-radius: 0 75px 75px 0;
        }

        .radio-pillbox radiogroup div label {
            position: absolute;
            top: 50%; /* top plus line-height centers text */
            line-height: 0;
            left: 0;
            cursor: pointer;
            color: #fff;
            width: 100%;
            height: 100%;
            text-align: center;
        }

    .radio-pillbox input:focus {
        outline: 0;
    }

    .radio-pillbox label:after {
        content: "\2714";
        display: inline-block;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, -webkit-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
        -moz-transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, -moz-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
        -o-transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, -o-transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
        transition: margin 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045) 100ms, transform 250ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
    }

    .radio-pillbox input:checked + label:after {
        margin-left: 12px;
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -o-transform: scale(1.25);
        -ms-transform: scale(1.25);
        transform: scale(1.25);
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms, margin 500ms, -webkit-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms;
        -moz-transition: -moz-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms, margin 500ms, -moz-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms;
        -o-transition: -o-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms, margin 500ms, -o-transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms;
        transition: transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms, margin 500ms, transform 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 250ms;
    }



.tgl {
    position: relative;
    outline: 0;
    display: inline-block;
    cursor: pointer;
    user-select: none;
    margin: 4px 0 0 0;
}

    .tgl,
    .tgl:after,
    .tgl:before,
    .tgl *,
    .tgl *:after,
    .tgl *:before,
    .tgl + .tgl-btn {
        box-sizing: border-box;
    }

        .tgl::selection,
        .tgl:after::selection,
        .tgl:before::selection,
        .tgl *::selection,
        .tgl *:after::selection,
        .tgl *:before::selection,
        .tgl + .tgl-btn::selection {
            background: none;
        }

        .tgl span {
            position: relative;
            display: block;
            height: 1.8em;
            line-height: 1.2em;
            overflow: hidden;
            font-weight: normal;
            text-align: center;
            border-radius: 2em;
            padding: 0.2em 1em;
            border: 1px solid #fafafa;
            transition: color 0.3s ease, padding 0.3s ease-in-out, background 0.3s ease-in-out;
        }

            .tgl span:before {
                position: relative;
                display: block;
                line-height: 1.3em;
                padding: 0 0.2em;
                font-size: 1em;
            }

            .tgl span:after {
                position: absolute;
                display: block;
                content: '';
                border-radius: 2em;
                width: 1.3em;
                height: 1.3em;
                margin-left: -1.45em;
                top: 0.2em;
                background: #FFFFFF;
                transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 0.97), background 0.3s ease-in-out;
            }

        .tgl input[type="checkbox"] {
            display: none !important;
        }

            .tgl input[type="checkbox"]:not(:checked) + span {
                background: #eb582b;
                color: #FFFFFF;
                padding-left: 1.6em;
                padding-right: 0.4em;
            }

                .tgl input[type="checkbox"]:not(:checked) + span:before {
                    content: attr(data-off);
                    color: #FFFFFF;
                }

                .tgl input[type="checkbox"]:not(:checked) + span:after {
                    background: #FFFFFF;
                    left: 1.6em;
                }

            .tgl input[type="checkbox"]:checked + span {
                background: #1d8644;
                color: #FFFFFF;
                padding-left: 0.4em;
                padding-right: 1.6em;
            }

                .tgl input[type="checkbox"]:checked + span:before {
                    content: attr(data-on);
                }

                .tgl input[type="checkbox"]:checked + span:after {
                    background: #FFFFFF;
                    left: 100%;
                }

            .tgl input[type="checkbox"]:disabled,
            .tgl input[type="checkbox"]:disabled + span,
            .tgl input[type="checkbox"]:read-only,
            .tgl input[type="checkbox"]:read-only + span {
                cursor: not-allowed;
            }

.tgl-gray input[type="checkbox"]:not(:checked) + span {
    background: #e3e3e3;
    color: #999999;
}

    .tgl-gray input[type="checkbox"]:not(:checked) + span:before {
        color: #999999;
    }

    .tgl-gray input[type="checkbox"]:not(:checked) + span:after {
        background: #ffffff;
    }

.tgl-inline {
    display: inline-block !important;
    vertical-align: top;
}

    .tgl-inline.tgl {
        font-size: 16px;
    }

        .tgl-inline.tgl span {
            min-width: 50px;
        }

            .tgl-inline.tgl span:before {
                line-height: 1.4em;
                padding-left: 0.4em;
                padding-right: 0.4em;
            }

.tgl-inline-label {
    display: inline-block !important;
    vertical-align: top;
    line-height: 26px;
}

/*------------------------------------------------------toggle end------------------------------------------------*/

/*------------------------------------------------------core idea end------------------------------------------------*/

.core_img img {
    float: left;
    width: 100%;
    border-radius: 100%;
}

.slick-slide a:hover .core_img img {
    outline: none !important;
}

span.core_text {
    float: left;
    width: 100%;
    text-align: center;
    background: #000;
    position: absolute;
    bottom: 0px;
    padding: 10px 0;
    left: 0;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: bold;
}

.core_idea_tabs li {
    vertical-align: top !important;
    margin: 0 10px 0 10px;
}

.mid_section.height150.SetHeightOfBookdMidsection {
    height: 90px !important;
    padding: 5px 10px;
    margin-top: 5px;
}

/*.core_idea_tabs li:nth-child(4) > a {
	height: 65px !important;
	line-height: 50px !important;
}*/

.core_idea_tabs li a {
    line-height: 25px !important;
    padding: 5px 10px !important;
    transition: 1s;
    border-radius: 24px !important;
}

.tbcontentbook0 .links ul li span {
    color: #000 !important;
    background: #CCCCCC !important;
    padding-right: 4px !important;
}

.core_tab_inner_container {
    float: left;
    width: 95%;
    max-width: 780px;
    padding-left: 35px;
}

    .core_tab_inner_container .links {
        margin: 0 0 20px 0;
        width: 100%;
    }

        .core_tab_inner_container .links ul li span {
            color: #000 !important;
            background: #ccc !important;
        }

ul.count_list {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.count_list li {
    float: left;
    text-align: center;
    color: #fff;
    font-size: 36px;
    border-right: 1px solid #fff;
    min-height: 100px;
    font-weight: 600;
}

    .count_list li:first-child {
        width: 30%;
    }

    .count_list li:nth-child(2) {
        width: 40%;
    }

    .count_list li:last-child {
        border: none;
        width: 30%;
    }

    .count_list li span {
        float: left;
        text-align: center;
        padding: 0 5px;
        width: 100%;
        color: #fff;
        font-weight: normal;
        font-size: 16px;
    }

    .count_list li .third_child {
        height: 60px;
        line-height: 40px;
    }

ul.count_list2 {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}

.count_list2 li {
    float: left;
    text-align: center;
    color: #fff;
    font-size: 36px;
    border-right: 1px solid #fff;
    min-height: 100px;
    font-weight: 600;
    width: 23%;
}

    .count_list2 li.CenterDivider {
        border-right: 3px solid #fff !important;
        min-height: 110px !important;
    }

    .count_list2 li a:hover {
        color: #52A3DA !important;
    }


    .count_list2 li:first-child {
        width: 23%;
    }

    .count_list2 li:nth-child(2) {
        width: 30%;
    }

    .count_list2 li:last-child {
        border: none;
        width: 23%;
    }

    .count_list2 li span {
        float: left;
        text-align: center;
        padding: 0 5px;
        width: 100%;
        font-weight: normal;
        font-size: 16px;
    }

    .count_list2 li .third_child {
        height: 60px;
        line-height: 40px;
    }

.core_tab_inner_container h1 {
    /*padding: 50px 0 20px 0;*/
    padding: 20px 0 20px 0;
    margin: 0 !important;
}

.core_text_div h4 {
    color: #fff;
    font-size: 27px;
}

.core_text_div p {
    margin-bottom: 20px;
    font-size: 18px;
}

.one-time2 .lesson0 .top_section {
    height: auto !important;
}

.pt20 {
    padding-top: 20px;
}

#Ul_For_Activies0 {
    margin-bottom: 10px;
}

.view_all {
    text-align: center;
}

    .view_all input {
        border-radius: 10px;
        border: none;
        background: #fff;
        color: #000;
        padding: 2px 20px;
        font-size: 16px;
        font-weight: 600;
        margin-top: 3px;
        outline: none;
    }

        .view_all input:hover {
            background: #000;
            color: #fff;
        }

.mb10 {
    margin-bottom: 10px !important;
}

.diff_header h1 {
    text-transform: none !important;
    font-size: 27px !important;
    padding-top: 3px !important;
}

.trans {
    text-transform: none !important;
    width: calc(100% - 70px) !important;
    margin: 5px 0;
}

.CoreStyle .mid_section .trans {
    width: 100% !important;
    padding-right: 20px;
}

.activity_icon_size {
    height: 50px;
    float: right !important;
    background-size: cover;
    width: 50px;
    margin-top: 10px !important;
    margin-right: 10px !important;
}

.activity_icon_size_Differentiated {
    width: 50px !important;
    height: 50px;
    float: right !important;
    background-size: cover;
    margin: 10px !important;
}

.height150 {
    height: 150px !important;
}

.lesson_core {
    background: #4CA354;
    float: left;
    width: 100%;
    /* margin-top: 20px; */
}

.cl1 {
    float: left;
    padding: 10px 10px;
    background: #E71E62;
    width: 100%;
    margin-top: 10px;
}

.cl2 {
    float: left;
    padding: 10px 10px;
    background: #F54337;
    width: 100%;
    margin-top: 10px;
}

.cl3 {
    float: left;
    padding: 10px 10px;
    background: #9C28B1;
    width: 100%;
    margin-top: 10px;
}

.cl4, .cl0 {
    float: left;
    padding: 0 10px;
    background: #2B408E;
    width: 100%;
    margin-top: 10px;
}

    .cl1 h3, .cl2 h3, .cl3 h3, .cl4 h3, .cl0 h3 {
        margin: 0;
        font-size: 20px;
    }

    .cl1 p, .cl2 p, .cl3 p, .cl4 p, .cl0 p {
        margin: 0;
    }

.ForExternalRes {
    background: #2B408E;
}

.mb30 {
    margin-bottom: 50px;
}

.asses_head h1 {
    margin: 50px 0 0 0;
    text-transform: none !important;
}

.width200 {
    width: 220px !important;
    height: 220px !important;
}

.pad35 {
    padding: 0 35px;
}

.CoreLessonDiv {
    height: 194px;
    overflow: hidden;
}

.printDiv {
    position: absolute;
    z-index: 2;
    text-align: center;
    width: 100%;
}

.print_btn {
    z-index: 99;
    background: #33a3db;
    border: none;
    color: #fff;
    padding: 4px;
    min-width: 80px;
    border-radius: 0 0 4px 4px;
    outline: none;
}

#myModalforpdf {
    z-index: 1060 !important;
}

.print_btn:hover {
    background: #fff;
    color: #33a3db;
}

.CoreLessonDiv .cl1, .CoreLessonDiv .cl2, .CoreLessonDiv .cl3, .CoreLessonDiv .cl4, .CoreLessonDiv .cl0 {
    margin: 0 !important;
    padding: 5px 0;
}

.sub_container {
    background: #000;
    border-top: 6px solid #fff;
    border-bottom: 6px solid #fff;
}

.core_tab_inner_container .book-disc {
    width: 100%;
    margin-bottom: 10px;
}

#myContentModal .book_bg {
    /*background-image: url(../images/wetland_bg.jpg);*/
    background-size: auto 100%;
    background-repeat: no-repeat;
    color: #fff;
    background-position: 100% 20%;
    height: 70vh;
}

.leftContentDiv {
    background: #023D7F;
    padding: 20px;
    height: 100%;
}

#myContentModal .modal-dialog {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}

#myContentModal .modal-header {
    position: absolute;
    z-index: 2;
    top: 2px;
}

.book_title_logo {
    text-align: center;
}

    .book_title_logo img {
        width: 90%;
        margin: 40px 0 0 0;
    }

.slick-disabled {
    opacity: 0 !important;
    pointer-events: none;
}

#linksList {
    /*padding-bottom: 30px;*/
    float: left;
    width: 100%;
    padding-right: 20px;
}

    #linksList li {
        font-size: 24px;
        float: left;
        width: 100%;
        position: relative;
    }

#myContentModal .book_bg h3 {
    font-size: 38px;
    font-weight: 600;
    text-shadow: 0 0 10px rgba(0,0,0,0.6);
    text-transform: uppercase;
    padding: 25px 0;
}

#myContentModal .book_bg ul li a {
    font-size: 26px;
    text-shadow: 1px 0px 4px rgba(0,0,0,1);
}

    #myContentModal .book_bg ul li a span {
        width: 30px;
        float: left;
        text-align: right;
        margin-right: 15px;
    }

.CoreLessonDiv h1 {
    margin-bottom: 5px !important;
    font-size: 20px !important;
    text-transform: none;
    margin-top: 30px;
    padding: 0 40px;
}

.CoreLessonDiv h2 {
    margin-bottom: 10px !important;
    font-size: 26px !important;
    text-transform: none;
    margin-top: 0px;
    padding: 0 40px;
    color: #fff;
}

.CoreLessonDiv .download_lesson {
    text-transform: none;
}

.lesson_box_main .top_section p {
    font-weight: 600;
}
/*------------------------------------------------------core idea end------------------------------------------------*/
/*------------------------------------------------------side-bar------------------------------------------------*/

.fixed_side_div {
    position: absolute;
    right: 0;
    border-top: none !important;
    width: auto;
    min-width: 130px;
    border-radius: 25px 0 0 25px;
    z-index: 3;
}

.display_none {
    display: none;
}

.slide_toggle {
    text-align: left;
    background: none !important;
    cursor: pointer;
    float: left;
    margin: 1px 0 0 0;
    padding: 6px 0 6px 10px;
}
/*.section_minheight{
	min-height:900px;
}*/
.min_wid500 {
    min-width: 940px;
}
/*.removeWinscroll > div {
	height:100px;
}
.removeWinscroll .sticky {
	display: block;
	overflow-y: scroll;
	overflow-x:hidden;
	height: 920px;
}*/

.green_bg .content .demo > .scrollbar-inner {
    height: auto !important;
    max-height: calc(100vh - 66px);
    overflow: auto;
}

.currdataContainer {
    float: left;
    width: 100%;
}

.currdata .content .demo > .scrollbar-inner {
    height: auto !important;
    max-height: calc(100vh - 66px);
    overflow: auto;
    background: #000;
}


/*.sticky .teacher_profile {
	position: fixed;
	overflow-y: auto !important;
	height: auto;
	margin-top: 42px;
	z-index: 9;
	background-color: #E2E2E2;
}*/
/*.sticky .teacher_profile .grey_bg > .tab-pane {
		margin-bottom: 15px;
	}*/
.green_bg {
    background: #85BB8E !important;
}

#ContainerforPartial {
    float: left;
    width: 100%;
}

.sticky + div #ContainerforPartial {
    padding-top: 66px;
}
/*.green_bg #my_lesson{
		padding-bottom:20px;
	}*/
/*------------------------------------------------------side-bar-end------------------------------------------------*/


.OverviewForUserhubforall .core_tab_inner_container h1 {
    margin: 50px 0 40px 0;
}

.OverviewForUserhubforall .core_tab_inner_container .book-disc {
    margin: 50px 0;
}

.OverviewForUserhubforall .core_tab_inner_container .count_list2 {
    margin: 30px 0 0 0;
}

.OverviewForUserhubforall .core_tab_inner_container .anchor {
    margin-bottom: 60px;
}

.OverviewForUserhubforall .nav-tabs {
    margin-bottom: 20px;
}

.OverviewForUserhubforall .tab-content {
    min-height: 650px;
}

.OverviewForUserhubforall .min_height680 {
    height: 640px;
}

#DifferentiatedlessonDetailshub .col-md-12 {
    padding: 0 25px;
}

#DifferentiatedlessonDetailshub .lesson_discription_close {
    right: 0px;
    color: #000;
}

#CorelessonsAndAssesmentCounthub .lesson_discription_close {
    right: 0px;
    color: #000;
}

#CorelessonsAndAssesmentCounthub {
    float: left;
}

.extFileHead {
    color: #fff;
    text-align: center;
    padding-top: 70px;
    position: absolute;
    width: 100%;
}
/*Sanjay Style*/
.filter-bar .nav-tabs > li > a {
    color: #ffffff;
    border: 1px solid #fff;
}

.green_bg .nav-tabs > li > a {
    color: #fff;
}

.teacher_profile_top_menu .nav-tabs > li > a {
    color: #fff;
    background: none;
    transition: 1s;
}

    .teacher_profile_top_menu .nav-tabs > li > a:hover {
        color: #000;
        background: #fff;
    }

.teacherTabHeading .teacher_tab_heading {
    font-size: 30px;
    font-weight: 800;
    margin: 10px 0;
}

.teacherTabHeading .title {
    font-size: 28px;
    padding-left: 0;
    font-weight: 800;
    margin-bottom: 0;
    min-height: 25px;
}

.text1 {
    text-align: left;
    font-size: 29px;
    padding: 0 !important;
}

.text2 {
    padding: 6px 0 !important;
    font-size: 22px;
}

.text3 {
    padding: 6px 0 !important;
    font-style: italic;
    font-size: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.my_hub_transparent_bg {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    background: rgba(0,0,0,0.7);
    height: 55px;
    display: none;
    transition: 2s;
    z-index: 2;
}

.my_hub_transparent_bg2 {
    float: left;
    width: 100%;
    position: absolute;
    left: 0;
    background: rgba(0,0,0,0.7);
    height: 55px;
    display: none;
    transition: 2s;
    z-index: 2;
}

.WetlandsInfo {
    width: 100% !important;
    left: auto !important;
    right: 0;
    z-index: 11;
}

.width75percent {
    width: 175% !important;
    left: -75%;
}

.analytics_school_logo {
    float: left;
}

.analytics_school_heading {
    float: left;
    padding: 15px 0 0 40px;
    color: #000;
}

.overall_assessment {
    float: left;
    width: 100%;
}

    .overall_assessment a {
        float: left;
        width: 30px;
        margin-right: 8px;
    }

    .overall_assessment h4 {
        float: left;
        width: auto !important;
    }

.white_border {
    float: left;
    width: 100%;
    border-bottom: 2px solid rgba(255,255,255,0.7);
}

    .white_border h4 {
        font-size: 18px;
        padding: 0px 0 2px 0;
        color: #000;
        float: left;
        width: 100%;
        line-height: 22px;
    }

        .white_border h4 span {
            float: left;
        }

.border_left_white {
    border-left: 2px solid rgba(255,255,255,0.7);
}

.white_border2 {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    border-bottom: 2px solid rgba(255,255,255,0.7);
    background: #C1E1C9;
    padding: 10px 0 0 0;
}

ul.main_subject_lest {
    overflow: auto;
    float: left;
    width: 100%;
}

.main_subject_lest li {
    font-size: 17px;
    padding: 6px 0;
    color: #000;
    cursor: pointer;
    font-weight: bold;
}


ul.main_subject_lest_roster {
    overflow: auto;
    float: left;
    width: 100%;
}

.main_subject_lest_roster li {
    font-size: 17px;
    padding: 6px 0;
    color: #000;
    cursor: pointer;
    font-weight: bold;
}

    .main_subject_lest_roster li span {
        padding: 5px 9px;
        border-radius: 16px;
    }

        .main_subject_lest_roster li span:hover {
            background: #000;
            color: #fff;
        }

.inner_subject_list li {
    font-weight: normal;
}

.list_margin .scroll-wrapper {
    height: 350px;
    overflow: auto;
}

.list_margin .scrollbar-inner > .scroll-element.scroll-y {
    width: 12px !important;
}

.list_margin .scrollbar-inner > .scroll-element .scroll-element_outer, .list_margin .scrollbar-inner > .scroll-element .scroll-element_track, .list_margin .scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.list_margin .scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: #dbffe6 !important;
}

.list_margin .scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #96C899 !important;
}

.list_margin {
    margin: 10px 0;
    float: left;
    width: 100%;
}

.list_margin2 .scroll-wrapper {
    height: 350px;
    overflow: auto;
}

.list_margin2 .scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: rgba(255,255,255,0.3);
}

.list_margin2 .scrollbar-inner > .scroll-element .scroll-bar {
    background-color: rgba(255,255,255,1);
}

.list_margin2 {
    margin: 10px 0 10px 0;
    float: left;
    width: 100%;
}

.teacherViewForAnaliyitics .list_margin2 {
    margin: 10px 0 40px 0;
}

.loaderForAnalytics_Std {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 45%;
    top: 44%;
    z-index: 9999;
    background: url(../images/loader2.gif) center center no-repeat;
    background-size: cover;
    opacity: 1;
    background-color: #000000;
    float: left;
    border-radius: 6px;
}

.loaderForAnalytics {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 45%;
    top: 44%;
    z-index: 9999;
    background: url(../images/loader2.gif) center center no-repeat;
    background-size: cover;
    opacity: 1;
    background-color: #000000;
    float: left;
    border-radius: 6px;
}

.active_list {
    background: #000;
    color: #fff;
    border-radius: 12px;
    padding: 3px 6px;
    font-weight: normal;
    text-decoration: underline;
}

ul.inner_subject_list {
    margin: 10px 0 0 20px;
    color: #000;
    font-weight: 500;
    float: left;
    width: calc(100% - 20px);
}

    ul.inner_subject_list li {
        font-size: 17px;
        font-weight: 500;
        padding: 6px 0;
    }

        ul.inner_subject_list li span {
            border-radius: 12px;
            padding: 3px 6px;
            display: inline-block;
        }

            ul.inner_subject_list li span:hover {
                text-decoration: underline;
                background: #000;
                color: #fff;
            }

.nav-sidebar {
    float: left;
    width: 30%;
    margin: 10px 0 0 0;
    position: absolute;
    z-index: 9;
}

.tab_sidebar {
    float: left;
    width: 100%;
    height: 350px;
    margin: 10px 0 10px 0;
    position: relative;
}

.nav-sidebar li.active a {
    background: #000;
    color: #fff;
    border-radius: 12px;
    padding: 3px 6px;
    display: inline-block;
}

.nav-sidebar li {
    padding: 0 0 0 15px;
    margin: 10px 0;
}

.nav-sidebar ul li a {
    font-size: 17px;
    padding: 3px 6px;
    border-radius: 12px;
    color: #000;
    display: inline-block;
}

    .nav-sidebar ul li a:hover {
        color: #fff;
        background: #000;
    }

.assessment_result_bars {
    float: left;
    width: 97%;
}

.progress-bar-info {
    background-color: #ed1c25;
    /*line-height: 30px;*/
    font-size: 16px;
    border-radius: 0 20px 20px 0;
}

.pie_chart_container {
    height: 300px;
    width: 300px;
    margin: 0 auto;
    position: relative;
}

a.see_all_btn {
    position: absolute;
    height: 80px;
    width: 80px;
    top: 110px;
    left: 110px;
    cursor: pointer;
}

.progress-bar-success {
    background-color: #8ec641;
    /*line-height: 30px;*/
    font-size: 16px;
    border-radius: 20px 0 0 20px;
}

#seeAll {
    z-index: 9999;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}

    #seeAll .modal-title {
        color: #000 !important;
        width: 100%;
        padding-left: 0;
        text-align: center;
        text-shadow: none;
        padding-top: 0;
        padding-bottom: 20px;
    }

#ModalAnalyticsPopupDetail {
    z-index: 99999;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}

.row.mt0.odd.HeaderRow {
    background: #8bbe59;
    padding: 8px 0;
    color: #fff;
}

.row.mt0.even {
    background: #eee;
    padding: 5px 0;
}

.arc {
    cursor: pointer;
}

.row.mt0.odd {
    background: #fff;
    padding: 5px 0;
}

.AnalyticsPopupDetail_Detailcls .row {
    cursor: pointer;
}

.scrollbar-inner .totalTimeModal {
    cursor: pointer;
}

.Level2Detail {
    float: left;
    width: 100%;
    padding: 0 10%;
    background: #d6d6d6;
}

#ModalAnalyticsPopupDetail .total_time_spend {
    margin: 0px 0 10px 0px !important;
    width: 100% !important;
}

#ModalAnalyticsPopupDetail .modal-title {
    color: #000 !important;
    width: 100%;
    padding-left: 0;
    text-align: center;
    text-shadow: none;
    padding-top: 0;
    padding-bottom: 20px;
}

#ModalAnalyticsPopupDetailLevel2 {
    z-index: 999999;
    max-width: 650px;
    margin: 0 auto;
    width: 100%;
}

    #ModalAnalyticsPopupDetailLevel2 .modal-title {
        color: #000 !important;
        width: 100%;
        padding-left: 0;
        text-align: center;
        text-shadow: none;
    }

    #ModalAnalyticsPopupDetailLevel2 .total_time_spend {
        margin: 0px 0 10px 0px !important;
        width: 100% !important;
    }

#seeAll_TimeSpent_Std {
    z-index: 9999;
    max-width: 650px;
    margin: 0 auto;
    width: 100%;
}


    #seeAll_TimeSpent_Std .modal-title {
        color: #000 !important;
        width: 100%;
        padding-left: 20px;
        text-align: center;
        text-shadow: none;
    }

    #seeAll_TimeSpent_Std .close {
        color: #000 !important;
        font-size: 40px !important;
        background: transparent !important;
    }

#seeAllViewed {
    z-index: 9999;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}

    #seeAllViewed .modal-title {
        color: #000 !important;
        width: 100%;
        padding-left: 20px;
        text-align: center;
        text-shadow: none;
    }


#seeAllViewed_Std {
    z-index: 9999;
    max-width: 650px;
    margin: 0 auto;
    width: 100%;
}

    #seeAllViewed_Std .modal-title {
        color: #000 !important;
        width: 100%;
        padding-left: 20px;
        text-align: center;
        text-shadow: none;
    }

    #seeAllViewed_Std .close {
        color: #000 !important;
        font-size: 40px !important;
        background: transparent !important;
    }

#seeAllPageRead {
    z-index: 9999;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}

    #seeAllPageRead .modal-title {
        color: #000 !important;
        width: 100%;
        padding-left: 20px;
        text-align: center;
        text-shadow: none;
    }



#seeAllPageRead_Std {
    z-index: 9999;
    max-width: 650px;
    margin: 0 auto;
    width: 100%;
}

    #seeAllPageRead_Std .modal-title {
        color: #000 !important;
        width: 100%;
        padding-left: 20px;
        text-align: center;
        text-shadow: none;
    }

    #seeAllPageRead_Std .close {
        color: #000 !important;
        font-size: 40px !important;
        background: transparent !important;
    }

#UserProfileUpdate {
    z-index: 9999;
    max-width: 650px;
    margin: 0 auto;
    width: 100%;
}

    #UserProfileUpdate .modal-title {
        color: #fff !important;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        text-shadow: none;
        background: #5bb85b;
        margin: 0 0 10px 0;
        border-radius: 10px 10px 0 0;
    }



#UserProfilePicUpdate {
    z-index: 9999;
    max-width: 650px;
    margin: 0 auto;
    width: 100%;
}

    #UserProfilePicUpdate .modal-title {
        color: #000 !important;
        width: 100%;
        padding: 10px 0;
        text-align: center;
        text-shadow: none;
    }

    #UserProfilePicUpdate .close {
        color: #000 !important;
        font-size: 40px !important;
        background: transparent !important;
        position: absolute;
        right: 0;
    }

#ModalAddRemoveBooksInSection {
    z-index: 9999;
}

    #ModalAddRemoveBooksInSection .modal-dialog {
        max-width: 750px;
        width: 100%;
    }

    #ModalAddRemoveBooksInSection .modal-body {
        padding: 0 10px !important;
    }

    #ModalAddRemoveBooksInSection .modal-title {
        color: #000 !important;
        width: 100%;
        padding-left: 20px;
        text-align: center;
        text-shadow: none;
    }


#ModalForInviteSectionStudents {
    z-index: 9999;
    max-width: 650px;
    margin: 0 auto;
    width: 100%;
}

    #ModalForInviteSectionStudents .modal-title {
        color: #000 !important;
        width: 100%;
        padding-left: 20px;
        text-align: center;
        text-shadow: none;
    }


label.po_label.InviteSection {
    font-weight: bold;
}

.invite_btn {
    margin-top: 10px;
    width: 100%;
    border: none !important;
    border-radius: 4px !important;
    height: 40px;
    line-height: 32px;
    outline: none;
}

span.bar_heading {
    float: left;
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    margin: 0 0 5px 0;
}

.ShowLevelAssessment:hover {
    cursor: pointer;
    text-decoration: underline;
}

.total_time_spend .scroll-wrapper {
    height: 240px !important;
    overflow: auto;
    height: auto;
}

label.addBookHead {
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 5px 5px;
    margin: 0;
    background: #f1f1f1;
    width: 100%;
}

.borderGrey {
    border: 1px solid #f1f1f1;
    padding: 10px !important;
}

.ARBSchool, .ARBSection {
    font-weight: bold;
}
/*.total_time_spend .scrollbar-inner {
	height: 500px !important;
}*/
.top_btn {
    margin: 0 0 5px 0;
}

.addBooks {
    border: none;
    font-weight: normal;
    font-size: 12px;
    padding: 4px 10px;
    background: #47AD63;
    border-radius: 4px;
}

    .addBooks:hover {
        color: #47AD63;
        background: #dedede;
    }

.removeBooks {
    border: none;
    font-weight: normal;
    font-size: 12px;
    padding: 4px 10px;
    background: #da633d;
    border-radius: 4px;
}

    .removeBooks:hover {
        color: #da633d;
        background: #dedede;
    }

.total_time_spend {
    margin: 0;
    float: none;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
}

    .total_time_spend .scrollbar-inner > .scroll-element .scroll-bar {
        background-color: #3BAD5F;
    }

    .total_time_spend .scrollbar-inner > .scroll-element .scroll-element_track {
        background-color: #9DD6AF;
    }

.totalTimeModal .progress-bar-success {
    background-color: transparent;
    height: 15px;
    box-shadow: none;
}

.totalTimeModal .progress-bar-info {
    background-color: transparent;
    height: 15px;
    box-shadow: none;
}

.total_head {
    text-transform: uppercase;
    font-size: 16px;
    margin: 0;
}

.row.mt20 {
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
}

.mt10 {
    margin-top: 10px !important;
    margin-left: 0;
    margin-right: 0;
}

.icon_img_size {
    width: 30px;
    float: right;
}



.color_red {
    background-color: #FF0000 !important;
}

.color_blue {
    background-color: #4495D1 !important;
}

.color_yellow {
    background-color: #FDB940 !important;
}

.color_orange {
    background-color: #F15B38 !important;
}

.color_green {
    background-color: #8CBE59 !important;
}

.color_lorange {
    background-color: #F7943E !important;
}

.color_sky {
    background-color: #34B8B3 !important;
}

.color_purple {
    background-color: #993F97 !important;
}

.totalTimeModal .bar_heading {
    font-weight: normal;
    font-size: 14px;
    color: #000;
    padding: 2px 0 0 0;
}

.progress_bar_wapper {
    float: left;
    width: 90%;
    margin-bottom: 20px;
    /*border-radius: 20px;*/
    overflow: hidden;
}

#teacher_profile .progress_bar_wapper {
    border-radius: 20px;
}

ul.correct_indicator {
    margin: 10px 0 10px 20px;
    float: left;
    width: 100%;
}

.correct_indicator li {
    float: left;
    font-weight: 600;
    font-size: 16px;
}

.correct span {
    height: 20px;
    width: 20px;
    float: left;
    background: #146836;
    margin-right: 10px;
}

.incorrect span {
    height: 20px;
    width: 20px;
    float: left;
    background: #ed1c25;
    margin: 0 10px;
}

.analytic_share_icons {
    display: inline-block;
    margin: 10px 0 0 0;
}

    .analytic_share_icons li {
        display: inline-block;
    }

.no-padding {
    padding: 0;
}

.userImage {
    width: 100px !important;
}

.accountDetailForm .form-group {
    padding: 0 20px;
    margin-bottom: 10px;
}

.userImageForm {
    padding-top: 20px;
}

    .userImageForm .form-group {
        padding: 0 20px;
        margin-bottom: 10px;
    }

.accountDetailForm .form-group input {
    height: 39px;
}

.accountDetailForm .form-group label {
    font-weight: bold;
}

.save-button {
    margin-top: 10px;
    border: none !important;
    border-radius: 4px !important;
    height: 39px;
    line-height: 32px;
    outline: none;
    padding: 0 10px !important;
    margin-left: 10px;
}

.close-button {
    margin-top: 10px;
    border: none !important;
    border-radius: 4px !important;
    height: 39px;
    line-height: 32px;
    outline: none;
    padding: 0 10px !important;
}
/*-------------------------date-range---------------------------*/
.js-daterange {
    width: 100%;
    font-size: 18px;
    color: #000;
    max-width: 220px;
    font-weight: 600;
    cursor: pointer;
    float: right;
    text-align: right;
    padding-right: 30px;
    padding-top: 4px;
}

    .js-daterange:after {
        position: absolute;
        content: "";
        width: 30px;
        height: 30px;
        right: -28px;
        margin-top: -2px;
        background-repeat: no-repeat;
        background-image: url(../images/claendar.svg);
        background-position: right;
        background-size: 22px;
    }

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #48ad62;
    border-radius: 4px;
    border: 1px solid #3a9852;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em;
}

    .daterangepicker:before, .daterangepicker:after {
        position: absolute;
        display: inline-block;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        content: '';
    }

    .daterangepicker:before {
        top: -7px;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 7px solid #146836;
    }

    .daterangepicker:after {
        top: -6px;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #48ad62;
        border-left: 6px solid transparent;
    }

    .daterangepicker.opensleft:before {
        right: 9px;
    }

    .daterangepicker.opensleft:after {
        right: 10px;
    }

    .daterangepicker.openscenter:before {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .daterangepicker.openscenter:after {
        left: 0;
        right: 0;
        width: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .daterangepicker.opensright:before {
        left: 9px;
    }

    .daterangepicker.opensright:after {
        left: 10px;
    }

    .daterangepicker.drop-up {
        margin-top: -7px;
    }

.cancelBtn {
    border: none !important;
    font-weight: normal !important;
    font-size: 12px !important;
    padding: 4px 10px !important;
    background: #2b7b40 !important;
    border-radius: 4px !important;
}

    .cancelBtn:hover {
        background: #ffffff !important;
        color: #2a693a !important;
    }

.applyBtn {
    border: none !important;
    font-weight: normal !important;
    font-size: 12px !important;
    padding: 4px 10px !important;
    background: #ff7000 !important;
    border-radius: 4px !important;
}

    .applyBtn:hover {
        background: #ffffff !important;
        color: #e86a07 !important;
    }

.daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #1d6734;
}

.daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #48ac62;
}

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
    float: none;
}

.daterangepicker.single .drp-selected {
    display: none;
}

.daterangepicker.show-calendar .drp-calendar {
    display: block;
}

.daterangepicker.show-calendar .drp-buttons {
    display: block;
}

.daterangepicker.auto-apply .drp-buttons {
    display: none;
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px;
}

    .daterangepicker .drp-calendar.left {
        padding: 4px 0 4px 4px;
    }

    .daterangepicker .drp-calendar.right {
        padding: 4px;
    }

    .daterangepicker .drp-calendar.single .calendar-table {
        border: none;
    }

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    padding: 2px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
}

    .daterangepicker .calendar-table table {
        width: 100%;
        margin: 0;
        border-spacing: 0;
        border-collapse: collapse;
    }

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #ff7000;
    border-color: transparent;
    color: inherit;
}

.daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
}

.daterangepicker td.in-range {
    background-color: #f1eae5;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #ff7000;
    border-color: transparent;
    color: #fff;
}

.daterangepicker th.month {
    width: auto;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative;
}

    .daterangepicker .calendar-time select.disabled {
        color: #ccc;
        cursor: not-allowed;
    }

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #3d9453;
    display: none;
    line-height: 12px;
    vertical-align: middle;
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px;
    color: #fff;
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
}

.daterangepicker.show-ranges .drp-calendar.left {
    border-left: 1px solid #ddd;
}

.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0;
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px;
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer;
}

    .daterangepicker .ranges li:hover {
        background-color: #eee;
    }

    .daterangepicker .ranges li.active {
        background-color: #08c;
        color: #fff;
    }
/*  Larger Screen Styling */
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }

        .daterangepicker .ranges ul {
            width: 140px;
        }

        .daterangepicker.single .ranges ul {
            width: 100%;
        }

        .daterangepicker.single .drp-calendar.left {
            clear: none;
        }

        .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar {
            float: left;
        }

        .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar {
            float: right;
        }

        .daterangepicker.ltr {
            direction: ltr;
            text-align: left;
        }

            .daterangepicker.ltr .drp-calendar.left {
                clear: left;
                margin-right: 0;
            }

                .daterangepicker.ltr .drp-calendar.left .calendar-table {
                    border-right: none;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                }

            .daterangepicker.ltr .drp-calendar.right {
                margin-left: 0;
            }

                .daterangepicker.ltr .drp-calendar.right .calendar-table {
                    border-left: none;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
                }

            /*.daterangepicker.ltr .drp-calendar.left .calendar-table {
				padding-right: 8px;
			}*/

            .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {
                float: left;
            }

        .daterangepicker.rtl {
            direction: rtl;
            text-align: right;
        }

            .daterangepicker.rtl .drp-calendar.left {
                clear: right;
                margin-left: 0;
            }

                .daterangepicker.rtl .drp-calendar.left .calendar-table {
                    border-left: none;
                    border-top-left-radius: 0;
                    border-bottom-left-radius: 0;
                }

            .daterangepicker.rtl .drp-calendar.right {
                margin-right: 0;
            }

                .daterangepicker.rtl .drp-calendar.right .calendar-table {
                    border-right: none;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                }

            .daterangepicker.rtl .drp-calendar.left .calendar-table {
                padding-left: 12px;
            }

            .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar {
                text-align: right;
                float: right;
            }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
    }

    .daterangepicker.ltr .ranges {
        float: left;
    }

    .daterangepicker.rtl .ranges {
        float: right;
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important;
    }
}
/*-----------------------date-range------------------------------*/
svg#donut-chart {
    display: block;
    margin: 0 auto;
}

text.inner-circle {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
}

.custom-normal {
    cursor: pointer;
}

/*.arc:hover {
		opacity: .85;
	}*/

.arc text {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    letter-spacing: -1px;
}

img.icon1 {
    width: 30px;
    position: absolute;
    top: 30px;
    left: 77px;
}

img.icon2 {
    width: 30px;
    position: absolute;
    top: 21px;
    left: 175px;
}

img.icon3 {
    width: 30px;
    position: absolute;
    top: 122px;
    left: 35px;
}

img.icon4 {
    width: 30px;
    position: absolute;
    top: 212px;
    left: 125px;
}

img.icon5 {
    width: 30px;
    position: absolute;
    top: 110px;
    left: 235px;
}

.pie_chart_head {
    margin: 0;
    text-align: center;
    font-size: 20px;
    color: #000;
}

.pie_chart_foot {
    margin: 0;
    text-align: left;
    padding-left: 20px;
    font-weight: normal;
    color: #000;
    float: left;
    width: 100%;
}

.tab_width_70 {
    width: 70%;
    float: right;
}

.pages_read_list {
    background: #7BC893;
    border-radius: 10px;
    padding: 20px 10px;
    margin: 20px;
    position: relative;
    min-height: 205px;
}

    .pages_read_list li {
        font-size: 18px;
        color: #000;
        margin: 0 0 6px 0;
    }

        .pages_read_list li span {
            cursor: pointer;
        }

            .pages_read_list li span:hover {
                text-decoration: underline;
            }

span.see_all_btn {
    text-align: center;
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
}

.see_all_btn a {
    background: #fff;
    border: none;
    color: #000;
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    outline: none;
    padding: 0 10px;
    border-radius: 10px;
}

.menu_icon {
    display: none;
}

/*------------------------------------------------------rostering tab------------------------------------------------*/
.empty_entries {
    float: left;
    width: 100%;
    height: 370px;
    text-align: center;
}

    .empty_entries h2 {
        color: #808080;
        font-size: 40px;
        padding: 100px 0 30px 0;
    }

    .empty_entries a {
        color: #808080;
        font-size: 26px;
    }

.studentAddIcon {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background-image: url(../images/add-button.svg);
    background-size: 100%;
    display: inline-block;
    position: relative;
    top: 5px;
}

#StudentsFromSectionCentre li .studentAddIcon {
    top: 0 !important;
}

.empty_entries a:hover .studentAddIcon {
    background-image: url('../images/add-button-hover.svg');
}

.studentAddIcon:hover {
    background-image: url('../images/add-button-hover.svg');
}

.selectedStudentList {
    float: left;
    width: 100%;
    height: 350px;
}

    .selectedStudentList ul {
        float: left;
        width: 100%;
    }

        .selectedStudentList ul li {
            float: left;
            width: 25%;
            text-align: left;
            font-size: 16px;
            font-weight: bold;
            padding: 10px 0;
            height: 50px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }

            .selectedStudentList ul li a {
                color: #000;
            }

                .selectedStudentList ul li a:hover {
                    text-decoration: underline !important;
                }

.empty_list {
    float: left;
    width: 100%;
    height: 370px;
    text-align: center;
}

    .empty_list h2 {
        color: #808080;
        font-size: 24px;
        padding: 60px 0 30px 0;
    }

    .empty_list span {
        color: #808080;
        font-size: 24px;
        line-height: 28px;
    }

.roster_container {
    float: left;
    width: 100%;
    height: 370px;
    overflow: auto;
}

a.edit_entries_btn {
    background: #3BAD5F;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    padding: 0 4px;
    margin-left: 5px;
    line-height: 22px;
    border-radius: 2px;
    float: left;
}

    a.edit_entries_btn:hover {
        background: #fff;
        color: #3BAD5F;
    }

.manage_SectionBooks {
    float: right;
    background: #3BAD5F;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    padding: 1px 4px;
    line-height: normal;
    border-radius: 2px;
}

    .manage_SectionBooks:hover {
        background: #fff;
        color: #3BAD5F;
    }

#studentEntries {
    z-index: 9999;
    max-width: 650px;
    margin: 0 auto;
}

    #studentEntries .btn {
        padding: 4px 9px !important;
        font-size: 15px !important;
        font-weight: normal !important;
        outline: none;
    }

    #studentEntries .modal-title {
        color: #000 !important;
        width: 100%;
        padding-left: 15px;
        text-align: left;
        text-shadow: none;
        padding-bottom: 0;
    }

    #studentEntries .close {
        color: #000 !important;
        font-size: 40px !important;
        background: transparent !important;
    }

    #studentEntries .modal-footer {
        border-top: 1px solid #d8d8d8 !important;
    }

input.studentSearchInput {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px 5px;
    font-size: 13px;
    outline: none;
    color: #000;
}

.studentNameList li {
    width: 100%;
    padding: 0 8px;
    float: left;
}

    .studentNameList li:hover {
        background: #ececec;
    }

.mt0 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}

.span_pseudo, .chiller_cb span:before, .chiller_cb span:after {
    content: "";
    display: inline-block;
    background: #fff;
    width: 0;
    height: 0.2rem;
    position: absolute;
    transform-origin: 0% 0%;
}

.chiller_cb {
    position: relative;
    /* height: 2rem; */
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
}

    .chiller_cb input {
        display: none;
    }

        .chiller_cb input:checked ~ span {
            background: #F96F09;
            border-color: #F96F09;
        }

            .chiller_cb input:checked ~ span:before {
                width: 1rem;
                height: 0.15rem;
                transition: width 0.1s;
                transition-delay: 0.3s;
            }

            .chiller_cb input:checked ~ span:after {
                width: 0.4rem;
                height: 0.15rem;
                transition: width 0.1s;
                transition-delay: 0.2s;
            }

        .chiller_cb input:disabled ~ span {
            background: #ececec;
            border-color: #dcdcdc;
        }

        .chiller_cb input:disabled ~ label {
            color: #dcdcdc;
        }

            .chiller_cb input:disabled ~ label:hover {
                cursor: default;
            }

    .chiller_cb label {
        padding-left: 2.2rem;
        position: relative;
        z-index: 2;
        cursor: pointer;
        margin-bottom: 0;
        width: 100%;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .chiller_cb span {
        display: inline-block;
        width: 1.2rem;
        height: 1.2rem;
        border: 2px solid #ccc;
        position: absolute;
        left: 0;
        transition: all 0.2s;
        z-index: 1;
        box-sizing: content-box;
    }

        .chiller_cb span:before {
            transform: rotate(-55deg);
            top: 1rem;
            left: 0.37rem;
        }

        .chiller_cb span:after {
            transform: rotate(35deg);
            bottom: 0.35rem;
            left: 0.2rem;
        }

input.addToRosterBTn {
    background: #fff;
    border: none;
    color: #000;
    font-weight: bold;
    border-radius: 30px;
    padding: 3px 10px;
    text-transform: uppercase;
    outline: none;
    margin: 5px 0;
}

    input.addToRosterBTn:hover {
        color: #fff;
        background: #000;
    }

.rightStudentList {
    margin: 0 0 0 5px;
    color: #fff;
    font-weight: 500;
}

    .rightStudentList li {
        font-size: 17px;
        padding: 6px 0;
        color: #000;
        cursor: pointer;
    }

span.active_rightStudentList {
    background: #4CA354;
    color: #fff;
    border-radius: 12px;
    padding: 3px 6px;
    font-weight: normal;
}

.roster_actions {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

    .roster_actions li {
        float: left;
        width: 25%;
    }

        .roster_actions li a {
            float: left;
            width: 100%;
            text-align: center;
            color: #000;
        }

            .roster_actions li a img {
                height: 40px;
            }

            .roster_actions li a span {
                text-align: center;
                float: left;
                width: 100%;
            }

.invite_img {
    width: 40px;
    height: auto !important;
    margin-top: 12px;
}

.import_img {
    width: 40px;
    height: auto !important;
    margin-top: 5px;
}

.roster_discp {
    float: left;
    background: #A9CC9C;
    margin: 20px 0 0 20px;
    padding: 15px;
}

.stdResult {
    width: 95%;
    margin-left: 5%;
}

.std_Result {
    width: 95%;
    margin-left: 5%;
}

.ShowStdAssessment {
    cursor: pointer;
}

.StdViewClass {
    cursor: pointer;
}


.delete_list img {
    width: 15px;
    height: 15px;
    margin-right: 5px;
}

.time_comntainer {
    float: left;
    position: relative;
    width: 100%;
}

span.StdAvgText {
    float: left;
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 10px;
}

.NodataFound {
    width: 100%;
    text-align: center;
    float: left;
    padding: 120px 0;
    font-size: 25px;
    font-weight: bold;
    color: #808080;
}

.pages_read_list .NodataFound {
    padding: 60px 0 !important;
    color: #679876 !important;
}

.NoAssessmentFound {
    width: 100%;
    text-align: center;
    float: left;
    padding: 120px 0;
    font-size: 25px;
    font-weight: bold;
    color: #808080;
}

span.headDistrict {
    font-size: 17px;
    font-weight: bold;
    padding: 6px 0;
    float: left;
}

label.Splitter {
    float: left;
    padding: 7px 10px;
    font-weight: bold;
}

span.headSchool {
    font-size: 17px;
    font-weight: bold;
    padding: 6px 0;
    float: left;
}

#stList2 .headDistrict, #stList2 .headSchool {
    width: 100%;
}

span.headTeacher {
    font-size: 17px;
    font-weight: bold;
    padding: 6px 0;
    float: left;
    width: 100%;
}

.AddClassToSchool {
    background: #fff;
    color: #000;
    font-weight: bold;
    padding: 2px 10px;
    border-radius: 50px;
    margin: 0 0 10px 0;
    float: left;
}

    .AddClassToSchool:hover {
        color: #fff;
        background: #000;
    }


.loader_bg {
    background: rgba(0,0,0,0);
    width: 100%;
    position: absolute;
    height: 660px;
    z-index: 999;
    display: none;
}
/*------------------------------------------------------rostering tab end------------------------------------------------*/

/*------------------------------------------------------learnosity design------------------------------------------------*/
.lrn_stimulus .lrn_stimulus_content h2 {
    margin: 0 0 0.1em !important;
}

.lrn h1, .lrn h2, .lrn h3 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.imageclozeassociationV2 .lrn_imagecloze_container {
    max-width: 530px !important;
    margin: 0 auto;
}


.imageclozeassociationV2 .lrn_enable_dropzone_validation .lrn_imagecloze_container {
    max-width: 500px !important;
    margin: 0 auto;
}

.H-Deserts-2018-page-16-17-SA-L7 .lrn_enable_dropzone_validation .lrn_imagecloze_container {
    max-width: 560px !important;
    margin: 0 auto;
}

.H-Lakes-2018-page-16-17-SA-L7 .lrn_enable_dropzone_validation .lrn_imagecloze_container {
    max-width: 600px !important;
}

.imageclozedropdown .lrn_cloze_response_container {
    margin: 0 auto;
}

    .imageclozedropdown .lrn_cloze_response_container .lrn_imagecloze_container {
        width: 600px !important;
    }

.RS-Sedimentary-Rocks-2016-page-16-17-SA-L7 .lrn_response_input_position, .RS-Igneous-Rocks-2016-page-16-17-SA-L7 .lrn_response_input_position {
    width: 50% !important;
}

.imageclozeassociationV2 .lrn_response_innerbody .lrn_possibilityListContainer {
    margin-top: 10px !important;
}

.imageclozeassociationV2 .lrn_enable_dropzone_validation .lrn_response_input_wrapper {
    max-width: 100% !important;
}

.imageclozeassociationV2 .lrn_response_input_wrapper {
    max-width: 100% !important;
}

.imageclozeassociationV2 .lrn_single_response_per_zone .lrn_btn_drag {
    padding: 0 !important;
}

    .imageclozeassociationV2 .lrn_single_response_per_zone .lrn_btn_drag > span {
        margin-left: 0 !important;
        padding: 2px;
    }

    .imageclozeassociationV2 .lrn_single_response_per_zone .lrn_btn_drag .lrn_item img {
        max-width: 100px !important;
    }

.H-Wetlands-2018-page-16-17-SA-L7 .lrn_single_response_per_zone .lrn_btn_drag .lrn_item img {
    max-width: 60px !important;
}

.lrn-assess {
    margin: 5px 10px !important;
}

.lrn .h3, .lrn h3 {
    font-size: 15px !important;
    padding: 0 4px;
}

.lrn_widget.lrn_imageclozeassociationV2 .lrn_response_input {
    padding: 10px 20px 0 !important;
}

.lrn_widget .lrn_question {
    margin-bottom: 0.41em !important;
}

.lrn_widget.lrn_imageclozeassociationV2 .lrn_response_input .lrn_dropzones_container .lrn_imagecloze_response {
    min-height: 38px !important;
}

.lrn.lrn-assess .lrn-region:not(.lrn-items-region) .lrn_btn {
    font-size: 1.15em !important;
    padding: 0.1em 0.3em 0.1em 0.5em !important;
}

.lrn_cloze .lrn_response_input .lrn_response_container {
    height: 30px !important;
    margin-bottom: 0.3em !important;
}

.lrn_response_input table .lrn_textinput textarea {
    height: 30px !important;
}

.lrn .lrn_width_auto {
    margin: 0 auto;
}

.lrn_widget.lrn_imageclozeassociationV2 .lrn_possibilityList {
    padding: 6px 20px !important;
}

.lrn-assess .item-count {
    padding: 5px 11px !important;
    height: 30px !important;
}

.lrn .table > tbody > tr > td, .lrn .table > tbody > tr > th, .lrn .table > tfoot > tr > td, .lrn .table > tfoot > tr > th, .lrn .table > thead > tr > td, .lrn .table > thead > tr > th {
    padding: 4px 8px !important;
}

.highlight .lrn_response_input_wrapper {
    margin: 0 auto !important;
    max-width: 550px !important;
    float: none !important;
}

.lrn .table {
    margin-bottom: 10px !important;
}

.lrn p {
    margin-bottom: 0.2em !important;
}

.lrn_widget {
    margin-bottom: 0 !important;
}

.clozetext .lrn_response_input table h3 {
    float: left;
}

.clozetext .lrn_response_input table p {
    margin: 3px 0 0 10px;
    float: left;
}

.mcq .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block li {
    width: 25% !important;
}

.mcq .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-horizontal li {
    width: 25% !important;
}

.clozetext .lrn_response_input_wrapper_left {
    float: none;
    margin: 0 auto;
    max-width: 670px !important;
}

.clozetext .lrn_widget .lrn_canvas_drawing {
    max-width: 670px !important;
}

.mcq .lrn h2 {
    font-size: 1.3em !important;
}

.mcq .lrn h1 {
    font-size: 2em;
}

.clozedropdown .slides-control .content .col-xs-12 > div:nth-child(1) {
    height: auto !important;
}

.mcq .slides-control .content .col-xs-5 > div:nth-child(1) {
    height: auto !important;
}

.mcq .slides-control .content .col-xs-7 > div:nth-child(1) {
    height: auto !important;
}

.Habitats-2018-Core1-Worksheet2 .lrn_imagecloze_container {
    max-width: 400px !important;
}

.Habitats-2018-Core1-Worksheet3 .lrn_imagecloze_container, .Habitats-2018-Core2-Worksheet4 .lrn_imagecloze_container {
    max-width: 370px !important;
}

.OFS-Fall-2016-page-18-19-SA-L8 .lrn_horizontal_list, .OFS-Summer-2016-page-18-19-SA-L8 .lrn_horizontal_list, .OFS-Spring-2016-page-20-21-SA-L9 .lrn_horizontal_list,
.OFS-Winter-2016-page-18-19-SA-L8 .lrn_horizontal_list {
    width: 100%;
}

.OFS-Fall-2016-page-18-19-SA-L8 .lrn_possibilityListContainer, .OFS-Summer-2016-page-18-19-SA-L8 .lrn_possibilityListContainer,
.OFS-Spring-2016-page-20-21-SA-L9 .lrn_possibilityListContainer, .OFS-Winter-2016-page-18-19-SA-L8 .lrn_possibilityListContainer {
    width: 50% !important;
}

.OFS-Fall-2016-page-18-19-SA-L8 .lrn_possibilityList, .OFS-Summer-2016-page-18-19-SA-L8 .lrn_possibilityList, .OFS-Spring-2016-page-20-21-SA-L9 .lrn_possibilityList,
.OFS-Winter-2016-page-18-19-SA-L8 .lrn_possibilityList {
    text-align: left !important;
}

.lrn .h4, .lrn h4 {
    font-size: 17px !important;
}

.RS-Crystals-2016-page-8-9-SA-L3 .lrn-assess .learnosity-item img {
    width: 50px;
}

.RS-Crystals-2016-page-8-9-SA-L3 .lrn_qr.lrn_association .lrn_response_input_position {
    /*display: inline-block !important;*/
    width: 60% !important;
    /*float: left;*/
}

.RS-Gemstones-2016-page-8-9-SA-L3 .lrn_single_response_per_zone .lrn_btn_drag .lrn_item img {
    max-width: 60px !important;
}

.RS-Crystals-2016-page-14-15-SA-L6 .lrn_response_input_position, .OFS-Summer-2016-page-18-19-SA-L8 .lrn_possibilityListContainer {
    width: 50% !important;
}

.RS-Igneous-Rocks-2016-page-8-9-SA-L3 .lrn-assess .learnosity-item img {
    width: 60px;
}

.RS-Igneous-Rocks-2016-page-4-5-SA-L1 .lrn_qr.lrn_association .lrn_response_input_position {
    width: 80% !important;
}

.BP-Electricity-2017-page-14-15-SA-L6 .lrn_widget.lrn_orderlist .lrn_btn_sort.lrn_button {
    margin-bottom: 2px;
    padding: 0 6px;
}

.BP-Electricity-2017-page-14-15-SA-L6 .lrn_widget .lrn_btn_sort img {
    width: 60px;
    margin: 0;
}

.BP-Electricity-2017-page-14-15-SA-L6 .lrn .table {
    margin: 0px !important;
}

.EPW-Alternative-2019-page-6-7-SA-L2 .lrn_response_input_position, .OFS-Summer-2016-page-18-19-SA-L8 .lrn_possibilityListContainer {
    width: 50% !important;
}

.EPW-Quality-2019-page-18-19-SA-L8 .lrn_qr.lrn_association .lrn_response_input {
    width: 60%;
    float: left;
}

.EPW-Quality-2019-page-18-19-SA-L8 .lrn_qr.lrn_association .lrn_possibilityList.lrn_list_bottom {
    float: left;
    width: 40%;
}

.EPW-Quality-2019-page-18-19-SA-L8 .lrn-assess .learnosity-item img {
    width: 120px;
}

.EPW-Quality-2019-page-18-19-SA-L8 .lrn .lrn_possibilityList.lrn_list_bottom:before, .EPW-Quality-2019-page-18-19-SA-L8 .lrn .lrn_possibilityListContainer.lrn_list_bottom:before {
    border-top: 12px solid transparent !important;
    border-bottom: 12px solid transparent !important;
    border-right: 12px solid #f0f0f0 !important;
    left: -12px !important;
    top: 50% !important;
}

.RS-Crystals-2016-page-4-5-SA-L1 .lrn_assoc_question, .RS-Gemstones-2016-page-4-5-SA-L1 .lrn_assoc_question {
    padding: .2em .2em !important;
}

.RS-Crystals-2016-page-4-5-SA-L1 .lrn_response_input_position, .RS-Gemstones-2016-page-4-5-SA-L1 .lrn_response_input_position {
    width: 70% !important;
    padding: 0 !important;
}

.RS-Gemstones-2016-page-6-7-SA-L2 .lrn_enable_dropzone_validation .lrn_imagecloze_container, .RS-Igneous-Rocks-2016-page-6-7-SA-L2 .lrn_enable_dropzone_validation .lrn_imagecloze_container {
    max-width: unset !important;
}

.AA-Camouflage-2017-page-16-17-SA-L7 .lrn_response_input_position, .OFS-Summer-2016-page-18-19-SA-L8 .lrn_possibilityListContainer {
    width: 50% !important;
}

.AA-Behavior-2017-page-8-9-SA-L3 .lrn_imagecloze_image, .AA-Metamorphosis-2017-page-8-9-SA-L3 .lrn_imagecloze_image, .AA-Hibernation-2017-page-8-9-SA-L3 .lrn_imagecloze_image,
.AA-Flight-2017-page-8-9-SA-L3 .lrn_imagecloze_image, .AA-FamilyGroups-2017-page-8-9-SA-L3 .lrn_imagecloze_image, .AA-Camouflage-2017-page-8-9-SA-L3 .lrn_imagecloze_image,
.AA-Migration-2017-page-8-9-SA-L3 .lrn_imagecloze_image, .AA-Senses-2017-page-8-9-SA-L3 .lrn_imagecloze_image, .AA-Symbiosis-2017-page-8-9-SA-L3 .lrn_imagecloze_image {
    height: 460px !important;
}

.FON-Avalanches-2016-page-10-11-SA-L4 .lrn_assoc_question, .FON-Hurricanes-2016-page-10-11-SA-L4 .lrn_assoc_question {
    padding: .2em .2em !important;
}

.WSTE-Gravity-2017-page-16-17-SA-L7 .lrn_widget img, .WSTE-Gravity-2017-page-18-19-SA-L8 .lrn_widget img {
    max-width: 150px !important;
}

.EPW-Shapes-2019-page-18-19-SA-L8 .lrn img, .EPW-Essential-2019-page-18-19-SA-L8 .lrn img, .EPW-Power-2019-page-18-19-SA-L8 .lrn img, .EPW-Consumption-2019-page-18-19-SA-L8 .lrn img {
    max-width: 220px !important;
}

.EE-Biofuels-2019-page-18-19-SA-L8 .lrn_response_input_position, .EE-Geothermal-2019-page-10-11-SA-L4 .lrn_response_input_position {
    width: 60% !important;
}

.EPW-Shapes-2019-page-16-17-SA-L7 .lrn_widget.lrn_sortlist .lrn_response .lrn_btn_sort:before {
    position: absolute;
}

.EPW-Shapes-2019-page-16-17-SA-L7 .lrn .lrn_btn_sort > span {
    margin-left: 1.5em !important;
    line-height: 16px !important;
    float: left;
}

.EPW-Shapes-2019-page-16-17-SA-L7 .lrn_widget.lrn_sortlist .lrn_response tr {
    height: 2em;
}

.FON-Avalanches-2016-page-14-15-SA-L6 .lrn_qr.lrn_association .lrn_response_input_position, .FON-Avalanches-2016-page-10-11-SA-L4 .lrn_qr.lrn_association .lrn_response_input_position {
    width: 70% !important;
}

.WorldBiomes-2016-Core1-Worksheet2 .lrn_imagecloze_container {
    max-width: 380px !important;
}

.WorldBiomes-2016-Core2-Worksheet3 .lrn_imagecloze_container {
    max-width: 360px !important;
}

.MMP-Bird-2016-page-4-5-SA-L1 .lrn-assess .learnosity-item img {
    width: 290px;
}

.association .lrn_qr.lrn_association .lrn_response .lrn_assoc_question {
    padding: .2em .2em !important;
}

.shorttext .lrn-assess .learnosity-item img {
    max-width: 500px !important;
}

.H-Deserts-2018-page-6-7-SA-L2 .lrn_widget .lrn-imageupload-img-wrapper {
    height: 305px !important;
}

.lrn.lrn-assess .assess-dropdown .dropdown .dropdown-menu > li .lrn_btn:before {
    top: 0 !important;
}

.OFS-Fall-2016-page-18-19-SA-L8 .lrn_dropzone_wrapper {
    border: 3px solid #0175bd;
}

.MyFirstLookAtSimpleMachines-2018-Core1-Worksheet1 .lrn_widget.lrn_classification .lrn_possibilityList .lrn_draggable {
    width: 24%;
}

.MyFirstLookAtSimpleMachines-2018-Core1-Worksheet2 .lrn .lrn_clearfix, .MyFirstLookAtSimpleMachines-2018-Core2-Worksheet4 .lrn .lrn_clearfix {
    text-align: center;
}

.MyFirstLookAtSimpleMachines-2018-Core2-Worksheet3 .lrn_qr.lrn_association .lrn_possibilityList .lrn_draggable {
    width: 19%;
}

.OurFourSeasons-2016-Core2-Worksheet2 .lrn .lrn_clearfix, .OurFourSeasons-2016-Core4-Worksheet4 .lrn .lrn_clearfix {
    text-align: center;
}

.ScienceofSurvival-2018-Core2-Worksheet3 .lrn_qr.lrn_association .lrn_possibilityList .lrn_draggable {
    width: 19%;
}

.TheMythandScienceofAstronomy-2016-Core2-Worksheet3 .lrn-response-validation-wrapper {
    text-align: center;
}

.EarthsPreciousWater-2019-Core3-Worksheet3 .lrn .lrn_clearfix {
    text-align: center;
}

.EnergyExplorer-2019-Core1-Worksheet1 .lrn-response-validation-wrapper {
    text-align: center;
}

.SimpleMachines-2017-Core2-Worksheet2 .lrn .lrn_clearfix {
    text-align: center;
}

.MyFiveSenses-2016-Core3-Worksheet10 .lrn .table-bordered {
    margin: 0 auto;
}
/*------------------------------------------------------learnosity design end------------------------------------------------*/
h4.curr_relation_table_header {
    background: #FF8D33;
    color: #000;
    padding: 5px 0;
    font-size: 22px;
    font-weight: bold;
    margin: 0;
}

.curr_relation_table_div {
    width: 100%;
    float: left;
    overflow: auto;
    margin-bottom: 30px;
}

table.curr_relation_table {
    width: 100%;
    text-align: center;
    min-width: 1000px;
}

    table.curr_relation_table th {
        background: #FF8D33;
        text-align: center;
        color: #000;
        line-height: 15px;
        width: 20%;
        border-bottom: 2px solid #fff;
        padding: 6px 0;
        border-right: 2px solid #fff;
    }

        table.curr_relation_table th:nth-child(1) {
            width: 10%;
            box-shadow: none;
        }

        table.curr_relation_table th:nth-child(2) {
            width: 30%;
        }

        table.curr_relation_table th:nth-child(3) {
            width: 20%;
        }

        table.curr_relation_table th:nth-child(4) {
            width: 20%;
        }

        table.curr_relation_table th:nth-child(5) {
            width: 20%;
            border-right: none;
        }

    table.curr_relation_table td {
        background: #FFBF8C;
        color: #000;
        padding: 6px 0;
        border-right: 2px solid #fff;
    }

        table.curr_relation_table th:last-child, table.curr_relation_table td:last-child {
            border-right: none;
        }

h4.curr_relation_table_header2 {
    background: #de5443;
    color: #000;
    padding: 0 0 0 0;
    font-size: 22px;
    margin: 0;
    font-weight: bold;
}

table.curr_relation_table2 {
    width: 100%;
    text-align: center;
    min-width: 1500px;
    border-collapse: collapse;
}

    table.curr_relation_table2 td a {
        float: left;
    }

    table.curr_relation_table2 td .table_icon a {
        float: none;
    }

.table_icon a img {
    border-radius: 50px;
    width: 100%;
}

.curr_relation_table2 td a:hover {
    text-shadow: 2px 0px 4px rgba(0,0,0,0.5);
    z-index: 999 !important;
}

.currImageList li a:hover img {
    text-shadow: 2px 0px 4px rgba(0,0,0,0.5);
    transform: scale(1.4);
    z-index: 9999;
    position: relative;
}

table.curr_relation_table2 tr {
    border-bottom: 2px solid #000;
}

    table.curr_relation_table2 tr:last-child {
        border-bottom: none;
    }

    table.curr_relation_table2 tr:nth-child(1) {
        border-bottom: none;
    }

table.curr_relation_table2 th {
    background: #eba088;
    text-align: left;
    color: #000;
    line-height: 15px;
    padding: 6px 0;
    /*border-right: 2px solid #000;*/
    position: -webkit-sticky;
    position: sticky;
    z-index: 9999;
    top: 49px;
    box-shadow: inset 2px 0px 0px 0px #000000;
}

table.curr_relation_table2 td {
    background: #fff;
    color: #000;
    padding: 6px 0;
    box-shadow: inset 2px 0px 0px 0px #000000;
    text-align: left;
    padding: 0px 0 0 2px;
    vertical-align: top;
}

table.curr_relation_table2 th:nth-child(1) {
    width: 12%;
    box-shadow: none;
}

table.curr_relation_table2 td:nth-child(1) {
    box-shadow: none;
}

table.curr_relation_table2 th:nth-child(2) {
    width: 25%;
}

table.curr_relation_table2 th:nth-child(3) {
    width: 20%;
}

table.curr_relation_table2 th:nth-child(4) {
    width: 20%;
}

table.curr_relation_table2 th:nth-child(5) {
    width: 25%;
    border-right: none;
}

table.curr_relation_table2 td:nth-child(5) {
    border-right: none;
}

span.grade_count {
    padding: 0 6px 0 5px;
    font-size: 18px;
    float: left;
    height: 30px;
    line-height: 30px;
}

.doubleHead {
    float: left;
    width: 100%;
}

    .doubleHead .grade_count {
        height: 20px !important;
        line-height: 20px !important;
    }

    .doubleHead label {
        height: 20px !important;
        line-height: 20px !important;
    }

.pd_bar .progress-bar {
    height: 20px;
}

.pd_bar {
    margin: 4px 0 10px 0px !important;
}

    .pd_bar .progress-bar-info {
        background-color: #797878;
        box-shadow: none;
        border-radius: 0 20px 20px 0;
    }

span.pd_bar_text {
    font-size: 18px;
    float: right;
    padding: 2px 0 0 0;
}

.scroll-wrapper > .pd_video_thumbnails {
    padding-right: 20px;
}

.videoThumb {
    width: 100%;
    height: 170px;
    overflow: hidden;
    position: relative;
}

.pd_video_thumbnails img {
    width: 100%;
}

.curr_relation_table2 label {
    float: left;
    height: 30px;
    margin-bottom: 0;
    font-size: 12px;
}

.line_height30 {
    line-height: 30px;
}

.pd_play_btn {
    height: 80px;
    width: 80px;
    background-image: url(../images/play-button.svg);
    position: absolute;
    background-size: cover;
    opacity: 0.6;
    left: 40%;
    top: 25%;
}

.curr_relation_table2 td p {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    transition: 0.6s;
}

.firstSpan {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding: 5px;
}

.curr_relation_table2 td h4 {
    font-size: 14px;
    color: #000;
    padding: 5px;
}

a.clever_btn {
    margin: 0 0 0 5px;
}

    a.clever_btn img {
        width: 18px;
    }

ul.currImageList {
    float: left;
    width: 96%;
    margin: 5px 2%;
}

.currImageList li {
    float: left;
    margin: 0 1% 1% 0px;
    width: 24%;
}

    .currImageList li img {
        width: 100%;
        border: 1px solid #000;
        transition: 0.5s;
    }

.ngssImg {
    position: relative;
    float: left;
    width: 130px;
    height: 130px;
    outline: none !important;
    margin: 0 0 0 10px;
}

    .ngssImg .bottomText {
        float: left;
        width: 100%;
        text-align: center;
        background: #fff;
        position: absolute;
        bottom: 0px;
        color: #000;
        padding: 6px 0;
        left: 0;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
    }

#CoreCurriculumDetails0 {
    padding: 10px 0 0 0;
}

.CurrCoreTableContainer {
    float: left;
    width: 100%;
}

.SetHorizontal {
    width: auto !important;
    margin-right: 20px !important;
}

.SettheULfloatLeft {
    float: left;
}

.tab-pane .CurrCoreTable {
    max-height: 380px;
}

.CurrCoreTableContainer .scroll-wrapper {
    max-height: 380px;
    height: auto;
    overflow: auto;
    margin-top: 30px;
}

.CurrCoreTableContainer .scroll-wrapper {
    max-height: 380px;
    height: auto;
    overflow: auto;
    margin-top: 30px;
}

.innerPadding {
    margin: 0 20px;
}

.CurrCoreTableContainer .scroll-wrapper .CurrCoreTable {
    margin: 0 20px !important;
    padding: 0 !important;
    scrollbar-width: none;
}

    .CurrCoreTableContainer .scroll-wrapper .CurrCoreTable::-webkit-scrollbar {
        display: none;
    }

.CurrCoreTableContainer .scrollbar-inner > .scroll-element.scroll-y {
    width: 12px !important;
}

.CurrCoreTableContainer .scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #fff !important;
}

.CurrCoreTableContainer .scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: #ffffff !important;
    opacity: 0.5;
}

.CurrCoreTableContainer .scrollbar-inner > .scroll-element .scroll-element_outer, .CurrCoreTableContainer .scrollbar-inner > .scroll-element .scroll-element_track, .CurrCoreTableContainer .scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.CurrCoreTableContainer .scrollbar-inner > .scroll-element.scroll-x {
    width: calc(100% - 40px) !important;
    margin: 0 20px;
    height: 12px;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

#LeanosityModal:before {
    display: block !important;
    height: auto !important;
}

div#outerdivFormodalDialog {
    /* float: left; */
    width: 100%;
    vertical-align: middle;
    display: inline-block;
}

input::-moz-selection {
    background: blue;
}

input::selection {
    background: blue;
}

#Right_LabelRoster {
    width: 100% !important;
}

    #Right_LabelRoster a {
        display: block;
        float: right;
        width: auto;
        margin: 5px 0 0 0;
    }

        #Right_LabelRoster a img {
            width: 20px;
            margin: 2px 6px 0 0;
            float: left;
        }

        #Right_LabelRoster a span {
            color: #000;
            font-size: 16px;
        }

.teacher_profile_list input {
    margin: 0 0 0 10px;
    font-size: 14px;
    padding: 4px 5px;
    border-radius: 4px;
    outline: none;
    border: 2px solid #95cca2;
}

.height220 {
    height: 220px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

label.video_label {
    width: 100%;
    text-align: left;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #ffffff;
    height: 45px;
    padding: 5px 0 0 0;
}

.checkUncheckDiv {
    position: absolute;
    width: 100%;
    z-index: 9;
}

    .checkUncheckDiv img {
        width: 50px;
        float: right;
        margin: 0;
        position: absolute;
        right: 10px;
        top: 10px;
    }

#ContainerForCurr {
    display: none;
    width: 100%;
    float: left;
    background: #000;
    /*overflow-y:scroll;
	overflow-x:hidden;*/
}

.SetInOneLIne {
    float: none !important;
}
/*#OuterDivContainerForCurr {
	display: none;
	width: 100%;
	float: left;
	background: #000;
	padding: 30px 0;
}*/
a.uploadPhotoLinks {
    display: none;
    position: absolute;
    left: 0;
    top: 20px;
    font-size: 14px;
    color: #fff;
    height: 110px;
    border-radius: 60px;
    padding: 35px 10px 0 10px;
    margin: 0;
    text-shadow: 0 0px 10px #000;
    transition: 0.3s;
    background: rgba(0,0,0,0.3);
}

.teacher_image:hover a.uploadPhotoLinks {
    display: block;
    transition: 0.3s;
}

.modeList {
    border-left: 6px solid #fff;
}

    .modeList a {
        color: #000 !important;
        cursor: default;
    }

        .modeList a:hover {
            text-shadow: none !important;
        }

.teacherStudentBtn a {
    background: #1E5730 !important;
}

.viewCorrelationBtn {
    background: transparent;
    color: #fff;
    margin-top: 5px;
    border: 2px solid #fff;
    font-size: 15px;
    border-radius: 20px;
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    padding: 0 10px;
    transition: 1s;
}

    .viewCorrelationBtn:hover {
        background: #fff;
        color: #000;
    }

.correlation_close {
    float: right;
    font-size: 30px;
    color: #fff;
    background: none;
    position: absolute;
    outline: none;
    border: none;
    z-index: 9;
    right: 10px;
    top: -40px;
}

    .correlation_close i {
        margin-bottom: 3px;
    }

    .correlation_close:hover, .correlation_close:active, .correlation_close:visited {
        text-shadow: 0px 0px 20px #fff;
    }

.correlation_close1 {
    outline: none;
    border: 2px solid #fff;
    height: 35px;
    width: 35px;
    color: #fff;
    line-height: 20px;
    background: #fff;
    font-size: 0;
    border-radius: 20px;
    margin: 10px 10px 0 0;
    position: absolute;
    right: 0;
    z-index: 3;
    background-image: url(../images/closeWithBorder.svg);
}

    .correlation_close1 i {
        margin-bottom: 3px;
    }

    .correlation_close1:hover, .correlation_close1:active, .correlation_close1:visited {
        text-shadow: 0px 0px 20px #fff;
    }

.studentHeadingBorder {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin: 0 0 20px 0;
}

.studentInfoLeft {
    padding: 0;
}

    .studentInfoLeft h1 {
        width: auto;
        float: left;
        font-size: 22px;
    }

    .studentInfoLeft label {
        width: 150px;
        float: left;
        line-height: 46px;
        font-size: 16px;
        margin: 0;
    }

.classteacher {
    float: left;
    width: 100%;
}

    .classteacher label {
        width: 150px;
        float: left;
        line-height: 46px;
        font-size: 16px;
        margin: 0;
    }

    .classteacher .stdClass {
        width: auto;
        float: left;
        font-weight: bold;
        font-size: 22px;
        margin: 5px 0;
    }



    .classteacher .TeacherName {
        width: auto;
        float: left;
        font-weight: bold;
        font-size: 22px;
        margin: 5px 0;
    }

.ClassTeacherHeading {
    padding: 20px 0;
    float: left;
}

.hub-rostring {
    margin-bottom: 50px
}

    .hub-rostring .teacher_profile_list {
        margin-bottom: 70px;
    }

p.coreCurrFirstSlide {
    height: 21px;
}

.coreCurrMidSection h1 {
    text-transform: none !important;
    padding-top: 10px !important;
    font-size: 30px !important;
}

.coreCurrMidSection span {
    font-size: 24px !important;
}

.coreCurrBottomSection span {
    font-size: 15px !important;
    margin: 2px 0 1px 0 !important;
    font-weight: bold !important;
}

.bottom_section.coreCurrBottomSection {
    padding-top: 10px;
}

.NodataMessage h3 {
    color: #808080;
    font-size: 40px;
    padding: 20px 0 30px 0;
}

.NodataMessageStudentpage h3 {
    color: #808080;
    font-size: 32px;
    padding: 20px 0 30px 0;
}

.NodataMessage p {
    color: #808080;
    font-size: 26px;
}

.searchClose {
    background-image: url(../images/searchClose.svg);
    height: 20px;
    width: 20px;
    background-size: cover;
    background-color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50px;
}


#toast-container > div {
    opacity: 0.95;
}

#toast-container > .toast-remove {
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR�0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important;*/
    background-image: none !important;
    position: relative;
}

    #toast-container > .toast-remove:before {
        content: "\f00d";
        position: absolute;
        left: 18px;
        font-family: FontAwesome;
        font-size: 24px;
        top: 8px;
        margin: auto;
    }

.borderLeft {
    border-left: 6px solid #fff;
}

.ChangeMode {
    padding: 9px 8px !important;
}

    .ChangeMode a {
        line-height: 18px !important;
    }

.myLessonSlide {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding: 64px 15px 0 15px;
    background: #C1E1C9;
}

.animatedButton {
    -webkit-animation: fadeinout 5s linear forwards;
    animation: fadeinout 5s linear forwards;
    opacity: 0;
}

@-webkit-keyframes fadeinout {
    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeinout {
    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.filter-menu-r {
    padding-left: 250px;
}

.logoutBtn {
    float: right;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    background: #34a3db;
    padding: 0 5px;
    text-transform: uppercase;
    border-radius: 2px;
}

    .logoutBtn:hover {
        background: #ffffff;
        color: #2488bb;
    }

.border_none {
    border-bottom: none !important;
}

.currTablePara {
    background: #de5443;
    color: #000 !important;
    margin: 0;
    width: 100% !important;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 10px 0;
    float: left;
}

.coreBackground {
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px !important;
    margin: 0;
}

    .coreBackground:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        height: 30px;
        width: 100%;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 100%);
        background: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 );
    }

    .coreBackground:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        height: 30px;
        width: 100%;
        background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 83%, rgba(0,0,0,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0 );
    }

.topTable th {
    position: unset !important;
}

.my_scroller .main-outer {
    padding: 10px 0 0 0 !important;
}

.myHubMinHeightDiv {
    min-height: 104px;
    float: left;
    width: 100%;
}

    .myHubMinHeightDiv #ResourcesDetails {
        padding-bottom: 30px;
    }

.footercopyrightText {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0 90px 0;
    font-size: 13px;
    color: #fff;
    font-weight: 400;
}

.main_login_wrapper .footercopyrightText {
    padding: 20px 0 0 0 !important;
}

.footercopyrightText a {
    text-decoration: underline !important;
}

#termsModal .modal-content {
    background-color: #000 !important;
}

    #termsModal .modal-content h2 {
        color: #fff;
        text-align: center;
        width: 100%;
        font-size: 24px;
        margin-top: 15px;
        margin-bottom: 5px;
    }

#termsModal .modal-header {
    position: absolute;
    z-index: 2;
}

#termsModal .modal-body {
    padding: 0 20px !important;
}

    #termsModal .modal-body .scroll-wrapper {
        max-height: 78vh !important;
        overflow: auto;
        height: auto;
        margin: 20px 0;
    }

        #termsModal .modal-body .scroll-wrapper p {
            padding-right: 20px;
        }

            #termsModal .modal-body .scroll-wrapper p a {
                text-decoration: underline !important;
                font-weight: 700;
            }

#copyrightModal .modal-content {
    background-color: #000 !important;
}

#copyrightModal .modal-dialog {
    max-width: 700px;
}

#copyrightModal .modal-content h2 {
    color: #fff;
    text-align: center;
    width: 100%;
    font-size: 24px;
    margin-top: 15px;
    margin-bottom: 5px;
}

#copyrightModal .modal-header {
    position: absolute;
    z-index: 2;
}

#copyrightModal .modal-body {
    padding: 0 20px !important;
}

    #copyrightModal .modal-body p {
        padding-right: 20px;
        color: #fff;
    }

#copyrightModal .copyrightContent {
    margin: 20px 0;
}

#copyrightModal .modal-body p a {
    text-decoration: underline !important;
    font-weight: 700;
}

.carousel-inner > .active {
    border-radius: 0 0 25px 25px !important;
    width: 100% !important;
}

#myContentModal .scroll-wrapper {
    max-height: 50vh !important;
    overflow: auto;
    height: auto;
    margin: 20px 0;
}

.LeftSideContent {
    float: left;
    width: auto !important;
    text-align: left !important;
    background: #023d7f;
    z-index: 1;
    position: relative;
    padding-right: 3px;
}

.RightSideNumber {
    float: right !important;
    width: auto !important;
    text-align: right !important;
    background: #023d7f;
    z-index: 2;
    margin: 0 !important;
    position: relative;
    padding: 0 2px;
}

.dotted {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 70%;
    width: 100%;
    border: none;
    border-bottom: 2px dotted #fff;
    z-index: 0;
}

.filterchecked {
    background-image: url('../images/tick.svg');
    background-repeat: no-repeat;
    background-position: 95%;
}

.paddingToBookTabs {
    /*padding-top: 80px !important;*/
    padding-top: 30px !important;
}

.blueColor {
    background: #5da2d6 !important;
}

.topTable th {
    background: #9dcddc !important;
}

div#BgImageOFBook {
    height: 100%;
    background-size: cover;
}

.DLEheadingGradedesc {
    float: left;
    font-size: 16px !important;
    margin: 10px 0 20px 0;
}

.topFixedTableHeader {
    top: 0 !important;
    padding: 0 !important;
    margin: 0;
    text-align: center !important;
}
/*------------------------------------------------------bottom bar Start------------------------------------------------*/
#bottomBar {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    width: 100%;
    background: #4D4D4D;
    z-index: 10;
    text-align: center;
    color: #fff;
    border-top: 6px solid #fff;
    min-height: 50px;
    max-height: 90%;
}

#handle {
    width: 158px;
    height: 18px;
    background-color: #2185c1;
    /*background-image: url(../images/handleBlue.png);*/
    top: -24px;
    left: calc(50% - 79px);
    border-radius: 5px 5px 0 0;
    margin: 0 auto;
    cursor: row-resize;
    font-size: 12px;
    font-weight: 600;
    line-height: 19px;
}

.sub_container_grey {
    background: #4d4d4d !important;
}

.createLessonDiv {
    padding: 10px 0 0 0;
}

    .createLessonDiv a {
        font-size: 18px;
    }

.iconPlus {
    background: #33AEEE;
    padding: 10px;
    border-radius: 50px;
    height: 28px;
    width: 28px;
    line-height: 10px !important;
    text-align: center;
    font-weight: normal !important;
    font-size: 12px !important;
}

.bottomBarInnerDiv {
    width: 100%;
    float: left;
    display: none;
    height: 100%;
}

.bottomBarInnerDivLeft {
    float: left;
    width: 400px;
    height: 100%;
}

.bottomBarInnerDivRight {
    float: left;
    width: calc(100% - 400px);
    height: 100%;
    border-left: 6px solid #fff;
    padding: 10px 10px 0 10px;
}

ul.bottomBarShareLinks {
    float: left;
    margin: 0;
    padding-top: 40px;
}

.bottomBarTabs {
    float: left;
    width: 290px;
    margin: 20px 10px 0 10px;
}

    .bottomBarTabs .nav-pills li a {
        border: 2px solid #fff;
        border-radius: 7px;
        font-size: 15px;
        text-transform: uppercase;
        padding: 1px 5px 1px 5px;
        margin-right: 10px;
        opacity: 0.6;
        font-weight: bold;
    }

        .bottomBarTabs .nav-pills li a:hover {
            border: 2px solid #fff;
            background: #33AEEE;
            opacity: 1;
        }

    .bottomBarTabs .nav-pills .active a {
        border: 2px solid #fff;
        background: #33AEEE;
        opacity: 1;
    }

    .bottomBarTabs .tab-content {
        text-align: left;
    }

.bottomBarShareLinks .overviewShareIcon {
    width: 45px !important;
    height: 45px !important;
    margin: 0 auto;
}

.bottomBarShareLinks .overviewGoogleIcon {
    width: 45px !important;
    height: 45px !important;
    margin: 0 auto;
}

.bottomBarShareLinks .download_curriculam span {
    font-size: 13px;
}

.lessonPlanInput {
    width: 100%;
    height: 40px;
    color: #000;
    border: none;
    padding: 0 5px;
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

.assignmentInput {
    width: 70%;
    height: 40px;
    color: #000;
    border: none;
    padding: 0 5px;
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

.staticHeight {
    height: 80px;
    float: left;
    width: 100%;
    line-height: 80px;
}

.assignmentDueDate {
    width: 26%;
    padding: 2px 5px 0 5px;
    background: transparent;
    color: #fff;
    border-radius: 6px;
    border: 2px solid #fff;
    font-weight: normal;
    outline: none;
    min-height: 28px;
    font-size: 14px;
    text-align: center;
    line-height: normal;
    float: none;
    display: inline-block;
    vertical-align: middle;
}

    .assignmentDueDate:hover {
        background: #fff;
        color: #000;
    }

.addOERContent {
    float: left;
    text-align: center;
    width: 100%;
    max-width: 200px;
    border: 2px solid #fff;
    border-radius: 15px;
    padding: 10px;
    margin: 10px 0px 15px 0px;
    position: relative;
}

.dragLightboxContent {
    float: left;
    text-align: center;
    width: calc(100% - 200px);
    height: 100%;
    position: relative;
}

.LessonDropable {
    float: left;
    text-align: center;
    width: calc(100% - 220px);
    height: 100%;
    position: relative;
}

.addOERContent .iconPlus {
    height: 45px !important;
    width: 45px !important;
    line-height: 26px !important;
    font-size: 18px !important;
    margin: 10px 0;
}

    .addOERContent .iconPlus:hover {
        background: #fff;
        color: #33AEEE;
    }

.addOERContent h3 {
    font-size: 16px;
    margin-top: 5px;
    font-weight: normal;
}

input.addWeblink {
    width: 100%;
    background: #fff;
    border: none;
    text-align: center;
    color: #000;
    height: 30px;
}

.dragPlaceholder {
    font-size: 24px;
    padding: 70px 0;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}

.dragLightboxContent .scroll-wrapper {
    height: calc(100% - 60px) !important;
    min-height: 170px;
}

.LessonDropable .scroll-wrapper {
    height: calc(100% - 90px) !important;
    min-height: 410px;
}

.droppable {
    float: left;
    width: 100%;
    height: 100%;
    min-height: 170px;
    margin: 0;
    padding: 10px 0 0 0;
}

    .droppable .mb_30 {
        margin-bottom: 0;
    }

.bottomBarInnerDivLeft .addOERContent {
    margin-top: 20px;
}


.droppable .slick-slide {
    display: block !important;
    float: left !important;
    height: 194px !important;
    width: auto !important;
    position: relative;
    margin: 0 0px 5px 0px !important;
}

.droppable .coreCurrBookImage img {
    height: 194px !important;
    margin-bottom: 5px;
}

.droppable .slick-slide .link {
    float: left;
    width: 100%;
    height: 100%;
}

.droppable .slick-slide img {
    margin: 0 auto;
    display: block !important;
    height: 100%;
}

.divDropCount {
    float: left;
    width: 100%;
    margin-bottom: 10PX;
}

.droppableinner {
    float: left;
    /*height: 100%;*/
    min-height: 198px;
    margin: 0;
    position: relative;
}

    .droppableinner .mb_30 {
        margin-bottom: 20px;
    }

    .droppableinner .slick-slide {
        display: block !important;
        float: left !important;
        height: 194px !important;
        width: auto !important;
        margin: 0 15px 20px 15px !important;
    }

        .droppableinner .slick-slide .link {
            float: left;
            width: 100%;
            height: 100%;
        }

        .droppableinner .slick-slide img {
            margin: 0 auto;
            display: block !important;
            height: 100%;
        }

.ui-draggable-dragging {
    max-width: 500px !important;
}

.multiple.ui-draggable-dragging {
    max-width: 350px !important;
}

    .multiple.ui-draggable-dragging .thumb-hover-active3 {
        box-shadow: none;
    }

        .multiple.ui-draggable-dragging .thumb-hover-active3:after {
            display: none;
        }

.slick-slide.ui-draggable-dragging {
    display: block !important;
    float: left !important;
    height: 230px !important;
    width: auto !important;
    z-index: 9999 !important;
    margin: 0 15px 20px 15px !important;
}

    .slick-slide.ui-draggable-dragging .link {
        float: left;
        width: 100%;
        height: 100%;
    }

    .slick-slide.ui-draggable-dragging img {
        margin: 0 auto;
        display: block !important;
        height: 100%;
    }

.droppable .core_slide {
    height: auto !important;
}

    .droppable .core_slide .width200 {
        position: relative;
        height: 194px !important;
        width: 194px !important;
    }

        .droppable .core_slide .width200 .core_text {
            background: #4d4d4d !important;
        }

.actionButtons {
    float: left;
    width: 100%;
    margin: 10px 0 10px 0;
    text-align: left;
}

    .actionButtons input {
        background: transparent;
        border: 2px solid #fff;
        padding: 2px 5px;
        border-radius: 7px;
        outline: none;
        text-transform: uppercase;
        margin-right: 10px;
    }

        .actionButtons input:hover {
            background: #fff;
            color: #000;
        }

#ListForDropResources li {
    float: left;
    background: transparent;
    border: none;
    margin: 0 10px;
    display: grid;
    position: relative;
}

    #ListForDropResources li:hover .dragResource {
        display: block;
    }

    #ListForDropResources li .dragResource {
        margin-left: -3px;
    }

.fullWidth {
    width: 100% !important;
}

.coreCurrBookImage.ui-draggable-dragging {
    max-width: 250px !important;
}

#bottomBar .daterangepicker.drop-up {
    margin-top: -17px !important;
}

#bottomBar .daterangepicker {
    background-color: #ffffff !important;
    border: 1px solid #bbbbbb !important;
}

    #bottomBar .daterangepicker .drp-calendar.left {
        padding: 2px !important;
    }

    #bottomBar .daterangepicker td.off, #bottomBar .daterangepicker td.off.in-range, #bottomBar .daterangepicker td.off.start-date, #bottomBar .daterangepicker td.off.end-date {
        background-color: transparent !important;
    }

    #bottomBar .daterangepicker .calendar-table {
        background-color: #4d4d4d !important;
    }

    #bottomBar .daterangepicker td.active, #bottomBar .daterangepicker td.active:hover {
        background-color: #32aeee !important;
    }

    #bottomBar .daterangepicker td.available:hover, #bottomBar .daterangepicker th.available:hover {
        background-color: #32aeee !important;
    }

    #bottomBar .daterangepicker .calendar-table .next span, #bottomBar .daterangepicker .calendar-table .prev span {
        border-color: #fff;
    }

#bottomBar .js-daterange:after {
    display: none;
}

.ui-state-default .width50 {
    width: 390px !important;
    padding: 0;
    height: 194px;
    margin-bottom: 5px !important;
    overflow: hidden;
}

    .ui-state-default .width50 .spreadBgImage {
        background-position: bottom;
    }

.createlessonassignmentDiv {
    width: 100%;
    float: left;
    display: block;
    height: 100%;
}

    .createlessonassignmentDiv .bottomBarInnerDivLeft {
        width: 80px;
    }

    .createlessonassignmentDiv .bottomBarInnerDivRight {
        width: calc(100% - 80px);
    }

.calc300 {
    width: calc(100% - 300px) !important;
}

.createlessonassignmentDiv .bottomBarInnerDivRight .addOERContent {
    margin-right: 15px;
}

    .createlessonassignmentDiv .bottomBarInnerDivRight .addOERContent h3 {
        margin-top: 5px;
        font-weight: bold;
        text-transform: uppercase;
    }

.createlessonassignmentDiv .bottomBarTabs {
    width: 100%;
    margin: 0;
}

    .createlessonassignmentDiv .bottomBarTabs .nav-pills > li {
        float: left;
        width: 100%;
        margin: 0 0 5px 0;
        text-align: center;
    }

        .createlessonassignmentDiv .bottomBarTabs .nav-pills > li a {
            display: inline-block;
            border: 2px solid #fff;
            background: #33AEEE;
            opacity: 1;
        }

            .createlessonassignmentDiv .bottomBarTabs .nav-pills > li a:hover {
                background: none;
            }

.lessonPlanwhat {
    float: left;
    width: 90%;
    position: relative;
    margin: 0 5% 10px 5%;
}

.lessonPlanwhattext {
    display: grid;
    padding: 22px 6px;
    border: 5px solid rgba(0,0,0,0.2);
    color: #fff;
    /*background: #aa3d31;*/
    font-size: 16px;
    font-weight: bold;
    height: 160px;
    margin: 0 !important;
    align-items: center;
}

    .lessonPlanwhattext p {
        margin: 0 0 10px;
    }

        .lessonPlanwhattext p span {
            display: block;
            font-size: 12px;
            margin-top: 8px;
        }

.lessonPlanwhat .thumber_number {
    font-size: 16px;
    /* font-weight: bold; */
    padding-top: 5px;
    display: inline-block;
}

.createlessonassignmentDiv .dragLightboxContent {
    width: calc(100% - 920px);
}

.lPStrategies .lessonPlanwhattext {
    border: 5px solid #6a346e;
    background: #8e4593;
}

.assignment-list {
    float: left;
    width: 90%;
    position: relative;
    margin: 0 5% 10px 5%;
    padding: 0;
    /*background: #7dbb86;*/
}

    .assignment-list ul {
        margin-bottom: 0;
    }

    .assignment-list .assignment-header {
        padding: 0px 10px 0 10px;
        text-align: left;
        background: transparent;
        font-weight: bold;
        color: #fff;
        font-size: 14px;
        min-height: 38px;
        line-height: 36px;
    }

.assignment-header img {
    width: 30px;
    margin: 4px 8px 0 0;
    float: left;
    display: inline;
}

.assignment-list .series-name {
    padding: 3px 10px;
    text-align: left;
    background: rgba(0,0,0,0.2) !important;
    font-weight: bold;
    font-size: 16px;
    min-height: 70px;
    display: flex;
    align-items: center;
}

.assignment-list .list-footer {
    text-align: left;
    padding: 6px 10px;
    background: transparent;
    font-weight: bold;
    font-size: 14px;
}

    .assignment-list .list-footer span {
        display: block;
    }

.assignment-list .thumber_number {
    font-size: 16px;
    padding-top: 5px;
    background: #4d4d4d;
}

.newDesignAssessment .thumber_number {
    background: transparent !important;
}

.hover_div {
    display: none;
    position: absolute;
    top: -14px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

    .hover_div ul {
        margin: 0;
        display: grid;
        height: 100%;
        align-items: center;
    }

        .hover_div ul li {
            display: block;
            text-align: center;
        }

            .hover_div ul li a {
                display: inline-block;
                color: #000;
                border: 4px solid #33a3dc;
                background: #d6e6f6;
                height: 60px;
                width: 60px;
                border-radius: 50%;
                font-weight: bold;
                vertical-align: middle;
                padding: 18px 2px;
                margin: 2px;
                box-shadow: 0px 0px 12px 0px #000;
                text-transform: uppercase;
                font-size: 11px;
            }

            .hover_div ul li:nth-child(1) a {
                width: 64px;
                height: 64px;
                padding: 15px 2px;
                line-height: 14px;
            }

            .hover_div ul li a:hover {
                background: #33a3dc;
                border: 4px solid #fff;
                color: #fff !important;
            }


.lessonthreebtn ul li:nth-child(1) a {
    padding: 22px 2px;
}

.btn-5 {
    top: 0;
    height: 160px;
    margin: 0;
}

.top14 {
    margin-top: 14px;
}

.hover_div.btn-5 ul li a:nth-child(2) {
    height: 64px;
    width: 64px;
    padding: 21px 2px;
}

.assignment-list:hover .hover_div, .lessonPlanwhat:hover .hover_div {
    display: block;
}

#lessonShowNow .modal-dialog {
    max-width: 420px;
}

#lessonShowNow .modal-content {
    background-color: #000000e3 !important;
    border: 6px solid #8c8c8c69 !important;
    border-radius: 20px;
}

#lessonAssign .modal-dialog {
    max-width: 420px;
}

#lessonAssign .modal-content {
    background-color: #000000e3 !important;
    border: 6px solid #8c8c8c69 !important;
    border-radius: 20px;
}


#lessonPreview .modal-dialog {
    max-width: 100%;
    width: 100% !important;
    height: 100%;
    margin: 0;
}

#lessonPreview .modal-content {
    background-color: #000000 !important;
    border: none !important;
    border-radius: 0;
    height: 100%;
}

#lessonPreview .close {
    right: 10px !important;
    top: 10px;
}

#lessonPreview .modal-header {
    position: absolute;
    z-index: 10;
    height: 0;
}

#lessonPreview .modal-body {
    height: 100%;
}

.showNowButtons {
    text-align: center;
    color: #fff;
    padding: 0 50px 40px 50px;
}

.showNowHeader {
    text-transform: uppercase;
    margin: 0;
    padding: 10px 0 30px 0;
}

.showNowButtons button {
    text-transform: uppercase;
    padding: 0 40px;
    width: 80%;
    background: #DFE7F3;
    height: 60px;
    color: #000;
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: 900;
    border-radius: 25px;
    border: 2px solid #5D9AC9;
    outline: none;
}

    .showNowButtons button:hover {
        background: #5D9AC9;
        color: #fff;
        border: 2px solid #fff;
    }

.showNowHeader2 {
    text-transform: uppercase;
    margin: 0;
    padding: 10px 0 0 0;
}

.showNowHeaderPara {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
}

.student_pin {
    background: #000;
    width: 80%;
    height: 70px;
    border-radius: 25px;
    text-align: center;
    font-size: 36px;
    font-weight: 900;
    letter-spacing: 8px;
    margin: 10px 0 10px 0;
    outline: none;
    border: none;
}

.haveStudents {
    margin: 10px 0 0 0;
    font-size: 16px;
}

.lightboxLink {
    color: #01EEEE;
    font-size: 18px;
}

.orWithLIne {
    position: relative;
    float: left;
    width: 100%;
}

    .orWithLIne hr {
        position: absolute;
        width: 100%;
    }

    .orWithLIne span {
        font-size: 27px;
        background: #000;
        z-index: 2;
        position: relative;
        font-weight: 600;
        padding: 0 5px;
    }

.showNowtext {
    text-align: center;
    color: #fff;
    padding: 0 50px 20px 50px;
}

.studentPinAction {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .studentPinAction li {
        width: 33.33%;
        float: left
    }

        .studentPinAction li .download_curriculam {
            margin: 0 auto !important;
            float: none !important;
        }

            .studentPinAction li .download_curriculam span {
                font-size: 12px;
            }

            .studentPinAction li .download_curriculam .overviewGoogleIcon {
                width: 40px !important;
                height: 40px !important;
            }

.studentPinEmail {
    background: #DFE7F3;
    border: 2px solid #5D9AC9;
    color: #000;
    border-radius: 7px;
    padding: 0 10px;
    font-weight: 800;
    text-transform: uppercase;
    margin: 10px 0 0 0;
}

    .studentPinEmail:hover {
        background: #5D9AC9;
        color: #fff;
        border: 2px solid #fff;
    }

.continueButton {
    float: left;
    width: 100%;
}

    .continueButton button {
        background: #00FF00;
        color: #000;
        border-radius: 7px;
        padding: 3px 10px;
        font-weight: 800;
        text-transform: uppercase;
        margin: 10px 0 0 0;
        border: none;
        font-size: 24px;
        outline: none;
    }

        .continueButton button:hover {
            background: #000;
            color: #00FF00;
        }

.assignWith {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}

.addTeacherNotes {
    float: left;
    width: 100%;
}

.trams-conditions #toggle4 {
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    padding-left: 30px;
    background-size: 20px;
}

.trams-conditions {
    padding: 0;
    margin: 10px 0;
    text-align: left;
}

    .trams-conditions .plus-icon {
        background: url('../images/arrow_right.svg') no-repeat left center;
    }

        .trams-conditions .plus-icon.mins-icon {
            background: url('../images/arrow_down.svg') no-repeat left center;
        }

    .trams-conditions .trams-con {
        font-size: 12px;
        color: #747474;
        margin-top: 5px;
        display: none;
        overflow: auto;
        max-width: 500px;
    }

.tramsTextArea {
    width: calc(100% - 30px);
    height: 100px;
    margin: 0px 0px 0px 30px;
    font-size: 14px;
    color: #000;
    padding: 5px;
    resize: none;
}
/*------------------------------------------------------checkbox start------------------------------------------------*/
.checkboxContent {
    text-align: left;
    margin: 20px 0 0 0;
}

.checkboxcontainer {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 6px;
    cursor: pointer;
    font-size: 17px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .checkboxcontainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border: 2px solid #fff;
}

.checkboxcontainer:hover input ~ .checkmark {
    background-color: transparent;
}

.checkboxcontainer input:checked ~ .checkmark {
    background-color: transparent;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkboxcontainer input:checked ~ .checkmark:after {
    display: block;
}

.checkboxcontainer .checkmark:after {
    left: 6px;
    top: -7px;
    width: 9px;
    height: 15px;
    border: solid #8CBD3E;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*------------------------------------------------------checkbox end------------------------------------------------*/
.assignNow {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

    .assignNow button {
        background: #DFE7F3;
        border: 2px solid #5D9AC9;
        color: #000;
        border-radius: 15px;
        padding: 6px 10px;
        font-weight: 800;
        text-transform: uppercase;
        margin: 10px 0 0 0;
    }

        .assignNow button:hover {
            background: #5D9AC9;
            color: #fff;
            border: 2px solid #fff;
        }

.dr_list2 li {
    float: left;
    width: 23%;
    border: 1px solid #fff;
    padding: 5px;
    border-radius: 15px;
    margin: 1%;
    text-align: center;
    cursor: pointer;
}

    .dr_list2 li img {
        width: 35px;
        margin: 0 auto;
    }

    .dr_list2 li h4 {
        text-align: center;
        margin: 2px 0;
        font-size: 14px;
        float: left;
        width: 100%;
    }

    .dr_list2 li span {
        float: left;
        width: 100%;
        font-size: 13px;
        text-align: center;
        height: 30px;
        line-height: 13px;
        display: inline-grid;
        align-items: center;
    }

.filterDigRes {
    float: left;
    width: 100% !important;
    text-align: center;
    font-size: 15px !important;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.filterDigRes2 {
    float: left;
    width: 100% !important;
    text-align: left;
    font-size: 20px !important;
    font-weight: bold;
    margin: 10px 0 10px 0;
    padding-left: 10px;
}

.leftPanelDisp {
    float: left;
    padding-left: 10px;
    font-size: 15px !important;
}

.share_list2 {
    float: left;
    width: 160px;
    margin: 10px auto;
    position: absolute;
    bottom: 0;
    margin-left: calc(50% - 80px);
}

    .share_list2 li {
        float: left;
        width: 80px;
        text-align: center;
    }

    .share_list2 .share_icon {
        height: 50px !important;
        width: 50px !important;
    }

    .share_list2 .google_icon {
        height: 50px !important;
        width: 50px !important;
    }

.core_tab_inner_container .book-disc2 {
    width: 55%;
    float: left;
}

.anchor2 {
    float: left;
    width: 15%;
    margin-top: 0;
}

.bookCenterDiv {
    width: 30%;
    float: left;
}

    .bookCenterDiv a {
        float: left;
        height: 190px;
        position: relative;
        width: 200px;
        outline: none;
        text-align: center;
    }

        .bookCenterDiv a img {
            height: 170px;
            margin: 0 auto;
        }

        .bookCenterDiv a .openboxdiv {
            bottom: 0px !important;
        }

    .bookCenterDiv .openBox {
        border: 2px solid #fff !important;
        font-size: 16px !important;
        line-height: 16px !important;
        border-radius: 8px !important;
        width: 100px !important;
        padding-top: 2px !important;
        height: 40px !important;
        display: block !important;
        min-width: unset;
    }

#ListForDropResources li .thumb-hover-active {
    margin-top: 0 !important;
}

    #ListForDropResources li .thumb-hover-active img {
        outline: none !important;
    }

    #ListForDropResources li .thumb-hover-active .openBox {
        display: none;
    }

#ulLessonOrAssigment li {
    width: 16.66%;
    background: none;
    border: none;
    color: #fff;
}

.hover_div li {
    width: 100% !important;
}

.assignment-list li {
    width: 100% !important;
}

.previewSlider .carousel {
    height: 100% !important;
}

.previewSlider .carousel-control {
    width: 10%;
    display: flex;
    align-items: center;
}

    .previewSlider .carousel-control.left, .previewSlider .carousel-control.right {
        background-image: none !important
    }

.nextPrevText {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    text-align: center;
}

.slideLeft {
    background-image: url(../images/SlideLeft2.svg);
    height: 100%;
    width: 100%;
    background-size: 25%;
    background-repeat: no-repeat;
    position: absolute;
    background-position: 20% center;
}

.slideRight {
    background-image: url(../images/SlideRight2.svg);
    height: 100%;
    width: 100%;
    background-size: 25%;
    background-repeat: no-repeat;
    position: absolute;
    background-position: 70% center;
}

.tramsModal {
    float: left;
    width: 350px;
    margin-left: 10px;
}

    .tramsModal .plus-icon {
        height: 40px;
        width: 40px;
        float: left;
    }

        .tramsModal .plus-icon.mins-icon {
            background: url(../images/arrow_down2.svg) no-repeat left center !important;
            background-color: #fff;
        }

    .tramsModal .trams-con {
        float: left;
        width: 100%;
        background: #fff;
        border-radius: 0 0 20px 20px;
        margin: 0;
        top: -1px;
        position: relative;
    }

.modalTeacherNotes {
    padding: 10px 10px 20px 40px;
    color: #000;
}

    .modalTeacherNotes h2 {
        font-size: 24px;
    }

    .modalTeacherNotes p {
        font-size: 14px;
    }

.ui-state-default .bookCenterDiv {
    width: auto !important;
    height: 194px !important;
}

    .ui-state-default .bookCenterDiv a .openboxdiv {
        display: none !important;
    }

    .ui-state-default .bookCenterDiv a img {
        height: 100% !important;
    }

.iframeContainer {
    width: 100%;
    height: 100%;
}

    .iframeContainer iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

.iframeContainer2 {
    width: 100%;
    height: 90%;
}

    .iframeContainer2 iframe {
        width: 100%;
        height: 100%;
        border: none;
    }

.previewSlider .carousel .carousel-inner {
    height: 100% !important;
}

    .previewSlider .carousel .carousel-inner .item {
        height: 100% !important;
        float: left;
    }

    .previewSlider .carousel .carousel-inner .loopClass {
        width: 0;
        overflow: hidden;
    }
/*------------------------------------------------------bottom bar end------------------------------------------------*/
.stdmenuOptions {
    display: inline-block;
    margin-top: 12px;
    position: relative;
}

.menu-icon i {
    color: #fff;
    font-size: 36px;
}

.menu-icon img {
    width: 39px;
}

.stdmenu-dropdown {
    display: block;
    width: 180px;
    height: 0;
    background: #6d6e71;
    border-radius: 0px 0px 0px 20px;
    position: absolute;
    right: -35px;
    top: 65px;
    z-index: 9;
    overflow: hidden;
    /*margin-right: -180px;*/
    opacity: 0;
    transition: all 0.5s ease;
}

.menu-icon .open-m {
    /*margin-right: 0;*/
    transition: all 0.5s ease;
    height: auto;
    opacity: 1;
}

.stdmenu-dropdown ul {
    margin-bottom: 0;
}

.stdmenu-dropdown li {
    width: 100%;
    height: 45px;
    align-items: center;
    display: table;
    vertical-align: middle;
    padding: 0 !important;
}

    .stdmenu-dropdown li a {
        width: 100%;
        padding: 8px 20px;
        color: #fff;
        font-size: 18px;
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        line-height: 22px;
    }

    .stdmenu-dropdown li:hover a {
        background: #8cbe59;
        color: #000;
    }

.scroll-wrapper.leftPanleList {
    float: left;
}

.analyticTab {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    float: left;
    padding: 0px 8px 0px 8px;
    border-radius: 20px;
    border: 1px solid #fff;
    margin: 14px 0 13px 0;
    transition: 1s;
    z-index: 3;
    position: relative;
}

    .analyticTab:hover {
        background: #fff;
        color: #000 !important;
    }

.analytics_menu {
    float: right;
    margin: 0;
}

    .analytics_menu li {
        float: left;
    }

#drpdownTeacher .stdmenu-dropdown {
    background: #4d4d4d !important;
    right: -15px !important;
    top: 43px !important;
}

li#drpdownTeacher {
    padding: 0 0px 0 15px;
}

.menu-icon {
    cursor: pointer;
}

.changeViewButton {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 30px;
    width: 100%;
    float: left;
    padding: 8px 20px;
    color: #fff;
    text-align: left;
    cursor: default;
}

#UserProfileUpdate .modal-content {
    border: 6px solid #8c8c8c69 !important;
    border-radius: 20px;
}

.list_margin2 .scroll-wrapper {
    height: 350px;
}

.school-logo {
    float: left;
    width: 150px;
}

    .school-logo img {
        width: 100%;
    }

.teacherTabHeading {
    float: left;
    text-align: left;
    padding: 0px 0 10px 20px;
}

.color_white {
    color: #fff !important;
}

.techPanelGregbg {
    background: #4C4C4C !important;
}

.pt30 {
    padding-top: 30px;
}

.list_margin2 h2 {
    text-align: center;
    color: #fff;
    padding: 10px 0 20px 0;
}

.techPanelGregbg .teacher_profile_close {
    outline: none;
    border: 2px solid #fff;
    height: 35px;
    width: 35px;
    color: #fff;
    line-height: 20px;
    background: #fff;
    font-size: 0;
    border-radius: 20px;
    margin: 10px 10px 0 0;
    position: absolute;
    right: 0;
    z-index: 3;
    background-image: url(../images/closeWithBorder.svg);
}

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

.profDevelopmentVideos {
    float: left;
    margin: 0;
    width: 100%;
}

    .profDevelopmentVideos li {
        float: left;
        width: 18%;
        position: relative;
        margin: 0 1% 10px 1%;
    }

.displayTbaleDiv {
    display: table;
    width: 80%;
    height: 100%;
    margin: 0 auto;
}

.displayTbaleDiv1 {
    display: table;
    height: 100%;
    margin: 0 auto;
}

.previewReadingAudio {
    margin: 0 auto;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

    .previewReadingAudio img {
        width: 100%;
    }

    .previewReadingAudio .quiz-download img {
        width: auto !important;
    }

.previewVideo {
    margin: 0 auto;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.previewpdfModal {
    margin: 0 auto;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

    .previewpdfModal iframe {
        border: none;
        position: relative;
    }

.sliderReadingDiv {
    position: relative;
}

#MySlideShowInsideCarosuel {
    margin: 0 auto;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.maxHeight90 {
    max-height: 90%;
    height: 90vh;
}

.full-width-slider {
    position: relative;
    height: 85vh;
    overflow: hidden;
}

.slidesInner {
    position: relative;
    height: 100%;
}

    .slidesInner li {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        transform: translateX(100%);
        transition: transform 0.5s;
    }

        .slidesInner li.selected {
            z-index: 2;
            transform: translateX(0);
        }

        .slidesInner li.move-left {
            transform: translateX(-100%);
        }

        .slidesInner li.visible {
            z-index: 2;
        }

        .slidesInner li > div {
            text-align: center;
            color: #FFF;
            position: absolute;
            -webkit-font-smoothing: antialiased;
            bottom: 0px;
            text-align: center;
            width: 100%;
            background: rgba(0,0,0,0.5);
        }

    .slidesInner h2 {
        margin-top: 0;
    }

.slider-navigation a {
    position: absolute;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    height: 175px;
    width: 56px;
    color: #fff;
    text-decoration: none;
    font-weight: 100;
    opacity: 0.5;
    transition: opacity 0.3s, visibility 0.3s;
}

    .slider-navigation a span {
        top: 0 !important;
    }


    .slider-navigation a:hover {
        opacity: 1;
    }


    .slider-navigation a.next {
        left: auto;
        right: 10px;
        background-image: url(../images/right_arr.png);
        background-size: cover;
    }

    .slider-navigation a.prev {
        background-image: url(../images/left_arr.png);
        background-size: cover;
    }

.slider-dots-navigation {
    position: absolute;
    z-index: 3;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.slider-dots-navigation {
    display: none;
}


    .slider-dots-navigation li {
        display: inline-block;
        float: left;
        margin-right: 15px;
    }

        .slider-dots-navigation li:last-of-type {
            margin-right: 0;
        }

    .slider-dots-navigation a {
        display: block;
        height: 14px;
        width: 14px;
        border: 1px solid #FFF;
        border-radius: 50%;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 100%;
        color: transparent;
        transition: background-color 0.3s;
    }

        .slider-dots-navigation a:hover,
        .slider-dots-navigation a.selected {
            background-color: #FFF;
        }

.innerSliderHeader {
    position: absolute;
    width: 100%;
}

.previewpdfModal .position_relonly.TrasparentImages {
    width: 80%;
    margin: 0 auto;
}

.position_relonly.TrasparentImages img {
    width: 100%;
}

#deleteAssignmentModal .modal-dialog {
    max-width: 350px;
}

#deleteAssignmentModal .modal-content {
    border: 6px solid #fff !important;
    border-radius: 20px;
    background: #8CBE59 !important;
    padding: 0 0 10px 0;
}

#deleteClassModal .modal-dialog {
    max-width: 350px;
}

#deleteClassModal .modal-content {
    border: 6px solid #fff !important;
    border-radius: 20px;
    background: #8CBE59 !important;
    padding: 0 0 10px 0;
}

#EditClassModal .modal-dialog {
    max-width: 350px;
}

#EditClassModal .modal-content {
    border: 6px solid #fff !important;
    border-radius: 20px;
    background: #8CBE59 !important;
    padding: 0 0 10px 0;
}

#UpdateClassNameRostering {
    width: 90%;
    margin: 0 5% 20px;
    font-size: 30px;
    color: #000;
    border-radius: 5px;
    border: none;
    padding: 0 10px;
}

.UpdateSectionName {
    background: #45A3DB;
    border: 2px solid #fff;
    color: #fff;
    font-size: 25px;
    border-radius: 5px;
    padding: 2px 30px;
    text-transform: uppercase;
    font-weight: bold;
}

#LessonAssignmentCheckModal .modal-dialog {
    max-width: 350px;
}

#LessonAssignmentCheckModal .modal-content {
    border: 6px solid #fff !important;
    border-radius: 20px;
    background: #8CBE59 !important;
    padding: 0 0 10px 0;
}

#CancelLessonOrAssignmentModal .modal-dialog {
    max-width: 350px;
}

#CancelLessonOrAssignmentModal .modal-content {
    border: 6px solid #fff !important;
    border-radius: 20px;
    background: #8CBE59 !important;
    padding: 0 0 10px 0;
}

#ConfirmLessonOrAssignmentModal .modal-dialog {
    max-width: 350px;
}

#ConfirmLessonOrAssignmentModal .modal-content {
    border: 6px solid #fff !important;
    border-radius: 20px;
    background: #8CBE59 !important;
    padding: 0 0 10px 0;
}

#deleteResource .modal-dialog {
    max-width: 350px;
}

#deleteResource .modal-content {
    border: 6px solid #fff !important;
    border-radius: 20px;
    background: #8CBE59 !important;
    padding: 0 0 10px 0;
}


.areYouSure {
    font-size: 20px;
    padding: 0 30px;
    color: #000;
    font-weight: 800;
}

.deleteAssignYes {
    background: #33A3DC;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 10px;
    font-size: 18px;
    padding: 2px 7px;
    outline: none;
    margin-right: 10px;
}

    .deleteAssignYes:hover {
        background: #fff;
        color: #33A3DC;
    }

.deleteAssignNo {
    background: #FF0000;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 10px;
    font-size: 18px;
    padding: 2px 7px;
    outline: none;
}

    .deleteAssignNo:hover {
        background: #fff;
        color: #FF0000;
    }

#studentViewMode .modal-dialog {
    max-width: 350px;
}

#studentViewMode .modal-content {
    border: 6px solid #fff !important;
    border-radius: 20px;
    background: #8CBE59 !important;
    padding: 0 0 10px 0;
}



.youAreNow {
    font-size: 20px;
    padding: 20px 30px;
    color: #000;
    font-weight: 800;
}

.removeResource {
    position: absolute;
    background: #F80000;
    right: -6px;
    top: -5px;
    font-size: 60px;
    height: 35px;
    width: 35px;
    color: #fff !important;
    line-height: 16px;
    font-weight: normal;
    display: none;
    z-index: 9999;
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    border: 2px solid #fff;
}

#ListForDropResources li:hover .removeResource {
    display: block;
}

#ListForDropResources li .slick-slide a:hover img {
    outline: none !important;
}

.sliderReadingDiv .book_bg {
    height: 70vh !important;
}

    .sliderReadingDiv .book_bg h3 {
        font-size: 38px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 25px 0;
        text-align: left;
        color: #fff;
    }

#linksList li a {
    float: left !important;
    background: none !important;
    width: 100% !important;
    padding: 3px 0 !important;
}

.dragResource {
    position: absolute;
    background: #000;
    left: -5px;
    top: -5px;
    font-size: 0;
    height: 35px;
    width: 35px;
    color: #fff !important;
    line-height: 20px;
    font-weight: normal;
    display: none;
    background-image: url(../images/move.svg);
    z-index: 9999;
    background-size: 19px;
    background-repeat: no-repeat;
    border-radius: 20px;
    background-position: center;
    border: 2px solid #fff;
}

#ulLessonOrAssigment li:hover .dragResource {
    display: block;
}

#learnosityMidPreview {
    background-color: #fff;
}

    #learnosityMidPreview .modal-content {
        background-color: #fff !important;
    }

.DivForQuiz {
    max-width: 750px;
    width: 100%;
    /*height: 60vh;*/
    position: relative;
    margin: 0 auto;
    border: 1px solid #fff;
    padding: 20px 20px;
    border-radius: 20px;
}

    .DivForQuiz .answers span {
        padding: 8px 0;
        font-size: 14px;
    }

/*------------------------------------------------------cd-popup-start------------------------------------------------*/
.cd-popup, .cd-popup2, .cd-popup3 {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    display: none;
}

    .cd-popup.is-visible, .cd-popup2.is-visible, .cd-popup3.is-visible {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
        -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
        transition: opacity 0.3s 0s, visibility 0s 0s;
        z-index: 9999;
        display: flex;
        align-items: center;
    }

.cd-popup-container {
    position: relative;
    width: 90%;
    max-width: 500px;
    margin: 4em auto;
    background: #7BCB42;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: #fff;
    border-radius: 20px;
}

    .cd-popup-container p {
        padding: 0 1em;
        color: #fff;
        font-size: 16px;
        line-height: 22px;
        margin: 15px 0 10px 0;
    }

    .cd-popup-container .share_gclassroom_img_dynamic {
        margin: 20px auto 50px;
    }

    .cd-popup-container .cd-buttons:after {
        content: "";
        display: table;
        clear: both;
    }

    .cd-popup-container .cd-buttons li {
        float: left;
        width: 50%;
        list-style: none;
    }

    .cd-popup-container .cd-buttons a {
        display: block;
        height: 60px;
        line-height: 60px;
        text-transform: uppercase;
        color: #FFF;
        -webkit-transition: background-color 0.2s;
        -moz-transition: background-color 0.2s;
        transition: background-color 0.2s;
    }

    .cd-popup-container .cd-buttons li:first-child a {
        background: #fc7169;
        border-radius: 0 0 0 .25em;
    }

.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
    background-color: #fc8982;
}

.cd-popup-container .cd-buttons li:last-child a {
    background: #b6bece;
    border-radius: 0 0 .25em 0;
}

.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
    background-color: #c5ccd8;
}

.cd-popup-container .cd-popup-close {
    outline: none;
    border: 2px solid #fff;
    height: 35px !important;
    width: 35px !important;
    color: #fff;
    line-height: 20px;
    background: #fff;
    font-size: 0;
    border-radius: 20px;
    position: absolute;
    right: -10px !important;
    z-index: 3;
    background-image: url(../images/closeWithBorder.svg);
    top: -10px !important;
}

    .cd-popup-container .cd-popup-close:before, .cd-popup-container .cd-popup-close:after {
        display: none !important;
    }


    .cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
        content: '';
        position: absolute;
        top: 12px;
        width: 16px;
        height: 3px;
        background-color: #fff;
    }

    .cd-popup-container .cd-popup-close::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 8px;
    }

    .cd-popup-container .cd-popup-close::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 6px;
    }

.is-visible .cd-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.trans-arrow {
    position: absolute;
    bottom: 100px;
    left: 55px;
    visibility: hidden;
    z-index: 100;
}

a.fragment-next, a.fragment-prev {
    display: inline-block;
    margin: 0 5px;
}

.icon-fragment-prev.no-show {
    pointer-events: none;
}

a.fragment-next .back_hover, a.fragment-prev .back_hover {
    left: 2px;
}

.round-button {
    cursor: pointer;
    display: inline-block;
    width: 42px;
    height: 42px;
}

    .round-button .icon, .round-button .icons-menu {
        display: block;
        position: relative;
        width: 38px;
        height: 38px;
        color: white !important;
        overflow: hidden;
        -webkit-border-radius: 3px;
        border-radius: 50%;
        font-size: 38px;
        line-height: 48px;
        background-color: black;
        border: 2px solid white;
    }

.pulse-button {
    box-shadow: 0 0 0 0 rgba(255, 185, 5, 1), inset 0 0 15px rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 185, 5, 1), inset 0 0 25px rgba(255, 255, 255, 1);
    border-radius: 15px;
    cursor: pointer;
    animation: pulsebtn 1s infinite cubic-bezier(0.6, 0, 0, 1);
    -webkit-animation: pulsebtn 1s infinite cubic-bezier(0.6, 0, 0, 1);
}

    .pulse-button:hover {
        animation: none;
        -webkit-animation: none;
    }

@keyframes pulsebtn {
    to {
        box-shadow: 0 0 0 20px rgba(255, 185, 5, 0), inset 0 0 15px rgba(255, 255, 255, 0);
    }
}

@-webkit-keyframes pulsebtn {
    to {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 185, 5, 0), inset 0 0 25px rgba(255, 255, 255, 0);
    }
}

.no-show {
    opacity: 0.3 !important;
}

.trans-arrow.active {
    visibility: visible !important;
}
/*------------------------------------------------------cd-popup-end------------------------------------------------*/
.table-bordered .lrn_textinput textarea {
    width: 100% !important;
}

.sliderReadingDiv.CongratulationsDiv {
    max-width: 900px;
    margin: 0 auto;
}

.CongratulationsDiv img {
    width: 100%;
}

.CongratulationsDiv p {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding: 0px 90px;
}

.CongratulationsDiv h2 {
    font-size: 45px;
    color: #fff;
}

.CongratulationsDiv button {
    background: #8DB753;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 10px;
    font-size: 25px;
    font-weight: bold;
    border-radius: 13px;
}

    .CongratulationsDiv button:hover {
        background: #fff;
        color: #8DB753;
    }

.mainDropableOuterDiv {
    float: left;
    width: 100%;
    height: 100%;
}

.bottmLessonCreateBox {
    float: left;
    width: 100%;
}

.bottmLessonSelectResource {
    width: 100%;
    text-align: center;
    background: #4d4d4d;
    float: left;
}

    .bottmLessonSelectResource span {
        padding: 61px 0 60px 0;
        position: relative;
        float: left;
        width: 100%;
    }

.bottomLessonShareDiv {
    width: 100%;
    text-align: center;
    background: #4d4d4d;
    float: left;
    padding: 45px 0 44px 0;
}

    .bottomLessonShareDiv span {
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
    }

.bottomLessonShareButton {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
}

    .bottomLessonShareButton a {
        border: 2px solid #fff;
        background: #33AEEE;
        border-radius: 7px;
        font-size: 15px;
        text-transform: uppercase;
        padding: 1px 5px 1px 5px;
        font-weight: bold;
    }

        .bottomLessonShareButton a:hover {
            background: none;
        }

.dropPlaceholder {
    float: left;
    width: 100%;
    height: 100%;
    position: absolute;
    min-height: 170px;
    margin: 0;
    padding: 10px 0 0 0;
    background: rgba(60, 60, 60, 0.92);
    z-index: 999;
    display: none;
    border: 1px solid rgba(255,255,255,0.6);
}

    .dropPlaceholder p {
        display: grid;
        align-items: center;
        height: 100%;
        font-size: 28px;
        text-align: center;
    }

.check_icon_InLesson {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9999;
    background-image: url(../images/check_icon.svg);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: center 35%;
}

.bottomLessonGoogleDiv {
    margin: 41px 0 40px 0;
}

.blueOERbox {
    background: #0f90d4;
}

.btn-2 {
    top: 0;
    height: 194px;
    margin: 0;
    width: 100%;
    z-index: 9999;
}

#ListForDropResources li:hover .btn-2 {
    display: block;
    background: rgba(0,0,0,0.4);
}

.btn-2 ul li {
    display: block !important;
    width: 120px !important;
    float: none !important;
    margin: 0 auto !important;
}

    .btn-2 ul li a {
        height: 60px;
        width: 60px;
        padding: 18px 2px;
        line-height: normal;
        float: left !important;
    }

.ui-state-default .check_div .bottom_section {
    color: #fff;
    height: auto;
    padding-top: 30px;
}

.ui-state-default .check_div .text-center {
    float: left;
    width: 100%;
}

.divTeachTech {
    background: #BBE3C7;
    /*background: #89BB90;*/
    float: left;
    width: 100%;
    display: none;
    position: relative;
}

.divTeachTechClose {
    outline: none;
    border: 2px solid #fff;
    height: 35px;
    width: 35px;
    color: #fff;
    line-height: 20px;
    background: #fff;
    font-size: 0;
    border-radius: 20px;
    margin: 10px 10px 0 0;
    position: absolute;
    right: 0;
    z-index: 3;
    background-image: url(../images/closeWithBorder.svg);
}

.activeAnalyticButton {
    background: #45a3db;
}

.toFilter.ui-draggable-dragging {
    width: 100px;
    border-radius: 15px;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    padding: 5px 0;
}

    .toFilter.ui-draggable-dragging img {
        width: 35px;
        margin: 0 auto;
    }

.currCoreIconDrag.ui-draggable-dragging {
    width: 100px;
    border-radius: 15px;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    padding: 5px 0;
}

#ulLessonOrAssigment .ui-droppable-hover .lessonPlanwhat {
    position: absolute;
    left: -10px;
    top: -10px;
    width: 100%;
}

#ulLessonOrAssigment .ui-droppable-hover .lessonPlanwhattext {
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
    height: 180px;
    width: 100%;
    border: 5px solid #fff !important;
}

#ulLessonOrAssigment .ui-droppable-hover .assignment-list {
    position: absolute;
    left: -10px;
    width: 100%;
    top: -10px;
}

    #ulLessonOrAssigment .ui-droppable-hover .assignment-list ul {
        box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
        height: 180px;
        width: 100%;
        border: 5px solid #fff;
    }

.smallGoogleIcon {
    margin: 0;
}

    .smallGoogleIcon .share_gdrive_img_dynamic {
        margin: 5px auto 0;
        height: 70px;
        width: 70px;
    }

    .smallGoogleIcon .share_gclassroom_img_dynamic {
        margin: 6px auto 0;
    }

    .smallGoogleIcon .GoogleDocsPopup .share_gdrive_img {
        top: -15px;
    }

    .smallGoogleIcon .share_gdrive_img span {
        margin: 6px auto 0;
    }

.shareCancelButton {
    outline: none;
    border: 2px solid #fff;
    border-radius: 20px;
    height: 30px;
    width: 30px;
    color: #fff;
    line-height: 20px;
    background: #000;
    font-size: 20px;
    position: absolute;
    right: 5px;
    z-index: 3;
    top: 5px;
}

.divRosteringTeacher {
    float: left;
    background: #89bb8f;
}

.resultDivHeader {
    color: #fff;
    font-size: 24px;
    margin: 10px 0 30px 0;
    text-align: center;
}

.greyPreviewBg {
    background: #4C4C4C;
    height: 100%;
}

.resultTableContainer {
    width: 100%;
    height: auto;
    float: left;
    max-width: 95vw;
}

.resultTableLeft {
    float: left;
    width: 270px;
    height: 100%;
    color: #fff;
    border-right: 6px solid #fff;
    text-align: center;
    min-height: 590px;
    position: relative;
}

    .resultTableLeft img {
        width: 80%;
        position: absolute;
        left: 10%;
        bottom: 0;
    }

.resultTableRight {
    float: left;
    width: calc(100% - 270px);
    height: 100%;
    position: relative;
}

.className {
    margin: 0 0 10px 0;
}

.answerKey {
    border: 2px solid #5D9AC9;
    background: #fff;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 8px;
    padding: 3px 5px;
}

    .answerKey:hover {
        background: #5D9AC9;
        color: #fff;
    }

    .answerKey.singleQuestion {
        position: absolute;
        left: 55px;
        width: 110px;
        text-align: center;
        padding: 1px 5px;
        cursor: pointer;
    }

.resultTable {
    border-collapse: separate;
    color: #fff;
}

    .resultTable tr:nth-child(even) {
        background-color: #333333;
    }

    .resultTable td {
        margin: 0;
        border-right: 2px solid white;
        border-top-width: 0px;
        white-space: nowrap;
        height: auto;
        width: 220px !important;
        max-width: 220px;
        min-width: 220px;
        vertical-align: top;
        position: relative;
    }

    .resultTable th {
        margin: 0;
        border-top-width: 0px;
        white-space: nowrap;
        width: 250px;
        height: auto;
        padding: 5px 20px 4px;
    }

.headcol {
    padding: 0 10px;
}

.roundCircle {
    height: 30px;
    width: 30px;
    display: block;
    background: #fff;
    margin: 5px auto;
    border-radius: 20px;
    border: 1px solid #fff;
}

.roundCircleRed {
    background: #FF0000 !important;
}

.roundCircleGreen {
    background: #00FF00 !important;
}

.NormalPara {
    white-space: normal;
    padding: 0 10px;
    min-height: 50px;
    margin: 0;
    display: flex;
    align-items: center;
}

.greyRow {
    background: #333;
}

.firstRowHeight {
    height: 230px !important;
}

.leftSpan {
    float: left;
    font-weight: normal;
    line-height: 40px;
    font-size: 13px;
}

.rightSpan {
    float: right;
    text-align: right;
    font-size: 22px;
    line-height: 40px;
    font-weight: 700;
}

.resultTableFix {
    width: 250px;
    float: left;
    max-height: 64vh;
}

    .resultTableFix .scrollbar-inner {
        max-height: 64vh;
    }

.resultTableWithScroll {
    width: calc(100% - 250px);
    float: left;
}

.fixTable {
    width: 100%;
    color: #fff;
    text-align: left;
}

    .fixTable tr:nth-child(even) {
        background-color: #333333;
    }

.tableDiv > .scroll-content {
    max-height: 64vh !important;
    min-height: 590px;
}

.fixTable tr {
    border-right: 2px solid #fff;
}

.gauge-chart {
    height: 130px;
    width: 130px;
}

#app7 .gauge-chart {
    height: 220px;
    width: 220px;
}

.gauge-chart circle {
    transition: stroke-dashoffset 300ms ease-in-out;
    stroke-linecap: round;
    stroke-linejoin: round;
}

    .gauge-chart circle:nth-child(2), .gauge-chart circle:nth-child(3) {
        transform: rotate(270deg);
        transform-origin: center center;
    }

    .gauge-chart circle.hide {
        opacity: 0;
    }

.largeGauge {
    position: relative;
    height: 150px;
}

.resultTableLeft .largeGauge {
    height: 220px;
}

.labelIndicator {
    position: absolute;
    width: auto;
    top: 78px;
    text-align: left;
    left: 94px;
}

    .labelIndicator li {
        float: left;
        width: 100%;
    }

        .labelIndicator li span {
            float: left;
            height: 14px;
            width: 15px;
            border-radius: 4px;
            margin: 2px 5px 0 0;
        }

.redSpan {
    background: #F80000;
}

.greenSpan {
    background: #00FF00;
}

.whiteSpan {
    background: #fff;
}

.labelIndicator li label {
    float: left;
    font-size: 13px;
}

.quesNumber {
    position: absolute;
    width: 100%;
    top: 50px;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
}

.clasOverall {
    font-size: 20px;
    margin: 0 0 10px 0;
}
/*------------------------------------------------------lightboxclassroom page Start------------------------------------------------*/
.newDesignLessons {
    border: none !important;
    background: #41B452 !important;
    border-radius: 15px;
    padding: 0;
    display: block;
}

.newDesignAssessment {
    background: transparent !important;
}

    .newDesignAssessment ul {
        background: #1C5BB0 !important;
        border-radius: 15px;
    }

    .newDesignAssessment .assignment-header {
        font-weight: normal;
        text-transform: uppercase;
    }

    .newDesignAssessment .list-footer {
        font-weight: normal !important;
        text-transform: uppercase !important;
    }

.newLessonTitle {
    padding: 0px 10px 0 10px;
    text-align: left;
    background: transparent;
    font-weight: normal;
    color: #fff;
    font-size: 14px;
    min-height: 38px;
    line-height: 36px;
    float: left;
    margin: 0 !important;
    width: 100%;
    text-transform: uppercase;
}

.newLessonName {
    padding: 3px 10px;
    text-align: left;
    background: #90C64A;
    font-weight: bold;
    font-size: 16px;
    min-height: 70px;
    align-items: center;
    display: flex;
}

.newResCount {
    float: left;
    width: 100%;
    padding: 0 10px;
    text-align: left;
    height: 50px;
    font-weight: normal;
    display: grid;
    align-items: center;
    font-size: 14px;
    text-transform: uppercase;
}

.newFullWidth {
    width: 100% !important;
    border: none !important;
}

    .newFullWidth .LessonDropable {
        width: 100% !important;
    }

.newListWidth li {
    width: 14.26% !important;
    cursor: pointer;
}

#newAssignmnetInnerList li {
    width: 100% !important;
}

.newOERbox {
    display: block !important;
    width: 90%;
    max-width: 100%;
    margin: 0 5%;
}

    .newOERbox .iconPlus {
        margin: 3px 0 !important;
    }

#newOERboxButtons li {
    width: 100% !important;
}

.newOERbox h3 {
    margin: 0 0 4px 0 !important;
}

.newTabButtons {
    text-align: left;
    margin: 0px 0 10px 5px;
    float: left;
}

    .newTabButtons li {
        padding: 2px 10px;
        float: left;
    }

        .newTabButtons li a {
            text-transform: uppercase;
            border: 2px solid #fff;
            padding: 2px 10px;
            border-radius: 8px;
            font-weight: 600;
            float: left;
        }

            .newTabButtons li a:hover {
                background-color: #33aeee;
            }

.newTabButtonsActive {
    background: #33aeee;
}

.newTabButtonsBorder {
    border-left: 3px solid #fff;
}

.newOnlickDiv {
    top: auto;
    margin: 0 auto;
    left: 28% !important;
    bottom: 27px;
    border-radius: 20px 20px 0 0 !important;
    background: rgba(77,77,77,0.8);
    border: 2px solid #fff;
    width: 100px !important;
    min-width: auto;
}

ul#newInnerList {
    background: rgba(51, 51, 51, 0.79) !important;
}

    ul#newInnerList li .newOnlickDivInner {
        background: rgba(51, 51, 51, 0.79) !important;
    }

.newOnlickDivInner {
    top: auto;
    margin: 0 auto;
    left: 98px !important;
    bottom: -2px;
    border-radius: 0px 20px 0 0 !important;
    border: 2px solid #fff;
    overflow: hidden;
    width: 90px !important;
    min-width: auto;
    border-left: none;
}

#newInnerList li {
    width: 100% !important;
}

    #newInnerList li a {
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-weight: 600;
        outline: none;
        padding: 6px 0;
    }

        #newInnerList li a:focus, #newInnerList li a:hover {
            background-color: #717579;
        }

h1.newBottomHeader {
    font-size: 18px;
    position: absolute;
    width: 100%;
    padding: 0;
    z-index: -1;
    margin: 6px 0;
}

.newOnlickDiv .caret {
    background-image: url(../images/dropdownArrow.svg);
    border: none;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
}

#shareWeblink .modal-dialog, #addWeblink .modal-dialog {
    max-width: 350px;
}

#shareWeblink .modal-content, #addWeblink .modal-content {
    border: 6px solid #fff !important;
    border-radius: 20px;
    background: #404040 !important;
    padding: 0 0 10px 0;
}

.sharingWeb {
    font-size: 20px;
    padding: 0 15px;
    color: #fff;
    font-weight: normal;
    text-align: left;
    padding-bottom: 20px;
}

.sharingInput {
    width: 230px;
    height: 32px;
    border: none;
    margin-right: 10px;
}

.sharingDone {
    background: #45A3DB;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 10px;
    font-size: 18px;
    padding: 2px 7px;
    outline: none;
}

    .sharingDone:hover {
        background: #fff;
        color: #45A3DB;
    }

#ListForDropResources li .addOERContent {
    height: 194px;
    margin: 0;
    width: 200px;
}

    #ListForDropResources li .addOERContent h3 {
        line-height: 22px;
    }

.newLessonPlanInput {
    background: transparent;
    border: 2px solid #A6A6A6;
    height: 28px;
    width: 250px;
    outline: none;
    padding: 0 0 0 10px;
    color: #fff;
    float: left;
}

    .newLessonPlanInput.bg-white {
        background: #fff;
        color: #000;
    }

    .newLessonPlanInput::placeholder {
        color: #fff;
        opacity: 1; /* Firefox */
    }

    .newLessonPlanInput:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #fff;
    }

    .newLessonPlanInput::-ms-input-placeholder { /* Microsoft Edge */
        color: #fff;
    }

    .newLessonPlanInput.bg-white::placeholder {
        color: #000;
        opacity: 1; /* Firefox */
    }

    .newLessonPlanInput.bg-white:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #000;
    }

    .newLessonPlanInput.bg-white::-ms-input-placeholder { /* Microsoft Edge */
        color: #000;
    }


.pencilIcon {
    background-image: url(../images/pencilIcon.svg);
    height: 25px;
    width: 25px !important;
    border: none !important;
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    padding: 0 !important;
    margin: 3px 0 0 10px;
}

    .pencilIcon:hover {
        background-image: url(../images/pencilIcon.svg);
        background-color: transparent !important;
    }

.removepencil {
    visibility: hidden;
    opacity: 0;
}

.newBlueButton {
    background: #33AEEE;
}

    .newBlueButton:hover {
        background: #fff !important;
        color: #33AEEE;
    }

.newDueDate {
    width: 130px !important;
    float: left;
}

.newListWidth {
    padding-top: 40px !important;
}

.roundedCorner {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.newResourceHeight li .addOERContent .iconPlus {
    height: 55px !important;
    width: 55px !important;
    line-height: 36px !important;
    font-size: 22px !important;
}

.newResourceHeight li .addOERContent .bottmLessonCreateBox {
    margin-top: 20px;
}

.newResourceOpen {
    height: auto !important;
    width: 100% !important;
    border-radius: 10px !important;
    background: #45A3DB !important;
    color: #fff !important;
    font-size: 20px !important;
    padding: 10px 0 !important;
    border: 2px solid #fff !important;
}

.hover_div ul li a.newResourceOpen:hover {
    background: #fff !important;
    border: 2px solid #fff !important;
    color: #33a3dc !important;
}

#paceMode {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

    #paceMode .item {
        height: 100vh;
    }

.showNowBgVideo {
    position: fixed !important;
    top: 50% !important;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto !important;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

#PaceMode-enterPin .modal-dialog {
    max-width: 500px;
}

#PaceMode-enterPin .showNowHeader2 {
    color: #000;
}

#PaceMode-enterPin .showNowHeaderPara {
    color: #000;
}

#PaceMode-enterPin {
    text-align: center;
    float: left;
    width: 100%;
    display: grid;
    height: 100%;
    align-items: center;
}

.PaceMode-enterPinModal {
    max-width: 500px;
    margin: 0 auto;
    background: #fff;
    float: none !important;
    height: 310px;
    padding: 50px;
    border-radius: 20px;
}

.seeLiveResult {
    position: absolute;
    top: 4px;
    background: #45A3DB;
    padding: 3px 0;
    left: calc(50% - 65px);
    width: 130px;
    border-radius: 6px;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 99999;
}

    .seeLiveResult:hover {
        background: #fff;
        color: #45A3DB;
    }

.resultTableFix .scroll-element {
    display: none !important;
}

.assignedText {
    position: absolute;
    background: red;
    border-radius: 15px 0 0 0;
    padding: 8px 20px 9px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.completedText {
    position: absolute;
    background: green;
    border-radius: 15px 0 0 0;
    padding: 8px 20px 9px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.upDownArrowDiv {
    width: 100%;
    height: 30px;
    margin: 0px 0;
}

.upDownArrow {
    width: 12px;
    background-image: url(../images/upDownArrow.svg);
    height: 24px;
    float: right;
    margin-right: 10px;
}

.DownActiveArrow {
    width: 12px;
    background-image: url(../images/DownActiveArrow.svg);
    height: 24px;
    float: right;
    margin-right: 10px;
}

.upActiveArrow {
    width: 12px;
    background-image: url(../images/UpActiveArrow.svg);
    height: 24px;
    float: right;
    margin-right: 10px;
}

.mt70 {
    margin: 70px 0 0 0;
}

    .mt70 .upDownArrow, .mt70 .upActiveArrow, .mt70 .DownActiveArrow {
        margin-right: 0 !important;
    }

    .mt70 span {
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 600;
        margin: 0 0 0px 10px;
        float: left;
        line-height: 24px;
    }

.upDownArrowLeft {
    width: 12px;
    background-image: url(../images/upDownArrow.svg);
    height: 24px;
    float: left;
}

.circleChart {
    min-height: 223px;
    position: absolute;
    top: -25px;
    height: 200px;
    width: 200px;
    left: 10px;
    background: none !important;
}

/*------------------------------------------------------lightboxclassroom page end------------------------------------------------*/
#chart_main svg {
    transform: rotate(-90deg);
}

.chartSmall svg {
    transform: rotate(-90deg);
}

circle {
    fill: none;
    stroke-width: 60;
    stroke-linecap: round;
}

    circle.animatable {
        animation: dash 0.5s ease-in forwards;
    }

#chart_main text, .chartSmall text {
    fill: black;
    stroke: white;
    paint-order: stroke;
    stroke-width: 5;
    font-size: 40px;
    font-family: arial;
    font-weight: bold;
    text-anchor: middle;
    dominant-baseline: middle;
}

@keyframes dash {
    to {
        stroke-dashoffset: var(--sdo);
    }
}

.chartSmall {
    text-align: center;
}
/*****Answer key popup*********************/
#AnswerKey .modal-content {
    border-radius: 20px;
    border: 4px solid #333 !important;
}

.asnkeybox {
    max-height: 700px;
    overflow-y: scroll;
}

.singleRecord .asnkeybox {
    overflow: inherit;
}

.lbx-answerkeys {
    padding: 0 25px 25px;
}

    .lbx-answerkeys .header {
        width: 100%;
        text-align: center;
        font-size: 34px;
        font-weight: bold;
        text-transform: uppercase;
        border-bottom: 2px solid #333;
        margin-bottom: 15px;
    }

.seeResultAnswer {
    margin-bottom: 10px;
    padding-left: 50px;
    position: relative;
    min-height: 35px;
}

    .seeResultAnswer span {
        display: inline-block;
        margin-right: 20px;
    }

    .seeResultAnswer > span:first-child {
        margin-right: 0;
        position: absolute;
        top: 7px;
        left: 0;
    }

    .seeResultAnswer > span + span {
        border: 1px solid #f5f5f5;
        padding: 5px 5px 5px 0px;
        margin-bottom: 5px;
    }

        .seeResultAnswer > span + span > strong {
            background: #f5f5f5;
            padding: 5px;
            margin-right: 5px;
        }

    .seeResultAnswer span h3 {
        font-size: 16px;
        display: inline-block;
        font-weight: normal;
        margin: 0;
    }

    .seeResultAnswer span img {
        height: 100px;
        width: auto;
        vertical-align: top;
    }

.print_btn_AnswerKey {
    border-radius: 25px;
    margin-bottom: 15px;
    margin-top: -10px;
    z-index: 99;
    background: #33a3db;
    border: none;
    color: #fff;
    padding: 4px 0;
    width: 8%;
    min-width: 80px;
    /*border-radius: 0 0 4px 4px;*/
    outline: none;
    float: right;
    margin-right: 33px;
}

.print_btn_AnswerKey {
    /*border:1px solid #30a4dc;*/
}

.num {
    position: absolute;
    bottom: 20px;
    color: #fff;
    width: 100%;
    text-align: center;
}

div#ToHIdeClickevents {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 999;
}

#bottomBarStudent {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    width: 100%;
    background: #4D4D4D;
    z-index: 10;
    text-align: center;
    color: #fff;
    border-top: 6px solid #fff;
    min-height: 50px;
    max-height: 90%;
}

#handle2 {
    width: 158px;
    height: 18px;
    background-color: #2185c1;
    /*background-image: url(../images/handleBlue.png);*/
    top: -24px;
    left: calc(50% - 79px);
    border-radius: 5px 5px 0 0;
    margin: 0 auto;
    cursor: row-resize;
    font-size: 12px;
    font-weight: 600;
    line-height: 19px;
}




.borderTopSix {
    float: left;
    width: 100%;
    /*border-top: 6px solid #fff;*/
}

    .borderTopSix .scrollbar-inner .tile {
        margin: 0 0 !important;
        margin-right: 0 !important;
    }

.correctans {
    border: 1px solid #777 !important;
}

    .correctans > strong {
        background: #777 !important;
    }

.pulseAnim {
    display: block;
    box-shadow: 0 0 0 rgba(242,192,15, 1);
    animation: pulse 1.5s 4;
}

    .pulseAnim:hover {
        animation: none;
    }

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(242,192,15, 1);
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(242,192,15, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(242,192,15, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(242,192,15, 1);
        box-shadow: 0 0 0 0 rgba(242,192,15, 1);
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(242,192,15, 0);
        box-shadow: 0 0 0 20px rgba(242,192,15, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(242,192,15, 0);
        box-shadow: 0 0 0 0 rgba(242,192,15, 0);
    }
}

@-webkit-keyframes pulsate {
    50% {
        color: #fff;
        text-shadow: 0 -1px rgba(242,192,15, 1), 0 0 8px #F2C00F, 0 0 20px #F2C00F;
    }
}

@keyframes pulsate {
    50% {
        color: #fff;
        text-shadow: 0 -1px rgba(242,192,15, 1), 0 0 8px #F2C00F, 0 0 20px #F2C00F;
    }
}

.textAnim {
    text-shadow: 0 -1px rgba(0,0,0,.1);
    -webkit-animation: pulsate 1.2s linear 4;
    animation: pulsate 1.5s linear 4;
}

.resultIframe {
    width: 100%;
    height: 85vh;
    border: none;
}

#ModalSeeResult .close {
    position: absolute;
    z-index: 9;
    top: -10px;
    right: -10px;
    border: 2px solid #fff;
}

.c-col span {
    font-size: 24px;
    line-height: 24px;
}

.OuterCoverOfBottomDiv {
    float: left;
    width: 100%;
    height: 100%;
}

.viewCorrelation {
    float: left;
}

.ml10 {
    margin-left: 10px;
}

.lesson_info {
    float: left;
}

#ModalSeeResult .modal-body {
    background: #4c4c4c;
}

/* The check */
.check {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    line-height: 25px;
}

    /* Hide the browser's default checkbox */
    .check input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-color: #5ab85a;
    border-style: solid;
    border-width: 2px;
}



/* When the checkbox is checked, add a blue background */
.check input:checked ~ .checkmark {
    background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check .checkmark:after {
    left: 5px;
    top: 0px;
    width: 6px;
    height: 12px;
    border: solid;
    border-color: #5ab85a;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.profileSubjectList {
    float: left;
    width: 100%;
}

    .profileSubjectList li {
        float: left;
        margin-right: 35px;
    }

.list_GradesToAdd {
    width: 100%;
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.Search_unitToAdd {
    width: 100%;
    height: 34px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 5px;
}

.blackupDownArrow {
    width: 10px;
    background-image: url(../images/blackupDownArrow.svg);
    height: 20px;
    float: right;
    margin-right: 10px;
}

.blackDownActiveArrow {
    width: 10px;
    background-image: url(../images/blackDownActiveArrow.svg);
    height: 20px;
    float: right;
    margin-right: 10px;
}

.blackupActiveArrow {
    width: 10px;
    background-image: url(../images/blackUpActiveArrow.svg);
    height: 20px;
    float: right;
    margin-right: 10px;
}

.mid_section_text {
    float: left;
    width: 70%;
}

.mid_section_pdf_icon {
    float: left;
    width: 30%;
    text-align: center;
    padding: 20px 0 0 0;
}

    .mid_section_pdf_icon i {
        font-size: 56px;
    }

    .mid_section_pdf_icon button {
        background: #fff;
        color: #000;
        border: none;
        margin: 10px 0 0 0;
        padding: 0 4px;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 600;
    }

        .mid_section_pdf_icon button:hover {
            background: #000;
            color: #fff;
        }

.icon_inner_div {
    max-width: 80px;
    margin: 0 auto;
}

.new_icon_color_list li {
    width: 23% !important;
    border-radius: 15px !important;
    margin: 1% !important;
    cursor: pointer;
    transition: 0.5s;
}

    .new_icon_color_list li:hover {
        transform: scale(1.3);
        z-index: 999 !important;
        position: relative;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.7) !important;
    }

    .new_icon_color_list li p {
        margin: 0 !important;
        color: #fff;
        padding: 0;
    }

    .new_icon_color_list li span {
        margin-top: 0 !important;
        color: #fff;
        font-size: 13px !important;
        text-align: center;
        height: 30px;
        line-height: 13px;
        display: inline-grid;
        align-items: center;
        margin-bottom: 5px;
    }

.CorePeHover {
    width: 100%;
    padding: 5px;
}

    .CorePeHover:nth-child(odd) {
        background: rgb(251, 227, 220);
    }

.tableHoverClass {
    /*background: rgb(251, 227, 220);*/
    background: rgb(131,189,230);
}

h4.ExtraSpaceAdded {
    height: 25px;
}

.CoreActiveClsRemove {
    box-shadow: none !important;
    margin-top: 0px !important;
}

    .CoreActiveClsRemove:after {
        display: none !important;
    }

#ModalForImportExcelSectionStudents .modal-dialog {
    max-width: 550px;
}

    #ModalForImportExcelSectionStudents .modal-dialog .modal-title {
        width: 100%;
        text-shadow: none;
        color: #000 !important;
        text-align: center;
    }

    #ModalForImportExcelSectionStudents .modal-dialog .modal-body .upload_field {
        margin-bottom: 20px;
    }

        #ModalForImportExcelSectionStudents .modal-dialog .modal-body .upload_field strong {
            float: right !important;
        }

.downloadSample {
    font-size: 12px !important;
    text-transform: none !important;
    font-weight: normal !important;
    margin-top: 0;
}

.ui-tooltip {
    padding: 2px 5px !important;
}

#StudentAssignmentLookSearchResult .scrollbar-inner > .scroll-element.scroll-y {
    width: 18px;
}

#StudentAssignmentLookSearchResult .scrollbar-inner > .scroll-element .scroll-element_outer, #StudentAssignmentLookSearchResult .scrollbar-inner > .scroll-element .scroll-element_track, #StudentAssignmentLookSearchResult .scrollbar-inner > .scroll-element .scroll-bar {
    border-radius: 0px !important;
}

#StudentAssignmentLookSearchResult .scrollbar-inner .tumbnail-outer {
    padding: 0 55px 0 35px;
}

.logoIconOnWeblink {
    position: absolute;
    bottom: 10px;
    z-index: 999;
    right: 10px;
    width: 50px;
}

.assignmentlisttoshow {
    float: left;
    width: 100%;
    height: 100%;
}

    .assignmentlisttoshow .scroll-wrapper {
        height: 100% !important;
        min-height: 170px;
    }

#DisplayedAllAssignments {
    float: left;
    width: 100%;
    height: 100%;
}

    #DisplayedAllAssignments .borderBottom {
        float: left;
        width: 100%;
        height: calc(100% - 70px);
        min-height: auto !important;
    }

    #DisplayedAllAssignments .divstdAssign {
        float: left;
        width: 100%;
        height: 100%;
        min-height: auto !important;
    }

#pgwModal .pm-container {
    margin: 0 !important;
    width: 100%;
}

#pgwModal .pm-body {
    margin-left: auto !important;
    margin-right: auto !important;
}

.logoBgQuiz1 img {
    width: 100%;
}

#TourSlides .carousel-inner {
    width: 90%;
    margin: 0 auto;
    height: 85vh !important;
}

#WebsiteTour {
    background: rgba(0,0,0,0.7);
}

    #WebsiteTour .modal-content {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none;
        margin: 30px 0;
    }

#TourSlides .carousel-indicators {
    bottom: -35px;
    margin-bottom: 0;
}

    #TourSlides .carousel-indicators li {
        height: 20px;
        width: 20px;
        margin: 0 10px;
    }

.topVideoSection {
    height: 60%;
    float: left;
    width: 100%;
    overflow: hidden;
    background: #000;
}

.bottomTextSection {
    height: 40%;
    float: left;
    width: 100%;
}

.bottomTextSectionBlue {
    background: #2095F2;
}

.bottomTextSectionPurple {
    background: #6639B6;
}

.bottomTextSectionBluegreen {
    background: #00A3C1;
}

.bottomTextSectionLightGreen {
    background: #8AC249;
}

.bottomTextSectionPink {
    background: #E81D62;
}

.bottomTextSectionYellow {
    background: #FE9700;
}

.bottomTextSectionRed {
    background: #F34235;
}

.bottomTextSectionGreen {
    background: #009587;
}

.videoPoints h2 {
    text-align: left;
    color: #fff;
    padding: 2vw 0 1vw 0;
    float: left;
    font-size: 1.55vw;
    width: 100%;
}

.listOfPoints {
    float: left;
    width: 100%;
    text-align: left;
    color: #fff;
}

    .listOfPoints li {
        font-size: 1.02vw;
        padding-bottom: 10px;
        float: left;
        width: 100%;
    }

#TourSlides .right.carousel-control {
    right: -5%;
}

#TourSlides .left.carousel-control {
    left: -5%;
}

.tourSlideLeft {
    background-image: url(../images/tourLeftArrow.svg);
    height: 100%;
    width: 100%;
    background-size: 45%;
    background-repeat: no-repeat;
    position: absolute;
    background-position: 50% center;
    top: 0;
}

.tourSlideRight {
    background-image: url(../images/tourRightArrow.svg);
    height: 100%;
    width: 100%;
    background-size: 45%;
    background-repeat: no-repeat;
    position: absolute;
    background-position: 50% center;
    top: 0;
}

.tourListIcon {
    background-image: url(../images/listIcon.svg);
    height: 20px;
    width: 20px;
    float: left;
    background-size: cover;
    margin-right: 15px;
    margin-top: 0.2vw;
}

.tourListText {
    width: calc(100% - 35px);
    float: left;
}

#WebsiteTourCloseModal {
    background: rgba(0,0,0,0.5);
}

    #WebsiteTourCloseModal .modal-dialog {
        max-width: 500px;
    }

    #WebsiteTourCloseModal .modal-content {
        background-color: #000 !important;
        border-radius: 20px;
    }

        #WebsiteTourCloseModal .modal-content h2 {
            color: #fff;
            text-align: center;
            padding: 80px 0 0 0;
        }

.skipShowButon {
    text-align: center;
    margin: 40px 0 80px 0;
}

.skipNow {
    background: #fff;
    color: #000;
    border: 2px solid #00C7F3;
    border-radius: 8px;
    font-size: 20px;
    padding: 8px 20px;
    font-weight: 600;
    width: 140px;
    display: inline-block;
    margin: 0 10px;
    line-height: 20px;
}

    .skipNow:hover {
        background: #00C7F3;
        color: #000;
    }

.showAgain {
    background: #FFD300;
    border: 2px solid #FFD300;
    color: #000;
    border-radius: 8px;
    font-size: 20px;
    padding: 8px 10px;
    font-weight: 600;
    width: 140px;
    display: inline-block;
    margin: 0 10px;
    line-height: 20px;
}

    .showAgain:hover {
        background: #fff;
        color: #000;
    }

#WebsiteTourCloseModal .close {
    right: 10px !important;
    top: 10px;
}

#WebsiteTour .close {
    top: -30px;
    right: 0px !important;
}

.trigclick .img-googleURL {
    border-radius: 50%;
}

#FilterStudents {
    background: #dbffe6;
    border: 1px solid #b1d2bb;
    color: #000;
    width: 100%;
    margin: 0 0 10px 0;
    border-radius: 4px;
    padding: 4px 10px;
    outline: none;
}

.rosterBack {
    float: left !important;
    color: #000;
    margin: 2px 5px 0 0 !important;
    font-size: 16px;
    font-weight: normal;
}

    .rosterBack:hover {
        color: #000;
    }

#Right_studenList .list_margin .scroll-wrapper {
    height: 310px;
}

span.pm-icon {
    zoom: 1 !important;
}

#ModalForquiz #pgwModal .pm-body {
    max-width: 900px !important;
    margin-top: 150px !important;
}

#ModalForquiz #main-quiz-holder {
    width: 800px;
    height: 500px;
}

#ModalForquiz .leftBlock, #ModalForquiz .logo {
    width: 50%;
}

#ModalForquiz .rightBlock, #ModalForquiz .progress-block {
    width: 50%;
}

#ModalForquiz .helpMessage {
    font-size: 15px;
}

#ModalForquiz .keyWord .helpMessage {
    font-size: 18px;
}

#ModalForquiz .answers li {
    font-size: 16px;
    width: 100%;
}

#ModalForquiz .keyWord .answers li {
    font-size: 20px;
    width: 50%;
}

    #ModalForquiz .keyWord .answers li label {
        margin-top: 3px !important;
    }

input[name^=q] + label {
    width: 20px !important;
    height: 20px !important;
}

#ModalForquiz #results-container {
    width: 100%;
}

#ModalForquiz #resultKeeper {
    width: 100%;
}

#ModalForquiz table.tableResult {
    width: 50%;
}

#ModalForquiz .logoBgQuiz1, #ModalForquiz .logoBgKeyWord1 {
    height: 110px;
}

.mainViewPort {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-height: 370px;
}

.AnalyticsPopupDetail_DetailclsOuter {
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    background: #fff;
    height: 100%;
    transition: 1s;
    z-index: 99;
}

.AnalyticsPopupDetail_Detail_Level2Outer {
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    height: 100%;
    background: #fff;
    transition: 1s;
    z-index: 999;
}

.showDivContent {
    right: 0 !important;
}

.backButton {
    position: absolute;
    left: 5px;
    top: 0;
    height: 26px;
    width: 30px;
    background-image: url(../images/backArrowTime.svg);
    background-size: 90%;
    background-color: transparent;
    border: none;
    outline: none;
    background-repeat: no-repeat;
}

h2.title.color_black {
    font-size: 34px;
}

.bgNone {
    background-color: transparent !important;
    margin: 0;
    padding: 0;
}

.white_border2 .js-daterange span {
    background: #fff;
    padding: 2px 5px 0;
    border-radius: 10px;
    height: 28px;
    width: 100%;
    float: left;
    font-size: 22px;
    font-family: 'MyriadPro-Cond';
    line-height: 23px;
    font-weight: 500;
}

ul.analyticTabList {
    float: left;
    width: 100%;
    list-style: none;
    background: #3BAD5F;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    margin-top: 10px;
}

.analyticTabList li {
    float: left;
    padding: 2px 20px;
}

    .analyticTabList li a {
        font-size: 22px;
        color: #000;
        text-transform: uppercase;
        font-weight: bold;
        font-family: 'MyriadPro-BoldCond';
    }

.usingLBX {
    font-family: 'MyriadPro-BlackCond';
    color: #000;
    margin-top: 0;
}

.js-daterange-center {
    max-width: 215px;
    text-align: center;
    position: relative;
    margin: 0 auto;
    display: inline-block;
    float: none;
    padding-right: 0;
}

.viewsCircle {
    margin: 0 auto;
    width: 250px;
    height: 250px;
    background: #3bac5e;
    color: #fff;
    border-radius: 100%;
    margin-bottom: 10px;
    font-size: 80px;
    font-weight: bold;
    line-height: 60px;
    font-family: 'MyriadPro-BlackCond';
    padding-top: 70px;
    cursor: pointer;
}

    .viewsCircle span {
        font-size: 50px;
    }

.chart {
    position: relative;
    display: inline-block;
    color: #000;
    font-size: 80px;
    text-align: center;
    font-family: 'MyriadPro-BlackCond';
    margin-bottom: 10px;
    float: left;
}

    .chart canvas {
        position: absolute;
        top: 0;
        left: 0;
    }

#usingLBX .modal-content {
    background-color: #FFFFCC !important;
    border: 4px solid #3BAD5F !important;
    border-radius: 30px;
}

#usingLBX .modal-title {
    font-family: 'MyriadPro-BoldCond';
    color: #000 !important;
    text-align: center;
    width: 100%;
    text-shadow: none;
    font-size: 38px;
}

#usingLBX .close.closeusermodal {
    top: 10px;
    right: 10px !important;
}

#knowCurriculum .modal-content {
    background-color: #FFFFCC !important;
    border: 4px solid #3BAD5F !important;
    border-radius: 30px;
}

#knowCurriculum .modal-title {
    font-family: 'MyriadPro-BoldCond';
    color: #000 !important;
    text-align: center;
    width: 100%;
    text-shadow: none;
    font-size: 38px;
}

#knowCurriculum .close.closeusermodal {
    top: 10px;
    right: 10px !important;
}

.interHeader {
    font-family: 'MyriadPro-BoldCond';
    color: #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 0;
    padding: 3px 0;
}

.moduleView {
    font-family: 'MyriadPro-BoldCond';
    border-bottom: 1px solid #000;
    padding: 0px 0;
    margin: 0;
}

    .moduleView li {
        font-size: 24px;
        color: #000;
        width: 30%;
        display: inline-block;
    }

.interHeaderLeftBorder {
    border-left: 1px solid #000;
}

.interHeaderRightBorder {
    border-right: 1px solid #000;
}

.moduleViewPL50 {
    padding-left: 50px;
    width: 70% !important;
}

.expMet {
    padding-left: 0;
    width: 100% !important;
    text-align: center;
}

.moduleViewList {
    padding: 0;
    margin: 0;
    padding-top: 0;
    float: left;
    width: 100%;
    position: relative;
}

.borderHide {
    border-right: none;
}

.moduleViewList li {
    width: 100%;
    font-size: 18px;
    color: #000;
    float: left;
    padding: 0px 0 0px 0;
    font-weight: 600;
    position: relative;
}

#Ul_for_Book_Analytics_scroll .moduleViewList li {
    border-bottom: 1px solid #000;
}

.Book-res-highlight li, li.Book-res-highlight {
    border-right: none;
}

#Ul_for_Book_Analytics_scroll .moduleViewList li:last-child {
    border-bottom: none;
}

.moduleBookImageContainer {
    width: 40%;
    float: left;
    padding-left: 50px;
}

.viewsCount {
    width: 40%;
    float: left;
    text-align: center;
    padding-top: 35px;
    font-size: 16px;
}

.moduleBookImage {
    height: 100px;
    width: 115px;
    float: left;
    text-align: center;
}

    .moduleBookImage img {
        width: auto;
        height: 100%;
    }

.moduleBookText {
    float: left;
    width: calc(100% - 150px);
    padding-top: 35px;
    padding-left: 10px;
    
}
#Ul_for_Book_Analytics_scroll .moduleBookText {
   font-family: 'MyriadPro-BoldCond';
    font-size: 24px;
}
.moduleBookIcon {
    height: 45px;
    width: 45px;
    float: left;
    text-align: center;
}

    .moduleBookIcon img {
        width: auto;
        height: 100%;
    }

.moduleBookIconText {
    float: left;
    width: calc(100% - 150px);
    padding-top: 10px;
    padding-left: 20px;
    font-size: 14px;
    font-weight: bold;
}

.viewsCountRight {
    width: 40%;
    float: left;
    text-align: center;
    padding-top: 15px;
    font-size: 14px;
    
}

.borderHide li {
    border-bottom: none !important;
    padding-top: 5px;
}

.usingLBXmodalFooter {
    background: #3BAD5F;
    padding: 8px 0 0 0;
    border-radius: 0 0 20px 20px;
    float: left;
    width: 100%;
}

.Ul_For_Book_Filter_Cls2 {
    padding: 0 0 5px 0;
}

.showMoreLink {
    color: #000;
    font-family: 'MyriadPro-BoldCond';
    font-size: 26px;
    padding-top: 20px;
    display: inline-block;
}

.usingLBXmodalFooter .color_black {
    font-size: 14px;
    font-weight: 600;
    line-height: 12px;
}

.rightFooterIcon {
    float: right;
    width: auto;
}

.chartContainer {
    cursor: pointer;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    display: table;
}

.moduleCoreImageContainer {
    width: 100%;
    float: left;
}

    .moduleCoreImageContainer .moduleBookImage {
        height: 120px !important;
        width: 120px !important;
        position: relative;
        margin-left: 30px;
    }

    .moduleCoreImageContainer .moduleBookText {
        width: calc(100% - 150px) !important;
        padding: 0 0 0 10px;
        height: 120px;
        display: grid;
        align-items: center;
    }

    .moduleCoreImageContainer .moduleBookImage .bottomText {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #ffc;
        text-transform: uppercase;
        font-size: 17px;
        font-weight: bold;
        line-height: 30px;
    }

    .moduleCoreImageContainer .moduleBookText p {
        font-weight: 500;
        font-size: 16px;
    }

        .moduleCoreImageContainer .moduleBookText p span {
            float: left;
            width: 100%;
            font-weight: bold;
            font-size: 18px;
        }

    .moduleCoreImageContainer .moduleBookBar {
        width: 100% !important;
        /*display: grid;
        align-items: center;*/
        text-align: center;
    }

.PEprogress {
    max-width: 300px;
    width: 100%;
    height: 40px;
    border: 1px solid #000;
    /*margin: 0 auto;*/
    position: relative;
}

.PEprogress-bar {
    height: 100%;
    background: #3bac5e;
}

.PEprogress label {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    display: grid;
    margin: 0;
    text-shadow: 1px 1px 0px #ffc;
    align-items: center;
}

.RightSideDynamicDiv {
    position: relative;
    float: left;
    width: 100%;
    min-height: 460px;
}

.perforExpecCore {
    background: #FFFF99;
    width: 100%;
    position: absolute;
    top: 0;
    min-height: 460px;
    height: 100%;
}

.perforExpecCoreList .moduleBookBar {
    float: left;
    padding-top: 5px;
}

.PEprogress.smallSize {
    width: 200px;
    height: 25px;
}

.perforExpecCoreList .moduleBookBar h4 {
    text-align: left;
    padding-left: 160px;
    font-size: 16px;
}

.perforExpecCoreList .moduleBookBar p {
    text-align: left;
    padding-left: 50px;
    font-size: 16px;
}

.selfExpecCore {
    background: #FFFFCC;
    width: 100%;
    position: absolute;
    top: 0;
    min-height: 460px;
    height: 100%;
}

.selfExpecCoreInter {
    background: #FFFF99;
    width: 100%;
    position: absolute;
    top: 0;
    min-height: 460px;
    height: 100%;
    padding-top: 25px;
}

    .selfExpecCoreInter .moduleCoreImageContainer .moduleBookBar {
        height: 35px !important;
    }

.Book-res-highlight {
    background: #FFFF99;
    float: left;
    width: 100%;
}

.WeblinkButtons {
    height: auto;
    width: 180px;
    border-radius: 30px;
    background: #E60762;
    color: #fff;
    font-size: 16px;
    padding: 5px 2px;
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    text-transform: capitalize;
    font-weight: bold;
    line-height: 35px;
    left: calc(50% - 90px);
}

    .WeblinkButtons img {
        width: 35px;
        float: left;
        margin-left: 5px;
    }

    .WeblinkButtons:hover {
        background: #fff;
        border: 2px solid #E60762;
        color: #E60762;
    }

.Iscontinue.warning {
    text-align: center;
    color: #525252;
    padding: 20% 0 0 0;
}

.bookAnalyticsSection .scroll-content {
    height: 60vh !important;
}

.bookAnalyticsSection .scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #777;
}

.bookAnalyticsSection .scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: rgba(115, 115, 115, 0.3);
}

.listDeleteBtn {
    background: #F20002;
    color: #C1E1C9;
    height: 25px;
    width: 25px;
    float: left;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
    font-weight: normal;
    font-size: 32px;
    margin-right: 10px;
}

.listEditBtn {
    background-image: url('../images/listEdit.png');
    background-size: cover;
    height: 25px;
    width: 25px;
    float: left;
    border-radius: 50%;
    margin-right: 10px;
}

.moduleViewList2 {
    min-height: 130px;
    border-right: none;
}

.moduleViewList .moduleViewListInner {
    width: 100%;
    /*border-bottom: 1px solid #000;*/
    font-size: 18px;
    color: #000;
    float: left;
    padding: 5px 0 0 0;
    font-weight: 600;
}

.moduleViewList-lt {
    cursor: pointer;
}


div#ScrollKnowCurricullum {
    height: 54vh !important;
}

.AnalyticsCurrScroll {
    height: 60vh !important;
}

    .AnalyticsCurrScroll.scrollbar-inner > .scroll-element .scroll-element_track {
        background-color: rgba(115, 115, 115, 0.3);
    }

    .AnalyticsCurrScroll.scrollbar-inner > .scroll-element .scroll-bar {
        background-color: #777;
    }

.Book-res-highlight2 {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
}

.no-margin {
    margin: 0;
}

.hidden-list {
    display: none;
}

.filter-list {
    height: 60vh;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 50%;
}

    .filter-list .scroll-content {
        width: 100%;
        display: block !important;
        border-left: 1px solid #000 !important;
    }

    .filter-list.scrollbar-inner > .scroll-element .scroll-element_track {
        background-color: rgba(115, 115, 115, 0.3);
    }

    .filter-list.scrollbar-inner > .scroll-element .scroll-bar {
        background-color: #777;
    }

.scroll-wrapper.filter-list {
    z-index: 8;
}

/*.AnalyticsCurrScroll .Book-res-highlight::after {
    content: "";
    width: 10px;
    background: #ffff99;
    height: 98.8%;
    position: absolute;
    top: 0px;
    right: -5px;
    z-index: 9;
}*/


.overviewChartIcon {
    margin: 0 auto 5px;
    background-image: url(../images/big-_thumb_11265.png);
    width: 50px;
    height: 50px;
    background-size: 90%;
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
}

    .overviewChartIcon:hover {
        background-image: url(../images/big-_thumb_11265-hover.png);
        background-color: #fff;
        border: 1px solid #000;
    }

.usingLBX-tableheader {
    width: 100%;
    float: left;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

    .usingLBX-tableheader .interHeader {
        width: 40%;
        float: left;
        padding-left: 50px;
        text-align: left;
        border: none;
    }

.ViewSpan {
    float: left;
    padding-left: 50px;
    font-size: 30px;
    margin: 0;
    line-height: 1.1;
}

.usingLBX-tableheader .total {
    width: 40%;
    float: left;
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: bold;
    line-height: 1.1;
    font-family: 'MyriadPro-BoldCond';
    padding: 3px 0 0 0;
}



.headerDate {
    position: absolute;
    left: 16px;
    top: 29px;
    font-size: 18px;
    font-weight: 600;
}

.subCoreList {
    display: flex;
}

    .subCoreList > div {
        display: inline-flex;
        align-items: center;
    }

    .subCoreList p {
        color: #000;
    }

.fileFormatcls .modal-dialog {
    width: 420px !important;
}

.fileFormatcls .modal-title {
    width: 100%;
    padding-left: 0;
    text-align: center;
    text-shadow: none;
    font-weight: 100;
    font-size: 22px;
    padding: 30px 0;
}

.fileFormatcls .modal-content {
    background-color: #47AC61 !important;
    border: 4px solid #47AC61 !important;
    padding-bottom: 30px;
}

.fileFormatcls .xlxs {
    background-image: url('../images/xlxs.png');
    width: 100px;
    height: 113px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
}

    .fileFormatcls .xlxs:hover {
        opacity: 0.8;
    }

.fileFormatcls .pdf {
    background-image: url('../images/pdf.png');
    width: 100px;
    height: 113px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
}

    .fileFormatcls .pdf:hover {
        opacity: 0.8;
    }

#fileFormat2 {
    z-index: 9999 !important;
}

.ansCorrect {
    float: left;
    width: 100%;
    font-size: 15px;
    height: 20px;
    position: relative;
}

.Book-res-highlight .moduleCoreImageContainer .moduleBookImage .bottomText {
    background: #ff9;
}

.intModule {
    height: 30px;
    line-height: 30px;
}

    .intModule label {
        margin: 0;
    }

.bookAnalyticsSection {
    float: left;
    width: 100%;
}

.listOfBooks {
    float: left;
    width: 100%;
    /* border-bottom: 1px solid #000; */
    padding-bottom: 5px;
    cursor: pointer;
    padding-top: 5px;
}

.listOfBooksInnerContent {
    float: left;
    width: 100%;
    background: #ffff99;
    /* border-bottom: 1px solid #000; */
    padding: 5px 0;
}

.intHead {
    width: auto;
    float: left;
    margin: 0;
}

.toggleButton {
    width: 20%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    padding-top: 35px;
    font-size: 30px;
    line-height: 26px;
}

.doubleBorder {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    display: table;
    width: 100%;
}

.singleBottomBorder {
    border-bottom: 1px solid #000;
}

.coreHeads {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.1;
    font-family: 'MyriadPro-BoldCond';
    color: #000;
}

.pl50 {
    padding-left: 40px;
}

.subCoreList .moduleBookBar h4 {
    padding-left: 180px;
    margin: 0 0 5px 0;
    font-size: 14px;
    line-height: 22px;
}

.intModImg {
    width: auto;
    float: left;
    margin: 0 30px 0 160px;
    height: 70px;
}

.AnalyticsCurrScroll .toggleButton {
    padding-top: 45px;
}

.cursor {
    cursor: pointer;
}

.CenterTEXT .moduleBookBar h4 {
    float: left;
    padding-left: 0 !important;
    padding-top: 24px;
}

.singleBottomBorder:last-child {
    border: none;
}

.digResCls {
    padding-left: 175px;
    font-family: 'MyriadPro-BoldCond';
    font-size: 20px;
}

.ml125 {
    padding-left: 175px;
}
.condFontFamily {
    font-family: 'MyriadPro-BoldCond';
}
.condFontFamily h4, .condFontFamily h5 {
    font-size: 18px !important;
}
.subCoreList1 .moduleBookBar h4 {
    font-family: 'MyriadPro-BoldCond';
    font-size: 18px;
}
/*------------------------------------------------------Media Start------------------------------------------------*/
@media only screen and (max-width: 767px) and (min-width: 240px) {
    .main-outer, .slimScrollDiv {
        max-width: 100%;
        height: 100% !important;
    }

    .main-outer {
        padding: 24px 0 0 0;
    }

    .brand-name img {
        max-width: 100%;
    }

    .da-thumbs li {
        width: 100%;
        margin: 17px 0 17px 0;
        height: auto;
    }

    .actiona {
        float: left;
        width: 100%;
        text-align: left;
        margin-top: 20px;
    }

    .chetas-world {
        background-size: cover !important;
    }

    .background-img:after {
        height: 100%;
    }

    .background-img img {
        width: 120%;
    }

    .tab_inner_container {
        width: 100%;
    }

    .search_button {
        padding-left: 10px;
    }

    .user {
        height: 50px;
        width: 50px;
        border: 2px solid #fff;
    }

    .links ul li a {
        width: 100%;
    }

    .nav-tabs > li > a {
        margin-bottom: 10px;
    }

    .slick-prev {
        left: -16px;
    }

    .slick-next {
        right: -16px;
    }

    .one-time .slick-prev {
        left: -35px;
    }

    .one-time .slick-next {
        right: -35px;
    }

    .headerDate {
        top: 1px;
        font-size: 15px;
    }
}

@media only screen and (max-width: 767px) and (min-width: 481px) {
    .da-thumbs li {
        width: 48.5%;
        margin: 17px 3%;
    }

        .da-thumbs li:nth-child(2n) {
            margin-right: 0;
        }

        .da-thumbs li:nth-child(1n) {
            margin-left: 0;
        }

    .chetas-world {
        background-size: cover !important;
    }


    .openBox {
        font-size: 18px;
        line-height: 21px;
        width: 70%;
        height: 52px;
        bottom: -25px;
        left: 15%;
    }

    .da-thumbs .da-slide a {
        height: 170px !important;
    }



    .da-thumbs .da-slide {
        height: 290px;
    }


    .user {
        height: 50px !important;
        width: 50px !important;
        border: 1px solid #fff !important;
    }

    .headerDate {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 75% !important;
    }
}

@media screen and (max-width: 768px) {
    .border_left {
        border-top: 2px solid #fff;
        /*border-left: none;*/
        padding: 8px 0;
    }

    #myVideo {
        left: -50%;
    }

    .divTeachTech {
        height: 75vh;
        overflow: auto;
    }

    .resultTableFix {
        width: 200px;
    }

    .school-logo img {
        width: 100% !important;
    }

    .school-logo {
        width: 100px;
    }

    .newTabButtons li {
        padding: 2px 3px;
    }

    .teacherTabHeading .teacher_tab_heading {
        font-size: 16px !important;
    }

    .list_margin2 h2 {
        font-size: 24px;
    }

    .font35 {
        font-size: 20px !important;
    }

    .newTabButtons li a {
        padding: 2px 5px;
    }

    .resultTableRight {
        width: calc(100% - 310px);
    }

    .newLessonPlanInput {
        width: 170px;
    }

    .main_tabs {
        width: 100% !important;
    }

    .content .demo > .scrollbar-inner {
        height: auto !important;
    }

    .main_tabs li {
        padding: 0 5px;
    }

    .pd_bar {
        margin: 5px 0 10px 0px !important;
    }

    .min_wid500 {
        min-width: 630px !important;
    }

    .main_tabs li a {
        font-size: 15px !important;
    }

    .roster_discp {
        margin: 20px 10px 0 10px;
    }

    .dg_res a {
        font-size: 15px;
        /* width: 100%; */
        border-left: none;
        margin: 5px 0;
        padding: 3px 10px 3px 15px;
    }

    .dg_res {
        width: 100%;
        margin-top: 0;
        border-left: none;
        border-top: 2px solid #fff;
    }

    .activity_icon_size {
        margin-top: 10px !important;
    }

    .openBox {
        border: 3px solid #fff;
        font-size: 18px !important;
        line-height: 18px !important;
        width: 50%;
        height: 43px !important;
        min-width: 110px;
    }

    .nav > li > a {
        padding: 0px 5px;
    }

    .tgl {
        margin: 6px 0 0 0;
        font-size: 14px !important;
    }

    .teacher_profile_tabs li a {
        font-size: 15px !important;
        margin-top: 3px;
        padding: 0 5px !important;
    }

    .links ul li span {
        font-size: 17px;
    }

    .teacher_profile_tabs li {
        padding: 0 2px;
    }

    .teacher_profile_tabs {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

        .teacher_profile_tabs li {
            padding: 5px 2px 6px 2px !important;
        }

    .my_hub {
        max-width: 120px;
        padding: 4px 0 4px 10px;
    }

    .slick-prev {
        left: -30px;
    }

    .slick-next {
        right: -30px;
    }


    .slick-prev, .slick-next {
        top: 100px;
    }


    .grey_bg {
        overflow: auto;
    }

    .da-thumbs .da-slide {
        height: 236px;
    }

        .da-thumbs .da-slide a {
            height: 200px;
        }

    .studentboxdiv {
        margin-top: 80px;
    }

    .left_slider_arrow {
        top: 0%;
    }

    .right_slider_arrow {
        top: 0%;
    }

    .carousel-control {
        padding-top: 10%;
    }

    .lrn-assess .slides-control {
        height: 50vh !important;
    }

    #LeanosityModal .modal-dialog {
        width: 90% !important;
    }
}

@media screen and (max-width: 991px) {
    .filter-list-forMobile {
        width: 98%;
        max-height: 460px;
        min-height: inherit;
        border-bottom: 1px solid #000;
    }

    .scrollbar-inner > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

    .AnalyticsCurrScroll .Book-res-highlight::after {
        display: none;
    }

    .AnalyticsCurrScroll.scrollbar-inner .scroll-element .scroll-element_track {
        background-color: rgba(115, 115, 115, 0.3);
    }

    .AnalyticsCurrScroll .scrollbar-inner .scroll-element .scroll-bar {
        background-color: #777;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 992px) {
    .pad_left {
        padding-left: 70px !important;
    }

    .width50 {
        width: 50% !important;
    }

    .left_slider_arrow {
        top: 0%;
    }

    .right_slider_arrow {
        top: 0%;
    }

    #lessonslides .carousel-control {
        padding-top: 0;
    }

    .carousel-control {
        padding-top: 14%;
    }

    #knowCurriculum .modal-dialog {
        width: 95% !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .core_tab_inner_container h1 {
        padding: 20px 0 28px 0;
    }

    .col-lg-10.filter-menu-r, .filter-menu-r {
        padding: 0;
        border-top: 2px solid #fff;
        margin-top: 36px;
    }

    .bookTabHeight {
        min-height: 550px !important;
    }

    .core_tab_inner_container .links {
        margin: 0 0 20px 0;
    }

    .core_text_div p {
        margin-bottom: 20px;
    }

    ul.count_list {
        margin-bottom: 20px;
    }

    .mt80 {
        margin-top: 40px;
    }

    .ngss_para {
        margin-bottom: 40px;
    }

    .tab_inner_container {
        width: 100%;
    }

    .lessonplanpdf h1 {
        font-size: 22px !important;
    }

    .height150 {
        height: 115px !important;
    }

    .mb30 {
        margin-bottom: 40px;
    }

    .mb10 {
        margin-bottom: 0px !important;
    }

    .cl1, .cl2, .cl3 {
        padding: 5px 5px;
        margin-top: 5px;
    }

    .mid_section h1 {
        font-size: 24px !important;
    }

    .page-title {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .slimScrollDiv .bottom_section {
        height: 160px !important;
    }

    .differentiated_height .scrollbar-inner {
        max-height: 490px !important;
    }

    .min_height680 {
        height: 490px;
    }

    .page-small-title {
        font-size: 24px;
        line-height: 28px;
    }

    .remove_div {
        bottom: 90px;
    }

    .share_icon, .google_icon, .scissor_icon {
        height: 50px;
        width: 50px;
    }

    .bookTabHeight .differentiated_height .scrollbar-inner {
        max-height: 460px !important;
    }

    .bookTabHeight .min_height680 {
        height: 460px !important;
    }

    .mt_50 {
        margin-top: 10px;
    }

    .core_tab_inner_container .book-disc {
        margin-bottom: 0px;
    }

    .book-disc .slimScrollDiv p {
        height: 95px !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .main-outer, .slimScrollDiv {
        max-width: 100%;
        height: 100% !important;
    }


    .da-thumbs li {
        width: 30.5%;
        margin: 17px 4%;
        height: 201px;
    }

    .assignment-list ul li {
        width: 100% !important;
        margin: auto !important;
        height: auto !important;
    }

    .da-thumbs li:nth-child(n) {
        margin-left: 0;
        margin-right: 4%;
    }

    .da-thumbs li:nth-child(3n) {
        margin-right: 0;
    }

    .chetas-world {
        background-size: cover !important;
    }

    /*.slick-prev, .slick-next, .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
		width: 30px;
		background-size: 90%;
		z-index: 9;
	}*/

    .background-img:after {
        height: 66%;
        bottom: inherit;
        top: 0;
    }

    .book-disc {
        height: auto;
    }


    .da-thumbs .da-slide {
        /*height: 290px;*/
    }

    .search_button span {
        /*display: none;*/
        font-size: 14px;
        height: 29px;
        line-height: 29px;
    }

    .user {
        height: 50px !important;
        width: 50px !important;
        border: 2px solid #fff;
    }

    .table-fill {
        min-width: 100%;
    }



    .sb-search {
        height: 29px;
    }

    .sb-search-input {
        height: 29px;
        padding: 5px 25px 5px 5px;
        font-size: 14px;
    }

    .search_button {
        padding: 4px 0px 3px 0px;
    }
}

@media only screen and (max-width: 1280px) and (min-width: 768px) {
    .da-thumbs .da-slide a {
        height: 190px;
    }

    .da-thumbs .da-slide {
        height: 225px;
    }

    .studentboxdiv {
        margin-top: 80px;
    }

    .slick-prev, .slick-next {
        top: 90px;
    }

    .logodiv-dyna {
        height: 190px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 1025px) {
    #knowCurriculum .modal-dialog {
        width: 94% !important;
    }
}

@media only screen and (max-width: 1479px) and (min-width: 1281px) {
    .da-thumbs .da-slide a {
        height: 210px;
    }

    .studentboxdiv {
        margin-top: 90px;
    }

    .da-thumbs .da-slide {
        height: 246px;
    }

    .slick-prev, .slick-next {
        top: 110px;
    }

    .logodiv-dyna {
        height: 210px;
    }
}

@media only screen and (max-width: 1780px) and (min-width: 1480px) {
    .da-thumbs .da-slide a {
        height: 200px;
    }

    .da-thumbs .da-slide {
        /*height: 260px;*/
    }

    .slick-prev, .slick-next {
        top: 110px;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 991px) {
    .da-thumbs li {
        height: 260px;
    }

    .da-thumbs .da-slide {
        height: 225px;
    }

    .search_button span {
        display: none;
    }

    .user {
        height: 60px !important;
        width: 60px !important;
    }

    .main_tabs li {
        padding: 9px 5px;
    }

        .main_tabs li a {
            font-size: 14px !important;
            padding: 0 3px !important;
        }

    .sb-icon-search:before {
        font-size: 20px;
        margin: auto;
    }

    .dg_res a {
        font-size: 14px;
        padding-left: 10px;
        margin: 8px 0;
    }

    .sb-icon-search {
        margin-top: 0px;
    }

    .teacher_profile_tabs li a {
        font-size: 14px !important;
    }

    .my_hub {
        font-size: 20px;
        padding: 4px;
    }

    .search_button span {
        display: block;
    }

    .search_button {
        padding-left: 10px;
        margin-top: 0px;
        overflow: hidden;
    }

    .viewsCircle {
        width: 200px;
        height: 200px;
        padding-top: 40px;
        font-size: 60px;
    }

    .chartContainer {
        width: 200px;
        height: 200px;
    }

    .chart {
        width: 200px !important;
        height: 200px !important;
        line-height: 200px !important;
        font-size: 60px;
    }

        .chart canvas {
            width: 200px !important;
            height: 200px !important;
        }
}

@media only screen and (max-width: 1170px) and (min-width: 1025px) {
    .background-img:after {
        height: 100%;
    }

    .background-img img {
        width: 120%;
    }

    .book-disc {
        height: auto;
    }

    .user {
        height: 60px;
        width: 60px;
    }

    .main_tabs li {
        padding: 0 5px;
    }

        .main_tabs li a {
            font-size: 14px !important;
            padding: 0 5px;
        }

    .dg_res a {
        font-size: 14px;
    }

    .analyticTab {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1171px) {
    .background-img:after {
        height: 100%;
    }

    .background-img img {
        width: 120%;
    }

    .book-disc {
        height: auto;
    }

    .user {
        height: 60px;
        width: 60px;
    }

    .main_tabs li {
        padding: 12px 3px 13px 3px;
    }

        .main_tabs li a {
            font-size: 14px !important;
        }


    .sb-icon-search:before {
        font-size: 24px;
    }

    .sb-icon-search font {
        font-size: 24px;
    }

    .dg_res a {
        font-size: 14px;
    }


    .sb-search-input {
        height: 20px;
    }

    .sb-search {
        height: 20px;
    }
}

@media only screen and (max-width: 1480px) and (min-width: 1280px) {

    .sb-search-input {
        height: 30px;
        font-size: 15px;
    }

    .sb-icon-search:before {
        margin: 0px 0 0 4px;
    }

    .sb-icon-search font {
        line-height: 28px;
    }

    .sb-search {
        height: 30px;
    }

    .openBox {
        font-size: 20px;
        line-height: 21px;
        height: 52px;
    }

    .dg_res {
        padding-left: 2px;
    }

    .main_tabs li a {
        font-size: 14px !important;
    }

    .main_tabs li {
        padding: 12px 2px;
    }

    .fixed_side_div {
        min-width: auto;
    }

    .title {
        font-size: 20px;
    }

    .dg_res a {
        font-size: 14px !important;
        padding: 0px 5px 0px 5px;
        margin: 12px 0 12px 0;
    }

    .analyticTab {
        font-size: 14px !important;
        padding: 0px 5px 0px 5px;
        margin: 12px 0 12px 0;
    }

    .menu-icon img {
        width: 29px;
    }

    .my_hub {
        font-size: 26px;
        padding: 4px 10px;
    }

    .teacher_profile_tabs {
        margin-top: 0px;
    }

        .teacher_profile_tabs li {
            padding: 12px 10px;
        }
}

@media only screen and (max-width: 2178px) and (min-width: 1921px) {
    .check_div.highschool {
        height: 334px;
    }

    .check_div.theme1 {
        height: 334px;
    }

    .check_div.k2-2015-04-03 {
        height: 218px;
    }
}

@media only screen and (max-width: 2560px) and (min-width: 2179px) {
    .check_div.highschool {
        height: 374px;
    }

    .check_div.theme1 {
        height: 374px;
    }

    .check_div.k2-2015-04-03 {
        height: 248px;
    }
}

@media (min-width: 2561px) {
    .check_div.highschool {
        height: 450px;
    }

    .check_div.theme1 {
        height: 450px;
    }

    .check_div.k2-2015-04-03 {
        height: 300px;
    }
}

@media only screen and (max-width: 2880px) and (min-width: 1600px) {
    .modal-body video {
        height: 88vh;
    }
}


@media screen and (max-width: 3200px) {
    .modal-body video {
        height: 73vh;
    }
}

@media only screen and (max-width: 5120px) and (min-width: 3840) {
    .modal-body video {
        height: 88vh;
    }
}

@media screen and (max-width: 1700px) {
    .filter-menu-r {
        padding-left: 160px;
    }

    .main_tabs li a {
        font-size: 16px;
    }

    .dg_res a {
        font-size: 16px;
    }

    .analyticTab {
        font-size: 16px;
    }
}

@media screen and (max-width: 1440px) {
    .viewCorrelationBtn {
        font-size: 14px;
    }

    #knowCurriculum .modal-title {
        padding-top: 20px;
    }

    .perforExpecCoreList .moduleBookBar h4 {
        font-size: 14px;
    }

    .coreHeads {
        font-size: 23px !important;
    }

    .subCoreList .moduleBookBar h4 {
        padding-right: 0;
    }

    .intHead {
        font-size: 23px;
    }

    .ViewSpan {
        font-size: 23px;
    }

    .usingLBX-tableheader .total {
        font-size: 23px;
    }

    #myVideo {
        height: 420px;
    }

    .listOfPoints li {
        font-size: 1.1vw;
    }

    ul.inner_subject_list {
        margin: 10px 0 0 10px;
    }

    .dragPlaceholder {
        width: 60%;
        right: 0;
    }

    .check_div.highschool {
        height: 210px;
    }

    #ModalSeeResult .modal-dialog {
        width: 90% !important;
    }

    .resultIframe {
        height: 90vh;
    }

    .className {
        margin: 0 0 5px 0;
    }

    #paceMode .greyPreviewBg .displayTbaleDiv {
        width: 100%;
        background: #4c4c4c;
    }

    .clasOverall {
        margin: 0 0 5px 0;
    }

    .resultTableLeft {
        min-height: 550px;
    }

    .tableDiv > .scroll-content {
        min-height: 550px;
    }

    #ListForDropResources li .addOERContent {
        height: 154px;
    }

    .newResourceHeight li .addOERContent .bottmLessonCreateBox {
        margin-top: 0px;
    }

    h1.newBottomHeader {
        position: relative;
    }

    .newListWidth li {
        width: 16.5% !important;
    }

    #drpdownTeacher .stdmenu-dropdown {
        top: 33px !important;
    }

    .profDevelopmentVideos li {
        width: 23%;
    }

    .leftPanleList .scrollbar-inner {
        max-height: 220px !important;
    }

    .dr_list2 li {
        width: 31%;
    }

    .ui-state-default .width50 {
        width: 310px !important;
        height: 154px;
    }

    .btn-2 {
        height: 154px;
    }

        .btn-2 ul li {
            width: 90px !important;
        }

    .ui-state-default .width50 .CoreLessonDiv {
        height: 100% !important;
    }

    .hover_div ul li a {
        height: 50px;
        width: 50px;
        padding: 12px 2px;
    }

    #ulLessonOrAssigment li {
        width: 20%;
    }

    .newResourceOpen {
        font-size: 16px !important;
    }

    .roster_discp {
        margin: 10px 0 0 20px;
        padding: 10px;
    }

    #linksList li {
        font-size: 20px;
    }

    #myContentModal .book_bg h3 {
        font-size: 32px;
    }

    .CurrCoreTable {
        overflow: auto;
    }

    .filter-menu-r {
        padding-left: 200px;
    }

    #MyContentDIV .slider .slick-arrow, #MyContentDIV .slider .da-slide {
        margin: 102px 0 64px 0;
    }

    .ChangeMode a {
        line-height: 15px !important;
    }

    .habitatButton {
        margin: 160px 0;
        height: 80px;
    }

    .ChangeMode {
        padding: 8px 8px !important;
    }

    .myLessonSlide {
        padding: 58px 15px 0 15px;
    }

    .empty_entries h2 {
        font-size: 30px;
    }

    .empty_entries a {
        font-size: 20px;
    }

    .empty_list span {
        font-size: 20px;
        line-height: 23px;
    }


    .searchClose {
        top: 5px;
    }

    .school-logo img {
        width: 160px;
    }

    .core_idea_tabs li a {
        line-height: 20px !important;
        border-radius: 20px !important;
        font-size: 20px;
    }

    .nav-tabs > li > a {
        font-size: 20px;
    }

    .remove_lesson {
        border-radius: 8px;
        font-size: 16px;
        width: 140px !important;
        line-height: 16px !important;
    }

    .remove_lesson_blue {
        border-radius: 8px;
        font-size: 16px;
        width: 140px !important;
        line-height: 16px !important;
    }

    .main_subject_lest li {
        font-size: 15px !important;
    }

    .teacher_profile_tabs li a {
        font-size: 16px !important;
    }

    .habitatButton a {
        font-size: 3.5em;
        height: 86px;
        line-height: 70px;
    }

    label.video_label {
        font-size: 16px;
    }

    .CurrCoreTableContainer .scroll-wrapper {
        max-height: 310px;
        padding-bottom: 20px !important;
    }

    .main_subject_lest_roster li {
        font-size: 15px;
    }

    ul.inner_subject_list li {
        font-size: 15px;
    }

    span.pd_bar_text {
        font-size: 13px;
    }

    .check_div.theme1 {
        height: 210px;
    }

    .check_div.k2-2015-04-03 {
        height: 154px;
    }

    /*.width50 .check_div.k2-2015-04-03 {
		height: 100% !important;
	}*/

    .CoreLessonDiv h1 {
        margin-top: 10px;
    }

    .CoreLessonDiv h2 {
        font-size: 20px !important;
    }

    .droppable .slick-slide {
        height: 154px !important;
    }

    .share_resources span {
        font-size: 18px !important;
        line-height: 20px;
    }

    .discription {
        padding-top: 0px;
    }

    .lessonplanpdf h1 {
        margin-bottom: 10px;
        font-size: 28px;
    }

    .share_resources {
        padding: 20px 20px 0 20px;
    }

        .share_resources a {
            width: 80px;
            line-height: 19px;
            font-size: 16px;
        }

    .edit_list span {
        font-size: 16px;
    }

    .teacher_profile .my_scroller .discription {
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .spread_icon span {
        font-size: 16px !important;
    }

    .lessonplanpdf .highschool > span {
        font-size: 20px;
    }

    .lessonplanpdf .download_lesson {
        width: 190px !important;
        margin-top: 10px;
        font-size: 16px;
    }

    .share_google_resources {
        margin: 20px 0 20px 0;
    }

        .share_google_resources span {
            font-size: 18px !important;
        }

    .CoreLessonDiv {
        height: 128px;
    }

    .check_icon {
        background-size: 50px;
    }

    .font_edit {
        line-height: 50px;
    }

    .scissor_icon_black, .plus_icon, .minus_icon, .reload_icon, .share_icon_black, .scissor_icon:hover, .share_icon:hover {
        height: 50px;
        width: 50px;
    }

    .width200 {
        width: 200px !important;
        height: 200px !important;
    }


    .core_tab_inner_container h1 {
        padding: 20px 0 18px 0;
    }

    .bookTabHeight {
        min-height: 520px !important;
    }

    .core_tab_inner_container .links {
        margin: 0 0 10px 0;
    }

    .core_text_div p {
        margin-bottom: 20px;
    }

    ul.count_list {
        margin-bottom: 20px;
    }

    .mt80 {
        margin-top: 20px;
    }

    .ngss_para {
        margin-bottom: 6px;
        font-size: 20px !important;
    }

    .tab_inner_container {
        width: 100%;
    }

    .lessonplanpdf h1 {
        font-size: 17px !important;
    }

    .multiple {
        height: 354px;
    }

    .height150 {
        height: 115px !important;
    }

    .mb30 {
        margin-bottom: 40px;
    }


    .cl1, .cl2, .cl3 {
        padding: 5px 5px;
        margin-top: 5px;
    }

        .cl1 h3, .cl2 h3, .cl3 h3, .cl4 h3, .cl0 h3 {
            font-size: 18px;
        }

    .mid_section h1 {
        font-size: 24px !important;
    }

    .main-outer, .slimScrollDiv {
        max-width: 100%;
        height: 100% !important;
    }


    .page-title {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .slimScrollDiv .bottom_section {
        height: 160px !important;
    }

    .differentiated_height .scrollbar-inner {
        max-height: 470px !important;
    }

    .min_height680 {
        height: 470px;
    }

    .page-small-title {
        font-size: 24px;
        line-height: 28px;
    }

    .remove_div {
        bottom: 85px;
    }

    .share_icon, .google_icon, .scissor_icon, .share_icon:hover, .google_icon:hover, .scissor_icon:hover {
        height: 50px;
        width: 50px;
    }

    .links ul li span {
        font-size: 18px;
        line-height: 28px;
    }

    .count_list2 li {
        font-size: 30px;
    }

    .count_list2 li {
        min-height: 90px;
    }

    .bookTabHeight .differentiated_height .scrollbar-inner {
        max-height: 430px !important;
    }

    .bookTabHeight .min_height680 {
        height: 430px !important;
    }

    .mt_50 {
        margin-top: 10px;
    }

    .core_tab_inner_container .book-disc {
        margin-bottom: 0px;
    }

    .book-disc .slimScrollDiv p {
        height: 85px !important;
        margin: 0;
    }

    ul.count_list2 {
        margin-bottom: 20px;
    }

    .white_border h4 {
        font-size: 14px;
        float: left;
        width: 100%;
        margin: 0;
        text-align: left;
        min-height: 28px;
        line-height: 22px;
    }

    .pd_bar {
        margin: 0 0 8px 0px !important;
    }

    .teacher_profile_list li {
        font-size: 15px;
    }

        .teacher_profile_list li span {
            font-size: 16px;
        }

    .pd_play_btn {
        height: 60px;
        width: 60px;
        top: 20%;
    }

    .js-daterange:after {
        width: 22px;
        height: 22px;
        margin-top: 2px;
    }

    .js-daterange {
        font-size: 14px;
        padding-top: 0;
    }

    .overall_assessment a {
        width: 25px;
        margin-right: 2px;
    }

    .overallTextwithIcon {
        width: calc(100% - 27px) !important;
        line-height: 23px;
    }

    .pie_chart_foot {
        font-size: 16px;
    }

    .pie_chart_head {
        font-size: 16px;
    }

    .headerDate {
        top: 1px;
        width: 100%;
        text-align: center;
    }

    #usingLBX .modal-title {
        padding-top: 20px;
    }
}

@media screen and (max-width: 1366px) {

    .check_div.highschool {
        height: 198px;
    }

    .check_div.theme1 {
        height: 198px;
    }

    .filter-menu-r {
        padding-left: 160px;
    }

    .check_div.k2-2015-04-03 {
        height: 132px;
    }

    .lessons {
        font-size: 15px;
    }

    .discription p {
        font-size: 17px;
    }
}

@media screen and (max-width: 1280px) {
    .viewCorrelationBtn {
        font-size: 12px;
    }
    .digResCls {
        padding-left: 125px;
    }
    .ml125 {
        padding-left: 125px !important;
    }
    .perforExpecCoreList .moduleBookBar h4 {
        padding-left: 110px;
    }

    .intModImg {
        margin: 0 30px 0 110px;
    }

    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
        min-width: 28px;
        width: 28px;
    }

    .moduleBookImageContainer {
        padding-left: 20px;
    }

    .moduleBookIcon {
        height: 40px;
        width: 40px;
    }

    .viewsCount {
        padding-top: 25px;
    }

    .toggleButton {
        padding-top: 25px;
    }

    .moduleBookText {
        width: calc(100% - 100px);
        padding-top: 25px;
    }

    .moduleBookIconText {
        width: calc(100% - 60px);
    }

    .moduleBookImage {
        height: 80px;
        width: 95px;
    }

    .moduleCoreImageContainer {
        padding-left: 20px;
    }

        .moduleCoreImageContainer .moduleBookText {
            width: calc(100% - 100px) !important;
        }

        .moduleCoreImageContainer .moduleBookImage {
            height: 100px !important;
            width: 100px !important;
            margin: 0;
        }

    .mid_section span {
        padding-bottom: 5px;
    }

    .check_div.highschool {
        height: 184px;
    }

    .min_height680 .mid_section h1 {
        margin: 5px 0 5px 0;
    }

    .top_section p {
        font-size: 13px !important;
    }

    .teacherTabHeading .teacher_tab_heading {
        font-size: 20px;
        padding: 10px 0 0 0;
    }

    .font35 {
        font-size: 28px !important;
    }

    .newListWidth li {
        width: 19.6% !important;
    }

    .menu-icon img {
        width: 25px;
        margin-right: 10px;
    }


    #ulLessonOrAssigment li {
        width: 25%;
    }

    .spread_icon img {
        width: 30px;
        height: 30px;
    }

    .sb-search-input {
        height: 30px;
        font-size: 15px;
    }

    .sb-icon-search:before {
        margin: 0px 0 0 4px;
    }

    .sb-icon-search font {
        line-height: 34px;
    }

    .sb-search {
        height: 30px;
    }

    .openBox {
        font-size: 16px;
        line-height: 18px;
        height: 46px;
        max-width: 120px;
        min-width: 100px;
    }

    .dg_res {
        padding-left: 2px;
    }

    .main_tabs li a {
        font-size: 14px !important;
    }

    .dg_res a, .analyticTab {
        font-size: 14px !important;
    }

    .main_tabs li {
        padding: 12px 2px;
    }

    .fixed_side_div {
        min-width: auto;
    }

    .title {
        font-size: 20px;
    }

    .dg_res a {
        margin: 12px 0 11px 0;
    }

    .analyticTab {
        margin: 12px 0 11px 0;
    }

    .teacher_profile_tabs {
        margin-top: 0px;
    }

        .teacher_profile_tabs li {
            padding: 12px 10px;
        }

    #myContentModal .book_bg h3 {
        font-size: 28px;
    }

    #linksList li {
        font-size: 18px;
    }

    #myContentModal .book_bg ul li a {
        font-size: 20px;
    }

    .my_hub {
        font-size: 26px;
        padding: 5px 10px 3px;
    }

    .analytics_school_heading {
        padding: 0px 0 0 20px;
    }

    .myLessonSlide {
        padding: 70px 15px 10px 15px;
    }

    #MyContentDIV .slider .slick-arrow, #MyContentDIV .slider .da-slide {
        margin: 124px 0 85px 0;
    }

    .analytics_school_heading h2 {
        font-size: 26px;
    }

    .analytics_school_logo img {
        width: 150px;
    }

    .list_margin .scroll-wrapper {
        height: 370px;
    }

    .list_margin2 .scroll-wrapper {
        height: 370px;
    }

    .height220 {
        height: 180px;
    }

    .filter-menu-r {
        padding-left: 180px;
    }

    .habitatButton {
        margin: 150px 0;
    }

    .white_border2 {
        margin: 10px 0 0 0;
    }

    .filter-menu-r {
        padding-left: 150px;
    }

    .check_div.theme1 {
        height: 184px;
    }

    .spread_icon span {
        padding-left: 2px;
        font-size: 14px !important;
    }

    .CurrCoreTableContainer .scroll-wrapper .CurrCoreTable {
        margin: 0 20px !important;
        padding: 0 !important;
    }

    .check_div.k2-2015-04-03 {
        height: 154px;
    }

    .width200 {
        width: 180px !important;
        height: 180px !important;
    }

    .mid_section h1 {
        font-size: 28px;
    }

    .CoreLessonDiv h1 {
        margin-bottom: 10px !important;
        font-size: 17px !important;
        margin-top: 10px;
    }

    .lessonplanpdf .download_lesson {
        font-size: 16px;
    }

    .nav-sidebar {
        width: 100%;
        position: relative;
        margin: 0;
    }

    .tab_width_70 {
        width: 100%;
    }

    .empty_entries {
        height: 390px;
    }

    .empty_list {
        height: 390px;
    }

    .tab_sidebar {
        height: 346px;
        width: 100%;
        margin: 0;
        overflow: auto;
    }

    .nav-sidebar li {
        width: 33% !important;
        float: left;
        padding: 0 0 0 5px;
    }

    .nav-sidebar ul li a {
        font-size: 14px;
    }

    span.bar_heading {
        font-size: 14px;
    }
}

@media screen and (max-width: 1279px) {
    .filter-menu-r {
        padding-left: 150px;
    }

    .col-lg-10.filter-menu-r, .filter-menu-r {
        padding: 0;
        border-top: 2px solid #fff;
        margin-top: 46px;
    }

    .interHeader {
        font-size: 27px;
        padding-left: 10px;
    }

    .usingLBX-tableheader .interHeader {
        padding-left: 10px;
    }

    .usingLBX-tableheader .total {
        padding-top: 5px;
    }

    .moduleViewPL50 {
        padding-left: 10px;
        text-align: left;
    }
}

@media screen and (max-width: 1180px) {

    .check_div.highschool {
        height: 162px;
    }

    .check_div.theme1 {
        height: 162px;
    }

    .check_div.k2-2015-04-03 {
        height: 108px;
    }

    .filter-menu-r {
        padding-left: 0px;
    }

    .analytics_menu {
        position: absolute;
        right: 0;
        top: -42px;
    }
}

@media screen and (max-width: 1024px) {
    .left_slider_arrow {
        height: 135px;
        width: 44px;
    }

    h2.intHead.coreHeads.pl50 {
        padding-left: 10px !important;
    }

    .pl50 {
        padding-left: 20px;
    }

    .moduleCoreImageContainer {
        padding-left: 0;
    }

    .viewsCountRight {
        width: 30%;
    }

    .usingLBX-tableheader .interHeader {
        width: 50%;
    }

    .usingLBX-tableheader .total {
        width: 30%;
    }

    .moduleBookImageContainer {
        width: 50%;
    }

    .viewsCount {
        width: 30%;
    }

    .lesson_box_main {
        min-width: 270px;
    }

    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
        min-width: 22px;
        width: 22px;
    }

    .listOfPoints li {
        font-size: 1.5vw;
    }

    .nextPrevText {
        display: none;
    }

    .slideLeft, .slideRight {
        background-size: 35%;
    }

    .newListWidth li {
        width: 24.8% !important;
    }

    .bottomBarTabs {
        width: 220px;
    }

    .bottomBarInnerDivLeft {
        width: 320px;
    }

    .bottomBarInnerDivRight {
        width: calc(100% - 320px);
    }

    .profDevelopmentVideos li {
        width: 31%;
    }


    .analyticTab {
        margin: 11px 0 8px 0;
        font-size: 14px;
    }

    .dr_list2 li span {
        font-size: 11px;
    }

    .ui-state-default .width50 {
        width: 270px !important;
        height: 154px;
    }

    #myContentModal .book_bg {
        background-size: 100%;
    }

    .dg_res a {
        margin: 8px 0 7px 0;
    }

    #ulLessonOrAssigment li {
        width: 33.33%;
    }

    .habitatButton {
        margin: 120px 0;
    }

    .currdata .content .demo > .scrollbar-inner {
        max-height: calc(100vh - 89px);
    }

    .teacherTabHeading .teacher_tab_heading {
        font-size: 22px;
        margin: 5px 0;
    }

    .roster_discp {
        margin: 10px 0 0 10px;
    }

        .roster_discp p {
            margin: 0 0 5px;
            font-size: 13px;
        }

    .roster_container {
        margin-bottom: 20px;
    }

    a.edit_entries_btn {
        font-size: 11px;
        padding: 0 4px;
        margin-left: 2px;
        line-height: 17px;
        margin-top: 2px;
    }

    .manage_SectionBooks {
        font-size: 11px;
        padding: 0 4px;
        margin-left: 0px;
        line-height: 17px;
        margin-top: 5px;
    }

    .logoutBtn {
        font-size: 11px;
        line-height: 17px;
        padding: 0 5px;
        margin-top: 2px;
        margin-bottom: 7px;
    }

    .my_hub {
        font-size: 23px;
        padding: 2px 10px;
    }

    .filter-menu-r {
        margin-top: 36px;
        padding-left: 0px;
    }

    .height220 {
        height: 140px;
    }

    label.video_label {
        font-size: 18px;
        line-height: 20px;
    }

    .checkUncheckDiv {
        width: 85%;
    }

    .multiple {
        height: 370px;
    }

    .checkUncheckDiv img {
        width: 40px;
    }

    .ChangeMode {
        padding: 3px 8px !important;
    }

    .searchClose {
        top: 3px;
        height: 23px;
        width: 23px;
        right: 5px;
    }

    .sb-icon-search font {
        font-size: 25px;
        line-height: 29px;
    }

    .green_bg .content .demo > .scrollbar-inner {
        max-height: calc(100vh - 88px);
    }

    .spread_icon img {
        width: 35px;
        height: 35px;
    }

    .mid_section {
        height: 120px;
    }

    .my_content_red {
        font-size: 16px;
        width: 145px;
        height: 45px;
    }

    .my_content {
        font-size: 16px;
        width: 145px;
        height: 45px;
    }

    .download_curriculam img {
        width: 40px;
        height: 40px;
    }

    .teacher_profile_tabs li a {
        font-size: 14px !important;
    }

    .sticky + div #ContainerforPartial {
        padding-top: 88px;
    }

    .my_hub_transparent_bg {
        height: 76px;
    }

    .title {
        font-size: 18px;
    }

    span.core_text {
        font-size: 18px;
    }

    span.pd_bar_text {
        font-size: 13px;
        padding: 0;
    }

    .teacher_profile_list li span {
        font-size: 15px;
    }

    .pd_bar {
        margin: 5px 0 0 0px;
    }

    #MyCoreLessonDIV {
        width: 100% !important;
    }

    .CurrCoreTableContainer .scroll-wrapper {
        height: 310px;
        padding-bottom: 20px !important;
    }

    .lrn_imagecloze_container {
        max-width: 300px !important;
    }

    .white_border h4 {
        width: 100%;
    }

    .selectedStudentList ul li {
        width: 50%;
    }

    .background-img video {
        width: auto;
        height: 100%;
    }

    .width200 {
        width: 180px !important;
        height: 180px !important;
    }

    #myContentModal .modal-dialog {
        max-width: 90%;
    }

    .text1 {
        font-size: 25px !important;
        line-height: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .text2 {
        font-size: 22px !important;
        margin-top: 0px !important;
    }

    .text3 {
        font-size: 20px !important;
    }

    .spread_icon span.singleLine {
        font-size: 15px;
    }

    .firefighterHeading img {
        max-width: 300px;
    }

    .select_digital_google_single {
        padding-top: 70px;
    }

    .select_digital_single {
        padding-top: 70px;
    }

    .share_resources {
        padding: 10px;
    }

        .share_resources span {
            font-size: 18px !important;
            line-height: 24px;
        }

    .share_google_resources span {
        font-size: 18px !important;
    }

    .share_google_resources {
        margin: 10px 0 10px 0;
        padding: 0 !important;
    }

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

    .habitatButton a {
        font-size: 3.5em;
        height: 80px;
        line-height: 61px;
    }



    .right_slider_arrow {
        height: 135px;
        width: 44px;
    }

    #lightbox .carousel-caption h3 {
        font-size: 15px;
    }

    .sb-search {
        min-width: 30px;
    }

    #lightbox .close {
        font-size: 30px !important;
        height: 30px !important;
        width: 30px !important;
    }

    .teacher_profile_tabs {
        margin-top: 0px;
    }

    .min_wid500 {
        min-width: 780px;
    }

    .teacher_profile_tabs li {
        padding: 8px 8px 7px 8px;
    }

    .tgl {
        font-size: 15px !important;
    }

    #lightbox .modal-title {
        font-size: 18px;
    }

    .modal-dialog {
        width: 80% !important;
    }

    .check_div.highschool {
        height: 200px;
    }

    .check_div.theme1 {
        height: 200px;
    }

    .check_div.k2-2015-04-03 {
        height: 134px;
    }

    .school-logo img {
        width: 140px;
    }

    ul.inner_subject_list li {
        font-size: 15px;
    }

    .white_border h4 {
        min-height: 24px;
        line-height: 20px;
    }

    .sub_list_head {
        min-height: 49px !important;
    }

    .analytics_school_heading h2 {
        font-size: 24px;
    }

    .analytics_school_heading h1 {
        font-size: 30px;
    }

    .analytics_school_logo img {
        width: 150px;
    }

    .js-daterange {
        padding-top: 0px;
        padding-bottom: 5px;
    }
}

@media screen and (max-width: 992px) {

    .check_div.highschool {
        height: 194px;
    }

    .check_div.theme1 {
        height: 194px;
    }

    .check_div.k2-2015-04-03 {
        height: 128px;
    }

    .dg_res {
        width: 100%;
        margin-top: 0;
        border-left: none;
        border-top: 2px solid #fff;
    }

    .my_hub {
        padding: 2px 10px 2px 10px;
    }

    .dg_res a {
        font-size: 15px;
        /* width: 100%; */
        border-left: none;
        margin: 5px 0;
        padding: 3px 10px 3px 15px;
    }
}

@media screen and (max-width: 768px) {

    #ModalSeeResult .modal-dialog {
        width: 95% !important;
    }

    .moduleCoreImageContainer .moduleBookText p {
        font-size: 14px;
    }

    .intHead {
        font-size: 20px;
    }

    .viewsCountRight {
        padding-top: 10px;
        font-size: 15px;
    }

    .ViewSpan {
        font-size: 20px;
    }

    .usingLBX-tableheader .total {
        font-size: 20px;
        padding-top: 3px !important;
    }

    .moduleBookText, .viewsCount {
        font-size: 15px;
    }

    .moduleBookIconText {
        font-size: 20px;
    }

    .toggleButton {
        font-size: 20px;
    }
    .digResCls {
        font-size: 17px;
    }

    .interHeaderLeftBorder {
        border-left: none;
    }

    #TourSlides .carousel-indicators li {
        height: 15px;
        width: 15px;
        margin: 0 2px;
    }

    .videoPoints h2 {
        font-size: 3vw;
    }

    #WebsiteTourCloseModal .close {
        width: 30px;
        height: 30px;
    }

    .listOfPoints li {
        font-size: 1.8vw;
    }

    #WebsiteTour .close {
        border: 1px solid #fff !important;
        height: 30px;
        width: 30px;
    }

    .tourSlideRight, .tourSlideLeft {
        background-size: 65%;
    }

    #TourSlides .carousel-inner {
        max-height: 600px;
    }

    .dragPlaceholder {
        font-size: 16px;
        text-align: right;
    }

    #lessonslides .carousel-control {
        padding-top: 0;
    }

    .resultTableWithScroll {
        width: calc(100% - 200px);
    }

    .check_div.highschool {
        height: 200px;
    }

    h1.newBottomHeader {
        float: left;
        text-align: left;
        padding: 0px 0 20px 20px;
        margin: 0;
    }

    .newListWidth li {
        width: 33% !important;
    }

    .profDevelopmentVideos li {
        width: 48%;
    }

    #ulLessonOrAssigment li {
        width: 50%;
    }

    .leftPanleList .scrollbar-inner {
        max-height: 310px !important;
    }

    .sb-icon-search font {
        font-size: 23px;
        line-height: 32px;
    }

    .CurrCoreTableContainer .scroll-wrapper {
        max-height: 400px;
    }

    #MyContentDIV .slider .slick-arrow, #MyContentDIV .slider .da-slide {
        margin: 64px 0 25px 0;
    }

    .sb-icon-search:before {
        font-size: 23px;
        margin: 0;
    }

    .habitatButton {
        margin: 150px 0;
        height: 72px;
    }

    .lrn_imagecloze_container {
        max-width: 400px !important;
    }

    .currdata .content .demo > .scrollbar-inner {
        max-height: calc(100vh - 132px);
    }

    .col-lg-10.filter-menu-r, .filter-menu-r {
        margin-top: 36px;
    }

    .ChangeMode a {
        line-height: 12px !important;
        margin-top: 0 !important;
    }

    .core_tab_inner_container {
        padding-top: 50px;
    }

    .mt20 {
        margin-top: 20px;
    }

    .checkShow {
        width: 50%;
    }

    .green_bg .content .demo > .scrollbar-inner {
        max-height: calc(100vh - 129px);
    }

    .mcq .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block li {
        width: 50% !important;
    }

    .fl {
        float: left;
        width: 100%;
    }

    .habitatButton a {
        font-size: 3em;
        height: 72px;
        line-height: 56px;
    }

    .sub_list_head {
        min-height: unset !important;
    }

    .tab_sidebar {
        height: auto;
        margin: 0 0 30px 0;
    }

    .analytics_school_heading {
        padding: 15px 0 0 10px;
    }

    .js-daterange {
        padding-top: 3px;
        padding-bottom: 6px;
    }

    .white_border h4 {
        min-height: unset;
        padding-bottom: 5px;
        width: 100%;
        line-height: 22px;
    }

    a.edit_entries_btn {
        margin-top: 2px;
    }

    .logoutBtn {
        margin-top: 2px;
    }

    #myContentModal .book_bg ul li a {
        font-size: 20px;
    }

    #myContentModal .book_bg h3 {
        font-size: 24px;
    }

    #linksList li {
        font-size: 16px;
    }

    .listIconRight {
        margin-top: 0px;
    }

    .page-small-title {
        font-size: 20px;
    }

    .page-title {
        font-size: 22px;
        padding: 10px;
    }

    .ipad_padding {
        margin: 40px 0 20px 0;
    }

    .CoreLessonDiv {
        height: 140px;
    }

    .text1 {
        font-size: 20px !important;
        line-height: 24px;
        padding-top: 4px !important;
    }

    .text2 {
        font-size: 16px !important;
    }

    .text3 {
        font-size: 16px !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .logo_img {
        width: 200px !important;
        margin-top: 10px;
    }

    .input_div {
        margin-top: 0 !important;
    }

    #pgwModal .pm-body {
        width: 80% !important;
    }

    #main-quiz-holder {
        width: 100% !important;
    }

    .input_div input {
        width: 170px;
        height: 22px;
    }

    .blue_head {
        padding-top: 15px;
    }

    .input_div label {
        font-size: 14px;
    }

    .multiple {
        height: 360px;
    }


    .sticky + div #ContainerforPartial {
        padding-top: 129px;
    }

    .width200 {
        width: 160px !important;
        height: 160px !important;
    }

    .check_div.theme1 {
        height: 200px;
    }

    .check_div.k2-2015-04-03 {
        height: 134px;
    }

    .firefighterHeading {
        width: 60%;
    }

    .Ul_For_Activies > li > a {
        font-size: 18px !important;
    }

    .core_idea_tabs li {
        margin: 0 5px 0 5px;
    }

    .firefighterHeading img {
        width: 60%;
        margin: 10px 0 30px 10px;
    }

    .videoAnimation {
        top: 0%;
    }

    .background-img video {
        height: 100%;
        width: auto;
    }

    .ngss_para {
        margin-bottom: 50px;
        font-size: 17px !important;
    }

    .min_height680 {
        height: 550px;
    }

    .differentiated_height .scrollbar-inner {
        max-height: 550px !important;
    }

    .bookTabHeight {
        min-height: 600px !important;
    }

        .bookTabHeight .min_height680 {
            height: 540px !important;
        }

        .bookTabHeight .differentiated_height .scrollbar-inner {
            max-height: 540px !important;
        }

    #Ul_For_Activies0 {
        margin-bottom: 40px;
    }

    .cl1, .cl2, .cl3 {
        padding: 10px 5px;
        margin-top: 10px;
    }

    .check_icon {
        background-size: 50px;
        z-index: 9;
    }

    .slimScrollDiv .bottom_section {
        height: 230px !important;
    }

    .lesson_discription_close {
        margin-top: 0px;
    }

    .phone_landscape {
        width: 50% !important;
    }

    .inner_padding {
        padding: 20px 0;
    }
}

@media screen and (max-width: 767px) {
    .firefighterHeading img {
        width: 50%;
    }

    .PEprogress {
        margin-bottom: 20px;
    }
    .usingLBX-tableheader .total {
        width: 20%;
    }
    .viewsCountRight {
        width: 20%;
    }
    .interHeader {
        width: 70%;
    }
    .viewsCount {
        width: 20%;
        font-size: 14px !important;
    }
    .moduleBookImageContainer {
        width: 70%;
    }
    .subCoreList {
        display: inline;
    }

    .intModule {
        height: auto;
    }

    .perforExpecCoreList .moduleBookBar h4 {
        padding-left: 0;
    }

    .subCoreList .moduleBookBar h4 {
        padding-left: 0px !important;
        padding-bottom: 10px;
    }

    .intModImg {
        margin: 0 30px 10px 0px;
    }

    .AnalyticsCurrScroll .toggleButton {
        padding-top: 15px;
    }

    .moduleViewList2 {
        min-height: auto;
    }

    #myVideo {
        height: 330px;
    }

    .analytics_menu {
        position: relative;
        top: 0;
    }

    .sb-search form {
        width: 100%;
    }

    .book_title_logo img {
        width: 100%;
        margin: 50px 0;
    }

    .newListWidth li {
        width: 50% !important;
    }

    #myContentModal .book_bg h3 {
        padding: 10px 0;
    }

    #linksList {
        padding-bottom: 10px;
    }

    .habitatButton a {
        font-size: 2em;
    }

    #myContentModal .book_bg {
        background-size: 100%;
        background-position: 100% 101%;
    }

    .check_div.highschool {
        height: 366px;
    }

    .dg_res a {
        font-size: 13px;
        width: 100%;
        margin: 10px 0;
        padding: 1px 0 1px 0px;
        text-align: center;
    }

    .habitatButton {
        margin: 100px 0;
        height: 72px;
    }

    #CurrCoreTable0 {
        margin: 0;
    }

    .currTablePara {
        margin: 0;
    }

    .col-lg-10.filter-menu-r, .filter-menu-r {
        margin-top: 39px;
    }

    .sb-icon-search font {
        font-size: 22px;
        line-height: 33px;
    }

    .currdata .content .demo > .scrollbar-inner {
        max-height: unset;
    }

    .sb-icon-search:before {
        font-size: 24px;
        margin: 2px 0 0 0;
    }

    .check_div.theme1 {
        height: 366px;
    }

    .searchClose {
        top: 6px;
        height: 20px;
        width: 20px;
    }

    .student_progress {
        height: 20px;
    }

    .min_wid500 {
        min-width: 100% !important;
    }

    .innerPadding {
        margin: 0;
    }

    h4.curr_relation_table_header2 {
        margin: 0;
    }

    .CurrCoreTableContainer .scrollbar-inner > .scroll-element.scroll-x {
        width: calc(100% - 16px) !important;
        margin: 0 8px;
        height: 4px;
    }

    .CurrCoreTableContainer .scroll-wrapper {
        height: 360px;
        padding-bottom: 10px !important;
    }

    .CurrCoreTableContainer .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
        left: 0;
    }

    .CurrCoreTableContainer .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
        left: 0;
    }

    .CurrCoreTableContainer .scrollbar-inner > .scroll-element.scroll-y {
        width: 4px !important;
        right: 0;
    }

    .CurrCoreTableContainer .scroll-wrapper .CurrCoreTable {
        margin: 0 !important;
    }

    .sticky + div #ContainerforPartial {
        padding-top: 0;
    }

    .pad_left {
        float: left;
    }

    ul#Ul_For_Activies0 li {
        width: 43%;
    }

    .check_div.k2-2015-04-03 {
        height: 206px;
    }

    .CoreLessonDiv h1 {
        margin-top: 25px;
    }

    .firefighterHeading {
        width: 100%;
    }

    .slick-prev, .slick-next {
        top: 85px;
    }

    .dg_res {
        border-top: 2px solid #fff;
        width: 100%;
        border-left: none;
    }

    .mb_30 {
        width: 100%;
    }

    .teacher_profile .my_scroller .discription {
        margin-bottom: 0;
    }

    .pr10 {
        padding-right: 15px !important;
    }

    .pad_left2 {
        padding-left: 15px !important;
    }

    .logo_img {
        width: 80%;
        margin: 20px auto 0;
    }

    .input_div label {
        font-size: 12px;
    }

    .input_div input {
        width: 80%;
    }

    span.habitat_text {
        font-size: 14px;
        padding: 6px 0;
        width: 100%;
        float: left;
    }

    .blue_head {
        HEIGHT: auto;
        width: 100%;
    }

    .light_blue_head {
        position: relative;
    }

    .footer_right img {
        top: 0;
    }

    .footer_text {
        text-align: center;
    }

    .footer_logo_img {
        width: 40%;
        margin-left: 30%;
        margin-bottom: 10px;
    }


    .recall {
        height: 40px;
        width: 100%;
    }

        .recall p {
            transform: rotate(0deg);
            top: 5px;
            left: 10px;
        }

    .analyze {
        height: 40px;
        width: 100%;
    }

        .analyze p {
            transform: rotate(0deg);
            top: 5px;
            left: 10px;
        }

    .conceptualize {
        height: 40px;
        width: 100%;
    }

        .conceptualize p {
            transform: rotate(0deg);
            top: 9px;
            left: 10px;
        }

    .comprehend {
        height: 40px;
        width: 100%;
    }

        .comprehend p {
            transform: rotate(0deg);
            top: 9px;
            left: 10px;
        }


    .create {
        height: 40px;
        width: 100%;
    }

        .create p {
            transform: rotate(0deg);
            top: 5px;
            left: 10px;
        }

    .analysis {
        height: 40px;
        width: 100%;
    }

        .analysis p {
            transform: rotate(0deg);
            top: 5px;
            left: 10px;
        }

    .assess {
        height: 40px;
        width: 100%;
    }

        .assess p {
            transform: rotate(0deg);
            top: 5px;
            left: 10px;
        }

    .concepts {
        height: 40px;
        width: 100%;
    }

        .concepts p {
            transform: rotate(0deg);
            top: 5px;
            left: 10px;
        }

    .creating {
        height: 40px;
        width: 100%;
    }

        .creating p {
            transform: rotate(0deg);
            top: 5px;
            left: 10px;
        }

    .learnosityBydefault {
        height: 40px;
        width: 100%;
    }

    .menu_icon {
        display: block !important;
    }

    .sub_container {
        border-top: none;
    }

    .nav > li {
        width: 100%;
    }

    .core_idea_tabs li {
        width: 45% !important;
    }

    .Ul_for_themes li {
        width: 14% !important;
    }

    .sb-search {
        height: 32px;
        width: 98%;
    }

    .my_hub {
        font-size: 25px;
        width: 100%;
        max-width: 100% !important;
    }

    .search_button {
        border-radius: 0;
        padding: 4px 0px 4px 10px;
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
    }

    .fixed_side_div {
        position: relative;
        width: 100%;
        min-width: 130px;
        border-radius: 0;
    }

    .sb-search-input {
        width: calc(100% - 35px);
    }

    .border_left {
        border-left: none;
    }

    .filter-bar .nav-tabs > li > a {
        margin-bottom: 0;
    }

    .sub_container {
        display: none;
    }

    .teacher_profile_tabs li {
        width: 25% !important;
    }

    .sticky {
        position: relative;
    }

    .my_hub_transparent_bg {
        height: 250px !important;
    }

    .school-logo {
        text-align: center;
    }

    .teacherTabHeading {
        text-align: center !important;
    }

    .green_bg .content .demo > .scrollbar-inner {
        max-height: unset;
    }

    .Ul_For_Activies li {
        width: 30%;
    }

    .Ul_For_Activies > li > a {
        font-size: 17px !important;
        padding: 5px 0;
    }

    #knowCurriculum .modal-title {
        margin-top: 15px;
        line-height: 40px;
    }

    .moduleCoreImageContainer {
        padding-left: 5px;
    }

    .bookAnalyticsSection .scroll-content {
        height: 40vh !important;
    }
}

@media screen and (max-width: 480px) {
    #lightbox .modal-title {
        font-size: 12px;
    }

    #usingLBX .modal-title {
        font-size: 26px;
        padding-top: 40px !important;
    }

    .ViewSpan {
        padding-left: 0;
        font-size: 18px;
    }

    .usingLBX-tableheader .total {
        font-size: 18px;
    }

    .intHead {
        font-size: 18px;
    }

    .viewsCountRight {
        font-size: 12px;
    }

    .moduleBookIconText {
        font-size: 12px;
    }

    .toggleButton {
        padding-top: 15px;
    }

    .headerDate {
        top: 16px;
        width: 60%;
        left: 20%;
    }

    #knowCurriculum .modal-title {
        margin-top: 45px;
    }

    .moduleBookImage {
        height: 60px;
        width: 75px;
    }

    .moduleBookText, .viewsCount {
        font-size: 12px;
        padding-top: 5px;
    }

    #myVideo {
        height: 200px;
    }

    .core_tab_inner_container .book-disc2 {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .bookCenterDiv {
        width: 80%;
    }

    .anchor2 {
        width: 20%;
    }

    #TourSlides .carousel-inner {
        max-height: 400px;
    }

    #TourSlides .carousel-inner {
        max-height: 500px;
    }

    .newTabButtons {
        width: 100%;
    }

    .bottomTextSection {
        height: 60%;
    }

    .tourSlideRight, .tourSlideLeft {
        background-size: 75%;
    }

    .topVideoSection {
        height: 40%;
    }

    .videoPoints h2 {
        font-size: 5vw;
    }

    .listOfPoints li {
        font-size: 3vw;
    }

    #TourSlides .carousel-indicators li {
        height: 10px;
        width: 10px;
        margin: 0 5px;
    }

    .filter-bar .nav-tabs > li > a {
        margin-bottom: 10px;
    }

    .main_tabs {
        margin: 0 0 0 0;
    }

    .Ul_for_themes {
        margin: 10px 0 0 0;
    }

    .newOERbox {
        margin: 0 5% 30px;
    }

    .divTeachTechClose {
        height: 30px;
        width: 30px;
        font-size: 20px;
    }

    .techPanelGregbg .teacher_profile_close {
        height: 30px;
        width: 30px;
        font-size: 20px;
    }

    .list_margin2 .scrollbar-inner > .scroll-element.scroll-y {
        right: 0 !important;
    }

    .profDevelopmentVideos li {
        width: 100%;
    }

    span.pd_bar_text {
        padding: 0 0 10px 0;
        width: 100%;
        text-align: center;
    }

    .modal-content audio {
        left: 0px;
        width: 230px;
    }

    .tramsModal {
        width: 260px;
    }

    h1.newBottomHeader {
        padding: 0px 0 20px 20px;
    }

    .newTabButtonsBorder {
        border-left: none;
    }

    .newListWidth li {
        width: 100% !important;
    }

    .newTabButtons li {
        width: 100%;
        margin: 5px 0;
    }

    .createLessonDiv a {
        font-size: 14px;
    }

    .newTabButtons li a {
        width: 100%;
        text-align: center;
    }

    #ListForDropResources li {
        width: 100%;
        text-align: center;
    }

        #ListForDropResources li .addOERContent {
            margin: 0px auto 20px;
        }

    .fullWidth .scroll-element.scroll-y {
        right: 5px !important;
    }

    .LessonDropable .scroll-wrapper {
        height: 65% !important;
    }

    .LessonDropable > .scrollbar-inner > .scroll-element.scroll-y {
        right: 0px !important;
    }

    .ui-state-default .width50 {
        margin: 0;
    }

    .newLessonPlanInput {
        width: 240px;
    }

    .newListWidth {
        padding-top: 0px !important;
    }

    .newBottomHeader {
        padding: 0px 0 20px 15px;
        margin: 0;
    }

    .firefighterHeading img {
        width: 150px;
        margin: 5px 0 10px 5px;
    }

    .habitatButton a {
        font-size: 1.5em;
        height: 52px;
        line-height: 38px;
    }

    .Font30 {
        font-size: 22px !important;
    }

    .habitatButton {
        margin: 63px 0;
        height: 52px;
    }

    .borderLeft {
        border-left: none;
        border-top: 6px solid #fff;
    }

    .lrn_imagecloze_container {
        max-width: 300px !important;
    }

    .mcq .lrn_widget.lrn_mcq .lrn_response .lrn_mcqgroup-block li {
        width: 100% !important;
    }

    .text1 {
        font-size: 20px !important;
        text-align: center;
    }

    .modeList {
        border-top: 6px solid #fff;
        border-left: none;
    }

    .slick-prev, .slick-next {
        top: 100px;
    }

    #lightbox .close {
        font-size: 20px !important;
        height: 20px !important;
        width: 20px !important;
    }

    .selectedStudentList ul li {
        width: 100%;
    }

    .selectedStudentList ul {
        margin: 0px 10px 0 20px;
    }

    .roster_container {
        height: auto;
        margin-bottom: 20px;
    }

    .roster_discp {
        margin: 20px 0 0 0px;
    }

    .total_time_spend {
        margin: 0 -5px 20px 0px;
    }

    .phone_landscape {
        width: 100% !important;
    }

    .pad_left {
        margin-top: 30px;
    }

    .nav-sidebar li {
        padding: 0 !important;
    }

        .nav-sidebar li a {
            padding: 0 4px !important;
        }

    .cancelBtn {
        padding: 4px 4px !important;
    }

    .applyBtn {
        padding: 4px 5px !important;
    }

    .print_btn {
        left: 40%;
    }

    .white_border h4 {
        width: 100%;
    }

    .logoutBtn {
        font-size: 12px;
        margin-top: 5px;
    }

    .js-daterange {
        margin-bottom: 10px;
    }

    #lightbox .modal-content {
        border-radius: 10px;
    }

    ul#Ul_For_Activies0 li {
        width: 100%;
    }

    .mt80 {
        margin-top: 0px;
    }

    .my_content_red {
        margin-right: 0px;
    }

    .core_idea_tabs li {
        width: 95% !important;
    }

    .green_bg .content .demo > .scrollbar-inner {
        max-height: unset;
    }

    #myContentModal .book_bg h3 {
        font-size: 32px;
    }

    .download_curriculam {
        width: 60px;
    }

    .discription .tab-content {
        min-height: 500px;
        padding-top: 40px;
    }

    .my_hub_transparent_bg {
        height: 250px !important;
    }

    .main_tabs li {
        padding: 0 2px;
    }

    .width70 {
        max-width: 100% !important;
    }

    .border_left {
        border-top: none;
    }

    #ResourcesDetails {
        padding: 0 10px;
    }

    #myContentModal .book_bg ul li a {
        font-size: 18px;
    }

    #ResourcesDetails .lesson_discription_close {
        color: #000;
        right: -10px;
    }

    .teacher-center .one-time2 {
        margin: 0 5px;
    }

    #userNav {
        float: left;
        padding: 0;
        width: 100%;
    }

    .teacher_profile_tabs li {
        width: 100% !important;
    }

        .teacher_profile_tabs li a {
            font-size: 14px !important;
            margin-top: 3px;
            padding: 0 0px !important;
        }

    .my_scroller > .scroll-element.scroll-y {
        right: 0 !important;
    }

    .width70 .lesson_box {
        width: 80% !important;
        margin: 0 10% !important;
    }

    .sub_container {
        border-top: none;
    }

    .upload_label > span {
        width: 45%;
    }

    #MyCoreLessonDIV {
        width: 100% !important;
        margin-left: 0;
        margin-right: 0;
    }

    .modal-dialog {
        width: 93% !important;
    }

    .school-logo {
        text-align: center;
        margin: 0 auto;
        float: none;
    }

    .teacherTabHeading {
        text-align: center !important;
    }

    .spread_modal_close {
        position: absolute;
        z-index: 90;
        right: 5px;
        top: 5px;
    }

    .left_slider_arrow {
        height: 85px;
        width: 26px;
    }

    .right_slider_arrow {
        height: 85px;
        width: 26px;
    }

    .count_list2 li:first-child {
        width: 50%;
    }

    .count_list2 li:nth-child(2) {
        width: 50%;
        border-right: none;
    }

    .count_list2 li {
        width: 50%;
    }

        .count_list2 li:last-child {
            border: none;
            width: 50%;
        }

    #lightbox .carousel-caption h3 {
        font-size: 10px;
    }

    .sticky {
        position: relative;
    }

    .check_div.highschool {
        height: 264px;
    }

    .check_div.theme1 {
        height: 264px;
    }

    .check_div.k2-2015-04-03 {
        height: 176px;
    }

    .firefighterHeading span {
        font-size: 25px;
        line-height: 35px;
    }

    .checkShow {
        width: 100%;
    }

    .width200 {
        margin: 0 auto;
    }

    .discription .tab-pane .col-md-12, .discription .tab-pane .tab_inner_container {
        padding: 0 10px !important;
    }

    .core_tab_inner_container {
        padding-left: 0px;
    }

    .width200 {
        width: 200px !important;
        height: 200px !important;
    }

    .pad35 {
        padding: 0 0;
    }

    ul.count_list {
        width: 100%;
    }

    .count_list li span {
        font-size: 14px;
    }

    .footer_logo_img {
        width: 60%;
        margin-left: 20%;
        margin-bottom: 10px;
    }

    .core_text_div p {
        padding-right: 0;
    }

    .mid_section h1 {
        font-size: 28px;
    }

    .modalLeftIcons {
        left: 0;
        z-index: 999;
        padding: 0px 5px;
        top: 0;
        border-radius: 5px;
    }

    .carousel-caption {
        bottom: 0 !important;
        padding-bottom: 0 !important;
        left: 0 !important;
        width: 100%;
    }

    .page-title {
        padding: 0 0px;
    }

    .ngss_para {
        font-size: 14px !important;
        margin-bottom: 20px;
    }

    .page-small-title {
        font-size: 19px;
    }

    .width50 {
        padding: 0 !important;
        width: 90%;
        margin: 10px 5%;
    }

    .scrollbar-inner > .scroll-element.scroll-y {
        right: 16px;
    }

    #termsModal .scrollbar-inner > .scroll-element.scroll-y {
        right: 0 !important;
    }

    #termsModal .modal-content h2 {
        font-size: 18px;
    }

    #copyrightModal .modal-content h2 {
        font-size: 18px;
    }

    .modalLeftIcons li span {
        font-size: 11px;
    }

    .openpage_icon {
        height: 30px;
        width: 30px;
    }

    .share_icon_modal {
        height: 30px;
        width: 30px;
    }

    .google_icon_modal {
        height: 30px;
        width: 30px;
    }

    .sharemodal span {
        font-size: 12px;
    }

    .sub_container {
        display: none;
    }

    .menu_icon {
        display: block;
    }

    .nav > li {
        width: 100%;
    }

    .Ul_for_themes li {
        width: 14% !important;
    }

    .LessonDetailsForMyhub {
        padding: 0 0px 20px 0px;
    }

    .dg_res {
        border-top: 2px solid #fff;
        width: 100%;
        padding: 0;
    }

    .nav > li > a {
        padding: 5px 3px;
    }

    .dg_res a {
        width: 100%;
        text-align: center;
        font-size: 15px;
        padding-left: 0;
        border-left: none;
        margin: 0;
        padding: 2px 0;
        margin: 10px 0;
    }

    .border_left {
        padding-top: 5px !important;
        border-left: none;
    }

    .lesson_box {
        margin: 0;
        width: 100%;
    }

    .nav > li > a {
        padding: 0px 0px !important;
    }

    .sb-search {
        height: 32px;
        width: 98%;
    }

    .left_discription {
        margin-bottom: 30px !important;
    }

    .fixed_side_div {
        position: relative;
        width: 100%;
        min-width: 130px;
        border-radius: 0;
    }

    .my_hub {
        font-size: 25px;
        width: 100%;
        max-width: 100% !important;
    }

    .min_wid500 {
        min-width: 100%;
    }

    .page-title {
        font-size: 20px;
        line-height: 24px;
        padding-right: 0px;
    }

    .slimScrollDiv {
        padding-left: 0;
    }

    .links ul li span {
        font-size: 18px;
    }

    .lessons {
        font-size: 16px;
    }

    .GoogleMapsl {
        width: 100% !important;
    }

    .book-disc {
        width: 100%;
    }

    .discription p {
        font-size: 14px;
    }

    .page-small-title {
        font-size: 15px;
        line-height: 30px;
    }

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

    .tumbnail-outer {
        padding: 0 15px;
    }

    .slick-prev {
        left: -15px !important;
    }

    .slick-next {
        right: -15px !important;
    }

    .paddingLR20 {
        padding: 0px 0 !important;
    }

    .user {
        height: 50px !important;
        width: 50px !important;
        border: 1px solid #fff !important;
    }

    .openBox {
        font-size: 18px;
        line-height: 20px;
        width: 50%;
        height: 52px;
        left: 25%;
    }

    .my_content {
        font-size: 14px;
        width: 125px;
        margin-right: 10px;
        height: 45px;
    }

    .download_curriculam {
        margin: 0 0px 10px 0;
    }

        .download_curriculam img {
            margin-bottom: 5px;
            width: 40px;
            height: 40px;
        }


    .discription_close {
        right: 10px;
    }

        .discription_close i {
            margin-bottom: 3px;
        }

    .multiple {
        margin: 0 25px;
    }

    .one-time .slick-prev, .one-time .slick-next {
        width: 40px;
    }

    .links {
        width: 100%;
    }

    .nopadding {
        text-align: center;
    }

    .search_button {
        border-radius: 0;
        padding: 4px 0px 4px 10px;
        max-width: 100%;
        width: 100%;
        margin-bottom: 10px;
    }

    .sb-icon-search {
        font-size: 17px;
    }

    .download_curriculam_btn {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
    }

    #MyContentDIV {
        padding: 0 15px;
    }

    #MyLessonDIV {
        padding: 0;
    }

    .top_container {
        width: 100%;
        overflow: hidden;
    }

    .firefighterHeading {
        width: 100%;
    }
}

@media screen and (max-width: 425px) {
    .check_div.highschool {
        height: 226px;
    }

    .check_div.theme1 {
        height: 226px;
    }

    .check_div.k2-2015-04-03 {
        height: 150px;
    }
}

@media screen and (max-width: 375px) {

    .check_div.highschool {
        height: 194px;
    }

    #TourSlides .carousel-indicators li {
        margin: 0 2px;
    }

    .skipShowButon {
        margin: 40px 0 70px 0;
    }

    .skipNow {
        margin-bottom: 20px;
    }

    .check_div.theme1 {
        height: 194px;
    }

    .check_div.k2-2015-04-03 {
        height: 128px;
    }

    .width70 .lesson_box {
        width: 100% !important;
        margin: 0 !important;
    }
}

@media screen and (max-width: 320px) {

    .check_div.highschool {
        height: 154px;
    }

    .check_div.theme1 {
        height: 154px;
    }

    .check_div.k2-2015-04-03 {
        height: 104px;
    }

    .lessonplanpdf h1 {
        margin-top: 15px;
    }

    .lessonplanpdf .download_lesson {
        width: 188px !important;
        font-size: 16px;
    }
}

.captionforfirsthand {
    text-align: left;
    background: rgba(0,0,0,0.7);
    padding: 10px;
    border-radius: 5px;
    border: 3px solid #000000;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    float: left;
    position: absolute;
    width: 300px;
    top: 58px;
    z-index: 12;
    left: 10px;
}

#CoreLessonDetailshub {
    float: left;
    width: 100%;
}

.div_on_scroll {
    float: left;
    width: 100%;
    min-height: 550px;
    display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-lg-10.filter-menu-r, .filter-menu-r {
        padding: 0;
        border-top: 2px solid #fff;
    }

    .interHeaderLeftBorder {
        border-left: none;
    }

    .filter-menu-r .nav-tabs {
        padding: 8px 2px;
        border-top: 0px solid #fff;
        width: auto !important;
    }

    .filter-menu-r .main_tabs li {
        padding: 0 2px;
    }

    .filter-menu-r .nav > li > a {
        padding: 0px 6px;
    }

    .filter-menu-r .main_tabs li a {
        font-size: 13px !important;
    }

    .fixed_side_div {
        min-width: 110px;
    }

    .search_button, .sb-icon-search {
        margin-top: 0px;
        overflow: hidden;
    }

    .search_button {
        padding-left: 10px;
    }

    .my_hub_transparent_bg {
        height: 116px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .main_tabs li {
        padding: 8px 5px;
    }
}

.margin-b658 {
    margin-bottom: 658px;
}

.print_btn_download {
    margin-left: 5px;
}

.SpanDropCount {
    color: white;
    width: 200px;
}

.showforview {
    height: auto;
    overflow: auto;
}

.hideforview {
    height: 0;
    overflow: hidden;
    position: relative;
}

.assignment-list-completed {
    background: #5f6369 !important;
}

.formativeassessment {
    background: #a00022;
}

.selfassessment {
    background: #0e3892;
}

.summativeassessment {
    background: #65a100;
}

.quiz {
    background: #65a100 !important;
}

.quizkey {
    background: #65a100 !important;
}

.AnalyticsHyperLinkIcon .ShowLevelAssessment {
    cursor: pointer;
}