@keyframes blinker {
    50% {
        opacity: 0
    }
}

@keyframes beat {
    to {
        transform: scale(1.1)
    }
}

@font-face {
    font-family:"Rockwell";src:url(/assets/fonts/Rockwell.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Rockwell.woff) format("woff"),url(/assets/fonts/Rockwell.ttf) format("truetype"),url(//assets/fonts/Rockwell.svg#Rockwell) format("svg");font-weight:400;font-style:normal
}

body,html {
    margin: 0;
    padding: 0
}

body {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.report_sections .ql-container.ql-snow::-webkit-scrollbar,.report_sections::-webkit-scrollbar,body::-webkit-scrollbar {
    display: none
}

.student-main .report_goal_btns .modal-trigger.btn i,.vertical-align-middle {
    vertical-align: middle
}

.logged_out_bckgd {
    backdrop-filter: blur(8px);
    background-color: rgba(220,210,200,.5);
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 99999!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#modal1 {
    width: 75%!important;
    height: 80%!important
}

#history_modal,#notes_modal1 {
    width: 75%!important;
    height: 100%!important
}

.historical_enrollments {
    margin-top: 50px;
    border-radius: 10px
}

.historical_enrollments .empty_history {
    text-align: center;
    padding: 30px;
    font-family: Source Sans Pro;
    font-style: italic
}

#sub-categories .card .subcat-terms ul,.historical_enrollments .empty_history p {
    margin: 0
}

.historical_enrollment {
    background-image: linear-gradient(125deg,rgba(241,241,241,.7),rgba(255,243,224,.7))
}

.history-title {
    font-family: Rockwell;
    color: #dd6b1e
}

.history-container {
    padding-top: 50px
}

.parent-history-tabs.tabs .tab a:hover {
    background-color: rgb(221,107,30,.25);
    color: #dd6b1e
}

.parent-history-tabs.tabs .indicator {
    background-color: #dd6b1e
}

.parent-history-tabs.tabs .tab a {
    color: rgb(221,107,30,.75)
}

.user_switch label input[type=checkbox]:checked+.lever {
    background-color: #ff9800
}

.user_switch label input[type=checkbox]:checked+.lever:after {
    background-color: #fff
}

.bmftv_sharing {
    width: 60%!important;
    height: 100%!important;
    z-index: 10006!important
}

.bmftv_episode_sharing a {
    color: #dd6b1e
}

.bmftv_sharing_footer {
    height: 86px!important
}

.bmftv_sharing_footer a {
    margin: 20px!important
}

.bmftv_sharing .active .collapsible-header {
    font-weight: 800!important;
    color: #dd6b1e
}

#history_modal_mob {
    width: 85%!important;
    height: 100%!important
}

#confirm_overwritting,#confirm_resent_email {
    width: 30%!important;
    height: auto
}

#confirm_cancelling_lesson,#resource_file_not_found {
    width: 30%!important;
    height: 30%!important
}

#modal1,#notes_modal1 {
    color: #333;
    float: right
}

#confirm_cancelling_lesson .modal-close,#confirm_overwritting .modal-close,#confirm_resent_email .modal-close,#history_modal .modal-close,#history_modal_mob .modal-close,#modal1 .modal-close,#notes_modal1 .modal-close {
    width: 40px;
    height: 30px;
    color: #333;
    float: right
}

#history_modal_mob .modal-close {
    margin: -16px
}

#history_modal_mob.modal {
    max-height: 75%!important
}

.mb-0 {
    margin-bottom: 0
}

a.modal-close,a.modal-close:focus {
    background: 0 0
}

a.modal-link {
    color: #ef6c00
}

.padding-bottom-3 {
    padding-bottom: 3px
}

.bmf-orange {
    color: #dd6b1e
}

.sidenav {
    z-index: 9998
}

#attachments-slide-out.sidenav {
    z-index: 10005
}

.material-icons.bmforange {
    color: #dd6b1e!important
}

.material-icons.bmfgray {
    color: #414042!important
}

.material-icons {
    color: dim!important
}

.material-icons.active {
    color: #dd6b1e!important
}

.input-field input[type]:focus:not([readonly]),.input-field input[type]:not([readonly]),.input-field textarea:focus:not([readonly]),.input-field textarea:not([readonly]) {
    border-bottom: .5px solid #bcbcbc!important;
    box-shadow: 0 .5px 0 0 #bcbcbc
}

.input-field input[type]:focus:not([readonly])+label,.input-field textarea:focus:not([readonly])+label {
    color: #dd6b1e!important
}

.input-field input[type].invalid,.input-field input[type].invalid:focus,.input-field textarea.invalid,.input-field textarea.invalid:focus {
    border-bottom: 1px solid #e57373;
    box-shadow: 0 1px 0 0 #e57373
}

.input-field input[type].invalid:focus+label,.input-field input[type].invalid:focus~.helper-text::after,.input-field input[type].invalid~.helper-text::after,.input-field textarea.invalid:focus+label,.input-field textarea.invalid:focus~.helper-text::after,.input-field textarea.invalid~.helper-text::after {
    color: #e57373
}

.input-field input[type].valid,.input-field input[type].valid:focus,.input-field textarea.valid,.input-field textarea.valid:focus {
    border-bottom: 1px solid #dd6b1e!important;
    box-shadow: 0 1px 0 0 #dd6b1e!important
}

.input-field input[type].valid:focus+label,.input-field input[type].valid:focus~.helper-text::after,.input-field input[type].valid~.helper-text::after,.input-field textarea.valid:focus+label,.input-field textarea.valid:focus~.helper-text::after,.input-field textarea.valid~.helper-text::after {
    color: #dd6b1e!important
}

.nav .brand-logo {
    font-family: "Source Sans Pro",sans-serif
}

.checkbox-orange[type=checkbox].filled-in:disabled:checked+span:not(.lever):after {
    background-color: #dd6b1e!important;
    border-color: #ff8c00!important
}

[type=checkbox]:not(:checked):disabled+span:not(.lever):before {
    border: 2px solid #dd6b1e!important;
    background-color: #dd6b1e4a!important
}

label {
    color: rgba(0,0,0,.7)
}

#slide-out.sidenav .user-view>a {
    height: auto;
    padding: 10px 0;
    line-height: 1.3
}

#slide-out.sidenav .user-view {
    position: relative;
    padding: 32px 18px 0;
    margin-bottom: 8px
}

.preloader-background,.preloader-background_error {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(230,230,230,.85);
    position: fixed;
    z-index: 99999!important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.preloader-background p {
    padding-top: 120px;
    margin-left: -60px;
    opacity: .8
}

.blinking {
    animation: blinker 1.5s linear infinite
}

.pricing-title {
    color: #dd6b1e;
    font-weight: 600
}

.modal.bottom-sheet.about-teachers {
    height: 750px!important;
    max-height: 80%!important
}

div#category-buttons-desktop img {
    max-width: 245px
}

.bg_light_purple {
    background-color: #ede7f6
}

.btn_dark_res,.btn_dark_res:active,.btn_dark_res:focus,.btn_dark_res:hover {
    background-color: #424242;
    min-width: 200px;
    max-width: 250px;
    width: 100%;
    padding: 0 3px;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 17px;
    height: 70px;
    line-height: 74px
}

#record-list {
    border-radius: 0;
    overflow: hidden;
    margin-top: 25px
}

.resources_wrapper .card.orange.lighten-5 {
    margin-top: 50px
}

#record-list,#record-list li {
    border: 1px solid #e0e0e0
}

#record-list li:first-child {
    border-radius: 0
}

#record-list li:last-child {
    border-radius: 0
}

.res_list_title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.res-share-modal form label {
    display: block;
    margin: 5px 0;
    font-family: "Source Sans Pro",sans-serif
}

.res-share-modal form button.share_res_btn {
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 18px;
    background: #ff9c39;
    padding: 11px 22px;
    border-radius: 8px;
    font-weight: 400;
    margin: 18px 0 5px;
    cursor: pointer;
    transition: all .35s ease;
    box-shadow: 0 4px 13px 0 #0000004a
}

.res-share-modal form {
    margin: 15px 0;
    padding: 0
}

.res-share-modal {
    width: 100%!important;
    max-width: 770px;
    min-width: 550px
}

.res-share-modal a.btn {
    margin: 20px 0 10px 25px;
    background-color: #707070;
    transition: all .35s ease
}

.res-share-modal a.btn.active {
    background-color: #ef6c00;
    transition: all .35s ease
}

.res-share-modal a.btn i {
    vertical-align: middle;
    margin-right: 5px
}

.res-share-modal form button.share_res_btn i {
    vertical-align: middle;
    margin-left: 5px
}

.res-share-modal [type=checkbox].filled-in:checked+span:not(.lever):after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #dd6b1e;
    background-color: #dd6b1e;
    z-index: 0
}

a#schedule-back {
    visibility: hidden;
    color: #404142;
    cursor: pointer;
    margin: 15px 0;
    display: inline-block
}

#sub-categories .card {
    text-align: center;
    cursor: pointer;
    padding: 15px;
    border-radius: 15px;
    box-shadow: none;
    transition: all .35s ease
}

#sub-categories .card .subcat-terms li {
    opacity: 0;
    visibility: hidden;
    transition: all .35s ease
}

#sub-categories .card.active-card .subcat-terms li {
    opacity: 1;
    visibility: visible;
    transition: all .35s ease
}

#sub-categories .card .card-content {
    padding-top: 0;
    padding-bottom: 0
}

#sub-categories .card .subcat-terms li a {
    margin: 8px 0;
    max-width: 10rem;
    width: 100%;
    background-color: #ef6c00!important;
    border-radius: 2px;
    font-family: "Source Sans Pro",sans-serif;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.24)
}

#sub-categories .card img.card-icon {
    margin: 15px auto;
    width: 101px;
    height: 101px
}

#sub-categories .card.bg-dark-yellow {
    background: #fff3e0;
    color: #000
}

#sub-categories .card.bg-light-yellow {
    background: rgba(255,243,224,.25);
    color: #000
}

#sub-categories .col-instrument {
    position: relative;
    min-height: 300px
}

#sub-categories .col-instrument .ins_icon {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    z-index: -1;
    top: 95px
}

#sub-categories .col-instrument .ins_icon img {
    max-width: 125px;
    margin: auto;
    height: 100px
}

.sub_category_collection {
    display: none
}

.sub_cat_wrapper>.row {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    flex-wrap: wrap
}

.sub_cat_wrapper>.row>div.col_box {
    width: calc(100%/4)!important;
    padding: 0 5px
}

.camp-boxes>div .card .card-content img {
    max-width: 150px;
    height: 100%;
    width: 100%;
    transition: all .35s ease
}

.sub_cat_wrapper {
    display: none;
    border-radius: 25px
}

.sub_cat_wrapper .card .card-content .card-title,.sub_cat_wrapper .card .card-content p {
    font-size: 24px;
    font-weight: 700;
    font-family: "Source Sans Pro",sans-serif
}

.sub_cat_wrapper .card .card-content p {
    font-size: 18px;
    font-weight: 400
}

#res_pl>.row,#res_skills>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#res_pl>.row .col-instrument,#res_skills .col-instrument {
    width: calc(100%/5.2);
    margin: 0 3px
}

#res_skills .subcat-terms ul li>a {
    background: #1565c0
}

.camp-boxes>div .card.active-card .card-content img {
    max-width: 100px;
    height: 100%;
    width: 100%;
    transition: all .35s ease
}

.camp-boxes>div:first-child .card .card-content img,.camp-boxes>div:first-child .card.active-card .card-content img {
    transform: none;
    transition: all .35s ease
}

.camp-boxes>div:first-child .card.active-card {
    background-color: #ede7f6;
    transition: all .35s ease
}

.camp-boxes>div:nth-child(2) .card.active-card {
    background: rgba(255,243,224,.25);
    transition: all .35s ease
}

.camp-boxes>div:first-child .card.active-card .card-content {
    text-align: center;
    transition: all .35s ease
}

.camp-boxes>div:nth-child(2) .card.active-card .card-content {
    text-align: center;
    transition: all .35s ease
}

.camp-boxes>div:nth-child(2) .card .card-content img,.camp-boxes>div:nth-child(2) .card.active-card .card-content img {
    transform: none;
    transition: all .35s ease
}

.schedule_list,.scheduling-ul {
    width: 100%;
    overflow: hidden;
    border-radius: 25px
}

.schedule_list {
    border: 1px solid #909090;
    border-radius: 15px
}

.scheduling-ul ul#archived,.scheduling-ul ul#upcoming {
    border-radius: 25px;
    border: 1px solid #909090;
    overflow: hidden
}

.scheduling-ul li .left-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #707070;
    font-size: 22px;
    align-items: center;
    font-family: "Source Sans Pro",sans-serif;
    width: 100%
}

.tabs_text ul li,div#preview_report ul li {
    list-style: disc;
    display: list-item;
    border-bottom: none!important
}

.tabs_text ul,div#preview_report ul {
    padding-left: 40px!important
}

.parent_hmr_txt {
    background: #fff;
    padding: 15px 20px
}

.scheduling-ul .mail-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0
}

.multi-users {
    margin-left: 30px
}

.multi-users img {
    margin: 0 0 0 -18px!important;
    display: inline-block
}

.scheduling-ul .mail-info i {
    color: #8e8e8e;
    font-size: 30px;
    margin: 0 6px
}

.scheduling-ul li .mail-info a:first-child i {
    margin-left: 30px
}

.scheduling-ul li .left-list img {
    margin-left: 18px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 10px;
    overflow: hidden;
    border: 2px solid #ef6c00
}

.desktop_std_ver .scheduling-ul#student-wrapper li .left-list img {
    margin-left: 0
}

.scheduling-ul.schedule_list li .left-list img {
    margin-left: 12px
}

.scheduling-ul li .left-list a span.schedule_lesson_name,.student-main .scheduling-ul li .left-list a span {
    margin-left: auto;
    font-size: 18px
}

.report_checklist tbody tr:last-child,.scheduling-ul li:last-child,ul#record-list-report li:last-child .list_report_wrap {
    border-bottom: 0
}

.scheduling-ul li .left-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.band_name_left {
    padding-left: 0;
    margin-top: 1px
}

.pl_name_left {
    padding-left: 6px;
    margin-top: 0
}

.profile_sec_title {
    margin: 20px 0 0;
    font-weight: 800;
    color: #3a3a3a
}

.start_tour_btn {
    font-size: 9px;
    font-style: italic
}

#student-detail {
    border: 0;
    border-radius: 0
}

.schedule_tabs li.indicator,.student_detail {
    display: none
}

.schedule_tabs {
    margin-bottom: 25px
}

.schedule_tabs a i {
    font-size: 55px;
    color: gray;
    transition: all .35s ease
}

.schedule_tabs li:nth-child(2) a i {
    font-size: 45px;
    margin: 3px 7px 0
}

.schedule_tabs a,.schedule_tabs a.active,.schedule_tabs a.active:focus,.schedule_tabs a:active,.schedule_tabs a:focus,.schedule_tabs a:hover,.schedule_tabs li {
    background-color: transparent;
    background: 0 0!important;
    border-color: transparent!important;
    padding: 0!important;
    width: 62px!important
}

#upcoming_tabs li a,#upcoming_tabs li a.active,.form_box_wrapper .form_box_extras li a.active>i,.schedule_tabs a.active i {
    color: #ef6c00;
    transition: all .35s ease
}

#upcoming_tabs li a {
    width: 100%!important;
    font-size: 20px!important;
    color: #9c9c9c;
    padding: 0 10px!important;
    font-family: "Source Sans Pro",sans-serif
}

#upcoming_tabs li {
    width: auto!important
}

.list_wrapper {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    position: relative
}

.not_found.center-align {
    position: absolute;
    bottom: -30px;
    font-size: 18px;
    color: red
}

.list_wrapper a#schedule-back {
    margin: 30px 15px;
    font-size: 32px;
    display: inline-block
}

#archived li:not(:first-child) {
    padding: 8px 25px;
    background: #ededed;
    background-color: #ededed
}

#archived li:not(:nth-child(2n-1)) {
    padding: 8px 25px;
    background-color: #ededed4f
}

#archived li a.right-align {
    display: inline-block
}

#archived li:last-child a {
    color: #707070!important
}

.students-drpdwn {
    position: absolute!important;
    background-color: #f9f9f9;
    min-width: 200px!important;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.2);
    padding: 0;
    z-index: 1;
    right: 50px!important;
    top: 45px;
    margin-left: auto;
    border-radius: 0!important;
    border: 0!important;
    overflow: inherit;
    max-width: 250px!important
}

.dropdown-content li>span,.students-drpdwn li>a {
    font-size: 16px;
    color: #dd6b1e;
    display: block;
    line-height: 22px;
    padding: 14px 16px
}

ul.section.table-of-contents.left_fixed_menu {
    position: fixed;
    margin: 0;
    padding: 0;
    direction: rtl;
    transition: all .35s ease
}

.table-of-contents.left_fixed_menu a.active {
    font-weight: 400!important;
    transition: all .35s ease
}

ul.section.table-of-contents.left_fixed_menu li a {
    padding-right: 6px;
    font-size: 18px;
    transition: all .35s ease;
    font-family: "Helvetica Neue",sans-serif
}

ul.section.table-of-contents.left_fixed_menu li {
    font-size: 22px;
    color: #818181;
    padding: 5px 0;
    transition: all .35s ease
}

ul.section.table-of-contents.left_fixed_menu li a.active,ul.section.table-of-contents.left_fixed_menu li a:hover {
    color: #000;
    border-left: 0;
    border-right: 2px solid #ee6e73;
    transition: all .35s ease
}

#family-band {
    background: #6e9fbe;
    padding: 25px 50px
}

div.materials-container div.section {
    margin: 0 0 15px
}

div.materials-container .materials-menu,div.materials-container .materials-sections {
    margin-left: auto;
    left: auto;
    right: auto;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .75rem;
    min-height: 1px
}

div.materials-container .materials-menu {
    width: 20%;
    direction: rtl
}

div.materials-container .materials-sections {
    width: 80%
}

.sec-title {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    padding: 0 0 30px;
    font-family: "Rockwell"
}

.sec-content {
    background: #ffffffa8;
    padding: 10px 15px;
    border-radius: 20px
}

.sec-content p {
    font-size: 16px;
    line-height: 1.3;
    margin: 5px 0 15px;
    font-family: "Helvetica Neue",sans-serif
}

.sec-content strong {
    font-weight: 600
}

.sec-content ul {
    padding-left: 50px;
    margin: 25px 0 10px
}

.sec-content ul li {
    list-style: decimal
}

.m0 {
    margin: 0!important
}

.p0 {
    padding: 0!important
}

.mr-25 {
    margin-right: -25px
}

.step-2-content>img {
    max-width: 50px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -29px
}

form.family_form {
    margin: 4rem 0 0
}

form.family_form label {
    background: #ef6c00;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    color: #fff!important;
    font-size: 19px;
    max-width: 264px;
    height: 55px;
    width: 210px;
    text-align: center;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0 5px 14px 1px #00000033
}

.field-icon {
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    right: 24px;
    z-index: 1;
    top: 42px;
    width: 26px;
    height: 27px;
    opacity: 1;
    cursor: pointer
}

form.family_form input {
    background-color: #fff!important;
    background: #fff!important;
    opacity: 1;
    border-top-right-radius: 8px!important;
    border-bottom-right-radius: 8px!important;
    border: 0;
    padding-left: 20px!important;
    height: 55px!important;
    margin-bottom: 15px!important;
    box-shadow: 0 5px 14px 1px #00000033!important
}

.slide1_img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 15px
}

.owl-item a.teachable_login {
    position: absolute;
    top: 57%;
    right: 23%
}

.step2-wrapper>h5,.teach_login>a,form.family_form label {
    font-family: "Helvetica Neue",sans-serif
}

.owl-item a.teachable_login,.teach_login>a {
    background: #ef6c00;
    padding: 15px 25px;
    border-radius: 25px;
    color: #fff
}

.teach_login>a {
    margin: 15px;
    font-size: 19px;
    display: inline-block;
    box-shadow: 0 5px 14px 1px #00000033
}

.owl-carousel.materials-carousel {
    border-radius: 15px;
    margin: 15px 0 0
}

.materials-carousel .owl-stage-outer {
    border-radius: 15px
}

.owl-carousel.materials-carousel .owl-item {
    min-height: 1px;
    float: left;
    border-radius: 15px
}

#family_carousel .item_content,.report_goal_btns a.orange_bg_btn i {
    color: #fff
}

#family_carousel .item_content h2,#family_carousel .item_content p {
    margin: 4px 0;
    font-size: 35px!important;
    text-shadow: 2px 2px #50505066;
    font-family: "Rockwell"
}

.step2-wrapper>h5 {
    font-size: 18px;
    font-weight: 400;
    color: gray;
    margin-top: 14px
}

.step2-wrapper {
    padding: 10px 35px!important;
    margin: 0!important
}

.step2-wrapper .step-2 {
    border-radius: 6px;
    overflow: hidden;
    margin: 35px 0;
    box-shadow: 0 6px 27px 0 #00000014
}

.carousel_bg,.home_bg {
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat
}

.home_bg>img {
    width: 80%!important;
    margin: auto
}

.step2-wrapper .step-2 .step-2-content {
    padding: 35px 25px;
    position: relative
}

.step2-wrapper .step-2 .step-2-content h6 {
    font-size: 20px;
    color: #000;
    font-family: "Helvetica Neue",sans-serif
}

.step2-wrapper .step-2 .step-2-content a {
    font-size: 15px;
    color: #8f9da5;
    transition: all .35s ease;
    font-family: "Helvetica Neue",sans-serif
}

.step2-wrapper .step-2 .step-2-content a:hover {
    color: #000;
    transition: all .35s ease
}

#family_carousel .item_content p {
    margin: 10px 0;
    font-size: 20px!important
}

.carousel_bg {
    background-position: center;
    position: relative
}

.align-items-center,.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bg-white {
    background: #fff
}

.blur_loading {
    filter: blur(4px)
}

.materials-carousel .owl-dots {
    position: absolute;
    bottom: -35px;
    z-index: 11111;
    width: 100%;
    text-align: center
}

.materials-carousel .owl-dots button.active {
    background-color: #ef6c00!important
}

.materials-carousel .owl-dots button {
    background: #d9d9d9!important;
    margin: 0 11px;
    height: 13px;
    width: 13px;
    border-radius: 50%
}

.family-login form {
    padding: 18px 5rem
}

.family-login input[type=email],.family-login input[type=email]:active,.family-login input[type=email]:focus,.family-login input[type=password],.family-login input[type=password]:active,.family-login input[type=password]:focus {
    border-bottom: 0!important;
    border-radius: 6px!important;
    padding: 0 10px!important;
    box-shadow: none!important
}

.family-login input:active,.family-login input:focus {
    background: #fff8e7
}

.family-login input[type=email],.family-login input[type=password] {
    background: #f4f9fb
}

.family-login a.forgot_pass {
    display: block;
    text-align: center;
    margin: 35px 0;
    color: gray;
    text-decoration: underline
}

.family-login input[type=submit] {
    background: #ef6c00;
    border-radius: 50px;
    color: #fff;
    padding: 18px 30px;
    border: 0;
    font-size: 15px;
    margin: 20px auto;
    display: block;
    text-align: center;
    font-family: "Helvetica Neue",sans-serif
}

.family-login label {
    font-size: 16px;
    line-height: 2.3;
    text-align: left
}

.family-login input:-internal-autofill-selected {
    background: red;
    background-color: red!important
}

.attachment_invalid{
    background-color:red
}

#family-band .materials-carousel .carousel-fixed-item {
    color: #000;
    right: 14%!important;
    top: 25px!important;
    left: unset!important;
    bottom: unset!important
}

#music-games {
    background: #ebbd30;
    padding: 25px 50px
}

.app_download,a.download_game {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.app_download {
    position: absolute;
    bottom: 27px;
    left: 0;
    right: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.app_download.music2 {
    left: unset;
    right: 3rem;
    top: 16rem
}

.app_download.music3 {
    left: 1rem;
    right: unset;
    bottom: 14px
}

.app_download.music4 {
    padding: 0 25px;
    top: 0;
    bottom: unset
}

.app_download.music4 h4 {
    margin: 15px 0;
    line-height: 1.1
}

.app_download.music3 h4 span {
    background: #fff;
    border-radius: 4px;
    color: #000;
    font-size: 16px;
    padding: 4px 10px;
    font-weight: 600
}

.app_download h4,.app_download.music2 h4,.app_download.music3 h4,.app_download.music4 h4 {
    color: #fff;
    font-size: 25px
}

.app_download h4,.classes_wrapper .students_class>figure {
    margin: 0
}

a.download_game {
    background: #ef6c00;
    padding: 6px 6px 6px 15px;
    border-radius: 11px;
    display: inline-block;
    color: #fff;
    margin-left: 25px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: all .35s ease
}

a.download_game:hover {
    background: #fff;
    color: #ef6c00;
    transition: all .35s ease
}

.music-games-footer {
    padding: 44px 30px 0
}

.mobile_view .vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel>h6,.music-games-footer a,.row.family_contact .contact_email i,.student-main .student_detail_wrapper .student_profile li.class_detail p>a>i {
    color: #000
}

#music-games .carousel.materials-carousel,.other_form h5 {
    margin: 25px 0
}

a.download_game img {
    padding: 0 0 0 5px;
    margin-left: 6px;
    max-width: 38px
}

#club-keyboard {
    background-image: url(../images/materials/club-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 25px 50px
}

#club-keyboard .sec-title {
    padding-bottom: 0;
    padding-left: 15px
}

#club-keyboard:after {
    content: "";
    background: #6a3c94;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    width: 100%
}

.culb_btn a {
    padding: 15px;
    margin: 15px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#club-keyboard .sec-content {
    background: #6a3c94;
    color: #fff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

#guitar-book {
    background: #ff821c;
    padding: 25px 50px
}

#guitar-book .download_game {
    background: #4d4d4d;
    color: #fff;
    width: 100%;
    display: block;
    margin: 20px 0 5px;
    border: 2px solid #414141;
    padding: 10px 15px;
    max-width: 250px;
    text-align: center
}

#family-handbook {
    background-image: url(../images/materials/family-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 25px 50px;
    height: 90vh
}

#family-handbook .download_game {
    border: 2px solid #d35d0e;
    width: auto;
    max-width: 400px;
    margin: auto
}

.tap-target {
    font-size: .8rem
}

a#back-button {
    color: #414042
}

.step2_bg {
    background-position: center 0;
    background-repeat: no-repeat
}

.step2_bg_left {
    background: #29a59a
}

.step2_bg_left .item_content {
    position: absolute;
    bottom: 50px;
    left: 50px;
    right: 0;
    margin: 0!important;
    width: 75%
}

.student-main .scheduling-ul {
    border: 0;
    border-radius: 0;
    width: 100%!important
}

.student-main .scheduling-ul ul.main_ul {
    width: 100%;
    overflow: hidden;
    border: 1px solid #909090;
    border-radius: 5px;
    background: #fff;
    margin: 0
}

#student-back {
    cursor: pointer;
    margin: 15px 0;
    display: inline-block
}

#student-back i {
    color: #848484;
    font-size: 30px
}

.student-main .student_detail_wrapper#band-class-detail,.student-main .student_detail_wrapper#band-detail,.student-main .student_detail_wrapper#student-detail {
    border-radius: 8px
}

.student-main .student_profile li:first-child {
    background: #333
}

.student-main .student_detail_wrapper .student_profile li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 0;
    padding: 10px 20px;
    font-family: "Rockwell"
}

.student-main .student_detail_wrapper .student_profile li:first-child {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.student-main .student_detail_wrapper .student_profile li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    width: 100%;
    font-size: 26px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Rockwell"
}

.student-main .student_detail_wrapper .student_profile li a.share_student {
    display: inline;
    width: auto;
    margin: 9px 8px 0
}

.student-main .drive_wrapper {
    background: #f0f0f0;
    padding: 15px;
    border-radius: 8px;
    margin: 25px 0;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}

.student-main .drive_wrapper h5 {
    font-family: "Source Sans Pro",sans-serif;
    font-weight: 400
}

.student-main .profile_title {
    font-weight: 700;
    font-size: 26px;
    margin: 10px 10px 10px 0;
    font-family: "Rockwell"
}

.std_profile_title {
    padding-left: 10px
}

.student-img figure {
    margin: 0;
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 50%
}

.student-img>figure>img {
    width: 100px;
    height: 100px
}

.student-main .orange_bg_btn,.student-main .report_goal_btns .modal-trigger.btn {
    color: #fff;
    margin: 10px 5px;
    height: 40px;
    border-radius: 3px;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.16);
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.28;
    letter-spacing: normal;
    font-family: "Source Sans Pro",sans-serif
}

.student-main .orange_bg_btn {
    background: #ff9c39;
    padding: 7px 12px
}

.student-main .report_goal_btns .modal-trigger.btn {
    padding: 7px 10px;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    background-color: #2fc151;
    text-align: center
}

.student-main .report_goal_btns h6 {
    margin-right: 20px!important;
    font-family: "Source Sans Pro",sans-serif
}

.student-main .report_goal_btns h6 strong,.student-main .student-info .family_contact p,.student-main .student-info p {
    font-weight: 700;
    font-size: 20px;
    font-family: "Source Sans Pro",sans-serif
}

.student-main .orange_bg_btn i {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    margin-left: 6px
}

.student-main .student-info {
    background: #f0f0f0;
    padding: 15px;
    border-radius: 0 0 8px 8px;
    position: relative
}

.student-main .student-info>.row {
    margin-bottom: 0
}

.std_profile_wrapper {
    padding: 15px 0
}

.student-main .student-info p {
    margin: 0 0 6px;
    font-size: 22px;
    font-weight: 600
}

.student-main .student-info p>span {
    font-weight: 400!important;
    font-size: 19px
}

.student-main .student-info .family_contact p {
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal
}

.family_contact .contact_email .email_phone {
    display: block;
    position: absolute;
    right: 25px;
    top: -33px;
    padding: 10px
}

#help-video a i,.family_contact .contact_email .email_phone a i {
    font-size: 35px
}

.row.family_contact .contact_email .email_toggle {
    position: relative
}

.row .band_family_right .contact_email .email_toggle {
    position: absolute;
    float: right;
    right: 0
}

.row.family_contact .contact_email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.row.family_contact {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #d3d3d3;
    padding: 10px 2px;
    margin: 20px 2px 8px 0;
    box-shadow: none;
    width: auto
}

.pl-students {
    padding: 20px;
    border-radius: 20px;
    background: #fff3e0
}

.pl-students>h4 {
    margin: 8px;
    font-family: "Rockwell"
}

.pl-students .scheduling-ul {
    background: #fff
}

.occurence_locale {
    font-size: 10px;
    color: #7d7d7d;
    margin-left: 10px;
    margin-bottom: -10px;
    width: 100%
}

.messages_icon,.priority_icon {
    margin: -42px 0 0 7px
}

[type=checkbox]:checked+span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #dd6b1e;
    border-bottom: 2px solid #bf5610
}

.bands-students {
    padding: 10px;
    background: #fff3e0;
    margin: 25px 0;
    border-radius: 20px
}

.desktop_std_ver .bands-students h4,.desktop_std_ver .pl-students h4 {
    padding-left: 7px;
    margin: 0 0 10px;
    font-family: "Source Sans Pro",sans-serif
}

.desktop_std_ver .bands-students,.desktop_std_ver .pl-students {
    background: #cccccc8c;
    border-bottom: 1px solid #99999973;
    border-radius: 0;
    margin: 0 0 5px;
    padding: 12px
}

.desktop_std_ver .bands-students li a .multi-users {
    margin-left: 17px;
    margin-top: 10px;
    margin-bottom: 10px
}

.desktop_std_ver .class_sidenav .scheduling-ul li .left-list a {
    font-size: 16px;
    padding: 10px 15px
}

.dashboard .roster-row a.sub_students,.desktop_std_ver .class_sidenav .scheduling-ul li .left-list.sub_students a,.student_questionare .questionares_list ul li a:hover {
    background-color: #ef6c00;
    color: #fff
}

.desktop_std_ver .scheduling-ul li .left-list a span {
    font-size: 15px;
    font-family: "Source Sans Pro",sans-serif
}

.student_homerock>h4 {
    font-family: "Rockwell";
    font-weight: 600;
    font-size: 24px
}

.desktop_std_ver .student_homerock_wrap {
    background: #f0f0f0;
    padding: 10px;
    border-radius: 0 0 10px 10px;
    height: 35em
}

.bands-students>h4 {
    margin: 8px;
    font-family: "Rockwell"
}

.bands-students .scheduling-ul {
    background: #fff
}

.mdl-tabs__panel {
    display: none
}

.student_detail .vertical-mdl-tabs {
    margin-top: 5px;
    background: #fff3e0;
    padding: 15px;
    border-radius: 8px
}

.vertical-mdl-tabs .mdl-tabs__tab-bar {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: inherit;
    border-bottom: none
}

.vertical-mdl-tabs .mdl-tabs__tab {
    width: 100%;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    letter-spacing: 2px
}

.vertical-mdl-tabs .mdl-tabs__tab:hover {
    background: rgba(158,158,158,.34);
    color: #000
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active {
    background: #fff3e0
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active .mail_sent.active i,.vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active .tab_li_extra i,.vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active .tab_li_extra span svg path {
    color: orange;
    fill: orange
}

.yellow_icon-text {
    color: #f3e251
}

.green_icon-text {
    color: #2fc151
}

.grey_icon-text {
    color: #626262
}

.red_icon-text {
    color: #d92b2b
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active span i,.vertical-mdl-tabs.mdl-tabs.is-upgraded a.mdl-tabs__tab.is-active span i#desk_pl_material_ {
    color: orange!important
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
    content: inherit;
    height: 0
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
    padding: 0 20px
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel>h6 {
    font-size: 18px;
    margin-top: 10px!important;
    font-family: "Source Sans Pro",sans-serif
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel>p {
    font-size: 16px;
    font-family: "Source Sans Pro",sans-serif
}

.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel>h6>strong {
    font-weight: 700;
    font-family: "Source Sans Pro",sans-serif
}

.tab_li_extra {
    float: right;
    margin: 7px 0;
    height: 100%;
    display: inline-block
}

.email_sent {
    color: orange
}

.vertical-mdl-tabs.mdl-tabs .tab_li {
    width: 100%;
    border-bottom: 1px solid #ddd;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.student_homerock .mdl-tabs .left_tab a:hover,.vertical-mdl-tabs.mdl-tabs .tab_li:hover {
    background: #fef0e5
}

.vertical-mdl-tabs.mdl-tabs .mdl-tabs__tab {
    text-align: left
}

.text-center {
    text-align: center
}

.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: #e21549
}

.student_homerock .mdl-tabs .left_tab {
    background: #fff;
    border-radius: 5px;
    padding: 5px
}

.student_homerock .mdl-grid {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.student_homerock .mdl-grid .mdl-tabs__tab-bar.left_tab {
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    overflow-y: auto
}

#history_modal .student_homerock .mdl-grid .mdl-tabs__tab-bar.left_tab {
    max-height: 350px!important;
    min-height: 528px!important
}

.student_homerock .mdl-tabs .left_tab a {
    line-height: 35px;
    box-sizing: border-box;
    letter-spacing: 2px;
    width: 100%;
    color: #626262;
    padding: 0 10px
}

.report_tab_icon {
    font-size: 15px!important;
    margin-top: 15px
}

.student_homerock .report_sections a.attached_pdf i {
    margin-right: 10px
}

.student_homerock .report_sections .pdf_wrap,.student_homerock .report_sections a.attached_pdf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.student_homerock .report_sections a.attached_pdf {
    width: auto;
    padding: 10px 8px;
    vertical-align: middle;
    color: gray;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.student_homerock .report_sections .pdf_wrap {
    border-top: 1px solid #ccc;
    bottom: 0;
    position: sticky;
    background-color: #fff
}

.homerock_container {
    height: 80%
}

.homerock_section {
    height: 97%
}

div.tabs_text {
    min-height: 55px;
    height: 100%;
    padding: 10px 10px 0;
    font-family: "Source Sans Pro",sans-serif
}

.student-main .student_detail_wrapper .student_profile li.class_detail {
    background: #fff3e0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.student-main .student_detail_wrapper#band-class-detail .student_profile li.class_detail p {
    color: #000;
    font-size: 17px;
    margin: 0;
    padding: 5px 0
}

.student-main .student_detail_wrapper .student_profile li.class_detail p>a {
    display: inline-block;
    vertical-align: middle;
    width: auto
}

.swal-text {
    display: block;
    margin: 20px;
    text-align: center;
    color: #61534e
}

.swal-footer {
    background-color: #f5f8fa;
    margin-top: 32px;
    border-top: 1px solid #e9eef1;
    overflow: hidden;
    text-align: center
}

.swal-button--confirm,.swal-button--confirm button:focus,.swal-button--confirm button:hover {
    background-color: #dd6b1e!important
}

.swal-button--cancel,.swal-button--cancel button:focus,.swal-button--cancel button:hover {
    background-color: inherit!important
}

.save_attendance:hover,.swal-button--confirm {
    background-color: #dd6b1e
}

.report_goal_btns {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.report_goal_btns>a>i {
    vertical-align: middle;
    padding-left: 5px
}

.report_goal_btns,.report_goal_btns>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.report_goal_btns a#load-week-access-goal {
    background: #2fc151;
    height: 40px;
    line-height: 40px
}

.report_goal_btns a.orange_bg_btn {
    background: #ff9c39!important
}

.attendance_options {
    z-index: 1000;
    width: 630px;
    top: 0;
    height: auto
}

.attendance_options label {
    margin: 0 5px
}

.attendance_vert_divider {
    border-right: 1px solid #d3d3d3;
    height: 30px;
    width: 10px;
    margin-right: 10px;
    display: inline-block
}

.attendance_options [type=checkbox].filled-in:checked+span:not(.lever):after {
    border: 2px solid #ff9c39;
    background-color: #ef6c00
}

.attendance_options [type=radio].with-gap:checked+span:after,[type=radio].with-gap:checked+span:before,[type=radio]:checked+span:after {
    border: 2px solid #ff9c39
}

.attendance_options [type=radio].with-gap:checked+span:after,[type=radio]:checked+span:after {
    background-color: #ef6c00
}

.save_attendance {
    background-color: #ff9c39!important
}

.save_attendance:focus {
    background-color: #dd6b1e
}

.report_top_btn {
    padding: 15px 5px
}

.attendance_marked {
    border-style: solid;
    border-width: 2px
}

.attendance_marked .btn-flat.btn-flat[disabled] {
    color: #666!important;
    height: 34px!important
}

.report_saved.btn-flat.btn-flat[disabled] {
    color: #2fc151!important;
    height: 34px!important;
    border-style: none
}

.report_bottom_btns .edit_report .edit_report:hover .edit_report:focus {
    background-color: #333
}

.student_homerock_container {
    position: relative;
    height: 100%
}

.dates_container {
    height: 100%
}

.report_bottom_btns .send_report,.report_bottom_btns .send_report:hover {
    background-color: #ef6c00
}

.report_bottom_btns .preview_email,.report_bottom_btns .preview_email:hover {
    background-color: #ff9c39
}

.report_bottom_btns .import,.report_bottom_btns .import:hover {
    background-color: #333
}

.report_bottom_btns send_report:focus {
    background-color: #ef6c00
}

.report_bottom_btns preview_email:focus {
    background-color: #ff9c39
}

.report_bottom_btns .import:focus {
    background-color: #333
}

.report_sections {
    background-color: #fff;
    position: relative;
    overflow: scroll;
    padding: 0!important;
    height: 215px!important;
    border-radius: 0 0 5px 5px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.section_content {
    padding: 0!important;
    height: 200px!important
}

.report_sections p.tabs_text {
    min-height: 100px;
    height: 100%;
    padding: 10px;
    font-family: "Source Sans Pro",sans-serif
}

.report_sections .fixed-action-btn {
    position: sticky;
    z-index: 996!important
}

.fixed-action-btn.direction-right ul,.report_sections .fixed-action-btn.direction-left ul {
    right: 55px!important
}

.fixed-action-btn.direction-right ul li,.report_sections .fixed-action-btn.direction-left ul li {
    margin: -3px -10px 0 0;
    border-bottom: none
}

.report_sections .ql-container.ql-snow {
    border: 0!important
}

.report_sections .ql-container.ql-snow,.report_sections .ql-container.ql-snow .ql-editor {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.attachments_container::-webkit-scrollbar,.report_right_tabs .tabs::-webkit-scrollbar,.report_sections .ql-container.ql-snow .ql-editor::-webkit-scrollbar,.templates_sidenav::-webkit-scrollbar,.templates_tabs .tabs::-webkit-scrollbar {
    display: none
}

.edit_template_reportsection .ql-container.ql-snow {
    border: 0!important
}

.edit_template_reportsection .ql-toolbar,.report_sections .ql-toolbar {
    border-bottom: 1px solid #ccc!important;
    border-left: 0!important;
    border-right: 0!important;
    border-top: 0!important;
    position: -webkit-sticky;
    position: sticky!important;
    top: 0;
    z-index: 50;
    background-color: #fff
}

.ql-tooltip {
    left: 0!important
}

.report_right_tabs {
    background-color: transparent;
    flex: 0 0 100%
}

.report_right_tabs .tabs {
    background-color: #f0f0f0;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.student_homerock .report_right_tabs .tabs .tab a {
    color: #333;
    background-color: #f0f0f0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .28s ease,background-color .28s ease;
    transition: color .28s ease,background-color .28s ease
}

.student_homerock .report_right_tabs .tabs .tab a:hover {
    background-color: transparent;
    color: #ef6c00
}

.student_homerock .report_right_tabs .tabs .tab a.active {
    background-color: #fff;
    color: #dd6b1e;
    border-radius: 5px 5px 0 0
}

.student_homerock .report_right_tabs .tabs .indicator {
    background-color: #dd6b1e;
    padding: 0!important
}

.student_homerock_container .btn .btn-small:hover {
    box-shadow: 5px 10px 15px rgba(0,0,0,.5)
}

.student_homerock .students_attachments {
    display: flex
}

.students_attachments .attachments_nav {
    flex: 2;
    position: relative!important;
    padding-left: 10px
}

.attachments_container {
    height: 40px;
    background-color: #fff;
    display: block;
    padding: 10px 5px!important;
    border-radius: 5px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    width: auto;
    max-width: 86.5%;
    margin-top: 4px
}

.attachments_nav {
    position: absolute;
    right: 0;
    margin: 5px 0
}

.attachments_container {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.homerock_attachment {
    color: gray;
    padding: 5px;
    margin-right: 10px;
    border: solid 1px #d5d5d5;
    border-radius: 4px;
    height: 40px
}

.attachments_slide_left,.attachments_slide_right,.goal_attachments_slide_left,.goal_attachments_slide_right {
    position: sticky;
    right: 10px;
    top: 0;
    margin: auto 0;
    padding: 8px 20px 0 10px;
    height: 30px;
    width: 10px;
    line-height: 15px;
    background: #fff
}

.homerock_attachment .delete_attachment {
    font-size: 12px;
    padding-right: 5px
}

.homerock_attachment .add_attachment {
    font-size: 12px;
    padding-right: 5px
}

.homerock_attachment .attachment_type {
    font-size: 12px;
    padding: 0 5px
}

.report_bottom_btns {
    position: absolute;
    bottom: 0
}

.report_bottom_btns a {
    margin: 5px
}

.import_previous_scroll {
    max-height: 250px
}

.import_previous_section {
    left: 280px!important;
    width: 155px!important;
    top: -153px!important;
    height: 198px!important;
    opacity: .9!important
}

.import_previous_section li {
    border-bottom: 1px solid #909090!important;
    margin: 0!important
}

.import_previous_scroll li>a,.import_previous_section li>a {
    font-size: 15px;
    color: #333;
    display: block;
    line-height: 10px;
    padding: 15px
}

.file_preview {
    width: 800px;
    height: auto;
    z-index: 10007!important
}

.file_preview.modal-content {
    padding: 0
}

.edit_mytemplate {
    z-index: 10004!important;
    width: 54%;
    right: 33%
}

.bmf_resources {
    width: 800px;
    height: 550px!important;
    z-index: 10011!important
}

.bmftv_episode_sharing {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.attachments_sidenav .dropzone,.bmftv_sharing_icon {
    border-radius: 10px;
    padding: 5px 7px;
    margin-bottom: 15px
}

.bmf_resources h4,.bmftv_sharing_title {
    color: #dd6b1e;
    font-weight: 700
}

.templates_sidenav {
    width: 450px;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.attachments_sidenav {
    width: 450px
}

.attachments_sidenav .dropzone {
    min-height: 150px;
    border: 3px dashed rgba(0,0,0,.3);
    background: #fff;
    padding: 20px;
    margin-right: 30px
}

.bmfarcs_back_btn {
    padding-top: 30px;
    padding-bottom: 20px;
    color: #dd6b1e
}

.bmf_arcs_list {
    margin-top: 25px
}

.bmf_arcs_list .card.small {
    height: 240px
}

.bmf_arcs_list .card .card-title {
    font-size: 14px;
    font-weight: 600;
    margin: 15px;
    padding-top: 10px;
    color: #a7a7a7
}

.bmf_arcs_list .card .card-image {
    max-height: 100%;
    bottom: 0;
    position: absolute
}

.arc_category_select .select-wrapper input.select-dropdown:focus,.bmftv-category-select .select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #ef6c00
}

.arc_category_select [type=checkbox]:checked+span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #ef6c00;
    border-bottom: 2px solid #dd6b1e;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.arc_category_select [type=checkbox]+span:not(.lever):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #ef9a00;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: .2s;
    transition: .2s
}

.templates_btn {
    position: relative;
    top: -78px;
}

.templates_tabs,.templates_tabs .tabs {
    background-color: transparent
}

.parent_occur_listdeskt {
    min-height: 300px;
    max-height: 400px;
    overflow: scroll
}

.templates_tabs .tabs {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.templates_tabs .tabs .tab a {
    color: #333;
    background-color: transparent;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden
}

.templates_tabs .tabs .tab.disabled a {
    color: #888
}

.templates_tabs .tabs .tab.disabled a:hover {
    background-color: transparent;
    color: #888
}

.templates_tabs .tabs .tab.disabled a:focus {
    background-color: transparent;
    color: #888
}

.templates_tabs .tabs .tab a.active {
    background-color: transparent;
    color: #dd6b1e
}

.templates_tabs .tabs .indicator {
    background-color: #dd6b1e;
    display: none
}

.orig_category {
    padding-bottom: 30px
}

.template_edit {
    position: absolute;
    right: 30px
}

.template_header {
    position: relative
}

.template_header a,.template_header li.active a {
    color: #333
}

.my_template_category {
    right: 35px;
    position: absolute;
    cursor: pointer
}

.template_download {
    color: #46556b
}

.template_remove {
    position: absolute;
    right: 0
}

.bmf_template .collapsible-body,.orig_template .collapsible-body {
    padding: 15px
}

.bmf-templates_tab,.form-wrapper .band_date span {
    position: relative
}

.bmf-templates_tab .bmf-templates_tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 100000
}

.bmf-templates_tab:hover .bmf-templates_tooltiptext {
    visibility: visible
}

.bmf_arc_title {
    padding: 0 30px;
    font-weight: 700;
    color: #ef6d01;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.attachments_title,.template_category_title {
    padding-left: 10px;
    font-weight: 700;
    color: #ef6d01
}

.attachments_title {
    color: #a7a7a7
}

.attachments_sidenav li>a {
    padding: 10px 0!important
}

.bmf_resources {
    border-radius: 10px
}

.bmf_resources,.bmf_resources .modal-content,.bmf_resources .modal-footer {
    background-color: #fff3e0
}

.bmf_resources .tabs,.resources_tabs {
    background-color: #efefef
}

.bmf_resources .tabs .tab a {
    color: #dd6b1e;
    background-color: #efefef;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden
}

.bmf_resources .tabs .tab a:hover {
    background-color: #efefef;
    color: #dd6b1e;
    font-weight: 700
}

.bmf_resources .tabs .tab a.active,.tabs .tab a:focus {
    background-color: #efefef;
    color: #dd6b1e;
    border-radius: 0
}

.bmf_resources .tabs .indicator {
    background-color: #dd6b1e!important;
    padding: 0!important
}

.modal_bottom_btn {
    margin-left: 10px!important;
    margin-right: 10px!important
}

.resources_tbs_content {
    background-color: #fff;
    height: 350px;
    padding: 20px;
    overflow: scroll
}

.edit_template_reportsection {
    background-color: #fff;
    height: 200px;
    position: relative
}

.edit_template_reportsection .btn-floating {
    position: absolute;
    bottom: 20px;
    right: 20px
}

.edit_mytemplate {
    background-color: #f5f5f5;
    border-radius: 5px;
    height: 580px!important
}

.edit_template_header {
    margin-top: 25px!important;
    font-weight: 700;
    color: #dd6b1e
}

.edit_mycategories {
    z-index: 10005!important;
    width: 50%;
    right: 37%;
    background-color: #f5f5f5;
    height: 635px!important
}

.edit_mycategories .modal-footer a,.edit_mytemplate .modal-footer a,.sidenav-close:hover {
    background-color: transparent!important
}

.edit_mycategories .modal-footer a:hover,.edit_mytemplate .modal-footer a:hover {
    background-color: transparent!important;
    color: #dd6b1e!important
}

.tab_li_extra .cus_checkbox:hover input~.checkmark {
    background-color: #ccc
}

.tab_li_extra .cus_checkbox input:checked~.checkmark {
    background-color: gray;
    border: 2px solid gray;
    border-radius: 3px;
    padding-left: 0;
    height: 17px;
    width: 17px;
    top: -3px;
    left: -5px
}

.tab_li_extra .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.tab_li_extra .cus_checkbox input:checked~.checkmark:after,.tab_li_extra .cus_checkbox input:checked~.checkmark:before {
    display: block
}

.tab_li_extra .cus_checkbox .checkmark:before {
    display: none;
    top: -3px!important;
    left: -1px!important;
    width: 6px!important;
    height: 11px!important;
    border-top: 2px solid transparent!important;
    border-left: 2px solid transparent!important;
    border-right: 2px solid #fff!important;
    border-bottom: 2px solid #fff!important;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.tab_li_extra .cus_checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.assessment_modal {
    width: 35%;
    max-height: 100%;
    border-radius: 9px;
    background-color: #fff
}

#setting_modal_family {
    width: 100%;
    max-width: 830px
}

#setting_modal_family .datepicker-modal {
    width: 100%;
    text-align: center;
    max-width: 700px
}

.assessment_modal.setting-modal-teacher {
    width: 100%;
    max-width: 600px;
    top: 1%!important;
    max-height: 80%;
    border-radius: 10px;
    background-color: #fff;
    margin-top: 50px
}

.assessment_modal.setting-modal-teacher .btn,.assessment_modal.setting-modal-teacher h2,.assessment_modal.setting-modal-teacher h4,.assessment_modal.setting-modal-teacher input,.assessment_modal.setting-modal-teacher label,.assessment_modal.setting-modal-teacher textarea {
    font-family: "Source Sans Pro",sans-serif
}

.assessment_modal .assessment_emoji label.active i,.other_form h5 a,.res-share-modal.share_selected select,li.top-result h5.airtable-src-name {
    color: #ef6c00
}

.assessment_modal .assessment_emoji i {
    font-size: 75px;
    color: gray;
    margin: 0 10px;
    cursor: pointer
}

.assessment_modal .modal-close {
    position: absolute;
    right: 0;
    top: 14px
}

.assessment_modal .modal-close a:focus {
    background-color: transparent
}

.report-form .modal-close {
    width: 40px;
    height: 30px;
    color: #333;
    float: right
}

.report-form .modal-close i {
    font-size: 22px!important
}

.assessment_modal .modal-close>i {
    font-size: 25x
}

.assessment_modal input[type=submit] {
    margin: 28px auto 10px;
    text-align: center;
    width: 100%;
    background: #2fc151;
    color: #fff;
    display: block;
    cursor: pointer;
    padding: 7px;
    max-width: 117px;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 3px;
    border: 0
}

.assessment_modal .modal-close.cancel {
    background: red;
    color: #fff;
    position: unset;
    display: inline-block;
    border: 3px;
    height: 40px;
    width: 40px;
    border-radius: 10px
}

.assessment_modal input.submit_email[type=submit] {
    display: inline-block;
    height: 38px;
    width: 125px;
    margin: 0;
    border-radius: 4px
}

.band_family_wrapper,.email_send_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.email_send_btns {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin: 30px 0 10px
}

.band_chips .chip img {
    height: 50px;
    width: 50px
}

div#band_students.band_chips {
    margin: 20px 0
}

.band_students .main_ul .only_name .left-list .multi-users #student_name {
    padding-left: 30px;
    margin-top: -36px
}

.band_chips .chip {
    width: 100%;
    display: inline-block;
    height: 50px;
    font-size: 15px;
    font-weight: 500;
    color: rgba(0,0,0,.71);
    line-height: 50px;
    padding: 0 12px;
    border-radius: 25px;
    background-color: #fff;
    margin-bottom: 15px;
    margin-right: 5px;
    margin-left: -5px;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
}

.band_family_wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative
}

.band_family_wrapper .band_family_left_title h3 {
    margin: 0;
    font-size: 23px;
    line-height: 1.5;
    font-weight: 500;
    font-family: "Source Sans Pro",sans-serif
}

.band_family_wrapper .band_family_left_title {
    padding-right: 35px;
    padding-left: 15px;
    max-width: 250px;
    width: 100%
}

.band_family_wrapper .band_family_right {
    border-left: 1px solid #707070
}

.class_sidenav {
    border-right: 1px solid #ccc
}

.class_homerock_wrap {
    background: #fff3e0;
    padding: 10px;
    border-radius: 10px
}

.classes_desktop_ver .drive_wrapper {
    margin: 10px 0;
    border: 0
}

.classes_desktop_ver .student_profile .class_detail p {
    margin-bottom: 0;
    font-size: 18px;
    padding: 4px 0
}

.classes_desktop_ver .class_sidenav .classes_wrapper {
    height: 100vh;
    overflow-y: auto
}

.classes_main_tab figure img,.right_teacher_side figure.teach_img img {
    width: 100%;
    height: 100%
}

.classes_main_tab figure {
    max-width: 80px;
    width: 100%;
    height: 90px;
    margin: 0 5px
}

.class_sidenav .classes_wrapper .students_class {
    padding: 10px;
    border-radius: 0;
    margin: 0
}

.class_sidenav .classes_wrapper .students_class img.class_icon {
    max-width: 35px;
    width: 100%;
    margin-right: 15px
}

.class_sidenav .scheduling-ul ul.main_ul {
    padding: 0!important
}

.class_sidenav .scheduling-ul li .left-list a {
    display: block;
    font-size: 15px;
    height: 100%;
    line-height: 19px;
    text-transform: unset;
    padding: 10px;
    letter-spacing: .5px;
    transition: all .35s ease
}

.class_sidenav .scheduling-ul li a .multi-users {
    margin-left: 17px;
    margin-top: 10px
}

.class_sidenav .scheduling-ul li .left-list a>span {
    font-size: 15px
}

.class_sidenav .classes_wrapper .students_class .left-list img {
    border: 1px solid #ef6c00
}

.class_sidenav .scheduling-ul li {
    padding: 0;
    width: 100%
}

.class_sidenav .student-name {
    padding-left: 25px;
    font-size: 20px;
    font-weight: 500
}

.scheduling-ul .classses_back_btn {
    padding: 0 25px 25px 0
}

#student-back-desk,.scheduling-ul .classses_back_btn a {
    cursor: pointer
}

#student-back-desk i,.scheduling-ul .classses_back_btn i {
    font-size: 35px;
    color: #848484
}

.class_sidenav ul.main_ul a.current {
    background: #fff3e0;
    transition: all .35s ease
}

.tab-content {
    display: none;
    padding: 20px 30px
}

.tab-content.current {
    display: inherit
}

.tab-content .student_profile {
    overflow: hidden
}

.class_sidenav .scheduling-ul li .left-list a>h6.less_name {
    display: block;
    margin: 0;
    font-weight: 500;
    color: #333;
    font-size: 18px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: unset
}

.new_message_notification {
    position: relative;
    top: -20px
}

.new_message_icon {
    font-size: 16px!important
}

.new_message_collapse_header .new.badge {
    padding-bottom: 25px;
    margin-bottom: -10px
}

.reply_to_message {
    margin-top: -29px;
    margin-right: -10px
}

.classes_main_tab.mdl-tabs__panel {
    padding-left: 75px!important;
    padding-top: 0!important
}

.homerock_content .students_attachments .pdf_wrap {
    height: 40px;
    background-color: #fff;
    display: block;
    padding: 10px 5px!important;
    border-radius: 5px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    width: auto;
    min-width: 85%;
    max-width: 90%;
    margin-top: 4px;
    margin-bottom: 10px;
    flex: 1;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.homerock_content .students_attachments .pdf_wrap::-webkit-scrollbar {
    display: none
}

.homerock_content a,.training_container a {
    color: #dd6b1e
}

.classes_main_tab.mdl-tabs__panel h1 {
    font-weight: 500;
    color: #ef6c00;
    margin-bottom: 0
}

.classes_main_tab.mdl-tabs__panel p {
    font-weight: 500;
    font-size: 25px;
    color: #6c6c6c;
    line-height: 1.4;
    width: 55%
}

.classes_wrapper .students_class {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px;
    border-radius: 0;
    margin: 15px 0;
    box-shadow: 0 4px 3px 0 #00000033;
    background: #cccccc8c;
    border-bottom: 1px solid #99999973
}

.class_sidenav .classes_wrapper .students_class {
    box-shadow: none
}

.classes_wrapper .students_class img.class_icon {
    max-width: 80px;
    width: 100%;
    margin-right: 30px
}

.classes_wrapper .students_class .left-list img {
    margin-left: 18px;
    max-width: 30px;
    height: 30px
}

.classes_wrapper .students_class ul.main_ul {
    border-radius: 10px;
    padding: 7px
}

.training_step {
    font-size: 18px;
    color: #666
}

.preview-report #report,.report-form {
    border-radius: 0!important;
    width: 70%!important;
    padding: 0;
    max-height: 98%!important;
    top: 1%!important;
    background-color: #f7e3cb!important
}

.report-form::-webkit-scrollbar {
    width: 10px
}

.report-form::-webkit-scrollbar-track {
    background: #ddd
}

.report-form::-webkit-scrollbar-thumb {
    background: gray
}

.report-form::-webkit-scrollbar-thumb:hover {
    background: #555
}

.pl-preview-report {
    background: #fff;
    width: 650px
}

.report-form .blam_content textarea {
    background: #f2e5d6
}

.report-form .blam_content textarea::placeholder {
    color: #666
}

.report-form .blam_content textarea::-webkit-input-placeholder {
    color: #666
}

.report-form .blam_content textarea:-ms-input-placeholder {
    color: #666
}

.pl_report_modal .blam_content textarea {
    background: #e1f2f6
}

.pl_report_modal,.pl_report_modal .preview-report #report {
    border-radius: 0!important;
    width: 100%!important;
    max-width: 950px;
    max-height: 98%!important;
    top: 1%!important;
    padding: 0
}

.pl_report_modal .modal-content,.pl_report_modal .preview-report #report {
    background-color: #fff!important
}

.report-form .form-wrapper {
    background: #fff;
    padding: 22px
}

.report-form .form-wrapper h2.band_date {
    font-size: 26px
}

.report-form .form-wrapper h2.band_date>span {
    font-size: 22px;
    color: #ef6c00;
    text-decoration: underline
}

.report-form .form-wrapper h2.band_date i {
    color: #000;
    font-size: 21px;
    padding: 12px
}

.report-form .form-wrapper h5 {
    font-weight: 400;
    margin-bottom: 5px;
    margin-top: 0
}

.teacher_notes_form input[type=submit] {
    margin: 10px 0
}

.teacher_notes_form label {
    margin-bottom: 15px;
    display: inline-block;
    color: #000
}

.teacher_notes_form textarea {
    border-radius: 5px;
    height: 120px
}

.report_checklist .chip {
    background: #fff3e0;
    color: #dd6b1e;
    font-size: 16px;
    box-shadow: 0 6px 10px 0 #00000029
}

.pl_report_modal .report_checklist .chip {
    background: #ebf5ff;
    color: #2e8ea3;
    font-size: 16px;
    box-shadow: 0 6px 10px 0 #00000029
}

.report_checklist thead tr th,.teacher_notes_form label {
    font-size: 16px;
    font-weight: 400
}

.report_checklist thead tr {
    border-bottom: 0
}

.report_checklist tbody tr {
    border-color: #dd6b1e
}

.report_checklist tbody [type=checkbox].filled-in:checked+span:not(.lever):after {
    border: 2px solid #000;
    background-color: #000
}

.report_checklist thead tr th:not(:first-child) {
    text-align: center
}

.report_checklist tbody tr td:not(:first-child) {
    text-align: left
}

div.form_box_wrapper {
    background: #fff;
    margin: 10px 0;
    border-radius: 10px;
    padding: 15px
}

div.form_box_wrapper .form_box_title {
    background: #ef6c00;
    padding: 9px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.pl_report_modal .form_box_wrapper .form_box_title,.pl_report_modal button[type=submit].submit_notes,.pl_report_modal div.form_box_wrapper .select_drive {
    background: #319bb2
}

div.form_box_wrapper .form_box_title h2,form.setting_form div.form_box_wrapper .form_box_title h2 {
    font-size: 22px;
    color: #fff;
    margin: 0;
    line-height: 1.5;
    padding: 2px 5px
}

div.form_box_wrapper .floating_plus .toggle_plus i {
    color: #ef6c00;
    font-size: 50px
}

.pl_report_modal div.form_box_wrapper .floating_plus .toggle_plus i {
    color: #319bb2;
    font-size: 50px
}

div.form_box_wrapper textarea {
    border: 0;
    height: 140px;
    padding: 15px;
    outline: 0
}

.form_box_wrapper .form_box_extras {
    margin-left: 25px
}

.form_box_wrapper .form_box_extras li {
    border-bottom: 0!important;
    padding-left: 0!important;
    background-color: transparent!important;
    padding-right: 0;
    background: 0 0
}

.form_box_wrapper .form_box_extras li a,.form_box_wrapper .form_box_extras li a.active,.form_box_wrapper .form_box_extras li a.active:focus {
    padding: 0 10px;
    background-color: transparent;
    display: initial
}

.toggleable_tabs {
    border: 2px solid #ef6c00;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.pl_report_modal .toggleable_tabs {
    border: 2px solid #319bb2
}

.form_box_wrapper .form_box_extras li a>i {
    display: inline-block;
    color: #4e4e4e;
    transition: all .35s ease
}

.pl_report_modal .form_box_wrapper .form_box_extras li a.active>i {
    color: #319bb2;
    transition: all .35s ease
}

.form_box_wrapper .floating_plus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 14px
}

.form_box_wrapper .floating_plus .form_box_extras>a {
    margin: 0 10px
}

.form_box_wrapper .floating_plus .form_box_extras>a>i {
    color: #4e4e4e
}

.form_box_wrapper .back-report-btn a {
    cursor: pointer;
    color: #000;
    margin: 10px 0;
    display: inline-block
}

.form_box_wrapper .back-report-btn a>i {
    font-size: 32px
}

.form_box_wrapper div.songs_toggle_box {
    padding: 25px;
    height: 140px;
    position: relative;
    overflow: hidden
}

div.form_box_wrapper .select_drive {
    background: #009cfd;
    position: absolute;
    bottom: 15px;
    right: 15px
}

.form-wrapper .band_date .datepicker,.form-wrapper .band_date .datepicker:focus {
    width: auto;
    border-color: #000!important;
    box-shadow: none!important
}

.form-wrapper .band_date span i {
    position: absolute;
    right: -6px;
    top: -7px;
    pointer-events: none;
    background: #fff
}

.private_note {
    position: relative;
    display: inline
}

.private_note .expanded_notes,.private_note a.notes_btn {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 8px 0 #0000004d
}

.private_note a.notes_btn {
    border: 1px solid #9d9d9d;
    color: #000;
    padding: 13px 20px
}

.private_note a.notes_btn>i {
    vertical-align: middle;
    margin-left: 25px
}

.private_note .expanded_notes textarea {
    height: 80px;
    border: 0;
    width: 88%;
    outline: 0;
    padding: 5px;
    resize: none
}

.submit_resport_btns button,button[type=submit].submit_notes {
    border: 0;
    outline: 0;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 4px 13px 0 #0000004a
}

button[type=submit].submit_notes {
    background: #ff9c39;
    font-size: 18px;
    padding: 5px 10px;
    font-weight: 600;
    margin: 15px 6px
}

button[type=submit].submit_notes i {
    color: #ffff;
    vertical-align: middle;
    font-size: 21px;
    padding: 3px
}

.submit_resport_btns button.save_send_btn,button[type=submit].submit_notes.saved {
    background: #49b918
}

.private_note .expanded_notes a.close_notes {
    color: #000;
    vertical-align: top;
    display: inline-block
}

.private_note .expanded_notes {
    position: absolute;
    right: 0;
    z-index: 0;
    top: -22px;
    visibility: hidden;
    opacity: 0;
    max-width: 600px;
    min-width: 320px;
    width: 100%;
    padding: 20px;
    height: 170px;
    text-align: left;
    transition: all .5s ease
}

.private_note .expanded_notes.show {
    z-index: 1;
    visibility: visible;
    opacity: 1;
    transition: all .5s ease
}

.submit_resport_btns button {
    font-size: 16px;
    padding: 10px 15px;
    font-weight: 400;
    margin: 10px 6px 5px
}

.submit_resport_btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding-left: 20px;
    padding-bottom: 20px
}

.submit_resport_btns button.save_btn {
    background: #ff9c39
}

.submit_resport_btns .band_preview_btn,.submit_resport_btns .pl_preview_btn {
    background: #009cfd
}

.submit_resport_btns .band_preview_btn a,.submit_resport_btns .pl_preview_btn a {
    color: #fff;
    font-weight: 400
}

.submit_resport_btns button i {
    vertical-align: middle;
    margin-left: 10px
}

.submit_resport_btns a.tool_tip_btn {
    color: gray;
    display: inline-block;
    vertical-align: middle
}

.songs_toggle_box .upload_mp3,.submit_resport_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.songs_toggle_box .upload_mp3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.songs_toggle_box .upload_mp3 label {
    position: relative
}

.picker.modal-dialog {
    z-index: 99999999999!important
}

.upload_mp3 label .cus-file-input {
    color: #000;
    font-size: 16px;
    margin-left: 30px;
    border-bottom: 2px solid #333
}

.upload_mp3 label .cus-file-input::-webkit-file-upload-button {
    visibility: hidden
}

.upload_mp3 label .cus-file-input::before {
    content: "Select File";
    color: #fff;
    display: inline-block;
    background: #333;
    border: 1px solid #999;
    border-radius: 6px;
    padding: 6px 12px;
    outline: 0;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    position: absolute;
    left: -72px;
    top: -4px;
    text-align: right
}

.upload_mp3 .upload_mp3_btn {
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 400;
    margin: 0 6px 8px 20px;
    cursor: pointer;
    background: #49b918;
    box-shadow: 0 4px 13px 0 #0000004a
}

.upload_mp3 label .cus-file-input:hover::before {
    border-color: #000
}

.upload_mp3 label .cus-file-input:active {
    outline: 0
}

.blam_content .attachment {
    padding: 15px;
    border: 1px solid #000;
    border-radius: 10px;
    margin-top: 8px
}

.blam_content .attachment i {
    vertical-align: middle;
    margin-right: 20px;
    font-size: 35px
}

.blam_content .attachment p {
    margin: 0;
    display: inline-block
}

.blam_content .attachment a.delete_file {
    display: inline-block;
    color: #333
}

.blam_content .attachment a.delete_file i {
    font-size: 20px
}

li.top-result {
    background-color: #fff9ee!important;
    display: block;
    border: 1.5px solid #ef6c00!important
}

.collection.sub_cat_wrapper li:first-child {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px
}

.rate {
    padding: 0 10px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.rate:not(:checked)>input {
    position: absolute;
    top: -9999px
}

.rate:not(:checked)>label {
    float: right;
    width: 1em;
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
    color: #ef6c00!important
}

.rate:not(:checked)>label:before {
    content: "★ "
}

.rate>input:checked~label {
    color: #ef6c00!important
}

.rate:not(:checked)>label:hover,.rate:not(:checked)>label:hover~label {
    color: #deb217
}

.rate>input:checked+label:hover,.rate>input:checked+label:hover~label,.rate>input:checked~label:hover,.rate>input:checked~label:hover~label,.rate>label:hover~input:checked~label {
    color: #c59b08
}

.songs_toggle_box .search_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    height: 100%
}

.songs_toggle_box .search_box .input-field {
    width: 100%;
    margin-bottom: -11px
}

.songs_toggle_box .search_box i {
    font-size: 30px;
    color: #ef6c00;
    margin-right: 5px;
    top: 15px
}

.pl_report_modal .songs_toggle_box .search_box i {
    color: #319bb2
}

.search_box #search-input-report {
    margin: 0 0 0 40px
}

.songs_toggle_box .search_box input:focus {
    border-color: #ef6c00!important
}

.songs_toggle_box .pick_resource {
    background: #ff9c39;
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 16px;
    padding: 8px;
    width: 190px;
    border-radius: 5px;
    font-weight: 400;
    background: #49b918;
    margin: 20px 6px -10px;
    cursor: pointer;
    box-shadow: 0 4px 13px 0 #0000004a
}

ul#record-list-report {
    width: 100%;
    background: #fff;
    z-index: 1111;
    margin: 0;
    position: absolute;
    height: 85px;
    overflow: auto;
    left: 0;
    border-radius: 0;
    padding: 0;
    top: 0
}

ul#record-list-report li {
    border-bottom: 0;
    padding: 3px 18px;
    background: #fff
}

ul#record-list-report li .list_report_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid #33333361;
    width: 100%
}

ul#record-list-report li .list_report_wrap p.airtable-src-name {
    margin: 0;
    padding-right: 10px;
    line-height: 2.3
}

ul#record-list-report li:last-child {
    background: 0 0
}

label.select_resource {
    margin: 9px 0 0
}

label.select_resource [type=checkbox].filled-in+span:not(.lever):after {
    width: 15px!important;
    height: 15px!important
}

label.select_resource [type=checkbox].filled-in:checked+span:not(.lever):after {
    background-color: #000!important;
    border-color: #000!important;
    width: 15px!important;
    height: 15px!important
}

label.select_resource [type=checkbox].filled-in+span:not(.lever) {
    padding-left: 28px;
    height: 20px
}

ul#record-list-report li .list_report_wrap .chip {
    height: 30px;
    font-size: 11px;
    padding: 0 10px;
    text-align: center
}

label.select_resource span:before {
    left: 2px!important;
    width: 5px!important;
    height: 9px!important
}

#search-div i {
    font-weight: 600;
    margin-top: 5px
}

#search-div label {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgba(0,0,0,.9)!important;
    font-style: italic
}

#or-explore,#search-div input,#search-div label {
    font-family: "Source Sans Pro",sans-serif
}

#or-explore {
    padding-left: 30px;
    font-size: 20px
}

#search-div input {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd!important
}

.profile-pic {
    max-width: 200px;
    max-height: 200px;
    display: block
}

.instrumens_checkboxes {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.setting-pic-upload {
    display: none
}

.circle.setting_profile_pic {
    border-radius: 50%!important;
    overflow: hidden;
    width: 128px;
    height: 128px;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    border: 0 solid rgba(255,255,255,.7);
    box-shadow: 0 5px 14px 1px #00000033!important
}

.circle.setting_profile_pic img.profile-pic {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.p-image {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #adadad;
    left: 0;
    margin: auto;
    text-align: center
}

.p-image,.p-image:hover,.pic-upload-button:hover {
    transition: all .3s cubic-bezier(.175,.885,.32,1.275)
}

.pic-upload-button {
    font-size: 1.2em;
    color: #fff;
    width: 100%;
    height: 100%;
    padding: 5px;
    cursor: pointer
}

.pic-upload-button:hover {
    color: #999
}

.parent-settings-tabs.tabs .tab a:hover,.tabs .tab a.active {
    background-color: rgb(221,107,30,.25);
    color: #dd6b1e
}

.tabs .tab a:focus.active {
    background-color: rgb(221,107,30,.25)
}

.parent-settings-tabs.tabs .indicator {
    background-color: #dd6b1e
}

.parent-settings-tabs.tabs .tab a {
    color: rgb(221,107,30,.75)
}

.settings-switch.switch label input[type=checkbox][disabled]:checked+.lever {
    background-color: rgb(221,107,30,.25)
}

.settings-switch.switch label input[type=checkbox][disabled]:checked+.lever:after {
    background-color: #dd6b1e
}

.re-enroll-indicator label input[type=checkbox][disabled]+.lever:after,.settings-switch.switch label input[type=checkbox][disabled]+.lever:after {
    background-color: #7d7d7d
}

[type=radio][disabled]:checked+span:after {
    background-color: #dd6b1e;
    border: 2px rgb(221,107,30,.25)
}

.setting-modal-teacher .setting_user {
    display: inline-block;
    vertical-align: middle;
    padding-left: 25px
}

form.setting_form {
    margin: 65px 25px 5px
}

form.setting_form label.addon {
    background: #ef6c00;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    color: #fff!important;
    font-size: 19px;
    max-width: 264px;
    height: 46px;
    width: 120px;
    text-align: center;
    vertical-align: middle;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0 5px 14px 1px #00000033;
    font-family: "Helvetica Neue",sans-serif
}

form.setting_form input.cus_input {
    background-color: #fff!important;
    background: #fff!important;
    opacity: 1;
    border-top-right-radius: 8px!important;
    border-bottom-right-radius: 8px!important;
    border: 0;
    border-bottom: 0!important;
    padding-left: 10px!important;
    padding-right: 10px!important;
    height: 46px!important;
    margin-bottom: 15px!important;
    box-shadow: 0 5px 14px 1px #00000033!important
}

form.setting_form div.form_box_wrapper {
    background: #fff;
    margin: 10px 0;
    border-radius: 10px;
    padding: 0
}

form.setting_form div.form_box_wrapper .form_box_title {
    background: #ef6c00;
    padding: 7px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 0 5px 14px 1px #00000033!important
}

form.setting_form .blam_content textarea {
    background: #f2e5d6;
    border: 0;
    height: 90px;
    padding: 15px;
    outline: 0;
    box-shadow: 0 5px 14px 1px #00000033!important
}

form.setting_form button.save_settings {
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 18px;
    background: #ff9c39;
    padding: 11px 22px;
    border-radius: 15px;
    font-weight: 400;
    margin: 18px 0 5px;
    cursor: pointer;
    transition: all .35s ease;
    box-shadow: 0 4px 13px 0 #0000004a
}

form.setting_form button.save_settings i {
    vertical-align: middle;
    transition: all .35s ease
}

form.setting_form button.save_settings.saved {
    background: #49b918;
    transition: all .35s ease
}

.edit_input i {
    color: #000;
    font-size: 28px;
    margin-left: 7px
}

.setting-modal-family input {
    padding: 0 0 0 7px!important;
    border-bottom: 1px solid #000!important;
    font-size: 20px!important
}

.setting-modal-family input:focus {
    padding: 0 0 0 7px!important;
    border-color: #ef6c00!important;
    -webkit-box-shadow: 0 1px 0 0 #ef6c00!important;
    box-shadow: 0 1px 0 0 #ef6c00!important
}

form.setting_form [type=checkbox]+span:not(.lever) {
    padding-left: 25px;
    padding-right: 25px;
    margin: 10px 0
}

.std_birthday {
    position: relative;
    margin: 18px 0
}

.std_birthday input {
    width: auto!important;
    margin: 0;
    max-width: 145px;
    height: 25px!important;
    font-size: 15px!important
}

.std_birthday span {
    font-size: 17px;
    color: rgba(0,0,0,.64);
    letter-spacing: 1px
}

.std_birthday i {
    position: absolute;
    right: -3px;
    top: 0;
    pointer-events: none;
    background: #fff
}

form.setting_form .blam_content [type=checkbox].filled-in+span:not(.lever):after {
    border: 2px solid #333
}

form.setting_form .blam_content [type=checkbox].filled-in:checked+span:not(.lever):after {
    border: 2px solid #333;
    background-color: #333
}

.training_nav {
    height: 48px
}

.training_container .active .collapsible-header {
    font-weight: 800!important;
    color: #dd6b1e;
    transition-duration: 1s
}

.training_container .video-container {
    margin: 20px
}

.training-tabs.tabs,.training_nav {
    background-color: #dd6b1e
}

.enroll-tabs.tabs .indicator,.training-tabs.tabs .indicator {
    background-color: #ff9045
}

.training-tabs.tabs .tab a.active {
    background-color: #00000038;
    color: #fff
}

.training-tabs.dropdown-tab {
    display: inline-block;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    margin: 0;
    text-transform: uppercase
}

.enroll-tabs.tabs .tab a,.training-tabs.tabs .tab a {
    color: rgba(255,255,255,.7)
}

.enroll-tabs.tabs {
    background-color: #dd6b1e
}

.enroll-tabs.tabs .tab a.active,.tabs .tab a:hover {
    background-color: #00000038;
    color: #fff
}

ul.tabs.dashboard-tabs:after {
    content: "";
    background: #77736d;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0
}

.joined_slack,.steps_slider .carousel-item .slide_text label {
    background: #49b918;
    color: #fff!important;
    padding: 5px 10px;
    border-radius: 5px
}

.dashboard-tabs.tabs.tabs-fixed-width .tab {
    flex-grow: 0!important
}

.dashboard-tabs.tabs {
    margin: 50px 0;
    box-shadow: none
}

.dashboard-tabs.tabs .tab a {
    color: #a7a7a7;
    text-transform: uppercase;
    font-size: 20px;
    font-family: "Source Sans Pro",sans-serif
}

.dashboard-tabs.tabs .indicator {
    height: 4px;
    border-radius: 15px;
    background-color: #ef6c00;
    z-index: 11;
    bottom: -1px
}

.dashboard-tabs.tabs .tab a.active,.dashboard-tabs.tabs .tab a:hover {
    background-color: transparent;
    color: #ff9c39;
    font-family: "Source Sans Pro",sans-serif
}

.dash-tab-content .big-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.big-3-completereport-btn {
    width: 100%;
    height: 75px;
    padding-top: 15px;
    padding-left: 20px;
    font-size: 16px;
    text-align: left
}

.re-enroll-indicator label input[type=checkbox][disabled]:checked+.lever:after {
    background-color: #dd6b1e
}

.teacher-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #77736d;
    margin-bottom: 30px
}

.right_teacher_side figure.teach_img {
    max-width: 190px;
    height: 190px;
    border-radius: 50%;
    overflow: hidden
}

.left_teacher_side h5 {
    color: #626263;
    font-weight: 400
}

.left_teacher_side h3 {
    margin-top: 15px!important
}

.left_teacher_side .con_icons {
    margin: 0 0 0 18px
}

.left_teacher_side .con_icons i {
    color: #626262;
    display: inline-block;
    vertical-align: middle;
    font-size: 29px
}

.contact_emails {
    margin-top: 30px
}

.contact_emails h5,.contacts.chip,.left_teacher_side h5 {
    font-family: "Source Sans Pro",sans-serif
}

.contact_emails h5 {
    color: #676e7c;
    margin: 15px 0;
    font-size: 23px;
    font-weight: 400
}

.contact_emails h5 a {
    color: #676e7c
}

.contacts.chip {
    max-width: 250px;
    display: inline-block;
    height: 55px;
    font-size: 18px;
    color: #fff;
    padding: 0 12px;
    border-radius: 31px;
    background-color: #969696;
    margin-bottom: 20px;
    margin-right: 10px;
    box-shadow: 0 2px 4px 0 #00000040;
    width: 100%;
    line-height: 50px;
    font-weight: 600;
    letter-spacing: normal
}

.contacts.chip img {
    height: 55px;
    width: 55px
}

.contacts.chip i {
    margin: 17px 0
}

.contact_emails h5 a:hover,.roster-row .std-link a {
    text-decoration: underline
}

.dash-tab-content .big-3 .big-3-box {
    background: #eb7d06;
    border-radius: 15px;
    color: #fff;
    padding: 10px;
    width: calc(100%/3.4);
    box-shadow: -2px 3px 10px 0 #00000038;
    cursor: pointer;
    transition: all .35s ease
}

.dash-tab-content .big-3 .big-3-box:hover,.dash-tab-content .roster-row .roster-box:hover,.dash-tab-content .up-gigs .up-gigs-box:hover {
    box-shadow: -2px 3px 10px 0 #0000007d;
    transition: all .35s ease
}

.dash-tab-content .big-3 .big-3-box h3 {
    margin: 10px 0 0;
    font-weight: 500
}

.dash-tab-content .big-3 .big-3-box h1 {
    margin: 8px 0;
    font-size: 5rem;
    font-family: "Source Sans Pro",sans-serif
}

.dash-tab-content .big-3 .big-3-box p,.dash-tab-content .dash-sec-title {
    font-size: 16px;
    font-family: "Source Sans Pro",sans-serif
}

.dash-tab-content .dash-sec-title {
    color: #626263;
    font-size: 30px;
    margin-bottom: 15px;
    margin-top: 32px
}

.dash-tab-content .roster-row .roster-box,.dash-tab-content .up-gigs .up-gigs-box {
    padding: 20px;
    border-radius: 15px;
    font-size: 20px;
    margin: 15px 0;
    display: block;
    width: 100%;
    box-shadow: -2px 3px 10px 0 #00000038;
    transition: all .35s ease
}

.dash-tab-content .up-gigs .up-gigs-box {
    background: #ef6c00;
    color: #fff
}

.dash-tab-content .roster-row .roster-box {
    background: #fff3e0;
    color: #626262;
    font-family: "Source Sans Pro",sans-serif
}

.roster-row .std-link {
    color: #a7a7a7;
    font-size: 17px
}

.roster-row .std-link a {
    color: #ef6c00
}

.s_tilte,.student-img.mobile {
    display: none
}

.steps_slider {
    height: 230px!important;
    margin-bottom: 0
}

.steps_slider .slide_icon {
    width: 110px;
    height: 110px
}

a.joined_slack:after {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-left: 10px;
    transition: all .35s ease
}

.steps_slider .carousel-item {
    min-height: 200px;
    border-radius: 15px;
    max-height: 200px
}

.steps_slider .carousel-item.orange {
    background: #dd6b1e
}

.steps_slider .carousel-item.purple {
    background: #6e4d7d
}

.steps_slider .carousel-item.red {
    background: #c42237
}

.steps_slider .carousel-item.brown {
    background: #802417
}

.steps_slider .carousel-item.amber {
    background: #ffe19f;
    background: -moz-linear-gradient(top,#ffe19f 0,#ffcd5d 100%);
    background: -webkit-linear-gradient(top,#ffe19f 0,#ffcd5d 100%);
    background: linear-gradient(to bottom,#ffe19f 0,#ffcd5d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe19f', endColorstr='#ffcd5d', GradientType=0)
}

.steps_slider .carousel-item .slide_text {
    padding: 10px 30px;
    min-height: 200px;
    text-align: left
}

.dash-tab-content .big-3 .big-3-box h3,.steps_slider .carousel-item .slide_text h2 {
    font-size: 30px;
    font-family: "Source Sans Pro",sans-serif
}

.steps_slider .carousel-item .slide_text p {
    font-size: 18px;
    font-weight: 300;
    font-family: "Source Sans Pro",sans-serif
}

div#customDots button {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #959595;
    background-color: #f2f2f2;
    margin: 4px;
    pointer-events: none!important
}

#customDots {
    margin-bottom: 25px
}

div#customDots button.active,div#customDots button.done {
    background-color: #49b918;
    border-color: #639b5f
}

.steps_slider .carousel-item.amber .slide_text h2 {
    color: #ef6c00;
    text-shadow: 0 0 3px #cc5911;
    font-size: 50px
}

.steps_slider .carousel-item.amber .slide_text p {
    color: #393939
}

.steps_slider .carousel-item.amber .slide_text label {
    background: #393939
}

.steps_slider .carousel-item.amber .slide_icon img {
    max-width: 120px
}

.schedule_ul {
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    overflow: hidden
}

.schedule_ul li:nth-child(2n+3) {
    background-color: #fff3e0;
    width: 95%;
    margin: auto;
    padding: 10px 0;
    border-radius: 10px
}

.schedule_ul li:nth-child(even) {
    background-color: #fff;
    width: 95%;
    margin: auto;
    padding: 10px 0
}

.schedule_ul li:nth-child(2n+3) .left-list,.schedule_ul li:nth-child(even) .left-list {
    padding-left: 15px
}

.schedule_ul li:last-child {
    margin-bottom: 20px
}

.schedule_header {
    background-image: linear-gradient(125deg,rgba(241,241,241,.7),rgba(255,243,224,.7))
}

.schedule_header .left-list {
    padding-left: 0!important
}

.schedule_header a {
    padding: 15px 0;
    width: 95%!important;
    margin: auto
}

.schedule_ul .report_icon {
    margin-left: auto;
    padding-right: 10px
}

.archived_not_found {
    width: 100%;
    margin: 0;
    padding: 10.5px 0;
    color: #fff;
    text-align: center;
    font-size: 18px
}

.logo-login {
    margin: 50px 0 20px
}

.login_content {
    width: 67%;
    margin: 15px auto;
    color: #707070;
    font-weight: 500
}

.login_row {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
}

.login_row>div.col {
    padding: 0
}

.login_row .login_btn {
    background: #dd6b1e;
    padding: 10px 15px;
    border-radius: 58px;
    color: #fff;
    display: inline-block;
    margin: 10px;
    text-transform: uppercase;
    max-width: 229px;
    width: 100%;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 2;
    font-weight: 500;
    box-shadow: 0 4px 10px 0 #33333354
}

.login_row .login_btn:hover {
    box-shadow: 0 4px 10px 0 #333333ad
}

.login_row .login_btn>img {
    vertical-align: bottom;
    margin-right: 20px
}

.login_row .login_btn>i {
    vertical-align: bottom;
    margin-right: 15px;
    font-size: 25px;
    position: absolute;
    left: 35px;
    top: 10px
}

.show-video-btn i {
    font-size: 25px;
    color: #707070
}

.introjs-tooltip {
    background-color: #ef6c00!important;
    border-radius: 10px!important;
    color: #fff
}

.introjs-arrow.top {
    top: -10px;
    border-bottom-color: #ef6c00!important;
    width: 2px;
    height: -4px;
    left: 27px
}

div span.introjs-helperNumberLayer {
    background: #ef6c00;
    background: -webkit-linear-gradient(top,#ef6c00 0,#ef6c00 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ef6c00),color-stop(100%,#ef6c00));
    background: -moz-linear-gradient(top,#ef6c00 0,#ef6c00 100%);
    background: -ms-linear-gradient(top,#ef6c00 0%,#ef6c00 100%);
    background: -o-linear-gradient(top,#ef6c00 0,#ef6c00 100%);
    background: linear-gradient(to bottom,#ef6c00 0,#ef6c00 100%)
}

div a.introjs-skipbutton {
    color: #fff;
    background: #585858;
    border: 0;
    font-weight: 400;
    letter-spacing: 1px;
    text-shadow: none
}

body div .introjs-button,body div .introjs-button:focus,body div .introjs-button:hover {
    background: 0 0!important;
    border: 0;
    text-shadow: none!important;
    color: #fff;
    font-size: 15px;
    box-shadow: none!important
}

.desktop_std_ver .class_sidenav {
    height: 100%;
    width: 350px;
    position: fixed;
    z-index: 111;
    top: 0;
    left: 0;
    padding-top: 60px;
    overflow: auto;
    transition: .5s
}

.desktop_std_ver .class_sidenav.sidebar_active {
    margin-left: -474px!important;
    transition: all .35s ease
}

.desktop_std_ver .student-main .student_detail_right {
    margin-left: 350px;
    transition: margin-left .5s;
    width: -webkit-calc(100% - 350px);
    width: -moz-calc(100% - 350px);
    width: calc(100% - 350px)
}

.desktop_std_ver .student-main .student_detail_right.fullWidth {
    width: 100%;
    transition: all .5s ease
}

.mdl-grid.mdl-grid--no-spacing {
    display: flex
}

.close_student_sidenav {
    text-align: right;
    position: absolute;
    right: 0;
    z-index: 11
}

.close_student_sidenav a,.open_student_sidenav a {
    background: #ef6c00;
    text-align: right;
    max-width: 80px;
    display: inline-block;
    padding: 0 5px;
    margin-top: 12px
}

.close_student_sidenav a {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px
}

.close_student_sidenav i,.open_student_sidenav a i {
    font-size: 30px;
    color: #fff;
    line-height: 1.3
}

.open_student_sidenav {
    text-align: left;
    position: absolute;
    left: 0;
    z-index: 11;
    transition: all .35s ease
}

.open_student_sidenav a {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: -1px 0 10px 1px #33333352
}

.students_count {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    bottom: -7px;
    left: 53px;
    color: #ef6c00
}

.students_count i {
    font-size: 24px;
    line-height: 1.6
}

.desktop_std_ver .bands-students>div,.desktop_std_ver .pl-students>div {
    cursor: pointer;
    position: relative
}

.edit_profile_pic {
    width: 100%;
    display: inline-block;
    text-align: right;
    font-size: 16px;
    color: #707070;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    padding-top: 10px
}

.edit_profile_pic i,.students_count i {
    vertical-align: middle
}

.drive_wrapper iframe {
    display: block;
    width: 100%;
    border: 0;
    height: 100%;
    min-height: 250px
}

.student_questionare .questionares_list {
    border-radius: 8px;
    border: 1px solid #d3d3d3;
    width: 100%;
    margin: 15px 0 15px 15px;
    background: #fff;
    height: 175px;
    overflow-y: auto
}

.student_questionare .questionares_list ul {
    padding: 0;
    margin: 0
}

.question_box>h2,.student_questionare .questionares_list ul li {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left
}

.student_questionare .questionares_list ul li {
    font-weight: 400;
    line-height: 1.27;
    color: #707070;
    padding: 0
}

.student_questionare .questionares_list ul li a {
    color: #707070;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    padding: 10px 15px
}

.question_box textarea {
    border-radius: 6px;
    background-color: #fff;
    border: solid 1px #d3d3d3;
    min-height: 95px
}

.question_box a.edit_questionare.btn {
    background: #ff9c39;
    text-transform: capitalize;
    letter-spacing: 1px;
    box-shadow: none
}

.std-list>ul,.student_questionare .question-list-wrapper figure {
    margin: 0
}

.question_box>h2 {
    font-size: 20px;
    line-height: 1.26;
    color: #666;
    margin-bottom: 6px;
    font-family: "Rockwell"
}

.question_box {
    padding: 20px 0px;
    margin: 20px 0px;
    border-bottom: 1px solid #ccc;
}

div#family_input {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 245px;
    width: 100%;
    margin: auto
}

div#family_input input {
    color: #3d9db2;
    font-weight: 500;
    margin: 15px auto 0;
    height: 27px
}

div#family_input input::placeholder {
    font-style: italic
}

div#family_input p {
    margin-top: 0
}

.family_icon {
    background: #3d9db2;
    padding: 5px;
    border-radius: 50%;
    color: #85becb;
    position: relative;
    width: 43px;
    height: 43px;
    overflow: hidden;
    margin-right: 15px
}

#help-video a,.family_icon i {
    position: absolute;
    font-size: 50px
}

.family_icon i {
    left: -5px;
    bottom: -12px
}

#help-video a {
    left: 24px;
    height: 100px;
    top: 50px;
    z-index: 11;
    color: #fff
}

.std-list li a {
    background: #fff;
    color: #000;
    margin: 5px auto;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
    box-shadow: 0 4px 8px 0 #33333373
}

.dropdown-content .res-share-modal form label.check,.faq_sec li.active .collapsible-header {
    color: #dd6b1e
}

a.launch_radio {
    padding-left: 10px;
    color: #8f8f8f
}

.faq_ul {
    margin-top: -10px
}

.faq_ul,.faq_ul_number {
    padding-left: 15px!important;
    margin-bottom: 20px;
    line-height: 1.5
}

.faq_ul li {
    list-style-type: disc!important
}

.faq_ul_number li {
    list-style-type: decimal!important
}

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

.dropdown-content .res-share-modal form label {
    display: block;
    border-bottom: 1px solid;
    padding: 10px 22px;
    font-size: 16px;
    color: #707070;
    font-weight: 600;
    cursor: pointer
}

.dropdown-content .res-share-modal form label span {
    font-size: 16px
}

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

.triangle-left {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #707070;
    position: absolute;
    top: -16px;
    right: 44px;
    z-index: 11
}

.triangle-left:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 14px solid #f9f9f9;
    position: absolute;
    top: 2px;
    right: -14px
}

@media (max-width:1540px) {
    .student-main .profile_title {
        font-size: 22px
    }

    .student_questionare .question-list-wrapper figure img {
        width: 120px
    }

    .question_box {
        padding: 20px 0px;
        margin: 20px 0pxpx;
        border-bottom: 1px solid #ccc;
    }
}

@media (min-width:1500px) {
    .item_content.step1 {
        padding: 77px 45px!important
    }

    .family-login {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .step2_bg {
        padding: 130px 0!important
    }

    .step2-wrapper .step-2 .step-2-content {
        padding: 60px 25px 100px!important;
        position: relative
    }

    .materials-container .col>.section {
        margin: 0 5px!important
    }
}

@media (max-width:1400px) {
    .student-main .profile_title {
        font-size: 20px
    }

    .student-img>figure {
        width: 125px;
        height: 125px;
        text-align: right;
        float: right;
        clear: both;
        margin: 10px 0;
        overflow: hidden;
        border-radius: 0;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,.16)
    }
}

@media (max-width:1360px) {
    .app_download.music2 h4,.app_download.music3 h4,.app_download.music4 h4 .app_download h4,.student-main .profile_title {
        font-size: 20px
    }

    .student-main .orange_bg_btn i {
        font-size: 18px
    }

    .student-main .orange_bg_btn {
        font-size: 16px
    }

    .report_goal_btns a.btn,.report_goal_btns a.orange_bg_btn {
        padding: 7px 8px!important;
        margin: 10px 3px!important;
        font-size: 12px!important;
        height: 31px!important;
        line-height: 18px!important
    }

    .preview-report #report,.report-form {
        width: 80%!important
    }

    .app_download.music2 {
        top: 12rem
    }

    .student-img {
        top: 10px;
        right: 20px
    }
}

@media (max-width:1250px) {
    .std_profile_title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .tab_li_extra i {
        color: #a7a7a7;
        font-size: 18px
    }

    .student-img>figure {
        width: 150px!important;
        height: 150px!important
    }

    .std_profile_title .orange_bg_btn {
        margin-bottom: 23px;
        margin-top: 0;
        margin-left: 0
    }

    a.download_game {
        padding: 2px 2px 2px 7px
    }
}

@media (max-width:1200px) {
    .tab_li_extra i {
        color: #a7a7a7;
        font-size: 18px
    }

    .edit_profile_pic {
        text-align: right
    }
}

@media (max-width:1199px) and (min-width:1025px) {
    .materials-container .col>.section {
        margin: 0 30px
    }
}

@media (max-width:1499px) {
    .owl-carousel.materials-carousel .owl-item {
        min-height: 1px;
        float: left;
        border-radius: 15px
    }

    .card .card-content .card-title {
        font-size: 20px
    }
}

@media (max-width:1250px) {
    #res_pl>.row .col-instrument,#res_skills .col-instrument {
        width: calc(100%/4.2);
        margin: 0 3px
    }

    .steps_slider .carousel-item .slide_text h2 {
        font-size: 20px!important;
        margin-bottom: 4px
    }

    .slide_icon img {
        max-width: 80px!important
    }

    #res_camp .card-content {
        text-align: center
    }

    .camp-boxes>div:nth-child(2) .card .card-content img {
        transform: none;
        transition: all .35s ease
    }

    .camp-boxes>div:first-child .card .card-content img,.camp-boxes>div:first-child .card.active-card .card-content img {
        transform: none;
        transition: all .35s ease
    }

    .camp-boxes>div:nth-child(2) .card.active-card .card-content img {
        transform: none;
        transition: all .35s ease
    }

    .scheduling-ul li .left-list a span {
        font-size: 17px
    }

    .scheduling-ul li .left-list a span.schedule_lesson_name {
        margin-left: auto;
        font-size: 14px
    }

    .scheduling-ul li .left-list a {
        font-size: 13px!important
    }
}

@media (max-width:1024px) {
    .classes_desktop_ver .student_profile .class_detail p,ul.section.table-of-contents.left_fixed_menu li {
        font-size: 16px
    }

    .private_note a.notes_btn {
        padding: 13px 20px
    }

    .student-main .report_goal_btns h6 {
        margin-right: 10px!important;
        font-size: 14px
    }

    .classes_desktop_ver .scheduling-ul li .left-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .student-main .orange_bg_btn i {
        margin-left: 1px;
        font-size: 17px
    }

    .student-main .orange_bg_btn {
        padding: 7px;
        font-size: 13px
    }

    .assessment_modal {
        width: 80%;
        top: 1%!important
    }

    .assessment_modal .assessment_emoji i {
        font-size: 40px
    }

    .mdl-tabs__panel,.vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
        padding: 0 7px
    }

    .sub_cat_wrapper>.row>div.col_box {
        width: calc(100%/3)!important
    }

    .owl-item a.teachable_login {
        position: absolute;
        top: 54%;
        right: 20%;
        padding: 10px 15px;
        font-size: 12px
    }

    #res_pl>.row .col-instrument,#res_skills .col-instrument {
        width: calc(100%/3.2);
        margin: 0 3px
    }

    .container.materials-container {
        width: 100%
    }

    .app_download h4,.app_download.music2 h4,.app_download.music3 h4,.app_download.music4 h4 {
        color: #fff;
        font-size: 20px
    }

    .slide1_img {
        width: 100%!important;
        height: auto;
        margin: 0 auto;
        border-radius: 15px
    }

    #family-band {
        padding: 25px
    }

    .report-form {
        width: 94%
    }

    div.form_box_wrapper {
        padding: 15px
    }

    .private_note .expanded_notes {
        right: -17px;
        top: -24px
    }

    .form_box_wrapper .form_box_extras li {
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
}

@media (max-width:1023px) and (min-width:601px) {
    .student-main .orange_bg_btn {
        padding: 8px;
        font-size: 12px;
        margin-bottom: 10px
    }

    .family_contact .contact_email .email_phone {
        display: block;
        position: absolute;
        right: 9px;
        top: -20px;
        padding: 10px
    }

    .family_contact .contact_email .email_phone a i {
        font-size: 20px
    }

    .student-main .report_goal_btns h6 {
        margin-top: 10px!important
    }
}

@media only screen and (min-width:993px) {
    #login_carousel {
        height: 100vh!important
    }
}

@media only screen and (max-width:992px) {
    .row.login_row {
        height: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .edit_profile_pic {
        text-align: left
    }

    .students_count {
        font-size: 11px
    }

    .student-img>figure {
        float: left
    }

    .desktop_std_ver .class_sidenav {
        width: 300px
    }

    .desktop_std_ver .student-main .student_detail_right {
        margin-left: 300px;
        transition: margin-left .5s
    }
}

@media (max-width:991px) {
    .family-login form {
        padding: 18px 2rem
    }

    #sub-categories .card .subcat-terms li a {
        max-width: 8rem;
        padding: 0
    }

    .preview-report #report,.report-form {
        width: 93%!important
    }

    .private_note a.notes_btn {
        padding: 8px 7px
    }

    #club-keyboard,#family-band,#guitar-book,#music-games {
        padding: 25px 20px
    }

    .family-login input[type=submit] {
        padding: 18px 30px;
        font-size: 12px;
        margin: 10px auto
    }

    .family-login a.forgot_pass {
        margin: 13px 0
    }

    form.family_form label {
        font-size: 16px
    }

    #family-handbook {
        height: 50vh
    }

    .culb_btn a {
        padding: 15px 0;
        text-align: center
    }

    .student-img {
        position: unset
    }
}

@media (max-width:839px) {
    .classes_desktop_ver .mdl-cell.mdl-cell--9-col,.desktop_std_ver .mdl-cell.mdl-cell--9-col {
        width: 62%
    }

    .student-img>figure {
        width: 100%;
        height: 250px
    }

    .band_family_wrapper .band_family_left_title h3 {
        margin: 0;
        font-size: 15px;
        line-height: 1.5
    }
}

@media (max-width:768px) {
    .app_download {
        bottom: 21px
    }

    .classes_desktop_ver .student-main .student_detail_wrapper .student_profile li a {
        font-size: 18px!important
    }

    .classes_desktop_ver .student_profile .multi-users {
        display: none
    }

    ul.section.table-of-contents.left_fixed_menu li a {
        font-size: 15px
    }

    .sub_cat_wrapper .card .card-content .card-title {
        font-size: 15px;
        margin: 0
    }

    #sub-categories .card .subcat-terms li a {
        max-width: 7.5rem;
        padding: 0;
        font-size: 14px;
        height: 36px;
        line-height: 2.3
    }

    #sub-categories .card {
        padding: 10px 3px;
        border-radius: 15px
    }

    #sub-categories .col-instrument .ins_icon img {
        max-width: 120px;
        margin: auto;
        height: 63px
    }

    #res_pl>.row .col-instrument,#res_skills .col-instrument {
        margin: 0;
        padding: 4px
    }

    .dash-tab-content .big-3 .big-3-box h1 {
        margin: 8px 0;
        font-size: 3rem
    }

    .dash-tab-content .big-3 .big-3-box h3 {
        margin: 10px 0 0;
        font-weight: 500;
        font-size: 20px
    }

    .scheduling-ul li .left-list img {
        width: 30px;
        height: 30px
    }

    .scheduling-ul li .left-list a span {
        font-size: 18px
    }

    .scheduling-ul .mail-info i {
        font-size: 24px
    }
}

@media (max-width:767px) {
    #res_pl>.row,#res_skills>.row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    a.notes_btn span {
        display: none
    }

    .report-form .modal-content {
        padding: 10px
    }

    ul.section.table-of-contents.left_fixed_menu li a {
        font-size: 20px
    }

    .materials-menu,.materials-sections {
        width: 100%!important;
        margin: 0;
        float: unset
    }

    #sub-categories .col-instrument .ins_icon img {
        max-width: 79px;
        margin: auto;
        height: 90px
    }

    #res_pl>.row .col-instrument,#res_skills .col-instrument {
        min-height: 200px
    }

    #sub-categories .card .subcat-terms li a {
        max-width: 11.5rem;
        padding: 0;
        font-size: 16px;
        height: 50px;
        line-height: 3
    }

    .bmftv_course_content,.bmftv_lesson_content {
        overflow: auto;
        height: 100vh;
        width: 100%
    }
}

@media (max-width:600px) {
    ul.section.table-of-contents.left_fixed_menu {
        position: unset;
        margin: 0;
        padding: 20px 0;
        direction: ltr;
        transition: all .35s ease
    }

    .submit_resport_btns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        align-items: center
    }

    .submit_resport_btns button {
        font-size: 12px;
        padding: 8px 7px;
        margin: 5px 4px
    }

    .submit_resport_btns button i {
        font-size: 16px
    }

    .scheduling-ul li .left-list a .multi-users,.submit_resport_btns a.tool_tip_btn {
        display: none
    }

    .student-main .report_goal_btns h6 {
        margin-right: 10px!important;
        font-size: 18px
    }

    .student-main .report_goal_btns h6 strong {
        font-weight: 700;
        font-size: 16px;
        font-family: "Source Sans Pro",sans-serif
    }

    .band_family_wrapper .band_family_left_title h3 {
        margin: 0;
        font-size: 20px;
        line-height: 1.5
    }

    .assessment_modal .assessment_emoji i {
        font-size: 32px
    }

    .sub_cat_wrapper>.row>div.col_box {
        width: calc(100%)!important
    }

    .classes_mobile_ver {
        display: block
    }

    .gdrive-upload-overlay {
        width: 100%;
        height: 100%;
        background-color: #fff3e0;
        z-index: 10;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 8px
    }

    .gdrive-upload-border {
        width: 100%;
        height: 100%;
        border-style: dashed;
        border-color: #dd6b1e;
        border-radius: 8px
    }

    .student-main .student_detail_wrapper .student_profile li a {
        font-size: 18px
    }

    .student-main .orange_bg_btn {
        padding: 7px 10px;
        margin: 10px 3px;
        font-size: 13px;
        height: 35px;
        line-height: 22px
    }

    .std_profile_title .student-main .orange_bg_btn {
        padding: 7px 10px;
        margin: 15px 3px;
        font-size: 15px
    }

    .student-main .profile_title {
        font-size: 18px;
        margin: 7px
    }

    .student-img>figure {
        float: none;
        margin: 15px auto;
        width: 100%;
        height: 250px
    }

    .list_wrapper a#schedule-back {
        margin: 30px 4px;
        font-size: 30px;
        display: block
    }

    .scheduling-ul li .left-list a span {
        font-size: 20px;
        max-width: 59%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 0;
        margin-left: unset;
        padding-left: 10px
    }

    #res_pl>.row .col-instrument,#res_skills .col-instrument {
        width: 98%;
        margin: 0 3px;
        min-height: 200px
    }

    .schedule_tabs {
        margin-bottom: 5px
    }

    #upcoming li:last-child a>i {
        max-width: 24px
    }

    .student-main .student-info p {
        margin: 0 0 6px;
        font-size: 12px;
        font-weight: 500
    }

    .schedule_tabs li:nth-child(2) a i {
        font-size: 35px;
        margin: 6px
    }

    #archived li:not(:first-child) .left-list a,#upcoming li:not(:first-child) .left-list a {
        font-size: 15px;
        max-width: 100%
    }

    .schedule_tabs a i {
        font-size: 44px
    }

    #upcoming_tabs li a {
        font-size: 18px!important
    }

    #archived li:first-child a {
        font-size: 20px!important
    }

    #archived li:not(:first-child) .left-list a.right-align {
        max-width: 24px
    }

    form.family_form label {
        width: 242px;
        font-size: 13px;
        height: 45px!important
    }

    #sub-categories .col-instrument .ins_icon {
        top: 80px
    }

    .sub_cat_wrapper .card .card-content .card-title {
        font-size: 20px
    }

    #sub-categories .col-instrument .ins_icon img {
        max-width: 79px;
        margin: auto;
        height: 90px
    }

    .scheduling-ul li .left-list a,div.form_box_wrapper .form_box_title h2 {
        font-size: 15px
    }

    .schedule_ul .scheduling-ul li .left-list a {
        font-size: 15px;
        max-width: none;
        width: 100%
    }

    .scheduling-ul li .left-list img {
        margin-left: 4px;
        width: 30px;
        height: 30px;
        display: none
    }

    .student-main .scheduling-ul li .left-list a span {
        font-size: 12px;
        width: 35%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    form.family_form input {
        height: 45px!important;
        font-size: 13px!important;
        padding: 0 10px!important
    }

    .field-icon {
        right: 11px;
        top: 36px
    }

    .sec-title {
        font-size: 32px;
        padding: 0 0 10px
    }

    #family_carousel .item_content p,.student_detail li a {
        font-size: 15px!important
    }

    #family_carousel .item_content h2 {
        font-size: 22px!important;
        line-height: 1
    }

    .step1_row,.step2_row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .step1_row>div.col,.step2_row>div.col {
        width: 100%!important
    }

    .step2_row>div.col.step2_bg_left {
        height: 160px
    }

    .step2_row>div.col.step2_bg_left .item_content {
        position: absolute;
        bottom: 0;
        left: 30px;
        right: 0;
        margin: 0!important;
        width: 75%
    }

    .step2-wrapper>h5 {
        margin-top: 14px
    }

    .step2-wrapper .step-2 {
        margin: 10px 0
    }

    .step2-wrapper .step-2 .step2_bg {
        padding: 55px 0!important
    }

    .step2-wrapper .step-2 .step-2-content h6 {
        font-size: 20px;
        margin: 22px 0 0
    }

    .step2-wrapper .step-2 .step-2-content {
        padding: 5px 10px 10px;
        position: relative
    }

    .home_bg,.upload_mp3 label .cus-file-input::before,a.notes_btn span {
        display: none
    }

    .step1_row .item_content.step1 {
        padding: 20px 23px!important
    }

    .family-login form {
        padding: 6px 1.9rem 6px 1rem
    }

    .family-login input[type=submit] {
        padding: 11px 30px;
        font-size: 12px;
        margin: 6px auto
    }

    .app_download.music2 {
        left: unset;
        right: 2rem;
        top: unset;
        bottom: 7px
    }

    .app_download.music2 h4,.app_download.music3 h4 {
        color: #fff;
        font-weight: 400;
        font-size: 14px;
        line-height: 1.3
    }

    #music-games .app_download.music4 h4 {
        margin: 15px 0;
        font-weight: 400;
        font-size: 13px;
        line-height: 1.3
    }

    .music-games-footer {
        padding: 12px;
        margin-top: 30px
    }

    #music-games a.download_game {
        padding: 5px 6px 5px 8px;
        margin-left: 6px
    }

    .app_download.music3 h4 span,.report_checklist thead tr th {
        font-size: 13px
    }

    #club-keyboard,#family-band,#guitar-book,#music-games {
        padding: 25px 10px
    }

    #music-games a.download_game img {
        padding: 0 0 0 5px;
        margin-left: 6px;
        max-width: 25px
    }

    a.notes_btn {
        text-align: center;
        padding: 8px!important;
        border: 0!important;
        box-shadow: none!important
    }

    .private_note a.notes_btn>i {
        vertical-align: middle;
        margin-left: 0
    }

    .private_note .expanded_notes {
        right: -17px;
        width: 100%;
        min-width: 294px;
        top: -24px
    }

    .report-form .form-wrapper h2.band_date {
        font-size: 19px
    }

    .report_checklist .chip {
        padding: 0 12px;
        width: 103px;
        font-size: 12px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .search_box #search-input-report {
        margin-left: 30px
    }

    .report-form .form-wrapper {
        padding: 10px;
        border-radius: 8px
    }

    .songs_toggle_box .search_box i {
        font-size: 25px;
        margin-right: 0
    }

    .songs_toggle_box .pick_resource {
        font-size: 12px;
        font-weight: 400;
        width: auto;
        margin: 23px auto 0
    }

    ul#record-list-report li .list_report_wrap p.airtable-src-name {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    div.form_box_wrapper .floating_plus .toggle_plus i {
        font-size: 35px!important
    }

    .songs_toggle_box .search_box,.songs_toggle_box .upload_mp3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .upload_mp3 label .cus-file-input {
        margin-left: 0;
        max-width: 245px
    }

    .songs_toggle_box .search_box {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .upload_mp3 .upload_mp3_btn {
        margin: 18px 6px 8px
    }

    .app_download {
        bottom: 8px
    }

    #report_preview,.report-form {
        width: 92%!important
    }

    .owl-item a.teachable_login {
        top: 54%;
        right: 17%;
        padding: 3px 10px;
        font-size: 10px
    }

    .assessment_modal.setting-modal-teacher {
        width: 96%
    }

    .circle.setting_profile_pic {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: auto
    }

    .setting-modal-teacher .setting_user {
        padding-left: 0;
        text-align: center;
        margin: 20px 0;
        display: block
    }

    .setting-modal-teacher .setting_user h2 {
        font-size: 30px
    }

    form.setting_form {
        margin: 10px 0 5px
    }

    .dash-tab-content .big-3 .big-3-box {
        width: 100%;
        margin: 10px 0
    }

    .dash-tab-content .big-3 {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap
    }

    .dash-tab-content .roster-row .roster-box {
        padding: 13px;
        font-size: 14px;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .scheduling-ul .mail-info i {
        color: #8e8e8e;
        font-size: 19px;
        margin: 10px 3px
    }

    .dashboard-tabs.tabs .tab a {
        font-size: 12px
    }

    .right_teacher_side figure.teach_img {
        max-width: 59px;
        min-width: 100px;
        height: 100px
    }

    .left_teacher_side .con_icons i,.steps_slider .carousel-item .slide_text h2 {
        font-size: 20px
    }

    .teacher-box {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .dash-tab-content .dash-sec-title {
        font-size: 18px;
        margin-bottom: 5px;
        margin-top: 5px!important;
        line-height: 24px
    }

    .contacts.chip {
        font-size: 16px
    }

    .contact_emails h5 {
        color: #676e7c;
        margin: 14px 0;
        font-size: 15px;
        font-weight: 400
    }

    .left_teacher_side h5 {
        font-size: 14px
    }

    .steps_slider .carousel-item .slide_text p {
        font-size: 12px;
        font-weight: 300
    }

    .steps_slider {
        height: 300px!important;
        margin-bottom: 40px
    }

    .steps_slider .carousel-item {
        min-height: 270px
    }

    .steps_slider .carousel-item.amber .slide_text h2 {
        font-size: 28px
    }

    .steps_slider .carousel-item .slide_icon img {
        margin-right: 25px;
        max-width: 135px;
        height: 75px;
        margin-left: -25px
    }

    .student-img.desktops {
        display: none
    }

    .d-flex.valign-wrapper.mobile,.s_tilte {
        display: block
    }

    .s_tilte {
        text-align: center;
        font-size: 20px;
        padding: 0;
        margin: 0;
        font-weight: 600
    }

    .classes_mobile_ver .student_homerock .homerock_right_tabs a.attached_pdf {
        width: 100%
    }
}

.students_mobile_version .report_goal_btns {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-top: 5px
}

.students_mobile_version ul#record-list-report li .list_report_wrap .chip {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#history_modal_mob .tab_icons,.students_mobile_version .tab_icons {
    padding: 15px 0;
    text-align: center
}

.students_mobile_version .student-main .scheduling-ul .bands-students li .left-list a span,.students_mobile_version .student-main .scheduling-ul .pl-students li .left-list a span {
    font-size: 15px;
    width: 100%;
    padding-left: 0
}

.students_mobile_version .student-main .scheduling-ul .bands-students li .left-list a,.students_mobile_version .student-main .scheduling-ul .pl-students li .left-list a {
    max-width: none
}

.students_mobile_version .student-main .student-info {
    padding: 15px 10px;
    border-radius: 8px
}

.students_mobile_version .row.family_contact {
    margin: 10px
}

.students_mobile_version .student_questionare .question-list-wrapper figure img {
    width: 115px
}

.students_mobile_version .student_questionare .questionares_list ul li a {
    font-size: 12px!important;
    padding: 5px 10px;
    color: #707070!important
}

.students_mobile_version .report_goal_btns a.btn,.students_mobile_version .report_goal_btns a.orange_bg_btn {
    padding: 7px 10px!important;
    font-size: 13px!important
}

.resources_wrapper .card-content h5,.students_mobile_version .question_box>h2 {
    font-size: 16px
}

.students_mobile_version #student_name,.students_mobile_version .std_profile_title {
    padding: 0 10px
}

.mobile_view,.mobile_view .student_detail,body.teacher_breadcrumbs {
    display: block
}

.mobile_view .owl-item>div {
    height: auto
}

.students_mobile_version .question-list-wrapper.align-items-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.students_mobile_version .sorting-buttons a {
    font-size: 10px
}

.mobile_view.student-main .student_profile li:first-child {
    border-radius: 8px
}

.mobile_view .student_homerock h4.left-align {
    text-align: center;
    padding: 10px 0 35px!important;
    margin: 0;
    font-size: 20px
}

.mobile_view a#schedule-back {
    margin: 5px 0
}

.mobile_view.student-main .orange_bg_btn {
    width: 50%;
    text-align: left;
    padding: 10px;
    font-size: 13px;
    height: 35px
}

.mobile_view.student-main .orange_bg_btn i {
    float: right
}

.mdl-tabs__panel,.mobile_view .vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
    padding: 0
}

.classes_mobile_ver .homerock_right_tabs a.homerock_attachment,.mobile_view .homerock_right_tabs a.attached_pdf {
    padding: 5px 0 5px 7px;
    width: 100%;
    display: flex;
    color: #333;
    margin: 5px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 6px;
    border: solid 2px #a7a7a7;
    align-items: center
}

.student_homerock .homerock_right_tabs li a {
    font-size: 12px!important;
    padding: 0 5px
}

.mobile_view .student_homerock .create_homerock_btn {
    margin: 10px 0 0;
    width: 100%;
    text-align: center
}

.students_mobile_version .scheduling-ul li .left-list a {
    font-size: 15px!important;
    max-width: none;
    width: 100%
}

.mob_report_tabs {
    padding: 0!important
}

.classes_mobile_ver .homerock_right_tabs .tabs,.mobile_view .homerock_right_tabs .tabs {
    background-color: #f0f0f0
}

#edit-mytemplate ul#my_template_tabs.tabs .tab a,.classes_mobile_ver .homerock_right_tabs .tabs .tab a,.mobile_view .homerock_right_tabs .tabs .tab a {
    color: #333;
    background-color: #f0f0f0;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 24px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transition: color .28s ease,background-color .28s ease;
    transition: color .28s ease,background-color .28s ease
}

.classes_mobile_ver .homerock_right_tabs .tabs .tab a:hover,.mobile_view .homerock_right_tabs .tabs .tab a:hover {
    background-color: transparent;
    color: #ef6c00
}

#edit-mytemplate ul#my_template_tabs.tabs .tab a:focus.active,.classes_mobile_ver .homerock_right_tabs .tabs .tab a.active,.mobile_view .homerock_right_tabs .tabs .tab a.active,.tabs .tab a:focus.active {
    background-color: #fff;
    color: #dd6b1e;
    border-radius: 5px 5px 0 0
}

#edit-mytemplate ul#my_template_tabs.tabs .indicator,.classes_mobile_ver .homerock_right_tabs .tabs .indicator,.mobile_view .homerock_right_tabs .tabs .indicator {
    background-color: #dd6b1e;
    padding: 0!important
}

.mobile_view .mobile_view .vertical-mdl-tabs.mdl-tabs.is-upgraded .mdl-tabs__panel>h6 {
    margin-top: 5px
}

.mobile_view .tab_icons i {
    font-size: 27px;
    color: #ef6c00
}

.mobile_view .student_homerock .mdl-grid .mdl-tabs__tab-bar.left_tab {
    display: none
}

.mobile_view .owl-carousel .owl-nav {
    position: absolute;
    top: 43px;
    border-radius: 5px;
    text-align: center;
    z-index: 1;
    height: 30px;
    width: 210px;
    padding: 20px 30px!important;
    margin: 0 0 0 -105px;
    left: 50%;
    font-weight: 600
}

.classes_mobile-slider .owl-nav button,.mobile_view .owl-carousel .owl-nav button {
    position: absolute;
    left: 10px;
    top: 9px;
    font-size: 32px!important;
    color: #ef6c00!important
}

.mobile_view .mdl-tabs {
    position: relative
}

.mob_report_content {
    background-color: #fff;
    padding: 20px!important
}

.classes_mobile_ver .mob_report_content a,.classes_mobile_ver .mob_weekly_goal a,.mob_report_content a {
    color: #dd6b1e
}

.dynmic_date {
    background: #fff3e0;
    height: 40px;
    margin: -50px auto 0;
    font-size: 22px;
    padding: 8px 0 0
}

.classes_mobile-slider .mdl-tabs__panel {
    padding: 0 17px!important
}

.classes_mobile-slider .owl-nav button {
    top: 5px
}

.classes_mobile-slider .owl-nav button.owl-next,.mobile_view .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 10px
}

.classes_mobile-slider .owl-nav,.dynmic_date {
    border-radius: 5px;
    display: block!important;
    width: 210px
}

.classes_mobile-slider .owl-nav {
    position: absolute;
    top: -53px;
    text-align: center;
    z-index: 1;
    height: 30px;
    padding: 20px 30px!important;
    margin: 0 0 0 -105px;
    left: 50%
}

.classes_mobile_ver .mdl-tabs {
    margin-top: 55px
}

.classes_mobile_ver .tab_icons i {
    font-size: 25px;
    color: #ef6c00
}

.classes_mobile_ver .scheduling-ul li .left-list a {
    max-width: none;
    font-size: 15px!important
}

.classes_mobile_ver .student-main .scheduling-ul li .left-list a span,a.login-text {
    font-size: 15px
}

.classes_mobile_ver .scheduling-ul li .left-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.classes_mobile_ver .scheduling-ul li .left-list p {
    margin-bottom: 5px
}

.classes_mobile_ver .student_homerock h4,.dynmic_date {
    text-align: center
}

.classes_mobile_ver .students_class img.class_icon {
    max-width: 40px;
    width: 100%;
    margin-right: 18px
}

.classes_mobile_ver .student_profile {
    border-radius: 8px;
    overflow: hidden
}

.classes_mobile_ver .students_class {
    padding: 5px 15px
}

.bmftv_course_menu .card.medium .card-image img,.classes_mobile_ver .owl-carousel .owl-stage-outer {
    overflow: visible
}

.classes_mobile_ver .tab_icons {
    padding: 15px 0;
    text-align: center
}

.sidenav li.active a,.sidenav li.active a i,.sidenav li.active a span {
    color: #dd6b1e!important
}

a.login-text {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 8px
}

.banner-add-slider .carousel.carousel-slider {
    height: 435px
}

.banner-add-slider .carousel .indicators .indicator-item {
    margin: 10px 4px
}

.picker-dialog-bg {
    z-index: 999999!important
}

.picker-dialog {
    z-index: 99999999!important
}

.nothing_found_cat {
    max-width: 800px;
    margin: 50px auto 0
}

.nothing_found_cat img {
    max-width: 100%
}

.student-back-btn {
    margin: -50px -50px -50px -40px
}

.student-back-btn i {
    color: #ef6c00!important
}

#sub-categories .card .subcat-terms li a.deep-purple.darken-1 {
    background-color: #5e35b1!important
}

#res_skills .card .subcat-terms ul li>a {
    background: #1565c0!important
}

#pl_student_profile .row.family_contact {
    display: inline-block
}

.std_profile_info_wrapper {
    margin-top: 60px
}

.profile_skill_level i {
    font-size: 20px;
    color: #dd6b1e;
    margin-left: 5px;
    filter: drop-shadow(1px .5px 1px orange);
    position: relative;
    top: 4px
}

.profile_skill_level select {
    display: inline-block !important;
    float: none !important;
    font-size: 16px;
    height: 22px
}

.student_notes_scrollview {
    height: 200px;
    overflow: scroll;
    background: 0 0!important;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.student_notes_scrollview::-webkit-scrollbar {
    display: none
}

#band_student_profile .row.family_contact {
    max-width: initial
}

.band_chips .chip i {
    margin: 14px 0 14px 10px
}

.ql-toolbar span.ql-formats .select-wrapper {
    display: none
}

@media only screen and (min-width:993px) {
    .banner-add-slider .carousel.carousel-slider {
        height: 332px
    }
}

.all_teachers {
    padding: 10px 15px;
    background: #fff3e0;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    border-radius: 14px;
    margin-top: 3rem
}

.all_teachers h5 {
    margin: 15px 10px 20px;
    font-family: "Source Sans Pro";
    color: #2c2c2c;
    font-size: 22px;
    word-break: break-all
}

.teachers_list {
    width: 100%;
    overflow: hidden;
    border: 1px solid #909090;
    border-radius: 15px;
    background: #fff;
    box-shadow: none
}

.teachers_list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #707070;
    width: 100%;
    font-size: 18px;
    align-items: center;
    font-family: "Source Sans Pro",sans-serif;
    padding: 5px 15px;
    border-color: #909090
}

.teachers_list li:last-child a {
    border-bottom: 0
}

.teachers_list li img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 10px;
    overflow: hidden;
    border: 2px solid #ef6c00;
    margin-left: 12px
}

.teachers_list li .collapsible-body {
    padding: 10px 15px;
    background-color: #484848;
    color: #fff;
    border-bottom: 0
}

.teachers_list li .collapsible-body a {
    color: #fff;
    display: inline-block;
    width: auto;
    letter-spacing: 1px;
    font-weight: 600;
    transition: all .35s ease;
    font-family: "Source Sans Pro",sans-serif
}

.teachers_list li .collapsible-body a:hover {
    color: #ef6c00;
    font-weight: 600;
    transition: all .35s ease
}

.teacher_filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 25px 0;
    padding: 10px
}

.teacher_filter>p {
    margin: 0;
    font-size: 20px
}

.teacher_filter .input-field {
    margin: 0 10px;
    color: #ef6c00
}

.teacher_filter .dropdown-content li span {
    color: #ef6c00;
    font-size: 14px;
    padding: 0 10px 5px 28px
}

.teacher_filter .dropdown-content li.optgroup span {
    font-weight: 700;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 15px
}

.teacher_filter .dropdown-content li [type=checkbox]:checked+span:not(.lever):before {
    top: 2px;
    left: 0;
    width: 8px;
    height: 15px;
    border-right: 2px solid #ef6c00;
    border-bottom: 2px solid #ef6c00
}

.teacher_filter .input-field input {
    color: #ef6c00;
    font-size: 18px;
    height: 2rem;
    width: 100%;
    max-width: 250px;
    min-width: 250px;
    padding-right: 20px;
    border-bottom: 1px solid #ef6c00!important
}

.teacher_filter .dropdown-content {
    overflow-x: hidden
}

.teacher_filter .dropdown-content li {
    min-height: 30px!important;
    line-height: 30px!important
}

.roster_teacher_modal .modal-close {
    position: absolute;
    right: 0;
    top: 14px
}

.roster_teacher_modal .modal-close i {
    font-size: 30px
}

.roster_teacher_modal {
    padding: 20px;
    border-radius: 25px
}

body.student_readonly .open_student_sidenav {
    text-align: left;
    position: absolute;
    left: 0;
    z-index: 11;
    transition: all .35s ease;
    top: 120px
}

body.student_readonly .desktop_std_ver .student-main .student_detail_right {
    background-color: #fff4e04a;
    opacity: .8
}

body.student_readonly .student-main .student_profile li:first-child {
    background: #5f5f5f;
    pointer-events: none
}

body.student_readonly .contact_email a,body.student_readonly .drive_wrapper,body.student_readonly .question_box,body.student_readonly .questionares_list {
    pointer-events: none
}

.class_sidenav {
    padding-top: 0
}

body .teacher_breadcrumbs {
    display: block;
    width: 100%;
    background: #5f5f5f;
    position: fixed;
    padding: 6px;
    z-index: 999;
    color: #fff
}

body .teacher_breadcrumbs li {
    display: inline-block;
    list-style: none;
    font-size: 20px;
    padding-left: 15px;
    font-weight: 400
}

body .teacher_breadcrumbs li:first-child::after {
    font-family: "Font Awesome 5 Free";
    content: "\f054";
    display: inline-block;
    padding-right: 2px;
    vertical-align: middle;
    font-weight: 600;
    margin-left: 22px;
    font-size: 16px
}

body .teacher_breadcrumbs li:nth-child(2) {
    font-weight: 600;
    padding-left: 0px;
    top: 2px;
    position: relative;
}

.teacher_breadcrumbs {
    display: none
}

body.student_readonly .teacher_breadcrumbs ul {
    margin: 0;
    padding: 0
}

@media only screen and (max-width:767px) {
    .faq_sec .collapsible-body .d-flex {
        display: block
    }
}

label.cabinet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

label.cabinet button.uploadcare--widget__button.uploadcare--widget__button_type_open {
    margin-top: 10px
}

.student-img .croped_image>img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%
}

label.cabinet input.file {
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    margin-top: -30px
}

#upload-demo {
    width: 250px;
    height: 250px;
    padding-bottom: 25px
}

figure figcaption {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding-left: 9px;
    padding-bottom: 5px;
    text-shadow: 0 0 10px #000
}

.gig-listing {
    padding: 0 20px;
    font-size: 15px
}

.gig-listing-detail {
    padding: 0 20px;
    font-size: 16px;
    font-style: italic;
    font-weight: 300
}

ul.tabs.tabs-fixed-width.class_tabs {
    height: 55px;
    background: #fff3e0;
    box-shadow: none
}

ul.tabs.tabs-fixed-width.mobile_class_tabs {
    height: 45px;
    background: #fff3e0;
    box-shadow: 0 2px 10px 0 #3333334a
}

ul.tabs.tabs-fixed-width.class_tabs .indicator,ul.tabs.tabs-fixed-width.mobile_class_tabs .indicator {
    background-color: #ef6c00;
    padding: 2px 15px
}

ul.tabs.tabs-fixed-width.class_tabs li,ul.tabs.tabs-fixed-width.mobile_class_tabs li {
    border-bottom: 0;
    padding: 0;
    background: 0 0
}

ul.tabs.tabs-fixed-width.class_tabs li>a,ul.tabs.tabs-fixed-width.class_tabs li>a:focus,ul.tabs.tabs-fixed-width.mobile_class_tabs li>a,ul.tabs.tabs-fixed-width.mobile_class_tabs li>a:focus {
    color: #ef6c00;
    font-size: 20px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    padding: 10px 0;
    text-transform: capitalize;
    background: 0 0;
    letter-spacing: 1px
}

ul.tabs.tabs-fixed-width.mobile_class_tabs li>a,ul.tabs.tabs-fixed-width.mobile_class_tabs li>a:focus {
    font-size: 12px!important
}

.contact_tab {
    padding-left: 15px!important;
    padding-top: 7px
}

.contact_tab h5 a,.contact_tab h5 a:hover,.contact_tab h5 b {
    color: #555;
    transition: all .35s ease
}

.contact_tab h5 a:hover {
    color: #ef6c00
}

ul.contact_tab h5 {
    color: #777;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 15px 0
}

ul.mob_contact_tab h5 {
    font-size: 12px
}

#upcoming_class_button,div#upcoming_class_msg {
    text-align: center;
    margin-bottom: 15px
}

#upcoming_class_button h2,div#upcoming_class_msg h2 {
    margin: 0;
    line-height: 1.3;
    font-size: 18px
}

div#upcoming_class_msg h2 a {
    color: #ef6c00;
    font-weight: 900;
    text-decoration: underline
}

div#upcoming_class_button a {
    background: #ef6c00;
    padding: 18px 15px;
    margin: 20px 0 0;
    display: inline-block;
    border-radius: 15px;
    color: #fff;
    font-weight: 900;
    text-transform: capitalize;
    font-size: 20px
}

.game_card .card-action a,.resources_wrapper .card.orange .card-action a {
    font-size: 14px!important;
    font-weight: 600;
    margin-right: 6px!important
}

.resources_wrapper .card.orange .card-action a i {
    font-size: 14px!important;
    vertical-align: middle;
    padding: 4px!important;
    line-height: 1.4
}

.resources_wrapper .card.orange .card-content label input:not(:checked)+span:before {
    display: none
}

.resources_wrapper .card-action .dropdown {
    float: none
}

.resources_wrapper .card-action .dropdown-content {
    left: 0!important;
    right: unset!important;
    min-width: 250px;
    top: unset!important;
    bottom: 35px;
    background: #fff
}

.resources_wrapper .card-action .dropdown-content .res-share-modal {
    min-width: 250px
}

.resources_wrapper .card-action .dropdown-content .triangle-left {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #707070;
    position: absolute;
    top: unset;
    right: unset;
    z-index: 11;
    bottom: -13px;
    left: 20px;
    transform: rotate(180deg)
}

.resources_wrapper .card-action .res-share a.btn {
    margin: 20px 0 10px 25px;
    background-color: #707070;
    transition: all .35s ease;
    line-height: 2.8
}

.resources_wrapper .card-action .res-share-modal a.btn {
    margin: 15px 0 13px 13px;
    background-color: #707070;
    transition: all .35s ease
}

.share_select,.share_select:focus {
    width: 90%;
    margin-left: 12px;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    outline: 0
}

.res-share-modal.share_selected a.waves-effect.waves-light.btn {
    background: #ef6c00
}

.tv-sidenav {
    padding-top: 0;
    border-right: 1px solid #ccc;
    width: 30%
}

.bmftv-topnav {
    display: block;
    width: 100%;
    background: #5f5f5f;
    position: fixed;
    padding: 6px;
    z-index: 999;
    color: #fff
}

.lesson-coursetitle-div {
    border-bottom: 2px #d8d8d8 solid;
    margin-bottom: 0;
    margin-top: -25px;
    content: "";
    z-index: 1;
    bottom: 0;
    background-color: #fff3e0;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%
}

.lesson-coursetitle-header {
    font-family: Rockwell;
    padding-left: 20px;
    padding-top: 15px;
    padding-right: 15px
}

.course-progress {
    padding-bottom: 0;
    width: 90%!important;
    margin: 0 auto!important;
    background: 0 0!important;
    position: relative
}

.course_cat_ .locked {
    background-color: #f0f0f0;
    position: relative
}

.course_cat_ .locked .card-image {
    opacity: .4
}

.course_cat_ .locked .card-content,.course_cat_ .locked .percent-complete,.course_cat_ .locked .start_course {
    color: gray
}

.bmftv-category-select .dropdown-content {
    overflow: scroll
}

.bmftv-category-select [type=checkbox]:checked+span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #ef6c00;
    border-bottom: 2px solid #dd6b1e;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

.bmftv-category-select [type=checkbox]+span:not(.lever):before,[type=checkbox]:not(.filled-in)+span:not(.lever):after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #ef9a00;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: .2s;
    transition: .2s
}

.tv-sidenav .chapter-title {
    padding: 15px 0 15px 20px;
    font-size: 20px;
    font-weight: 500;
    margin: 0
}

.tv-sidenav .classes_wrapper .students_class {
    padding: 10px;
    background: #cccccc30
}

.bmftv_lesson_content {
    width: 70%;
    overflow: auto;
    height: 100vh;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.bmftv_course_content::-webkit-scrollbar,.bmftv_course_menu .card-content::-webkit-scrollbar,.bmftv_lesson_content::-webkit-scrollbar,.tv-sidenav .scheduling-ul::-webkit-scrollbar {
    display: none
}

.bmftv_course_content {
    overflow: auto;
    height: 100vh;
    width: 70%
}

.bmftv_course_content,.tv-sidenav .scheduling-ul {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.bmftv_course_menu .card.medium {
    height: 190px
}

.bmftv_menu_display_cat {
    font-family: 'Rockwell';
    font-size: 35px;
    color: #666
}

.bmftv_course_menu .card.medium .card-image {
    overflow: visible;
    padding: 0
}

.bmftv_course_menu .card-title {
    font-weight: 700
}

.bmftv_course_menu .card-content {
    max-height: 100%!important;
    overflow: overlay!important;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.bmftv_course_menu .card-action {
    background-image: linear-gradient(-142deg,#fff3e0,#fcfcfc)
}

.bmftv_course_menu .card-action .start_course {
    font-weight: 800
}

.bmftv_course_menu .card-action .course_percent {
    font-size: 20px;
    margin-right: -5px!important
}

.bmftv_course_categories {
    padding-top: 10px;
    margin-bottom: 35px
}

.bmftv_course_categories .chip {
    line-height: 25px;
    height: 25px;
    font-size: 10px;
    border-radius: 13px
}

.class_sidenav.play_sidenav {
    padding-top: 0
}

.play_sidenav .student-name {
    padding-left: 15px;
    font-size: 14px;
    font-weight: 500;
    margin: 0
}

.play_sidenav .students_class ul.main_ul {
    border-radius: 0;
    padding: 7px;
    background: 0 0;
    border: 0
}

.play_sidenav .scheduling-ul li .left-list a h6.less_name {
    padding: 0 0 4px;
    color: #666;
    margin: 0;
    font-size: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 99%
}

.play_sidenav .scheduling-ul li .left-list a h6.less_name~span {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 99%;
    line-height: 1
}

.play_sidenav .scheduling-ul li .left-list a span {
    padding: 0;
    color: #666;
    display: inline-block;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 11px;
    line-height: .5
}

.play_sidenav .scheduling-ul li .left-list a span.material-icons {
    font-family: "Material Icons";
    font-size: 28px;
    margin-right: auto;
    margin-left: 0
}

.play_sidenav .classes_wrapper .students_class {
    padding: 0
}

.play_sidenav ul.main_ul .left-list a {
    padding: 20px 15px!important;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: visible
}

.play_sidenav ul.main_ul a.current h6,.play_sidenav ul.main_ul a.current span {
    color: #ef6c00!important;
    transition: all .35s ease
}

h1.play-welcome-text {
    color: #ef6c00;
    margin-top: 0;
    margin-bottom: 35px;
    font-size: 40px;
    font-family: Rockwell
}

.play-dashboard li {
    font-size: 20px;
    font-weight: 500;
    color: #ef6c00;
    padding-bottom: 30px
}

.play-dashboard li span:nth-child(2) {
    color: #666;
    padding-left: 4px;
    width: 355px;
    display: inline-block
}

.play-dashboard li span:first-child {
    font-weight: 600
}

.play-dashboard li span:last-child {
    padding-left: 27px;
    vertical-align: middle;
    color: #333;
    font-size: 22px;
    width: 48px!important;
    text-align: center;
    display: inline-block
}

.pah_add_btn:hover {
    background-color: transparent!important;
    color: #dd6b1e;
    transition: color .4s ease
}

.pah_add_btn:focus {
    background-color: transparent!important;
    color: #696969
}

.game_card .card-action a i {
    font-size: 14px!important;
    vertical-align: middle;
    padding: 4px!important;
    line-height: 1.4
}

.game-card-content {
    min-height: 150px
}

#myform,#myform .counter-btns,.game-counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#myform .counter-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#myform .qty,#myform .qty:active,#myform .qty:focus,#myform .qty:focus-within {
    width: 40px;
    height: 25px;
    text-align: center;
    border: 0!important;
    margin: 0;
    box-shadow: none
}

#myform button.qtyminus,#myform button.qtyplus {
    width: 40px;
    height: 10px;
    background: 0 0;
    border: 0;
    cursor: pointer
}

#myform button span {
    line-height: .4;
    font-size: 28px
}

.game-counter p {
    margin: 0;
    line-height: 1.3;
    width: 112px;
    font-size: 12px;
    text-align: right
}

.game-counter .dropdown-content {
    position: absolute;
    background-color: #fff;
    min-width: unset!important;
    box-shadow: none;
    padding: 0;
    z-index: 1;
    right: unset!important;
    margin-left: auto;
    border-radius: 3px;
    border: 1px solid #707070;
    overflow: unset;
    top: 0!important
}

.student-main .play_sidenav .scheduling-ul ul.main_ul {
    overflow: visible!important
}

.student-main .play_sidenav .scheduling-ul ul.main_ul .input-field li {
    min-height: 30px;
    border: 0
}

.student-main .play_sidenav .scheduling-ul ul.main_ul .input-field li img {
    border: 0;
    max-width: 18px;
    width: 100%;
    height: auto;
    float: left;
    margin: 2px 0 0 9px
}

.student-main .play_sidenav .scheduling-ul ul.main_ul .input-field li span {
    font-size: 12px;
    padding: 7px;
    color: #000!important
}

#myform button span,.student-main .play_sidenav .scheduling-ul ul.main_ul .input-field li span.material-icons {
    font-family: "Material Icons"
}

#myform .input-field {
    padding: 0;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #707070;
    margin: 0 10px 0 0
}

#myform .input-field input {
    margin: 0;
    border: 0;
    padding: 0 5px;
    font-size: 12px
}

#game_confirm_delate_modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.4);
    transition: all .35s ease;
    max-height: none
}

#game_confirm_delate_modal .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 22%;
    text-align: center;
    border-radius: 10px
}

#game_confirm_delate_modal .modal-content a {
    display: inline-block;
    padding: 15px
}

#game_confirm_delate_modal .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700
}

#game_confirm_delate_modal .close:focus,#game_confirm_delate_modal .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.share-resource-modal .dropdown-content {
    position: absolute;
    background-color: #fff;
    min-width: unset!important;
    box-shadow: none;
    padding: 0;
    z-index: 11;
    right: unset!important;
    margin-left: auto;
    border-radius: 0;
    border: 1px solid #ddd;
    overflow: unset;
    top: 0!important;
    height: 170px!important;
    overflow: auto!important
}

.share-resource-modal {
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 40%;
    text-align: center;
    border-radius: 5px
}

.share-resource-modal .dropdown-content::-webkit-scrollbar-track,div.messages-container .chat_wrapper::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #f5f5f5
}

.share-resource-modal .dropdown-content::-webkit-scrollbar,div.messages-container .chat_wrapper::-webkit-scrollbar {
    width: 7px;
    background-color: #f5f5f5
}

.share-resource-modal .dropdown-content::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #888
}

.share-resource-modal .input-field li {
    min-height: 20px;
    border: 0
}

.share-resource-modal .input-field li span {
    color: #333;
    font-size: 12px;
    line-height: 15px
}

.share-resource-modal a span.material-icons {
    vertical-align: middle
}

.share-resource-modal .res-share-modal a.btn {
    margin: 0;
    transition: all .35s ease
}

.share-resource-modal .modal-close {
    position: absolute;
    right: 0;
    top: 14px
}

.card_table th,.card_table tr td {
    text-align: center;
    background: #fff;
    border: 1px solid #ddd
}

.mob_play_ul .students_class {
    padding: 0;
    border-radius: 5px;
    background: 0 0;
    box-shadow: none;
    border-bottom: 0!important
}

.mob_play_ul .students_class ul.main_ul {
    padding: 0;
    background: 0 0;
    border-radius: 0;
    border: 0
}

.mob_play_ul .students_class ul.main_ul li {
    margin-bottom: 12px;
    background: #e2e2e2;
    box-shadow: 0 4px 8px 0 #00000033;
    border-bottom: 0;
    padding: 12px;
    border-radius: 5px
}

.mob_play_ul.scheduling-ul li .left-list a h6 {
    margin: 0
}

.mob_play_ul.scheduling-ul li .left-list a span {
    padding: 0;
    font-size: 12px
}

.mob_play_ul.scheduling-ul li .left-list a span.material-icons {
    font-size: 24px
}

.mob_game_counter {
    margin-bottom: 100px;
    background: #fff3e0;
    padding: 10px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)
}

.mob_game_counter p {
    width: 100%;
    text-align: left;
    padding-bottom: 12px;
    font-weight: 600
}

.mob_game_counter .dropdown-content li span {
    font-size: 12px;
    padding: 0 8px;
    color: #333
}

.mob_game_counter .dropdown-content li {
    min-height: 20px;
    background: #fff
}

.mob_game_counter .select-dropdown li img {
    height: 20px;
    width: 20px;
    margin: 0 13px;
    float: right
}

.game-counter.mob_game_counter span.delete_game {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal.mob_game_del_modal .modal-content {
    width: 90%!important
}

.share-resource-modal.confirm {
    width: 28%;
    height: 20%
}

.share-resource-modal.confirm .modal-close {
    position: unset
}

.share-resource-modal.confirm .res_share_confirm_btns {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.share-resource-modal.confirm .res_share_confirm_btns a.modal-close,.share-resource-modal.confirm .sucess-msg .modal-close {
    background: 0 0;
    border: 1px solid #909090;
    border-radius: 5px;
    box-shadow: none;
    color: #909090;
    height: 30px;
    line-height: 30px;
    margin-right: 10px
}

.share-resource-modal.confirm .res_share_confirm_btns a.btn {
    background: 0 0;
    border: 1px solid #2fc151;
    border-radius: 5px;
    box-shadow: none;
    color: #2fc151;
    height: 30px;
    line-height: 30px
}

.share-resource-modal.confirm .sucess-msg h4 {
    color: #2fc151;
    font-size: 18px
}

.assement-cancle-modal {
    max-width: 110px;
    width: 100%!important;
    border-radius: 4px!important
}

ul#record-list_featued li {
    padding: 15px 25px;
    border: 1px solid
}

div.messages-container {
    background: #f2f2f2;
    font-family: "Source Sans Pro",sans-serif;
    padding: 0 0 1px!important
}

div.messages-container .chat_wrapper {
    min-height: calc(100vh - 360px)!important;
    overflow-y: auto;
    max-height: calc(100vh - 360px);
    padding: 0 20px
}

div.messages-container .chat_wrapper::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #777
}

.chat_wrapper .chat_list figure {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 15px 0 0
}

.chat_wrapper .chat_list figure>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.chat_wrapper .chat_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    border-bottom: 0
}

.chat_wrapper .chat_list li .chat_info p {
    margin: 0;
    font-size: 14px;
    line-height: 1.25;
    color: #707070;
    padding: 0 0 5px
}

.chat_wrapper .chat_list li.other_msg .msg_content {
    padding: 15px;
    background: #fff;
    border-radius: 15px 15px 15px 0;
    margin-top: 3px;
    max-width: 360px;
    font-size: 16px;
    line-height: 1.5
}

.chat_wrapper .chat_list li.other_msg .msg_content a {
    color: #00f;
    overflow-wrap: break-word
}

.chat_wrapper .chat_list li.my_msg .msg_content a {
    color: #ff0;
    overflow-wrap: break-word
}

.chat_wrapper .chat_list li .chat_info p,.chat_wrapper .chat_list li span.msg_time,.chat_wrapper .chat_list li.my_msg .msg_content,.chat_wrapper .chat_list li.other_msg .msg_content {
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left
}

.chat_wrapper .chat_list li span.msg_time {
    font-size: 11px;
    line-height: 2.5;
    color: #333;
    padding-left: 5px
}

.chat_wrapper .chat_list li.other_msg {
    float: left;
    clear: both;
    background: 0 0
}

.chat_wrapper .chat_list li.my_msg {
    float: right;
    clear: both;
    background: 0 0
}

.chat_wrapper .chat_list li.my_msg .msg_content {
    padding: 15px;
    background: linear-gradient(245deg,#ef6c00,#fa892d);
    border-radius: 15px 15px 0 15px;
    margin-top: 3px;
    max-width: 360px;
    font-size: 16px;
    line-height: 1.5;
    color: #fff
}

.chat-input-wrapper {
    width: 97%;
    border: 2px solid #ddd!important;
    border-radius: 6px!important;
    background: #fff;
    position: relative;
    height: 50px;
    margin: 0 auto 10px
}

.chat-input-wrapper.active {
    border-color: #ef6c00!important
}

.chat-input-wrapper input,.chat-input-wrapper input:active,.chat-input-wrapper input:focus {
    border: 0!important;
    border-bottom: 0!important;
    box-shadow: none!important;
    padding: 0 0 0 10px!important;
    background: 0 0!important;
    margin: 0!important;
    width: 94%
}

.chat-input-wrapper input::-webkit-input-placeholder {
    color: #ddd;
    font-size: 14px
}

.chat-input-wrapper input:-ms-input-placeholder {
    color: #ddd;
    font-size: 14px
}

.chat-input-wrapper input::placeholder {
    color: #ddd;
    font-size: 14px
}

.chat-input-wrapper.active input::-webkit-input-placeholder {
    color: #ef6c00
}

.chat-input-wrapper.active input:-ms-input-placeholder {
    color: #ef6c00
}

.chat-input-wrapper.active input::placeholder {
    color: #ef6c00
}

.chat-input-wrapper button[type=submit] {
    position: absolute;
    right: 2px;
    top: 11px;
    background: 0 0;
    border: 0;
    color: #ddd;
    outline: 0;
    cursor: pointer
}

.chat-input-wrapper.active button[type=submit] {
    color: #ef6c00
}

#submitted_notes div span a {
    color: #00f
}

span.new.badge {
    float: none;
    background-color: #ef6c00;
    font-size: 9px!important;
    padding: 5px;
    position: relative;
    left: -5px;
    top: -4px
}

@media (max-width:767px) {
    .chat_wrapper .chat_list li.my_msg .msg_content,.chat_wrapper .chat_list li.other_msg .msg_content {
        padding: 10px;
        font-size: 14px;
        max-width: 220px
    }

    .chat_wrapper .chat_list li .chat_info p {
        font-size: 12px
    }

    .chat_wrapper .chat_list figure {
        width: 40px;
        height: 40px;
        margin: 0 10px 0 0
    }

    ul.tabs.tabs-fixed-width.class_tabs li>a {
        font-size: 14px!important
    }

    .students_mobile_version .row.family_contact {
        margin: 10px 0
    }

    .students_mobile_version .report_goal_btns a.btn,.students_mobile_version .report_goal_btns a.orange_bg_btn {
        padding: 7px 6px!important;
        font-size: 12px!important;
        width: 100%
    }

    ul.tabs.tabs-fixed-width.class_tabs {
        height: 45px
    }

    .parent_history_modal {
        z-index: 100000000000!important;
        opacity: 1;
        top: 10%;
        width: 100%!important;
        min-width: 100%!important;
        min-height: 30em;
        position: absolute;
        bottom: 0
    }

    .parent_history_modal .maxh {
        max-height: 180px!important;
        min-height: 180px!important;
        margin-bottom: 20px
    }

    .parent_history_modal a {
        color: #dd6b1e
    }
}

.datepicker-modal {
    transform: scale(.7)!important
}

.picker__header select {
    display: inline-block!important
}

div.list_links a i.open_in_new {
    color: #dd6b1e
}

div#categories a i {
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
    margin-left: 6px;
    margin-bottom: 2px
}

div#episode_desc,div#preview_report strong,p strong {
    font-weight: 580
}

div#preview_report a {
    color: #06c
}

.bmf_cards,.wait_a_second {
    position: relative;
    height: 250px;
    background-color: orange;
    background-repeat: no-repeat;
    background-size: auto;
    overflow: hidden;
    margin-bottom: 0
}

.wait_a_second {
    background-color: #3d9db3
}

.was_icon {
    position: absolute;
    margin-left: 30%;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 280px!important;
    z-index: 0;
    color: #26808e;
    transform: rotate(15deg)
}

.was_popup {
    width: 768px;
    height: 432px
}

.major_minor {
    position: relative;
    height: 250px;
    background-color: #3d9db3;
    background-repeat: no-repeat;
    background-size: auto;
    overflow: hidden;
    margin-bottom: 0
}

.mm_icon {
    position: absolute;
    margin-left: 30%;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 280px!important;
    z-index: 0;
    color: #26808e;
    transform: rotate(15deg)
}

.bmf_instruments {
    position: relative;
    height: 250px;
    background-color: #6a3c94;
    background-repeat: no-repeat;
    background-size: auto;
    overflow: hidden;
    margin-bottom: 0
}

.cards_icon,.instruments_icon {
    position: absolute;
    margin-left: auto;
    margin-right: 31%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 280px!important;
    z-index: 0;
    color: #dd6b2c;
    transform: rotate(-15deg)
}

.instruments_icon {
    margin-left: 30%;
    margin-right: auto;
    color: #87608f;
    transform: rotate(15deg)
}

n .game_actions {
    z-index: 1
}

.game_content {
    padding: 0!important
}

.online_inst_mod {
    height: 70%
}

.was_iframe {
    max-width: 1000px;
    max-height: 600px
}

.hidden {
    display: none
}

.swal-modal,.swal-overlay {
    z-index: 10019!important
}

#edit-mytemplate ul#my_template_tabs.tabs .tab a.active {
    background-color: #fff;
    color: #dd6b1e;
    border-radius: 5px 5px 0 0
}

#edit-mytemplate ul#my_template_tabs.tabs .tab a:hover {
    background-color: transparent;
    color: #ef6c00
}

.my_template_section {
    background-color: #fff;
    position: relative;
    overflow: scroll;
    padding: 0!important;
    border-radius: 0 0 5px 5px
}

.my_template_section a.attached_pdf i {
    margin-right: 10px
}

.my_template_section .pdf_wrap,.my_template_section a.attached_pdf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.my_template_section a.attached_pdf {
    width: auto;
    padding: 10px 8px;
    vertical-align: middle;
    color: gray;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.my_template_section .pdf_wrap {
    border-top: 1px solid #ccc;
    bottom: 0;
    position: sticky;
    background-color: #fff
}

.bmf_arc .collapsible-body p a,.bmf_arc .collapsible-body ul li p a {
    padding: 0!important;
    color: #0e0eff!important;
    text-decoration: underline
}

.bmf_arc .collapsible-body ul li p {
    margin: 0!important;
    line-height: 21px
}

.bmf_arc .collapsible-body ul li {
    list-style: disc;
    display: list-item;
    border-bottom: none!important;
    margin-left: 12px;
    line-height: 28px
}

.mt20 {
    margin-top: 20px;
    background-color: #f5f5f5;
    border-radius: 15px;
    padding: 20px
}

.maxh {
    overflow: auto;
    max-height: 270px;
    min-height: 270px;
    background-color: #fff
}

.drive_display {
    overflow: auto;
    width: 100%;
    position: absolute;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto
}

.rm20 {
    margin-right: 20px
}

.custom-tab {
    flex-wrap: nowrap;
    height: auto;
    overflow-y: initial;
    overflow-x: auto;
    max-width: 100%
}

#reports-modal.modal {
    width: 70%
}

.pad-15 {
    padding: 15px
}

.pad-y-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.attachments_div {
    display: flex;
    flex-direction: column;
    min-height: 100px
}

.attachments_div a {
    margin-top: auto;
    width: max-content
}

.mdl-grid.mdl-grid--no-spacing.student_homerock_container.align-stretch {
    align-items: stretch
}

.width-100 {
    width: 100%
}

.over-flow-auto {
    max-height: 220px;
    min-height: 220px;
    overflow-y: auto
}

.drive_display.custom-iframe {
    position: unset
}

.bg-color {

    background-color: white;
    padding: 10px;
}

.profiles_background {
    position: absolute;
    background-color: #fff3e0;
    width: 100%;
    background-size: cover;
    min-height: 100%;
}

.profiles_header {
    padding-top: 25px;
}

.profiles_title {
    font-family: Rockwell;
    color: #dd6b1e;
}

.profiles_list {
    background-image: linear-gradient(0deg, rgba(255,253,252,0) 0%, rgba(255,253,252,1) 100%);
    border-radius: 10px 10px 0px 0px;
}

.profile_inList {
    background-color: white;
    border-radius: 8px;
    margin: 10px;
    padding: 10px;
}

.profile_nameInList {
    font-family: source sans pro;
    color: #dd6b1e;
    font-weight: 700;
    font-size: 20px;
}

.profile_link {
    cursor: pointer;
}

.profile_link p {
    color: #666666;
    margin: 0px;
}

.profile_link hr {
    border: none;
    height: 1px;
    background-color: #fff3e0;
    margin: 5px;
}

.profile_link table {
    color: #666666;
    margin: 15px;
    width: 96%;
}

.profile_link table th, .profile_link table td {
    padding: 2px 5px;
}

.profile_link table:first-child:first-child {
    width: 25%;
}

.profile_fromProfiles {
    position: absolute !important;
    width: 80% !important;
    height: 600px !important;
    top: 10em !important;
}


.profile_fromProfiles.modal .modal-footer {
    background-color: #fff3e0;
    border-top: solid 4px #FFEBE0 !important;
}

.current_profiles_container {
    height: 550px;
}

.current_profiles table th, .current_profiles table td {
    padding: 3px 5px;
    vertical-align: top;
}

.current_profiles table tr {
    border-bottom: 1px solid #fff3e0;
}

.current_profiles table input:not([type]) {
    border-bottom: 1px solid #fff3e0 !important;
}


.current_profiles table input:not([type]):focus:not([readonly]) {
    border-bottom: 1px solid #dd6b1e !important;
    box-shadow: 0 1px 0 0 #dd6b1e;
}

.current_profiles {
    background-color: white;
    padding: 10px 10px 15px 10px;
}

.profiles_scrollview {
    height: 400px;
    overflow: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.profiles_scrollview::-webkit-scrollbar {
  display: none;
}

.edit_upload_link, .edit_AT_id {
    font-size: 20px;
    color: #dd6b1e;
    margin-left: 5px;
    filter: drop-shadow(1px 0.5px 1px orange);
    position: relative;
    top: 35px;
}

.enrollnow_msg_mob {
    font-family: Source Sans Pro;
    font-size: 25px;
    font-weight: 100;
    letter-spacing: 1.7px;
    line-height: 30px;
}

.enrollnow_title_mob {
    font-family: Rockwell;
    padding-top:35px;
    font-size:27px;
    letter-spacing:1.5px;
}

.enrollnow_cats_mob {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    margin: 0px !important;
}

.enrollnow_subcat_mob {
    padding-left: 25px;
    margin: auto;
    font-size: 25px;
    font-weight: 350;
    color: #666666;
}

.enrollnow_ssubcats_mob {
    padding-top: 20px;
    line-height: 50px;
}

.card.bg-light {
    background-color: #fff3e0;
}

.card-panel.bmg-title {
    background-color: #DD6B1E;
    font-family:Arial, Helvetica, sans-serif;
    text-align: center;
    color: white;
    font-size: 17px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}

.card-panel.game-card {
    cursor: pointer;
    padding:0;
    margin-left: 8px;
    margin-right:8px;
}

.innerText {
    max-height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
    background-color: #3A2315;
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    text-align: center;
}
.grow:hover .innerText {
    max-height: 500px;
    transition: max-height 0.25s ease-in;
    -webkit-transition: max-height 0.25s ease-in;
	-moz-transition: max-height 0.25s ease-in;
}
.bmg-card-title {
    text-transform: uppercase;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-weight: bold;
    line-height: 20px;
    padding-top: 0.2rem;
}
.bmg-card-descr {
    padding: 0.25rem 0.35rem 0.5rem 0.35rem;
    line-height: 20px;
}
hr.bmg-card-hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin: 0;
    padding-top:.1rem;
    padding-bottom:.1rem;
}


.rounded-edges {
    border-radius: 18px;
}
.info-content {
    padding-left: 15px;
    padding-right: 15px;
    font-family: 'Source Sans Pro', sans-serif;
}
.info-content h5 {
    margin-bottom:10px;
}
.info-content p {
    font-size: 1.2rem;
}
.info-content a {
    font-size: 1.2rem;
}
.info-content img {
    aspect-ratio: 16 / 10;
    max-height: 200px;
    object-fit: cover;
    max-width:100%;
    margin-bottom:10px;
}
h2.bmg-card {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: bold;
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 5px;
    font-size: 3.2rem;
}
p.bmg-card {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.3rem;
    padding-left: 15px;
    padding-right: 15px;
}
@media only screen and (max-width: 600px) {
    h2.bmg-card {
        font-size: 2.4rem;
    }
    p.bmg-card {
        font-size: 1.2rem;
    }
}
@media only screen and (min-width: 1200px) {
    h2.bmg-card {
        font-size: 3.8rem;
    }
    p.bmg-card {
        font-size: 1.4rem;
    }
}
.btn.lets-play {
    font-weight: 550;
    font-size: 16px;
    background-color: #b3202a !important;
    padding: 0 25px 0 25px !important;
    min-width: 17%;
}

#bmg-demo-img {
    max-height: 30vh;
    object-fit: cover;
    object-position: top;
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


@media only screen and (max-width: 1540px) {
    #report-save-btn-text {
      display: none;
    }
    #report-save-btn-icon {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1440px) {
    #report-hist-btn-text {
      display: none;
    }
    #report-hist-btn-icon {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1290px) {
    #report-preview-btn-text {
      display: none;
    }
    #report-preview-btn-icon {
        margin-left: 0;
    }
}

@media only screen and (max-width: 1165px) {
    #report-templ-btn-text {
      display: none;
    }
    #report-templ-btn-icon {
        margin-left: 0;
    }
}

.attachment-links:hover, .attachment-edit-links:hover{
    background-color: rgba(0,0,0,0.0) !important;
}

.attachment-edit-links:hover{
    cursor: pointer;
    color:#004e7e !important;
}

.attachment-edit-links {
    color:#009cfd !important;
}

.attachment-icons:hover {
    color: #323133 !important;
    cursor: pointer;
}

.attachment-edit-links {
    padding: 0px 0!important;
    line-height: inherit !important;
    height: auto !important;
}

.attachment-divider {
    padding-left: 3px;
    padding-right: 3px;
    margin:auto;
}

.attachment-hidden {
    display: hidden !important;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}
.attachment-hidden.show-attachment {
    display: inline-flex !important;
    max-height: 500px;
    opacity: 1.0;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
}
.edit-icon.show-attachment {
    color: #f7b21a!important;
}
.edit-icon.show-attachment:hover {
    color:#004e7e !important;
}
.removed-icon{
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    transform-origin:50% 50%;
    padding-right: 35px;
}

.removed-icon.down{
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    transform-origin:50% 50%;
    padding-top: 5px;

}