@CHARSET "ISO-8859-1";
            .logintab {
                display: none;
            }
            
            .logintab.active {
                display: block;
            }
            
            .hidden {
                display: none;
            }
            
            ul.parsley-errors-list li {
                display: block;
                color: #FF0000;
                padding: 0px;
            }
            
            .weekdays ul {
                border: 0;
                padding: 0;
                margin: 0;
            }
            
            .weekdays li {
                list-style: none;
                float: left;
            }
            
            .cursor_pointer {
                cursor: pointer;
            }
            
            .top_margin {
                margin-top: 2%;
            }
            
            body {
                font-size: 14px;
            }
            
            body.pushable {
                background-color: #EFEFEF !important;
            }
            
            .row .search-bar-select {
                z-index: 9;
            }
            /* Datatable start */
            
            .dataTables_filter label {
                margin-right: 10px !important;
            }
            
            .dataTables_info {
                margin-left: 10px !important;
            }
            
            .dataTables_wrapper input {
                border-radius: 4px;
                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
                display: block;
                font-size: 14px;
                height: 34px;
                line-height: 1.42857;
                transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
                border: 1px solid rgba(223, 223, 223, 0.78);
                padding: 0 20px;
            }
            
            .dataTables_wrapper .table>thead>tr>th {
                border: 0px;
            }
            
            .dataTables_wrapper table.dataTable.no-footer {
                border-color: #ddd;
                margin-right: 0px;
            }
            
            .dataTables_wrapper .table tr td .pop-over {
                right: 40px;
            }
            
            .dataTables_wrapper .table tr td .pop-over ul {
                padding: 0px;
            }
            
            .dataTables_wrapper .dataTables_paginate .previous,
            .dataTables_wrapper .dataTables_paginate .next {
                border: 1px solid #dfdfdf !important;
                background: #f9f9f9 none repeat scroll 0 0 !important;
                border-image: none;
                border-style: solid;
                border-width: 1px 1px 2px;
                border-bottom: 2px solid #dfdfdf !important;
                color: #adadad;
                margin: 0 5px;
                padding: 5px 20px;
            }
            
            .dataTables_wrapper .dataTables_paginate {
                padding: 20px 40px 20px 70px !important;
            }
            
            .dataTables_wrapper span .paginate_button {
                background: #f9f9f9 none repeat scroll 0 0 !important;
                padding: 5px 10px !important;
                background: #f9f9f9 !important;
                border: 1px solid #dfdfdf !important;
            }
            
            .dataTables_wrapper .dataTables_info {
                display: none;
            }
            
            .pop-over ul.menu li a {
                display: block;
            }
            /* Datatable end */
            
            .dropdown-item:hover {
                /* background-color: #019cdc !important; */
                background-color: #000!important;
            }
            
            .dropdown-item:hover a {
                color: white!important;
            }
            /* Assign Teacher/Transfer Class start*/
            
            .assign-teachers thead tr th {
                background: #f9f9f9 !important;
                border-bottom: 0px;
                padding: 20px 8px;
                ;
            }
            
            .assign-teachers .teacher-name span {
                border-radius: 50px;
                color: white;
                display: inline-block;
                font-size: 18px;
                height: 30px;
                line-height: 30px;
                /*margin-right: 10px;*/
                padding: 5px;
                text-align: center;
                width: 30px;
            }
            
            .assign-teachers td p {
                margin: 0px;
            }
            
            .assign-teachers tbody td {
                cursor: pointer;
            }
            
            .assign-teachers td {
                border-color: #efefef !important;
                /*vertical-align: middle !important;*/
            }
            
            .assign-teachers tbody tr td .a {
                background: #5b34ec;
            }
            
            .assign-teachers tbody tr td .b {
                background: #59c3b7;
            }
            
            .assign-teachers tbody tr td .c {
                background: #68c359;
            }
            
            .assign-teachers tbody tr td .d {
                background: #a1c82f;
            }
            
            .assign-teachers tbody tr td .e {
                background: #ec3434;
            }
            
            .assign-teachers tbody tr td .f {
                background: #ec34d9;
            }
            
            .assign-teachers tbody tr td .g {
                background: #a034ec;
            }
            
            .assign-teachers tbody tr td .h {
                background: #eca034;
            }
            
            .assign-teachers tbody tr td .i {
                background: #7534ec;
            }
            
            .assign-teachers tbody tr td .j {
                background: #c3ec34;
            }
            
            .assign-teachers tbody tr td .k {
                background: #34ec70;
            }
            
            .assign-teachers tbody tr td .l {
                background: #34ece1;
            }
            
            .assign-teachers tbody tr td .m {
                background: #3468ec;
            }
            
            .assign-teachers tbody tr td .n {
                background: #ec34d0;
            }
            
            .assign-teachers tbody tr td .o {
                background: #ec3434;
            }
            
            .assign-teachers tbody tr td .p {
                background: #ec34dd;
            }
            
            .assign-teachers tbody tr td .q {
                background: #fba83c;
            }
            
            .assign-teachers tbody tr td .r {
                background: #b5fb3c;
            }
            
            .assign-teachers tbody tr td .s {
                background: #3cfb88;
            }
            
            .assign-teachers tbody tr td .t {
                background: #1562a4;
            }
            
            .assign-teachers tbody tr td .u {
                background: #15a42c;
            }
            
            .assign-teachers tbody tr td .v {
                background: #0c677b;
            }
            
            .assign-teachers tbody tr td .w {
                background: #2e7b0c;
            }
            
            .assign-teachers tbody tr td .x {
                background: #405dba;
            }
            
            .assign-teachers tbody tr td .y {
                background: #61d961;
            }
            
            .assign-teachers tbody tr td .z {
                background: #6164d9;
            }
            
            table.dataTable.select tbody tr,
            table.dataTable thead th:first-child {
                cursor: pointer;
            }
            
            .assign-teachers .dataTables_info {
                display: none;
            }
            
            .current-teacher-listing {
                padding: 0px 20px;
            }
            
            .assign-teacher-body .teachers-grid {
                margin-top: 10px;
            }
            
            .current-teacher-listing p {
                color: #666;
                font-size: 15px;
            }
            
            .col-auto-margin {
                float: none;
                margin: auto;
            }
            
            .assign-techers-success p {
                color: #666;
                font-size: 15px;
            }
            
            .teacher-assign-success-alert .alert {
                line-height: 25px;
                font-size: 14px;
            }
            
            .teacher-assign-success-alert .fa {
                font-size: 30px;
                margin-bottom: 10px;
            }
            
            .alert-info {
                border-color: #fff;
                background-color: #ffffff;
                border-left: 3px solid #4169e1;
                color: #7d7d7d;
            }
            
            .alert.alert-info span {
                padding-left: 7%;
            }
            
            .transfer-class input[type="text"] {
                -moz-border-bottom-colors: none;
                -moz-border-left-colors: none;
                -moz-border-right-colors: none;
                -moz-border-top-colors: none;
                border-color: -moz-use-text-color -moz-use-text-color #b0b0b0;
                border-image: none;
                border-style: none none solid;
                border-width: medium medium 1px;
                color: #000000;
                font-size: 16px;
                margin-right: 15px;
                padding: 12px 5px;
                width: 100%;
            }
            
            form.transfer-class-form {
                padding: 0 20px;
            }
            
            form.transfer-class-form .btn-rounded-green {
                padding: 10px 50px;
                width: 100%;
            }
            
            form.search-teacher-assign .btn-rounded-green {
                padding: 10px 50px;
                width: 100%;
            }
            
            .transfer-class .teachers-grid {
                margin-top: 10px;
            }
            
            .transfer-class {
                margin-top: 25px;
            }
            /* Assign Teacher/Transfer Class end*/
            /* Manage Classes start */
            
            #manage-classes_wrapper .dataTables_filter {
                display: none !important;
            }
            
            #manage-classes_info {
                display: none;
            }
            
            table.dataTable {
                border-collapse: collapse;
                border-spacing: 0;
            }
            
            .pop-over ul.menu li a {
                display: inline-block;
                width: 100%;
            }
            
            table.dataTable.no-footer {
                border-color: #ddd;
            }
            
            .pop-over ul.menu li {
                box-sizing: border-box;
            }
            
            .dataTables_paginate {
                padding: 20px 50px !important;
            }
            
            .my-classrooms thead td {
                padding: 0px !important;
                border: 0px;
            }
            
            .my-classrooms thead {
                border: 0px;
            }
            
            .my-classrooms thead td {
                border: 0px !important;
            }
            
            .container-greeting-text-type2 {
                font-family: "Noto Sans Regular", sans-serif;
                font-size: 25px;
            }
            
            .nav-tabs>li.active.mytabtrigger>a {
                font-family: "Noto Sans Regular", sans-serif;
            }
            
            #manage-classes-tab {
                width: 99% !important;
            }
            
            .page-navigation button {
                position: relative;
                top: -33px;
            }
            /* Manage Classes end */
            
            .dataTables_paginate .previous,
            .dataTables_paginate .next {
                background: #f9f9f9 none repeat scroll 0 0;
                border: 1px solid #dfdfdf !important;
                border-width: 1px 1px 2px;
                color: #adadad;
                margin: 0 5px;
                padding: 5px 20px;
                border-radius: 4px;
            }
            
            .paginate_button {
                border: 1px solid #dfdfdf !important;
                border-radius: 3px;
            }
            
            .paginate_button.current {
                background: #ccc none repeat scroll 0 0 !important;
            }
            
            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                background: #ccc none repeat scroll 0 0;
                color: #333 !important
            }
            
            .dataTables_paginate .disabled {
                background-color: transparent !important;
            }
            
            .dataTables_paginate .disabled:hover {
                background-color: transparent !important;
            }
            
            .dataTables_filter input {
                background: rgba(0, 0, 0, 0) url("../imgs/dashboard/search.png") no-repeat scroll 10px center / 15px auto;
                border: 1px solid rgba(223, 223, 223, 0.78);
                border-radius: 4px;
                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
                line-height: 1.42857;
                padding: 6px 40px;
                position: relative;
                font-weight: lighter;
                height: 25px;
            }
            
            .dataTables_filter {
                padding: 4px 10px;
            }
            
            .pusher {
                width: 80%;
                overflow: visible !important;
            }
            
            .parsley-errors-list {
                padding: 10px 0 0;
            }
            
            .table-responsive {
                overflow: visible !important;
            }
            
            .checkbox input[type="checkbox"],
            .checkbox input[type="radio"] {
                height: 29px !important;
                margin-top: -5px !important;
            }
            
            .weekdays li {
                margin-right: 10px;
                margin-bottom: 3px;
            }
            
            .weekdays li input {
                margin-right: 2px;
                position: relative;
                top: 2px;
            }
            
            .sorting_disabled {
                padding: 0px;
            }
            
            .profile-section {
                border-bottom: 0px;
            }
            
            .bot-border-input .form-control {
                border: 0px;
                border-bottom: 1px solid #b0b0b0;
                box-shadow: none;
                border-radius: 0px !important;
                font-size: 18px;
                padding-left: 0px;
            }
            
            .profile-section,
            .classes {
                margin-top: 10px;
            }
            
            .relationship-student {
                font-size: 16px;
                font-style: italic;
                color: #999;
            }
            
            .bot-border-input .form-control:focus {
                border-bottom: 1px solid rgba(102, 175, 233, 1) !important;
            }
            
            .student-profile-edit-btn {
                margin-top: 25px;
            }
            
            .update-btn {
                padding: 6px 20px;
                border-radius: 3px;
                width: 100%;
            }
            
            .bot-border-input .class_wrap .class-btn {
                padding: 8px 20px;
                background: #f4f4f4;
                margin: 3px;
                font-size: 16px;
                color: #393939;
                display: inline-block;
            }
            
            .bot-border-input .verify-button {
                padding: 6px 20px;
                border-radius: 3px;
                width: 100%;
            }
            
            .bot-border-input .class_wrap .class-btn span {
                color: #51b1dd;
            }
            
            .class-profile-body .teachers-name-list .col-md-6 {
                margin-bottom: 20px;
            }
            
            #schoolsettings .form-label-container .form-title {
                font-size: 15px !important;
                color: #777777;
                margin-top: 10px;
            }
            
            #schoolsettings .checkbox input[type="checkbox"],
            .checkbox input[type="radio"] {
                width: 30px !important;
            }
            
            .skooly-edit-form .select-option-myaccount-profile {
                width: 100% !important;
                min-width: unset !important;
            }
            
            #calendarContainter .fc-button-group .fc-state-active {
                color: #fff;
                background-color: #F8577F;
            }
            
            .reg-section-image.regemail {
                background-color: #ea506e;
            }
            
            #schoolusernametab .surname select {
                width: 20% !important;
            }
            
            #schoolusernametab .surname input {
                width: 70% !important;
            }
            
            .mytabtrigger a:hover {
                border: 1px solid #ddd;
                border-bottom: 1px solid transparent !important;
            }
            
            label.toggler::after {
                left: 1px !important;
            }
            
            .main-notification {
                position: absolute;
                width: 100%;
                z-index: 999;
            }
            
            .main-notification .close-icon {
                float: right;
                position: relative;
                top: 19px;
            }
            
            .main-notification .close-icon img {
                width: 25px;
            }
            
            .main-notification .alert {
                padding: 15px;
                margin: 0px;
                box-shadow: 0 0 10px #888;
            }
            
            .main-notification .alert {
                border: 0 none;
            }
            
            .main-notification .alert span {
                font-size: 20px;
                padding-left: 5%;
            }
            
            .main-notification.succ {
                border-left: 12px solid #6fc06f;
            }
            
            .main-notification.fail {
                border-left: 12px solid #ef4c4c;
            }
            
            .main-notification.pend {
                border-left: 12px solid #dbb952;
            }
            
            .alert-info {
                border-color: #fff;
                background-color: #ffffff;
                border-left: 3px solid #4169e1;
                color: #7d7d7d;
                padding: 10px 15px;
            }
            
            .header-profile-edit {
                margin-right: 3%;
            }
            
            .header-profile-edit .dropdown-toggle:hover,
            .header-profile-edit .dropdown-toggle:hover {
                background: none !important;
            }
            
            .header-profile-edit .open>a,
            .header-profile-edit .open>a:focus,
            .header-profile-edit .open>a:hover {
                background: none !important;
            }
            
            .header-profile-edit .dropdown .dropdown-menu li a {
                padding: 8px 20px;
            }
            
            .header-profile-edit .dropdown .dropdown-menu {
                padding: 0px;
            }
            
            .header-profile-edit .dropdown .dropdown-menu .fa {
                text-align: center;
                width: 20px;
            }
            
            .header-profile-edit>li>a:focus,
            .header-profile-edit>li>a:hover {
                background: none !important;
            }
            
            .header-profile-edit .verified-badge {
                position: relative;
                bottom: 13px;
            }
            
            .greeting-group img {
                width: 75px;
                /*80% css 80 to 75*/
                /*margin-top: 5px;*/
                /* 80% css no need due to extra spacing */
            }
            
            .header-profile-edit .dropdown .dropdown-toggle {
                font-size: 18px;
            }
            
            .navbar-header .hello-icon {
                width: 30px;
            }
            
            .school-account-padd .accordion {
                padding: 1em;
            }
            
            .main-content form .col-md-3 .btn-rounded-green {
                padding: 10px;
            }
            
            .main-content form .col-md-9 {
                padding-left: 0px;
            }
            
            .padding0 {
                padding: 0px !important;
                /*80% css important*/
            }
            
            .annual-billing-value {
                white-space: nowrap;
            }
            
            #schoolRegistrationForm #schoolusernametab select {
                border-radius: 0px !important;
            }
            
            .select-width-unset {
                width: unset !important;
                min-width: unset !important;
            }
            
            section.main-content-body .tab-content .classroom-list {
                padding: 10px 0px !important;
                margin: 0px !important;
                padding-bottom: 0px !important;
            }
            /*.modal
{
position: initial !important;
}*/
            
            .pop-dots-align {
                float: right;
            }
            
            .pop-over-position {
                float: right;
                clear: both;
                margin-top: 10px;
            }
            
            .pop-dots-parent {
                position: relative;
                right: 20px;
                /* top: 6px; */
            }
            
            .pop-over {
                position: absolute;
                top: 20px;
                right: 0px !important;
            }
            
            .assing-heading {
                padding: 0em 3em;
            }
            
            .flyover {
                background-color: #17A687;
                color: white;
                border-radius: 5px;
                padding: 12px 15px;
                /*border-color: transparent;*/
            }
            
            .toast-alert {
                text-align: center;
                position: fixed;
                z-index: 9999;
                /*padding: 0px;*/
                /*80% css removed*/
                width: 100%;
                /*height: 0px;*/
            }
            
            .inline-block {
                display: inline-block;
            }
            
            .flyoverfailure {
                background-color: #a94442;
                color: white;
                border-radius: 5px;
                padding: 12px 15px;
                border-color: transparent;
            }
            
            .btn.active.focus,
            .btn.active:focus,
            .btn.focus,
            .btn:active.focus,
            .btn:active:focus,
            .btn:focus {
                outline: none;
            }
            
            .bootstrap-tagsinput {
                border: 1px solid #ccc !important;
            }
            
            .uploadexcel .fileinput input {
                height: 33px;
            }
            
            .invite-teacher-email #select_option_first1 .radio-container {
                margin-top: 45px;
            }
            
            .invite-teacher-email #select_option_second2 .radio-container-second {
                margin-top: 25px;
            }
            
            .uploadexcel .img-responsive {
                display: inline-block;
                margin-right: 10px;
            }
            
            .upload-browse-button {
                background: #60BB81;
                color: white;
                border-color: #60BB81;
                height: 33px;
            }
            
            .upload-browse-button:hover,
            .upload-browse-button:active,
            .upload-browse-button:focus {
                background: #60BB81;
                color: white;
                border-color: #60BB81;
                height: 33px;
            }
            
            .paddingl0 {
                padding-left: 0px;
            }
            
            .mar-bot-10 {
                margin-bottom: 10px;
            }
            
            .upload-conform-icon {
                display: none;
                position: relative;
                top: 35px;
                left: 50%;
            }
            
            .excel-format-upload {
                color: #8c8c8c;
            }
            
            .custom-text-align {
                text-align: center;
            }
            
            .teacherbg {
                background: url(../imgs/dashboard/teacher-logo.png) no-repeat center bottom;
                background-size: 80%;
            }
            
            .kidbg {
                background: url(../imgs/dashboard/kid.png) no-repeat center bottom;
                background-size: 80%;
            }
            
            .team-LogoDefault-Right {
                background: url(../imgs/dashboard/parent.png) no-repeat center bottom;
                background-size: 80%;
                color: white;
                display: inline-block;
                font-size: 33px;
                height: 120px;
                line-height: 58px;
                padding: 5px;
                text-align: center;
                width: 120px;
                background-position: 8px 5px;
            }
            
            .team-LogoDefault-Left {
                background: url(../imgs/dashboard/admin.png) no-repeat center bottom;
                background-size: 80%;
                color: white;
                display: inline-block;
                font-size: 33px;
                height: 120px;
                line-height: 58px;
                padding: 5px;
                text-align: center;
                width: 120px;
                background-position: 8px 5px;
            }
            
            .parentbg {
                background: url(../imgs/dashboard/parent.png) no-repeat center bottom;
                background-size: 100%;
            }
            
            .parentbg-table {
                background: url(../imgs/dashboard/parent.png) no-repeat center bottom;
                background-size: 100%;
            }
            
            .school-icon-new {
                width: 45px !important;
            }
            
            .padd-right-5 {
                padding-right: 5px !important;
            }
            
            .container-logintime-text {
                margin-top: 10px;
                margin-bottom: 10px;
                color: #939393;
            }
            
            .createAnnoucementDetails .bootstrap-tagsinput {
                min-height: 0px !important;
            }
            
            .font-14-size {
                font-size: 14px;
            }
            
            .paddingr0 {
                padding-right: 0px;
            }
            
            .margin-top-15 {
                margin-top: 10px;
            }
            
            .edit-account-profile {
                background: url(../imgs/dashboard/parent.png) no-repeat center bottom;
                background-size: 100%;
                padding: 33px;
                color: #fff;
                font-size: 30px;
                text-align: center;
                line-height: 20px;
            }
            
            .uploaded-files-name .tag {
                padding: 5px;
            }
            
            .uploaded-files-name .tag .glyphicon span {
                font-family: 'Noto Sans Regular', sans-serif;
                margin: 0px 5px;
                margin-left: 0px;
            }
            
            .uploaded-files-name .tag .glyphicon-thumbs-up {
                position: relative;
                top: 2px;
                right: -3px;
            }
            
            #section {
                height: 100%;
            }
            
            .profile-image-size {
                width: 80px;
                height: 80px;
            }
            /*a.navbar-skooly-list
{
padding: 15px 8px;
}*/
            
            .navbar-skooly-list img {
                width: 18px;
            }
            
            .headerUsername {
                font-weight: 500;
                margin-bottom: 0px;
                line-height: 25px;
            }
            
            .bootstrap-tagsinput .tag {
                line-height: 30px;
            }
            
            .class-room-upload {
                border-left: 1px solid #bbb;
            }
            
            .bootstrap-tagsinput input {
                border: none !important;
                box-shadow: none !important;
                outline: none !important;
                background-color: transparent !important;
                padding: 0 6px !important;
                margin: 0 !important;
                width: auto !important;
                max-width: inherit !important;
                font-size: 12px;
            }
            
            .remove-border-css {
                border: 0px !important;
                box-shadow: none;
            }
            
            .classroom-uppercase span {
                text-transform: uppercase;
            }
            
            .marginzero {
                margin: 0px !important;
            }
            
            .easy-autocomplete {
                width: unset !important;
            }
            
            .easy-autocomplete-container ul li,
            .easy-autocomplete-container ul .eac-category {
                font-size: 18px;
                font-weight: bold;
                padding: 15px 15px;
            }
            
            .easy-autocomplete-container {
                width: 75%;
            }
            
            #schoolRegistrationForm .ladda-label {
                z-index: 0;
            }
            
            .otp-not-receive {
                /*margin-bottom: 20px;  80% css removed and size
margin-top: 20px;*/
                font-size: 14px;
                /* 80% css 18 to 14 */
                /* added new due to ui issue */
                padding-top: 1rem;
            }
            
            p.confirmreg-text {
                width: 75%;
                padding: 2px 0px;
                border-bottom: solid 2px #c9c9c9;
            }
            
            p.confirmreg-text:focus {
                border: 0px;
                box-border: 0px;
                outline: 0px;
                border-bottom: solid 2px #c9c9c9;
            }
            
            #regconfirmtab form .form-control {
                width: 75%;
                border-top: 0px !important;
                border-right: 0px !important;
                border-left: 0px !important;
                border-bottom: 0px !important;
                box-shadow: none;
                padding-left: 0px;
                font-size: 20px
            }
            
            #regconfirmtab form .form-control:focus {
                border-bottom: 1px solid #ccc !important
            }
            
            #regconfirmtab form .form-control[disabled] {
                cursor: text !important;
                background-color: #fff;
            }
            
            .container-greeting-text {
                margin-bottom: 0px;
            }
            
            .account-name-first {
                background: url(../imgs/dashboard/parent.png) no-repeat center bottom;
                background-size: 100%;
                padding: 33px;
                color: #fff;
                font-size: 40px;
                text-align: center;
                position: absolute;
                line-height: 20px;
            }
            /*.thumbnail_profile img
{
height: 86px;
}*/
            
            .thumbnail_profile .caption {
                text-align: left;
                padding-left: 0px;
            }
            
            #defaultUserProfile .thumbnail_profile {
                margin-bottom: 0px;
            }
            
            .confirm-edit {
                cursor: pointer;
            }
            
            .add-class-body .easyoption-section .col-md-12 {
                font-size: 16px;
            }
            
            .my-account-prof-abs {
                display: inline-table;
                margin: 0px;
            }
            
            .my-account-prof-abs .teacher-name span {
                border-radius: 50px;
                color: white;
                display: inline-block;
                font-size: 33px;
                height: 70px;
                line-height: 58px;
                padding: 5px;
                text-align: center;
                width: 70px;
            }
            
            .my-account-prof-abs-header {
                /*display: inline-table;*/
                /*80% css removed*/
                margin: 0px;
                /*border-radius: 3px;*/
            }
            
            .my-account-prof-abs-header .teacher-name span {
                border-radius: 50px;
                color: white;
                display: inline-block;
                font-size: 18px;
                height: 30px;
                line-height: 18px;
                padding: 5px;
                text-align: center;
                width: 30px;
            }
            
            .container-logintime-text {
                margin-top: 0px;
                margin-bottom: 10px !important;
            }
            
            #teacherTable .class-title {
                position: relative;
                top: -4px;
            }
            
            #classTable .class-title {
                position: relative;
                top: -4px;
            }
            
            #studentTable .class-title {
                position: relative;
                top: -5px;
            }
            
            #schoolTable .class-title {
                position: relative;
                top: -3px;
            }
            
            #adminTeacherTable .class-title {
                position: relative;
                /*top: -13px;*/
            }
            
            #skoolyUserTable .class-title {
                position: relative;
                top: -1px;
            }
            
            .default-skoolyreg-mobinput {
                height: 38px;
                padding: 3px 0px;
                background-color: #fff;
                border: none;
                border-bottom: solid 2px #c9c9c9;
                box-shadow: none;
                box-sizing: border-box;
                outline: none;
                width: 40%;
                font-size: 20px;
                margin-right: 20px;
                color: #000000;
            }
            
            .default-skoolyreg-mobinput::-webkit-inner-spin-button,
            .default-skoolyreg-mobinput::-webkit-outer-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }
            
            input[type="text"].default-skoolyreg-mobotpinput,
            input[type="number"].default-skoolyreg-mobotpinput,
            input[type="number"].default-skoolyreg-mobotpinput {
                font-size: 30px !important;
                height: 30px;
            }
            
            input[type="number"].default-skoolyreg-mobotpinput {
                font-size: 30px !important;
            }
            
            input[type=number]::-webkit-outer-spin-button,
            input[type=number]::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }
            
            input[type=number] {
                -moz-appearance: textfield;
            }
            
            .standard-container,
            .plus-container,
            .enterprise-container {
                min-height: 560px;
            }
            
            .billing-history .pop-over {
                top: 80px;
                right: 90px !important;
            }
            
            #billingContactForm .edit-form-field.notinline {
                width: 100%;
            }
            
            .empty-table-view {
                height: 50vh;
            }
            
            .title-edit-css {}
            
            .empty-button {
                padding: 10px 40px;
                background: black;
                border: 2px solid #000000;
                color: #ffffff;
                border-radius: 100px;
                font-weight: bold;
            }
            
            .empty-button:focus,
            /* .empty-button:hover {
                color: #f8577f !important;
            } */
            
            .pricing-month {
                font-size: 11px;
            }
            
            .dropdown-icons {
                width: 17px;
                margin-right: 4px;
            }
            
            .padding10px {
                padding: 10px;
            }
            
            #teacherTable .dataTables_filter {
                width: 100%;
            }
            
            #teacherTable #gradeSelectbox {
                float: left;
                width: 30%;
            }
            
            .createEventDetails .bootstrap-tagsinput {
                min-height: 0px;
            }
            
            .multiple-days-check .checkbox {
                margin-top: 2px;
            }
            
            .multiple-days {
                display: none;
            }
            
            .multiple-days-check label {
                padding-top: 0px;
                padding-left: 25px;
            }
            
            .multiple-days-check .checkbox {
                margin-top: 5px;
            }
            
            .upload-icon-height {
                font-size: 17px;
                /* 80% css added*/
                line-height: 50px;
                /* 80% css 30 to 50*/
            }
            
            #event-location-div {
                display: none;
            }
            
            #event-start-time {
                display: none;
            }
            
            #event-payment {
                display: none;
            }
            
            #event-end-time {
                display: none;
            }
            
            #event-location-div-twoparts {
                display: none;
            }
            
            .free.pricing-details {
                background-color: #19cf80;
                color: #fff;
            }
            
            .standard-container {
                border-left: 0px;
            }
            
            .free-container {
                border: 1px solid #F5F5F5;
                border-top: 0px;
            }
            
            .dollar-amount {
                font-size: 50px !important;
                font-weight: bold;
            }
            
            #assign-teacher_filter {
                display: none;
            }
            
            .martop25 {
                margin-top: 25px;
            }
            
            .martop20 {
                margin-top: 20px;
            }
            
            .marginright10 {
                margin-right: 10px;
            }
            
            .my-classrooms {
                width: 100% !important;
            }
            
            .my-classrooms thead td {
                padding: 0px !important;
                border: 0px;
            }
            
            .my-classrooms thead {
                border: 0px;
            }
            
            .my-classrooms thead td {
                border: 0px !important;
            }
            
            .container-greeting-text-type2 {
                font-family: "Noto Sans Regular", sans-serif;
                font-size: 25px;
            }
            
            .nav-tabs>li.active.mytabtrigger>a {
                font-family: "Noto Sans Regular", sans-serif;
            }
            
            #manage-classes-tab {
                width: 99% !important;
            }
            
            .page-navigation button {
                position: relative;
                top: -33px;
            }
            
            .dataTables_paginate .previous,
            .dataTables_paginate .next {
                background: #f9f9f9 none repeat scroll 0 0;
                border: 1px solid #dfdfdf !important;
                border-width: 1px 1px 2px;
                color: #adadad;
                margin: 0 5px;
                padding: 5px 20px;
                border-radius: 4px;
            }
            
            .paginate_button {
                border: 1px solid #dfdfdf !important;
                border-radius: 3px;
            }
            
            .paginate_button.current {
                background: #ccc none repeat scroll 0 0 !important;
            }
            
            .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
                background: #ccc none repeat scroll 0 0;
                color: #333 !important
            }
            
            .dataTables_paginate .disabled {
                background-color: transparent !important;
            }
            
            .dataTables_paginate .disabled:hover {
                background-color: transparent !important;
            }
            
            .dataTables_filter input {
                background: rgba(0, 0, 0, 0) url("../imgs/dashboard/search.png") no-repeat scroll 10px center / 15px auto;
                border: 1px solid rgba(223, 223, 223, 0.78);
                border-radius: 4px;
                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
                line-height: 1.42857;
                padding: 6px 40px;
                position: relative;
                font-weight: lighter;
                font-size: 12px;
                /* 80% css 18 to 12 */
                width: 300px;
            }
            
            .dataTables_filter {
                padding: 4px 10px;
            }
            /*.pop-over ul.menu li:first-child*/
            /*{*/
            /*border-bottom: 0px;*/
            /*}*/
            /* issue coming in 3 dots menu */
            
            .profile-section {
                border-bottom: 0px;
            }
            
            .bot-border-input .form-control {
                border: 0px;
                border-bottom: 1px solid #b0b0b0;
                box-shadow: none;
                border-radius: 0px !important;
                font-size: 18px;
                padding-left: 0px;
            }
            
            .profile-section,
            .classes {
                margin-top: 10px;
            }
            
            .relationship-student {
                font-size: 16px;
                font-style: italic;
                color: #999;
            }
            
            .bot-border-input .form-control:focus {
                border-bottom: 1px solid rgba(102, 175, 233, 1) !important;
            }
            
            .student-profile-edit-btn {
                margin-top: 25px;
            }
            
            .row.classroom-list {
                margin: 0;
                padding: 10px 0 !important;
                width: 100%;
            }
            
            .custom-classroom-list {
                margin: 0;
                padding: 10px 0 !important;
                width: 100%;
                min-height: 20 rem !important;
            }
            
            .bot-border-input .class_wrap .class-btn {
                background: #f4f4f4 none repeat scroll 0 0;
                color: #393939;
                display: inline-block;
                font-size: 16px;
                margin: 3px;
                padding: 8px 20px;
            }
            
            .bot-border-input .class_wrap .class-btn span {
                color: #51b1dd;
            }
            
            .main-notification {
                position: absolute;
                width: 100%;
                z-index: 999;
            }
            
            .main-notification .close-icon {
                float: right;
                position: relative;
                top: 19px;
            }
            
            .main-notification .close-icon img {
                width: 25px;
            }
            
            .main-notification .alert {
                padding: 15px;
                margin: 0px;
                box-shadow: 0 0 10px #888;
            }
            
            .main-notification .alert {
                border: 0 none;
            }
            
            .main-notification .alert span {
                font-size: 20px;
                padding-left: 5%;
            }
            
            .main-notification.succ {
                border-left: 12px solid #6fc06f;
            }
            
            .main-notification.fail {
                border-left: 12px solid #ef4c4c;
            }
            
            .main-notification.pend {
                border-left: 12px solid #dbb952;
            }
            
            .alert-info {
                border-color: #fff;
                background-color: #ffffff;
                border-left: 3px solid #4169e1;
                color: #7d7d7d;
                padding: 10px 15px;
            }
            
            .header-profile-edit {
                margin-right: 3%;
            }
            
            .header-profile-edit .dropdown-toggle:hover,
            .header-profile-edit .dropdown-toggle:hover {
                background: none !important;
            }
            
            .header-profile-edit .open>a,
            .header-profile-edit .open>a:focus,
            .header-profile-edit .open>a:hover {
                background: none !important;
            }
            
            .header-profile-edit .dropdown .dropdown-menu li a {
                padding: 8px 20px;
            }
            
            .header-profile-edit .dropdown .dropdown-menu {
                padding: 0px;
            }
            
            .header-profile-edit .dropdown .dropdown-menu .fa {
                text-align: center;
                width: 20px;
            }
            
            .header-profile-edit>li>a:focus,
            .header-profile-edit>li>a:hover {
                background: none !important;
            }
            
            .header-profile-edit .verified-badge {
                position: relative;
                bottom: 13px;
            }
            
            .greeting-group img {
                width: 80px;
                /*margin-top: 5px;*/
                /* 80% css no need due to extra spacing */
            }
            
            .header-profile-edit .dropdown .dropdown-toggle {
                font-size: 18px;
            }
            
            .navbar-header .hello-icon {
                width: 30px;
            }
            
            .alert-type-1 {
                position: absolute;
            }
            
            .bootstrap-tagsinput {
                border: 1px solid #ccc !important;
            }
            
            .uploadexcel .fileinput input {
                height: 33px;
            }
            
            .invite-teacher-email .easyoption-section label {
                font-weight: 500;
                font-size: 16px;
            }
            
            .invite-teacher-email #select_option_first1 .radio-container {
                margin-top: 45px;
            }
            
            .invite-teacher-email #select_option_second2 .radio-container-second {
                margin-top: 25px;
            }
            
            .uploadexcel .img-responsive {
                display: inline-block;
                margin-right: 10px;
            }
            
            .upload-browse-button {
                background: #F8577F;
                color: white;
                border-color: #F8577F;
                height: 33px;
            }
            
            .upload-browse-button:hover,
            .upload-browse-button:active,
            .upload-browse-button:focus {
                background: #F8577F;
                color: white;
                border-color: #F8577F;
                height: 33px;
            }
            
            .paddingl0 {
                padding-left: 0px;
            }
            
            .mar-bot-10 {
                margin-bottom: 10px;
            }
            
            .upload-conform-icon {
                display: none;
                position: relative;
                top: 35px;
                left: 50%;
            }
            
            .excel-format-upload {
                color: #8c8c8c;
            }
            
            .createEventDetails .bootstrap-tagsinput {
                min-height: 0px;
            }
            
            .multiple-days-check .checkbox {
                margin-top: 2px;
            }
            
            .multiple-days {
                display: none;
            }
            
            .multiple-days-check label {
                padding-top: 0px;
                padding-left: 25px;
            }
            
            .multiple-days-check .checkbox {
                margin-top: 5px;
            }
            
            .upload-icon-height {
                font-size: 17px;
                /* 80% css added*/
                line-height: 50px;
                /* 80% css 30 to 50*/
            }
            
            #event-location-div {
                display: none;
            }
            
            #event-start-time {
                display: none;
            }
            
            #event-payment {
                display: none;
            }
            
            #event-end-time {
                display: none;
            }
            
            #event-location-div-twoparts {
                display: none;
            }
            
            .free.pricing-details {
                background-color: #19cf80;
                color: #fff;
            }
            /*.standard-container
{
border-left: 0px;
}*/
            
            .free-container {
                border: 1px solid #F5F5F5;
                border-top: 0px;
            }
            
            .dollar-amount {
                font-size: 50px !important;
                font-weight: bold;
            }
            
            .upload-button-align-mar-30 {
                margin-top: 30px;
            }
            
            .upload-browse-button {
                background: #60BB81;
                color: white;
                border-color: #60BB81;
                height: 33px;
            }
            
            .pricing-month {
                margin-top: 10px;
            }
            
            .martop20 {
                margin-top: 20px;
            }
            
            .martop30 {
                margin-top: 30px;
            }
            
            .martop60 {
                margin-top: 60px;
            }
            
            .marginlef10 {
                margin-left: 10px;
            }
            
            #manage-classes-tab_filter {
                width: 100%;
            }
            
            #DataTables_Table_0_filter {
                width: 100%;
            }
            
            .classroom-list table.my-classrooms .class-type {
                color: #a1a1a1;
                font-size: 12px;
                /*80% css 14 to 12*/
            }
            
            .classroom-list table.my-classrooms .teachers ul li.tchr {
                font-size: 12px;
                /*80% css 16 to 12*/
                color: #393939;
            }
            /*figure.class-profile img {
width: 50px !important;
}*/
            
            .classroom-list table.my-classrooms .class-title {
                position: relative;
                top: 3px;
                margin: 0px;
            }
            
            section.main-content-body .tab-content .classroom-list figure.class-profile {
                margin-right: 10px;
            }
            
            table.dataTable tbody th,
            table.dataTable tbody td {
                /*padding: 0px 10px;*/
            }
            
            .profile-section {
                border-bottom: 0px;
            }
            
            .marginright10 {
                margin-right: 10px;
            }
            
            .teacherbg {
                background: url(../imgs/dashboard/teacher-logo.png) no-repeat center bottom;
                background-size: 80%;
                display: inline-table;
                margin-right: 15px;
            }
            
            .teacherbg span {
                border-radius: 50px !important;
                color: white !important;
                display: inline-block !important;
                font-size: 18px !important;
                height: 40px !important;
                line-height: 40px !important;
                padding: 5px !important;
                text-align: center !important;
                width: 40px !important;
                /*80% css 30 to 40*/
                margin: 0px !important;
            }
            
            .transfer-class input[type="text"] {
                border: 1px solid #ccc;
            }
            
            main.assign-teacher-wrap .assign-teacher-body .do_assign input[type=text] {
                border: 1px solid #ccc;
            }
            
            .standard-container {
                border-left: 0px;
            }
            
            .free-container {
                border: 1px solid #F5F5F5;
                border-top: 0px;
            }
            
            .dollar-amount {
                font-size: 50px !important;
                font-weight: bold;
            }
            
            #assign-teacher_filter {
                display: none;
            }
            
            .martop25 {
                margin-top: 25px;
            }
            
            .martop20 {
                margin-top: 20px;
            }
            
            .marginright10 {
                margin-right: 10px;
            }
            
            .kidbg {
                background: url(../imgs/dashboard/kid.png) no-repeat center bottom;
                background-size: 80%;
                display: inline-block;
            }
            
            .kidbg .teacher-name span {
                border-radius: 50px;
                color: white;
                display: flex;
                justify-content: center;
                align-items: center;
                /*80% css inline-block to flex*/
                font-size: 18px;
                height: 36px;
                /*80% css 30 to 36*/
                line-height: 40px;
                /*80% css 30 to 40*/
                /* margin-right: 10px; */
                padding: 5px;
                text-align: center;
                width: 36px;
                /*80% css 30 to 36*/
            }
            
            .bootstrap-tagsinput input {
                border: none !important;
                box-shadow: none !important;
                outline: none !important;
                background-color: transparent !important;
                padding: 0 6px !important;
                margin: 0 !important;
                min-width: 100px !important;
            }
            
            .classroom-list table.my-classrooms .teachers ul li.tchr span.subject {
                font-size: 12px;
                /*80% css 14 to 12*/
            }
            
            .classroom-list table.my-classrooms .teachers ul {
                padding-left: 0px;
            }
            
            .classroom-list table.my-classrooms .teachers ul .more a {
                color: #c7c7c7;
                font-size: 12px;
                /*80% css 14 to 12*/
            }
            
            .class-profile-body {
                padding: 8px 16px;
                /*80% css 10,20 to 8,16*/
            }
            
            main.classroom-profile-wrap .profile-left .profile-container {
                background-color: #fff;
            }
            
            .class-profile-body .teacherbg span {
                border-radius: 50px !important;
                color: white !important;
                display: flex !important;
                justify-content: center;
                align-items: center;
                /*80% css inline-block to flex*/
                font-size: 18px !important;
                /*80% css 20 to 18*/
                height: 40px !important;
                /*80% css 50 to 40*/
                line-height: 40px !important;
                padding: 5px !important;
                text-align: center !important;
                width: 40px !important;
                /*80% css 50 to 40*/
                margin: 0px !important;
            }
            
            .class-profile-body .teacherbg {
                margin-left: 0px;
                margin-right: 2px;
                margin-top: 0px;
            }
            
            .currently-teaching-teacher {
                float: right;
                color: #a1a1a1;
                /*80% css 2881e0 to a1a1a1*/
                padding-right: 50px;
            }
            
            .assigned-clsrooms {
                color: #2881e0;
            }
            
            form.search-teacher-assign .btn-rounded-green {
                padding: 15px 50px;
            }
            
            .class-profile-body .manage-btn-float {
                display: inline-block;
            }
            
            form.transfer-class-form .btn-rounded-green {
                padding: 15px 50px;
                width: 100%;
            }
            
            .button-height-padd button {
                padding: 8px 16px;
                /*80% css 10,20 to 8,16*/
            }
            
            .teacher-single-view span {
                border-radius: 50px !important;
                color: white !important;
                display: inline-block !important;
                font-size: 40px !important;
                height: 100px !important;
                line-height: 92px !important;
                padding: 5px !important;
                text-align: center !important;
                width: 100px !important;
                margin: 0px !important;
            }
            
            .teacher-single-view {
                background: url(../imgs/dashboard/teacher-logo.png) no-repeat center bottom;
                background-size: 100%;
                display: inline-table;
                margin: 0px;
            }
            
            .kid-prof-view span {
                border-radius: 50px !important;
                color: white !important;
                display: inline-block !important;
                font-size: 40px !important;
                height: 100px !important;
                line-height: 92px !important;
                padding: 5px !important;
                text-align: center !important;
                width: 100px !important;
                margin: 0px !important;
            }
            
            .kid-prof-view {
                background: url(../imgs/dashboard/kid.png) no-repeat center bottom;
                background-size: 100%;
                display: inline-block;
                margin: 0px;
            }
            
            .student-grade-select,
            .teacher-grade-select {
                font-size: 18px;
                width: 73% !important;
                float: left;
                height: 40px;
                box-shadow: none;
            }
            
            .student-grade-select:focus,
            .teacher-grade-select:focus {
                outline: none;
                box-shadow: none;
            }
            
            .parentbg span {
                border-radius: 50px !important;
                color: white !important;
                display: inline-block !important;
                font-size: 30px !important;
                height: 65px !important;
                line-height: 52px !important;
                padding: 5px !important;
                text-align: center !important;
                width: 65px !important;
                margin: 0px !important;
            }
            
            .parentbg {
                margin: 0px;
                position: relative;
                top: 3px;
                background: url(../imgs/dashboard/parent.png) no-repeat center bottom;
                background-size: 100%;
                display: inline-table;
            }
            
            .parentbg-table {
                margin: 0px;
                position: relative;
                top: 3px;
                background: url(../imgs/dashboard/parent.png) no-repeat center bottom;
                background-size: 100%;
                display: inline-table;
            }
            
            .alert-info-msg {
                color: #31708f;
                background-color: #d9edf7;
                border-color: #bce8f1;
                margin-bottom: 0px;
                border: 1px solid transparent;
                border-radius: 4px;
                padding: 10px 15px;
                font-size: 16px;
            }
            
            .class-profile-body .profile-left .profile-container {
                padding: 50px 0px;
                text-align: center;
            }
            
            input[type=number]::-webkit-inner-spin-button,
            input[type=number]::-webkit-outer-spin-button {
                -webkit-appearance: none !important;
                margin: 0 !important;
            }
            
            .first-time-description {
                font-size: 14px;
                color: #898989;
            }
            
            .container-contact-no .easyoption-section label {
                font-weight: 500;
                font-size: 16px;
                margin-bottom: 10px;
            }
            
            .container-contact-no .easyoption-section .excel-format-upload {
                margin-bottom: 10px;
                font-weight: 500;
                font-size: 14px;
            }
            
            .inlineblockshow {
                display: inline-block;
            }
            
            .class-profile-body .profile-container img {
                width: 100px !important;
                /*height: 100px !important;  80% css
border-radius: 5px !important;*/
            }
            
            .link-color-default {
                color: #000000;
            }
            
            .link-color-default:hover {
                color: #000000;
            }
            
            .skooly-color {
                color: #f8577f;
            }
            
            .pricing-value {
                padding-bottom: 20px;
                min-height: 470px !important;
            }
            
            .chevron-right-dashboard {
                /*float: right;    80% css 
position: absolute;*/
                /* top: -30px; */
                color: #e8e8e8;
                /*right: 3%;  80% css
top: 43%;*/
            }
            
            .featured-menu {
                background-color: #FFFFFF;
                padding: 0.5rem 1rem;
                /*80% css 20,25 to 0.5,1.5 rem -- 1.5rem to 1rem -- */
                margin-bottom: 15px;
            }
            
            .featured-media {
                padding-bottom: 5px;
                padding-top: 5px;
                border: 1px solid transparent;
                padding: 10px 15px;
                border-radius: 5px;
                position: relative;
                display: flex;
            }
            
            .featured-media:hover {
                background: #fbfbfa;
                border: 1px solid #e8e8e8;
                transition: 0.5s;
            }
            
            .featured-media:hover .chevron-right-dashboard {
                color: #555459 !important;
                transition: 0.5s;
            }
            
            .container-greeting-text {
                margin-bottom: 0px;
            }
            
            .container-logintime-text {
                margin-top: 0px;
                margin-bottom: 10px !important;
            }
            
            .dashboard-container .featured-media {
                cursor: pointer;
            }
            
            .title-font-size .form-title {
                font-size: 12px !important;
                /*80% css 15 to 12*/
                color: #777777;
                margin-top: 10px;
            }
            
            .weekdays li {
                margin-right: 10px;
                margin-bottom: 3px;
            }
            
            .weekdays li {
                list-style: none;
                float: left;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            
            .weekdays li input {
                margin-right: 2px;
                position: relative;
                top: 2px;
            }
            
            .ui.tabular.accounttab .item {
                color: #4183c4;
            }
            
            .bootstrap-switch-primary {
                background: #F55980 !important;
            }
            
            .text-black-color {
                color: #111;
            }
            
            #schoolworkingday {
                position: relative;
                top: -8px;
            }
            
            .blue-color-font {
                color: #4183c4 !important;
            }
            
            .black-text-css {
                color: #000 !important;
            }
            
            .gray-color-text {
                color: #a1a1a1 !important;
            }
            
            .mar-right-20 {
                margin-right: 20px;
            }
            
            .alert-info-msg {
                color: #31708f;
                background-color: #d9edf7;
                border-color: #bce8f1;
                margin-bottom: 0px;
                border: 1px solid transparent;
                border-radius: 4px;
                padding: 10px 15px;
                font-size: 16px;
                margin-top: 10px;
                margin-bottom: 15px;
            }
            
            .alert-info-msg .greeting-subtitle-annoucement {
                font-size: 14px;
                /*80% css 16 to 14*/
                color: #337ab7;
                line-height: 25px;
            }
            
            .media-left.stats-container-two img {
                width: 40px;
                /*80% css 50 to 40*/
            }
            
            .statistics-container-one {
                background-color: #ffffff;
                padding: 30px 15px;
            }
            
            .top-teacher-minheight {
                min-height: 340px;
            }
            
            .stats-container-one .container-one-value {
                font-size: 14px;
                /*80% css 15 to 14*/
                margin-bottom: 5px;
            }
            
            .stats-container-one .container-one-value span {
                font-size: 19px;
            }
            
            .stats-container-one .progress-stats {
                margin-top: 15px;
            }
            
            .pusher {
                overflow: visible !important;
            }
            
            #studentTable .kidbg {
                margin-top: 0px;
            }
            
            .text-top-table {
                vertical-align: text-top !important;
            }
            
            .classroom-list table.my-classrooms td {
                vertical-align: top !important;
            }
            
            table.dataTable tbody th,
            table.dataTable tbody td {
                padding: 10px;
                vertical-align: middle !important;
            }
            
            #teacherTable .teacherbg {
                margin-top: 0px;
            }
            
            .classroom-table-profile {
                margin-top: 0px;
            }
            
            .inline-block-add {
                display: inline-block;
            }
            
            .welcome-beta-classified {
                display: block;
                background-color: #dff0d8;
                padding: 20px 20px;
            }
            
            .edit-form-field.notinline {
                width: auto;
                /*80% css widt added*/
                min-width: 45%;
            }
            
            .assign-teachers table figure {
                margin: 0px;
                margin-right: 10px;
            }
            
            .button-active {
                color: #FFF !important;
                background-color: #E91E63 !important;
                border-color: #E91E63 !important;
                outline: none !important;
                outline-offset: inherit !important;
            }
            
            .nav-tabs>li.active.mytabtrigger>a {
                font-size: 12px;
                /* 80% css 16 to 12 */
            }
            
            .manage-table-img {
                width: 40px;
                height: 40px;
                margin-right: 10px;
                margin-left: 10px;
            }
            /* 11 Aug  2016*/
            
            .resend-otp-buttom {
                border: 2px solid #09d189;
                color: #09d189;
                padding: 7px 10px;
                margin-left: 10px;
                border-radius: 4px;
                font-size: 12px;
                /*80% css 16 to 12*/
            }
            
            .resend-otp-buttom:hover {
                color: #09d189;
            }
            
            .dashboard-name-container .container-greeting-text {
                line-height: 25px;
                /* 80% css 30 to 25 */
            }
            
            .dashboard-name-container .first-letter-div {
                margin-bottom: 10px;
                padding-right: 0px;
            }
            
            .main-profile-bg-home {
                background: url(../imgs/dashboard/admin.png) no-repeat center bottom;
                background-size: 100%;
                display: inline-table;
                margin-right: 15px;
                margin: 0px;
            }
            
            .main-profile-bg-home span {
                color: white !important;
                display: inline-block !important;
                font-size: 18px !important;
                /*80% css 22 to 18*/
                height: 40px;
                /*80% css 50 to 40*/
                line-height: 30px !important;
                /*80% css 40 to 30*/
                padding: 5px !important;
                /*80% css 5 to 1*/
                text-align: center !important;
                width: 40px !important;
                /*80% css 50 to 40*/
                margin: 0px !important;
            }
            
            .main-profile-bg {
                background: url(../imgs/dashboard/admin.png) no-repeat center bottom;
                background-size: 100%;
                display: inline-table;
                margin-right: 15px;
                margin: 0px;
            }
            
            .main-profile-bg span {
                color: white !important;
                display: inline-block !important;
                font-size: 40px !important;
                height: 100px !important;
                line-height: 90px !important;
                padding: 5px !important;
                text-align: center !important;
                width: 100px !important;
                margin: 0px !important;
            }
            
            .page-navigation .page-navigation-container {
                width: 65% !important;
            }
            
            .calender-add-button {
                padding: 4.8px 9.8px;
                /* 80% css 7,25 to 4.8,9.8*/
                letter-spacing: .5px;
                font-size: 12px;
                /* 80% css 1.1em to 12px*/
                background: #f8577f;
                border: none;
                color: #fff;
            }
            
            .calender-add-button span {
                margin-right: 10px;
            }
            
            .calender-add-button:hover,
            .calender-add-button:focus {
                background: #FF658B;
                color: #fff;
            }
            
            .calender-view-button span {
                margin-right: 10px;
            }
            
            .calender-view-button {
                padding: 4.8px 9.8px;
                /* 80% css 7,25 to 4.8,9.8*/
                letter-spacing: .5px;
                font-size: 12px;
                /* 80% css 7,25 to 4.8,9.8*/
                background: #60BB81;
                border: none;
                color: #fff;
            }
            
            .calender-view-button:hover,
            .calender-view-button:focus {
                background: #78ce97;
                color: #fff;
            }
            
            .custom-pagination {
                text-align: right;
            }
            
            .custom-pagination li a {
                border-radius: 20px;
            }
            
            .custom-pagination #currentPage {
                border-radius: 20px !important;
            }
            
            .custom-pagination li span {
                border: 0px;
            }
            
            .custom-pagination li .form-control {
                width: 37px;
                display: inline;
                height: 31px;
                padding: 0px 5px;
                text-align: center;
                border-radius: 2px;
                margin-left: 10px;
            }
            
            .custom-pagination li .form-control:focus {
                box-shadow: none;
                border-color: #ccc;
            }
            
            .double-arrow-back {
                font-size: 24px;
            }
            
            .prev-next-icon {
                padding: 2px 15px !important;
                height: 31px;
            }
            
            .single-profile-image-view {
                width: 100px !important;
            }
            
            .check-box-align .styled {
                height: 25px;
            }
            
            .check-box-align label::after {
                top: 3px;
            }
            
            .date-time-label {
                padding-left: 0px !important;
                margin-bottom: 8px !important;
            }
            
            .multiple-days-check .checkbox {
                margin-bottom: 0px;
            }
            
            body {
                padding-top: 0px;
                font-family: 'Noto Sans Regular', sans-serif;
            }
            
            .custom-notification {
                font-size: 12px;
                width: 100%;
                position: fixed;
                z-index: 9;
                background: #00c8e5;
                padding: 10px 10px;
                color: #fff;
                text-align: center;
            }
            
            .notification-custom-bar {
                position: relative;
            }
            
            input[type=number]::-webkit-inner-spin-button,
            input[type=number]::-webkit-outer-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }
            
            .list-padding-none {
                padding-bottom: 0px !important;
            }
            
            .eventSave {
                padding: 5.6px 32px;
                /* 80% css 7,40 to 5.6,32*/
                letter-spacing: .5px;
                font-size: 14px;
                /* 80% css 1.1em to 14px*/
                border: none;
                color: #fff;
            }
            
            .eventSave span {
                margin-right: 10px;
            }
            
            .marginr5 {
                margin-right: 5px;
            }
            
            .calender-view-button img {
                width: 23px;
                margin-right: 8px;
            }
            
            .right-inner-addon {
                position: relative;
                width: 70%;
            }
            
            .right-inner-addon input {
                padding-right: 30px;
                width: 100% !important;
            }
            
            .right-inner-addon i {
                position: absolute;
                right: 10px;
                padding: 5px;
                pointer-events: none;
                color: #fff;
                font-size: 11px;
                background: #44CB8A;
                border-radius: 50px;
                top: 26px;
            }
            
            .mobile-inner-addon {
                position: relative;
                width: 100%;
            }
            
            .mobile-inner-addon input {
                padding-right: 30px;
                width: 50% !important;
            }
            
            .mobile-inner-addon i {
                position: absolute;
                right: 45px;
                padding: 5px;
                pointer-events: none;
                color: #fff;
                font-size: 11px;
                background: #44CB8A;
                border-radius: 50px;
                top: 20px;
            }
            
            .list-padding-none {
                padding-bottom: 0px !important;
            }
            
            .eventSave {
                padding: 5.6px 32px;
                /* 80% css 7,40 to 5.6,32*/
                letter-spacing: .5px;
                font-size: 14px;
                /* 80% css 1.1em to 14px*/
                border: none;
                color: #fff;
            }
            
            .eventSave span {
                margin-right: 10px;
            }
            
            .marginr5 {
                margin-right: 5px;
            }
            
            .calender-view-button img {
                width: 23px;
                margin-right: 8px;
            }
            
            .notificationbar-custom-sidebar {
                position: fixed !important;
            }
            
            .margin0 {
                margin: 0px;
            }
            
            .parentbg-table span {
                border-radius: 50px !important;
                color: white !important;
                display: inline-block !important;
                font-size: 18px !important;
                height: 30px !important;
                line-height: 30px !important;
                padding: 5px !important;
                text-align: center !important;
                width: 30px !important;
                margin: 0px !important;
            }
            
            .dashboard-profile-img {
                width: 50px;
                height: 50px;
                margin-bottom: 5px;
                border-radius: 6px;
            }
            
            .fixed-50px-img {
                width: 50px !important;
                height: 50px;
                border-radius: 3px !important;
            }
            
            .fixed-40px-img {
                width: 40px !important;
                height: 40px;
                border-radius: 3px !important;
            }
            
            .teacher-table-img-width {
                width: 20%;
                float: left;
                margin-right: 10px;
            }
            
            .teacher-table-title-width {
                width: 80%;
                float: right;
            }
            
            #prev-next-icon {
                margin-right: 5px;
            }
            
            .alert-info-msg .greeting-subtitle-annoucement span {
                color: #000;
            }
            
            .image-blur-effect {
                background-image: url('../imgs/dashboard/statistics-graph.PNG');
                background-repeat: no-repeat;
                background-size: 100% 100%;
                height: 249px;
            }
            
            .image-blur-effect h3 {
                position: relative;
                top: 40%;
                text-align: center;
                font-size: 18px;
                /*80% css 25 to 18*/
                font-weight: 500;
            }
            
            #adminTeacherTable .teacherbg {
                margin-top: 0px;
            }
            
            .top-teachers {
                margin: 0px;
                float: left;
                background: url(../imgs/dashboard/teacher-logo.png) no-repeat center bottom;
                background-size: 100%;
                display: inline-table;
            }
            
            .top-teachers span {
                border-radius: 50px !important;
                color: white !important;
                display: inline-block !important;
                font-size: 18px !important;
                /*80% css 22 to 18*/
                height: 40px !important;
                /*80% css 50 to 40*/
                line-height: 40px !important;
                padding: 1px !important;
                /*80% css 5 to 1*/
                text-align: center !important;
                width: 40px !important;
                /*80% css 50 to 40*/
                margin: 0px !important;
            }
            
            .stats-container-one.description {
                padding-left: 10px;
                width: 70%;
                float: right;
            }
            
            .container-one-status.list {
                font-size: 12px;
            }
            
            .stats-container-one .container-one-value {
                margin-bottom: 0px;
            }
            
            .list-of-teachers {
                line-height: 38.4px;
                /* 80% css 48 to 38.4*/
            }
            
            .nav-logo-padding {
                padding: 3px 10px !important;
            }
            
            .admin-kid-bg {
                margin: 0px;
                position: relative;
                top: 3px;
                background: url(../imgs/dashboard/kid.png) no-repeat center bottom;
                background-size: 100%;
                display: inline-table;
            }
            
            .admin-kid-bg span {
                border-radius: 50px !important;
                color: white !important;
                display: inline-block !important;
                font-size: 30px !important;
                height: 65px !important;
                line-height: 52px !important;
                padding: 5px !important;
                text-align: center !important;
                width: 65px !important;
                margin: 0px !important;
            }
            
            .parent-prof-view span {
                border-radius: 50px !important;
                color: white !important;
                display: inline-block !important;
                font-size: 40px !important;
                height: 100px !important;
                line-height: 92px !important;
                padding: 5px !important;
                text-align: center !important;
                width: 100px !important;
                margin: 0px !important;
            }
            
            .parent-prof-view {
                background: url(../imgs/dashboard/parent.png) no-repeat center bottom;
                background-size: 100%;
                display: inline-block;
                margin: 0px;
            }
            
            .morris-hover {
                position: absolute;
                z-index: 1000;
            }
            
            .top-teacher-empty {
                padding: 10px;
                margin-top: 60px;
            }
            
            .kid-relation-img {
                width: 65px !important;
                height: 70px !important;
                border-radius: 8px;
                padding: 5px;
            }
            
            .login-signup-footer {
                position: initial;
                margin-bottom: 0px;
            }
            
            .signup-btn-margintop10 {
                padding-top: 10px;
            }
            
            #downloadapppopup .signup-pop-modal {
                text-align: center;
                padding: 0 !important;
            }
            
            .signup-pop-modal:before {
                content: '';
                display: inline-block;
                height: 100%;
                vertical-align: middle;
                margin-right: -4px;
            }
            
            .signup-pop-modal .modal-dialog {
                display: inline-block;
                text-align: left;
                vertical-align: middle;
            }
            
            .academy-background {
                background-color: #ffb3ba !Important;
            }
            
            .sign-up-modal a {
                text-decoration: none;
            }
            
            .sign-up-modal .well:hover {
                background-color: #dfdfdf;
                transition: 0.6s;
            }
            
            .sign-up-modal .well {
                border: none;
                box-shadow: none;
            }
            
            .sign-up-modal .well img {
                height: 50px;
            }
            
            .app-section img.banner-img {
                width: 215px;
                display: inline-block;
                padding: 0.5%;
            }
            
            .greeting-heading-pro {
                text-align: center;
                border-bottom: 0px;
            }
            
            .center-block {
                display: block;
                margin-right: auto;
                margin-left: auto;
            }
            
            .greeting-heading-pro span {
                color: #d44a7d;
                font-size: 32px;
                vertical-align: bottom;
            }
            
            .signup-pop-modal .greeting-heading-pro p {
                font-size: 16px;
            }
            
            .greeting-content-pro {
                font-size: 18px;
                color: #666666;
            }
            
            .greeting-content-pro span {
                font-family: 'Noto Sans Bold';
                color: #666666;
            }
            
            .greeting-heading-pro img {
                width: 50px;
            }
            
            .greeting-heading-pro span {
                color: #d44a7d;
                font-size: 32px;
                vertical-align: bottom;
            }
            
            .padding30 {
                padding: 30px;
            }
            
            .skooly-pink-font {
                color: #d10058;
            }
            
            .skooly-pink {
                color: #d10058;
                font-size: 18px !important;
            }
            
            .gly-spin {
                -webkit-animation: spin 2s infinite linear;
                -moz-animation: spin 2s infinite linear;
                -o-animation: spin 2s infinite linear;
                animation: spin 2s infinite linear;
            }
            
            @-moz-keyframes spin {
                0% {
                    -moz-transform: rotate(0deg);
                }
                100% {
                    -moz-transform: rotate(359deg);
                }
            }
            
            @-webkit-keyframes spin {
                0% {
                    -webkit-transform: rotate(0deg);
                }
                100% {
                    -webkit-transform: rotate(359deg);
                }
            }
            
            @-o-keyframes spin {
                0% {
                    -o-transform: rotate(0deg);
                }
                100% {
                    -o-transform: rotate(359deg);
                }
            }
            
            @keyframes spin {
                0% {
                    -webkit-transform: rotate(0deg);
                    transform: rotate(0deg);
                }
                100% {
                    -webkit-transform: rotate(359deg);
                    transform: rotate(359deg);
                }
            }
            
            .gly-rotate-90 {
                filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                transform: rotate(90deg);
            }
            
            .gly-rotate-180 {
                filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
            }
            
            .gly-rotate-270 {
                filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
                -webkit-transform: rotate(270deg);
                -moz-transform: rotate(270deg);
                -ms-transform: rotate(270deg);
                -o-transform: rotate(270deg);
                transform: rotate(270deg);
            }
            
            .gly-flip-horizontal {
                filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
                -webkit-transform: scale(-1, 1);
                -moz-transform: scale(-1, 1);
                -ms-transform: scale(-1, 1);
                -o-transform: scale(-1, 1);
                transform: scale(-1, 1);
            }
            
            .gly-flip-vertical {
                filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
                -webkit-transform: scale(1, -1);
                -moz-transform: scale(1, -1);
                -ms-transform: scale(1, -1);
                -o-transform: scale(1, -1);
                transform: scale(1, -1);
            }
            
            .uploaded-files-name {
                padding-bottom: 7px;
            }
            
            .body-overlay {
                position: absolute;
                background: rgba(0, 0, 0, 0.6);
                width: 100%;
                right: 0px;
                top: 0px;
                height: 100%;
            }
            
            .body-overlay img {
                position: relative;
                top: 30%;
                width: 140px;
            }
            
            .center-block-none {
                margin-right: auto;
                margin-left: auto;
            }
            /* Activity & Billing Plan Css */
            
            .paddingl3per {
                padding-left: 3%;
            }
            
            .activity-school-image {
                display: inline-block;
                padding: 15px;
                border: 1px solid #ccc;
                border-radius: 4px;
            }
            
            .a-stud-name {
                font-weight: bold;
                letter-spacing: 1px;
            }
            
            .date-picker-custom input {
                margin-top: 0px !important;
                border-radius: 0px !important;
                font-size: 14px !important;
            }
            
            .activity-date-listing .time-div {
                background: #e9e9e9;
                padding: 15px 10px;
                font-style: italic;
                font-size: 15px;
                color: #262626;
                font-weight: bold;
            }
            
            .activity-event-listing .time-div {
                background: #f6f6f6;
                padding: 15px 10px;
            }
            
            .martop5px {
                margin-top: 10px;
            }
            
            .display-flex {
                display: flex;
                /*80% css removed important*/
            }
            
            .flex-items1 {
                flex: 1;
                align-items: center;
                display: flex;
            }
            
            .flex-items2 {
                flex: 3;
                align-items: center;
                display: flex;
            }
            
            .flex-items6 {
                flex: 6;
                align-items: center;
                display: flex;
            }
            
            .flex-items3 {
                display: flex;
                align-items: center;
                flex: 1;
            }
            
            .flex-items-ul ul {
                list-style-type: none;
                padding-left: 0px;
                margin-bottom: 0px;
            }
            
            .activity-checked-status {
                font-size: 1.2rem;
            }
            
            .activity-updated-by {
                font-size: 15px;
                margin-top: 5px;
                color: #777777;
            }
            
            .activity-updated-by span {
                color: #2d2d2d;
            }
            
            .activity-time {
                font-size: 16px;
                color: #777777;
            }
            
            .border0px {
                border-bottom: 0 !important;
            }
            
            .border0 {
                border: 0 !important;
            }
            
            .paddingb0 {
                padding-bottom: 0px !important;
            }
            
            .skooly-custom-navpill {
                margin-bottom: 20px;
            }
            
            .skooly-custom-navpill>li>a {
                color: #393939;
                font-size: 18px;
                border-radius: 0px;
            }
            
            .skooly-custom-navpill>li.active>a,
            .skooly-custom-navpill>li.active>a:focus,
            .skooly-custom-navpill>li.active>a:hover {
                background-color: transparent;
                color: #f75284;
                border-bottom: 3px solid #f75284;
            }
            
            .skooly-custom-navpill>li>a:focus,
            .skooly-custom-navpill>li>a:hover {
                text-decoration: none;
                background-color: transparent;
            }
            
            .student-activity-main {
                padding: 1% 6%;
            }
            
            .column-center {
                float: none;
                margin: auto;
            }
            
            .student-activity-admin {
                border: 1px solid #ddd;
                padding: 25px;
                border-radius: 5px;
            }
            
            .student-activity-admin input {
                border-top: 0px !important;
                box-shadow: none !important;
                border-left: 0px !important;
                border-right: 0px !important;
                border-radius: 0px !important;
            }
            
            .student-activity-admin select {
                border-top: 0px !important;
                box-shadow: none !important;
                border-left: 0px !important;
                border-right: 0px !important;
                border-radius: 0px !important;
            }
            
            .marginb0 {
                margin-bottom: 0px !important;
            }
            
            .paddingb30 {
                padding-bottom: 30px;
            }
            /* changed on 21-12 */
            
            select.default-skoolyreg-mobselect,
            input[type="text"].default-skoolyreg-mobinput,
            input[type="number"].default-skoolyreg-mobinput {
                /*border: 1px solid #c9c9c9;*/
                /*padding: 12px;*/
                /*height: auto;*/
                /*border-radius: 4px;*/
                /* changed due to 80% change */
                padding: 9.6px;
                border: 1px solid #C5C5C5;
                border-radius: 4px;
                /*width: 80%;*/
                font-size: 16px;
                height: auto;
            }
            
            .input_wrapper {
                position: relative;
            }
            
            .confirmation_code {
                width: 75%;
            }
            
            .confirmation_code_span_cell {
                display: table-cell;
                font-weight: 700;
                font-size: 2rem;
                text-align: center;
                padding: 0 .5rem;
                width: 6rem;
                vertical-align: middle;
            }
            
            .split_input {
                display: table;
                border-spacing: 0
            }
            
            .split_input_item {
                display: table-cell;
                border: 1px solid #9e9ea6
            }
            
            .split_input_item:not(:first-child) {
                border-left: none
            }
            
            .split_input_item:first-child {
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px
            }
            
            .split_input_item:last-child {
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px
            }
            
            .split_input_item.focused {
                border: 1px double #2780f8;
                box-shadow: 0 0 7px rgba(39, 128, 248, .3)
            }
            
            .split_input_item input {
                height: 5rem;
                text-align: center;
                font-size: 2.5rem;
                border: none;
                background: 0 0;
                box-shadow: none
            }
            
            .split_input_item input:active,
            .split_input_item input:focus,
            .split_input_item input:hover {
                box-shadow: none
            }
            
            .inline_input {
                width: 100% !important;
                border: 0px !important;
                margin: 0px !important;
                font-size: 40px !important;
                height: 80px !important;
                border-radius: 5px !important;
                color: #555459 !important;
            }
            
            .inline_input:focus {
                outline: none;
            }
            
            .default-skoolyreg-mobselect {
                background-position-x: 96% !important;
            }
            
            .registration-details .form-control {
                padding: 12px;
                border: 1px solid #C5C5C5;
                border-radius: 4px;
            }
            
            .registration-details .form-control:focus {
                border-color: #2780f8;
                box-shadow: none;
            }
            
            .skoolyregistration .form-control {
                padding: 9.6px !important;
                /* 80% css 12 to 9.6 */
                border: 1px solid #C5C5C5;
                border-radius: 4px;
                width: 80%;
                /*80% css 70 to 80*/
                font-size: 16px !important;
                /* 80% css 12 to 16 */
                height: auto;
            }
            
            .mobile-inner-addon {
                position: relative;
                width: 100%;
            }
            
            .mobile-inner-addon input {
                padding-right: 30px;
                width: 50% !important;
            }
            
            .mobile-inner-addon i {
                position: absolute;
                right: 45px;
                padding: 5px;
                pointer-events: none;
                color: #fff;
                font-size: 11px;
                background: #44CB8A;
                border-radius: 50px;
                top: 27px;
            }
            
            .dashard-popover {
                list-style-type: none;
            }
            
            .dashard-popover li {
                font-size: 17px;
                margin: 10px 0px;
            }
            
            .dashard-popover li span {
                margin-right: 7px;
            }
            
            .setup-academy h1 {
                font-size: 26px;
                /*80% css 35 to 26*/
                font-weight: 500;
                /*80% css lighter to 500*/
                color: #000;
                /*80% css #999 to #000*/
                margin-bottom: 0.6rem;
                /*80% css added*/
            }
            
            .setup-academy h2 {
                font-size: 25px;
                font-weight: lighter;
                color: #999;
                margin: 0px;
            }
            
            .setup-academy h4 {
                font-size: 15px;
                font-weight: lighter;
                color: #999;
                margin-top: 0px;
                margin-bottom: 7px;
            }
            
            .m-t-1 {
                margin-top: 1em !important;
                /*80% css important added*/
            }
            
            .item-heading {
                color: #9ad4ff;
            }
            
            .paddingl0 {
                padding-left: 0px !important;
            }
            
            .calendar-table .today {
                background-color: #e91e63 !important;
                border-color: #e91e63 !important;
                color: #fff;
            }
            
            .calendar-table .today.active.start-date {
                background-color: #357ebd !important;
                border-color: #3071a9 !important;
            }
            
            .multiple-days-check .checkbox.checkbox-success label {
                font-size: 16px !important;
            }
            /*signup flow changes end*/
            /*Login & signup input width issue*/
            
            .right-inner-addon {
                position: relative;
                width: 80%;
            }
            
            .right-inner-addon input {
                width: 90% !important;
            }
            
            .right-inner-addon input {
                padding-right: 30px;
            }
            
            .right-inner-addon i {
                position: absolute;
                right: 15px;
                /*80% css 10 to 15*/
                padding: 5px;
                pointer-events: none;
                color: #fff;
                font-size: 10px;
                /*80% css 11 to 10*/
                background: #44CB8A;
                border-radius: 50px;
                top: 23.5px;
                /*80% css 30 to 23.5*/
            }
            
            .mobile-inner-addon i {
                position: absolute;
                right: 10px;
                padding: 5px;
                pointer-events: none;
                color: #fff;
                font-size: 11px;
                background: #44CB8A;
                border-radius: 50px;
                top: 30px;
            }
            
            input[type="email"].default-skoolyreg,
            input[type="number"].default-skoolyreg,
            input[type="search"].default-skoolyreg,
            input[type="text"].default-skoolyreg,
            input[type="tel"].default-skoolyreg,
            input[type="url"].default-skoolyreg,
            input[type="password"].default-skoolyreg,
            textarea.default-skoolyreg,
            select.default-skoolyreg {
                padding: 9.6px;
                /*80% css 12 to 9.6*/
                border: 1px solid #C5C5C5;
                border-radius: 4px;
                width: 80%;
                font-size: 16px;
                /*80% css 20 to 16*/
                height: auto;
            }
            
            input[type="email"].default-skoolyreg:focus,
            input[type="number"].default-skoolyreg:focus,
            input[type="search"].default-skoolyreg:focus,
            input[type="text"].default-skoolyreg:focus,
            input[type="tel"].default-skoolyreg:focus,
            input[type="url"].default-skoolyreg:focus,
            input[type="password"].default-skoolyreg:focus,
            textarea.default-skoolyreg:focus,
            select.default-skoolyreg:focus {
                border-color: #2780f8;
                box-shadow: none;
            }
            /* pragveen 18-3  */
            
            .font-1rem {
                font-size: 1rem !important;
            }
            
            .get-started-block .checkbox label {
                font-size: 12px !important;
                /*80% css 15 to 12*/
            }
            
            .get-started-block .checkbox label::after {
                padding-top: 3px;
            }
            
            .skooly-dashboard-container {
                margin-top: 1em;
                /* padding : 10px 2px;*/
            }
            
            .container-greeting-text-type2 {
                font-size: 16px;
                /*80% css 20 to 16*/
            }
            
            .container-greeting-text-type2 img {
                width: 18px;
                /*80% css 22 to 18*/
            }
            
            .container-greeting-text-type2 span {
                position: absolute;
                bottom: 0;
                padding-left: 10px;
            }
            
            .add-classroom-btn {
                margin: 0;
            }
            
            .align-self-center {
                align-self: center;
            }
            
            .padding10px {
                padding: 10px;
            }
            
            .padding1020px {
                padding: 10px 30px;
            }
            
            .createAnnoucementDetails .bootstrap-tagsinput {
                min-height: 0;
            }
            
            .paddingrl0 {
                padding-right: 0;
                padding-left: 0;
            }
            
            .paddingr0 {
                padding-right: 0;
            }
            
            .margin-top-15 {
                margin-top: 15px;
            }
            
            .width100per {
                width: 100% !important;
            }
            
            .blue-color {
                color: #446fec;
            }
            /* USER LIST TABLE */
            
            .user-list tbody td>img {
                position: relative;
                max-width: 40px;
                /*80% css 50 to 40*/
                float: left;
                margin-right: 20px;
                /*80% css 15 to 20*/
            }
            
            .user-list tbody td .user-link {
                display: block;
                font-size: 12px;
                /*80% css 1.25em to 12px*/
                padding-top: 3px;
                margin-left: 60px;
            }
            
            .user-list tbody td .user-subhead {
                font-size: 0.7rem;
                /*80% css 0.875em to 0.7rem*/
                font-style: italic;
            }
            
            .fstElement,
            .fstMultipleMode .fstControls {
                width: 100%;
            }
            
            .fstChoiceItem {
                font-size: 13px;
                padding-bottom: 5px;
                padding-left: 22px;
                padding-right: 5px;
                padding-top: 5px;
                line-height: 12px;
            }
            
            .fstResultItem {
                border-top-color: rgb(255, 255, 255);
                border-top-style: solid;
                border-top-width: 1px;
                box-sizing: border-box;
                color: rgb(35, 35, 35);
                cursor: pointer;
                display: block;
                font-family: "Noto Sans Regular", sans-serif;
                font-size: 15.4px;
                font-style: normal;
                font-weight: normal;
                height: 30.375px;
                line-height: 14.285px;
                margin-bottom: 0px;
                margin-left: 0px;
                margin-right: 0px;
                margin-top: 0px;
                padding-bottom: 7.7px;
                padding-left: 11.0001px;
                padding-right: 11.0001px;
                padding-top: 7.7px;
                text-rendering: optimizeLegibility;
                text-size-adjust: 100%;
                width: 690.391px;
                -webkit-font-smoothing: antialiased;
                -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            }
            
            .fstElement {
                font-size: 11px;
            }
            
            .groupWorkingProfiles p {
                font-size: 14px;
            }
            
            .groupWorkingProfiles .weekdays li {
                font-size: 14px;
            }
            
            .groupWorkingProfiles .input-group input {
                margin-top: 0 !important;
                border-top-left-radius: 0 !important;
                border-bottom-left-radius: 0 !important;
            }
            
            .groupWorkingProfiles .checkbox.checkbox-circle label::before {
                margin-top: 0 !important;
            }
            
            .margin0px {
                margin: 0 !important;
            }
            
            .groupWorkingProfiles .checkbox input[type="checkbox"],
            .checkbox input[type="radio"] {
                height: 30px;
            }
            
            .well .classrow-append p {
                margin-top: 6px;
                margin-bottom: 0;
            }
            /*.GroupAddDesign .checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
margin-top: 10px;
}

.GroupAddDesign .checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
margin-top: 10px;
}

.GroupAddDesign input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
margin-top: 10px;
}
*/
            
            .GroupAddDesign [class*="col-sm"] {
                padding-right: 0;
            }
            
            .GroupAddDesign [class*="col-sm"] input {
                border-radius: 4px;
                color: #000;
                font-size: 16px;
                height: 38px;
                box-shadow: none
            }
            /*.absolute-positioning {
position: absolute !important;
}
*/
            
            .m-r-5 {
                margin-right: 5px;
            }
            
            .display-inline-block {
                display: inline-block !important;
            }
            
            .custom-add-well {
                padding: 10px 15px;
                font-size: 14px;
                /*80% css font-size added*/
            }
            
            .custom-add-well a {
                font-weight: bold;
            }
            
            .GroupAddDesign [class*="col-sm"] input:hover,
            .classrow-append [class*="col-sm"] input:focus {
                border-color: #2780F8;
                box-shadow: none;
            }
            
            .btn-squared-next {
                background: #09d189;
                border: none;
                color: #fff;
                padding: 6px 50px;
                font-size: 19px;
                border-radius: 5px;
                outline: 0;
                line-height: 30px;
            }
            
            .container-greeting-text-firstscreen {
                font-size: 20px;
                font-family: 'Noto Sans Regular';
                margin-bottom: 10px;
                position: relative;
                text-align: center;
                padding: 15px 35px 15px;
                border-bottom: 1px solid #E2E2E2;
            }
            
            .setup-images {
                width: 30px !important;
                margin-right: 10px;
            }
            
            .justify-flex-center {
                justify-content: center;
            }
            
            .borderbot1px {
                border-bottom: 1px solid #E2E2E2;
            }
            
            .GroupAddDesign select:focus {
                box-shadow: none;
            }
            
            .dataTable thead tr th {
                font-size: 12px;
            }
            /*
css for started here satrts here*/
            
            .get-started-block .checkbox label {
                font-size: 15px;
            }
            
            .get-started-block .checkbox label::after {
                padding-top: 3px;
            }
            
            .skooly-dashboard-container {
                margin-top: 1em;
            }
            
            .container-greeting-text-type2 span {
                position: absolute;
                bottom: 0;
                padding-left: 10px;
            }
            
            .add-classroom-btn {
                margin: 0;
            }
            
            .align-self-center {
                align-self: center;
            }
            
            .padding10px {
                padding: 10px;
            }
            
            .padding1020px {
                padding: 10px 30px;
            }
            
            .createAnnoucementDetails .bootstrap-tagsinput {
                min-height: 0;
            }
            
            .paddingrl0 {
                padding-right: 0;
                padding-left: 0;
            }
            
            .paddingr0 {
                padding-right: 0;
            }
            
            .margin-top-15 {
                margin-top: 15px;
            }
            
            .width100per {
                width: 100% !important;
            }
            
            .blue-color {
                color: #446fec;
            }
            /*
skooly invite customers*/
            
            .Invite-Custom-button {
                border-radius: 100px;
                color: #fff;
                border: 0;
                font-size: 0.8rem;
                /*80% css font-size added*/
                background: #3F51B5;
            }
            
            .Invite-Custom-button:hover,
            .Invite-Custom-button:focus {
                border-radius: 100px;
                color: #fff;
                border: 0;
                background: #3F51B5;
                outline: none;
                /*80% csss outline added*/
            }
            
            .md-formgroup input {
                height: 1.9rem;
            }
            
            .md-formgroup textarea {
                resize: none;
            }
            
            .md-formgroup select {
                width: 100%;
                font-size: 1rem;
                height: 1.6rem;
                padding: 0.125rem 0.125rem 0.0625rem;
                background: none;
                border: none;
                line-height: 1.6;
                box-shadow: none;
            }
            
            .md-formgroup .control-label {
                position: absolute;
                top: 0.25rem;
                pointer-events: none;
                padding-left: 0.125rem;
                z-index: 1;
                color: #b3b3b3;
                font-size: 1rem;
                font-weight: normal;
                -webkit-transition: all 0.28s ease;
                transition: all 0.28s ease;
                padding-top: 0px;
            }
            
            .md-formgroup .bar {
                position: relative;
                border-bottom: 0.0625rem solid #999;
                display: block;
            }
            
            .md-formgroup .bar::before {
                content: '';
                height: 0.125rem;
                width: 0;
                left: 50%;
                bottom: -0.0625rem;
                position: absolute;
                background: #337ab7;
                -webkit-transition: left 0.28s ease, width 0.28s ease;
                transition: left 0.28s ease, width 0.28s ease;
                z-index: 2;
            }
            
            .md-formgroup input,
            .md-formgroup textarea {
                display: block;
                background: none;
                padding: 0.125rem 0.125rem 0.0625rem;
                font-size: 1rem;
                border-width: 0;
                border-color: transparent;
                line-height: 1.9;
                width: 100%;
                color: transparent;
                -webkit-transition: all 0.28s ease;
                transition: all 0.28s ease;
                box-shadow: none;
            }
            
            .md-formgroup input[type="file"] {
                line-height: 1;
            }
            
            .md-formgroup input[type="file"]~.bar {
                display: none;
            }
            
            .md-formgroup select,
            .md-formgroup input:focus,
            .md-formgroup input:valid,
            .md-formgroup input.form-file,
            .md-formgroup input.has-value,
            .md-formgroup textarea:focus,
            .md-formgroup textarea:valid,
            .md-formgroup textarea.form-file,
            .md-formgroup textarea.has-value {
                color: #333;
            }
            
            .md-formgroup select~.control-label,
            .md-formgroup input:focus~.control-label,
            .md-formgroup input:valid~.control-label,
            .md-formgroup input.form-file~.control-label,
            .md-formgroup input.has-value~.control-label,
            .md-formgroup textarea:focus~.control-label,
            .md-formgroup textarea:valid~.control-label,
            .md-formgroup textarea.form-file~.control-label,
            .md-formgroup textarea.has-value~.control-label {
                font-size: 0.8rem;
                color: gray;
                top: -1rem;
            }
            
            .md-formgroup select:focus,
            .md-formgroup input:focus,
            .md-formgroup textarea:focus {
                outline: none;
            }
            
            .md-formgroup select:focus~.control-label,
            .md-formgroup input:focus~.control-label,
            .md-formgroup textarea:focus~.control-label {
                color: #337ab7;
            }
            
            .md-formgroup select:focus~.bar::before,
            .md-formgroup input:focus~.bar::before,
            .md-formgroup textarea:focus~.bar::before {
                width: 100%;
                left: 0;
            }
            
            .m-t-2 {
                margin-top: 2em !important;
            }
            
            .btn-danger-outline {
                color: #d9534f;
                border-color: #d9534f;
                background-color: transparent;
            }
            
            .height-42-5 {
                height: 42.5px;
            }
            
            .check-inline {
                display: inline;
                margin-right: 15px;
            }
            
            .flex-design {
                display: flex;
            }
            
            .flex-bottom-design {
                display: flex;
                align-self: flex-end;
            }
            
            .m-b-1 {
                margin-bottom: 1em !important;
                /*80% css important added*/
            }
            
            .line-through {
                text-decoration: line-through;
            }
            
            .ui.vertical.menu .item.dashboard-menu-logo {
                padding-top: 3px;
                /*80% css 6 to 3*/
                padding-bottom: 1px;
                /*80% css 6 to 1*/
            }
            
            .navbar-skooly-dashboard {
                padding: 2px 0;
                /*80% css 1 to 2*/
            }
            
            .logo.image img {
                width: 40px;
                /*80% css 50 to 40*/
                margin-right: 1em;
                border-radius: 6px;
            }
            
            .padding20px {
                padding: 20px;
            }
            
            .bot-announce {
                padding: 7px 40px;
            }
            
            .customAddon {
                margin-top: 5px;
            }
            
            .customAddon span {
                border-top-left-radius: 5px !important;
                border-bottom-left-radius: 5px !important;
            }
            
            .customAddon .form-control {
                margin-top: 0 !important;
                border-bottom-left-radius: 0 !important;
                border-top-left-radius: 0 !important;
            }
            
            .mt10 {
                margin-top: 10px;
            }
            
            .fstQueryInput {
                height: 26px !important;
            }
            
            .customWizard {}
            
            .customWizard .active .list-group-item-heading {
                color: #fff;
            }
            
            .padding2px {
                padding: 2px;
            }
            
            .ui.wide.left.sidebar,
            .ui.wide.right.sidebar {
                width: 200px;
                /*80% css 250 to 200*/
            }
            
            .ui.visible.wide.left.sidebar~.fixed,
            .ui.visible.wide.left.sidebar~.pusher {
                -webkit-transform: translate3d(200px, 0, 0);
                /*80% css 250 to 200*/
                transform: translate3d(200px, 0, 0);
                /*80% css 250 to 200*/
            }
            
            .pusher {
                width: 85.5%;
                /*80% css 82 to 85.5*/
            }
            
            .text-red {
                color: #F44336;
            }
            
            .button-icon-align {
                width: 16px;
                margin-right: 10px;
            }
            
            .padd6p30p {
                padding: 6px 30px;
            }
            
            .marTop5p {
                margin-top: 5px;
            }
            
            .md-formgroup input[disabled] {
                color: #0a0505;
                cursor: not-allowed;
            }
            
            .disabledLabel {
                top: -1rem !important;
            }
            
            .customul0pad {
                padding: 0 !important;
                list-style: none !important;
            }
            
            .m-r-1 {
                margin-right: 1em !important;
            }
            /*--Chatboc CSS--*/
            
            .view-chat-container {
                flex-direction: column;
                height: 450px;
            }
            
            .view-chat-container,
            chat-head,
            .msg,
            .toolbar,
            .footer-form {
                display: flex;
            }
            
            chat-head,
            .messages,
            .messages p {
                padding: 1em;
            }
            
            .chat-head {
                background-color: rgb(29, 59, 138);
                color: white;
                line-height: 0.5em;
                padding: 10px 20px;
            }
            
            .chat-heading__name {
                font-weight: normal;
                font-size: 1.75em;
            }
            
            .chat-heading__tel {
                font-size: .875em;
            }
            
            .heading-name {
                margin: 10px 0px;
                font-size: 1em;
            }
            
            .messages {
                background-color: #fff;
            }
            
            .msg {
                position: relative;
                margin-bottom: 1em;
            }
            
            .msg--date {
                margin-top: 0;
                font-size: 1em;
                font-weight: normal;
                text-align: center;
                background: #222;
                color: #727b80;
            }
            
            .messages .msg div {
                border-radius: .35em;
                position: relative;
                display: inline-block;
                margin: 0;
                max-width: 80%;
                padding: 10px;
            }
            
            .user-message div {
                background-color: #3393fb;
                color: #fff;
            }
            
            .bot-message div {
                background-color: #eeedef;
                margin-left: 1em;
            }
            
            .messages {
                flex: 1;
                overflow: auto;
            }
            
            .user-message {
                justify-content: flex-end;
            }
            
            .hr-text {
                line-height: 1em;
                position: relative;
                outline: 0;
                border: 0;
                color: black;
                text-align: center;
                height: 1.5em;
                opacity: .5;
            }
            
            .hr-text:before {
                content: '';
                background: -webkit-linear-gradient(left, transparent, #818078, transparent);
                background: linear-gradient(to right, transparent, #818078, transparent);
                position: absolute;
                left: 0;
                top: 50%;
                width: 100%;
                height: 1px;
            }
            
            .hr-text:after {
                content: attr(data-content);
                position: relative;
                display: inline-block;
                color: black;
                padding: 0 .5em;
                line-height: 1.5em;
                color: #818078;
                background-color: #fcfcfa;
            }
            
            .disabledLabel {
                top: -1rem !important;
                cursor: not-allowed;
            }
            
            .classMoveHead {
                font-weight: 400;
                font-size: 27px;
            }
            
            .margintbl0 {
                margin-top: 0;
                margin-bottom: 0;
                margin-left: 0;
            }
            
            .moveStudents .teacherbg span {
                line-height: 28px !important;
            }
            
            .moveStudents input,
            .moveStudents select {
                font-size: 15px;
                border-radius: 5px;
                padding: 5px 10px;
                height: 40px;
            }
            
            .align-items-baseline {
                align-items: baseline;
            }
            
            .roomChangewiz {
                font-size: 15px;
                background: #d4d4d4;
                width: 30px;
                height: 30px;
                text-align: center;
                border-radius: 100px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff !important;
            }
            
            .roomChangewiz:hover {
                color: #fff !important;
            }
            
            .StepCsswiz span {
                color: #3a3a3a;
                font-size: 12px;
            }
            
            .roomChangewiz {
                margin: auto;
            }
            
            .wizardStepcss .active .roomChangewiz {
                background: #ff9800;
            }
            
            .wizardStepcss .active span {
                color: #ff9800;
            }
            
            .wizardStepcss li {
                padding: 8px;
            }
            
            .wizard {
                margin: 20px auto;
                background: #fff;
            }
            
            .wizard .nav-tabs {
                position: relative;
                margin: 40px auto;
                margin-bottom: 0;
                border-bottom-color: #e0e0e0;
            }
            
            .wizard>div.wizard-inner {
                position: relative;
            }
            
            .connecting-line {
                height: 2px;
                background: #e0e0e0;
                position: absolute;
                width: 80%;
                margin: 0 auto;
                left: 0;
                right: 0;
                top: 50%;
                z-index: 1;
            }
            
            .wizard .nav-tabs>li.active>a,
            .wizard .nav-tabs>li.active>a:hover,
            .wizard .nav-tabs>li.active>a:focus {
                color: #555555;
                cursor: default;
                border: 0;
                border-bottom-color: transparent;
            }
            
            span.round-tab {
                width: 70px;
                height: 70px;
                line-height: 70px;
                display: inline-block;
                border-radius: 100px;
                background: #fff;
                border: 2px solid #e0e0e0;
                z-index: 2;
                position: absolute;
                left: 0;
                text-align: center;
                font-size: 25px;
            }
            
            span.round-tab i {
                color: #555555;
            }
            
            .wizard li.active span.round-tab {
                background: #fff;
                border: 2px solid #5bc0de;
            }
            
            .wizard li.active span.round-tab i {
                color: #5bc0de;
            }
            
            span.round-tab:hover {
                color: #333;
                border: 2px solid #333;
            }
            
            .wizard .nav-tabs>li {
                width: 25%;
            }
            
            .wizard li:after {
                content: " ";
                position: absolute;
                left: 46%;
                opacity: 0;
                margin: 0 auto;
                bottom: 0px;
                border: 5px solid transparent;
                border-bottom-color: #5bc0de;
                transition: 0.1s ease-in-out;
            }
            
            .wizard li.active:after {
                content: " ";
                position: absolute;
                left: 46%;
                opacity: 1;
                margin: 0 auto;
                bottom: 0px;
                border: 10px solid transparent;
                border-bottom-color: #5bc0de;
            }
            
            .wizard .nav-tabs>li a {
                width: 70px;
                height: 70px;
                margin: 20px auto;
                border-radius: 100%;
                padding: 0;
            }
            
            .wizard .nav-tabs>li a:hover {
                background: transparent;
            }
            
            .wizard .tab-pane {
                position: relative;
            }
            
            .wizard h3 {
                margin-top: 0;
            }
            
            @media(max-width: 585px) {
                .reportcard_info,
                .reportBtnsm {
                    width: 100vh;
                }
                #assessment-report-view-container {
                    overflow-x: scroll;
                }
                .wizard {
                    width: 90%;
                    height: auto !important;
                }
                @font-face {
                    font-family: lato-regular;
                    src: url(../fonts/Lato-Regular.ttf);
                }
                body {
                    font-family: lato-regular;
                }
                span.round-tab {
                    font-size: 16px;
                    width: 50px;
                    height: 50px;
                    line-height: 50px;
                }
                .wizard .nav-tabs>li a {
                    width: 50px;
                    height: 50px;
                    line-height: 50px;
                }
                .wizard li.active:after {
                    content: " ";
                    position: absolute;
                    left: 35%;
                }
            }
            
            .annual-checkout {
                padding: 20px 10px;
            }
            
            .annual-checkout.selectable-div {
                cursor: pointer;
            }
            
            .annual-checkout.selectable-div:hover {
                background: #eff7ff;
                border: 1px solid #529FEC;
                transition: 0.3s;
            }
            
            .btn-red:hover,
            .btn-red:focus {
                color: #fff;
            }
            
            .wizard .btn-red {
                padding: 10px 40px;
                font-size: 16px;
            }
            
            .minheight0 {
                min-height: 0;
            }
            
            .EventBulkUpload .bootstrap-tagsinput {
                min-height: 0;
            }
            
            .EventBulkUpload .bootstrap-tagsinput .tag,
            .EventBulkUpload .bootstrap-tagsinput input {
                font-size: 12px;
                line-height: 2.5;
            }
            
            .EventUploadtxt {
                font-weight: 500;
                font-size: 14px;
            }
            
            .paddingrl25 {
                padding-right: 25px;
                padding-left: 25px;
            }
            
            .MainContentFlex .announcement-info {
                margin: 0;
                display: flex;
                float: none;
                padding-bottom: 0%;
            }
            
            .m-r-1 {
                margin-right: 1em;
            }
            
            .dateTime {
                color: #848484;
                /*80% css #000 to #848484*/
                font-size: 12px;
                /*80% css font-size added*/
            }
            
            .calenderEventlabel {
                font-style: initial;
                font-size: 12px;
                margin-right: 1em;
                background: #337ab7;
                /*80% css #d00359 to #337ab7*/
                padding: 2px 10px;
            }
            
            .Usravtar {
                display: flex;
                flex-direction: column;
                margin-left: auto;
            }
            
            .marginautoleft {
                margin-left: auto;
            }
            
            .announcement-img img {
                width: 25px;
                /*80% css 40 to 25*/
            }
            
            .announcementDescription {
                margin-top: 5px;
            }
            
            .EventDetailList {
                margin-top: 1em;
            }
            
            .calenderDateView .panel-heading {
                font-size: 12.8px;
                /*80% css 15 to 12.8*/
                font-weight: bold;
                padding: 2.8px 18.4px;
                /*80% css 3,0 to 2.8,18.4*/
                background: #FF5055;
                color: #fff;
                /*text-align: center;*/
                /*80% css removed*/
            }
            
            .calenderDateView .panel-body {
                text-align: center;
                font-size: 21.6px;
                /*80% css 21 to 21.6*/
                font-weight: bold;
                padding: 6px;
            }
            
            .MainContentFlex {
                display: flex;
                flex-direction: column;
                width: 100%;
                /*padding-left: 15px;*/
                /*80% css padding removed*/
            }
            
            .flexalignend {
                align-items: flex-end;
            }
            
            .EditDeleteBtn button {
                border: 0;
            }
            
            .EditDeleteBtn .btn-default {
                background-color: #dadada;
            }
            
            .CustomAttachmentlabel {
                background: #fff;
                font-size: 11px;
                margin-right: 1em;
                border: 1px solid #17a290;
                color: #17a290;
            }
            
            .CustomAttachmentlabel a {
                color: #17a290 !important;
            }
            
            .CustomAttachmentlabel a i {
                color: #17a290 !important;
            }
            
            .CustomAttachmentlabel .glyphicon-thumbs-up {
                margin-right: 5px;
            }
            
            .LanguageDropdown .dropdown-toggle {
                font-size: 16px;
            }
            
            .LanguageDropdown li a {
                padding: 3px 20px;
                border: 0;
            }
            
            .LanguageDropdown .btn-default.active.focus,
            .LanguageDropdown .btn-default.active:focus,
            .LanguageDropdown .btn-default.active:hover,
            .LanguageDropdown .btn-default:active.focus,
            .LanguageDropdown .btn-default:active:focus,
            .LanguageDropdown .btn-default:active:hover,
            .LanguageDropdown.open>.dropdown-toggle.btn-default.focus,
            .LanguageDropdown.open>.dropdown-toggle.btn-default:focus,
            .LanguageDropdown.open>.dropdown-toggle.btn-default:hover {
                background-color: #fff !important;
                border: 0;
                box-shadow: none;
            }
            
            .LanguageDropdown .dropdown-toggle {
                border: 0;
                background-color: #fff !important;
            }
            
            .LanguageDropdown .btn-default.active,
            .LanguageDropdown .btn-default:active,
            .LanguageDropdown.open>.dropdown-toggle.btn-default {
                background-color: #fff !important;
                border: 0;
                box-shadow: none;
            }
            /* added on 22-05 for announcement change*/
            
            .CustomAttachmentlabel {
                background: #fff;
                font-size: 11px;
                margin-right: 1em;
                border: 1px solid #17a290;
                color: #17a290;
                display: inline-block;
                margin-bottom: 4px;
            }
            
            .CustomAttachmentlabel a {
                color: #17a290 !important;
            }
            
            .CustomAttachmentlabel a i {
                color: #17a290 !important;
            }
            
            .CustomAttachmentlabel .glyphicon-thumbs-up {
                margin-right: 5px;
            }
            
            .text-redcol {
                color: #999;
                font-size: 10px;
                /*80% css 13 to 10*/
            }
            
            .label-outline-primary {
                background-color: transparent;
                color: #1485E0;
                border: 1px solid #1485E0;
            }
            
            .p-l-0 {
                padding-left: 0;
            }
            
            .text-gray {
                color: #9a9a9a;
                font-size: 10px;
                /*80% css font-size added*/
            }
            
            .p-t-1 {
                padding-top: 1em;
            }
            
            .padding0px {
                padding: 0 !important;
            }
            
            .align-items-center {
                align-items: center;
            }
            
            .userBg {
                width: 27px !important;
                /* 80% css 40 to 27 */
                height: 27px !important;
                /* 80% css 40 to 27 */
                background-color: transparent;
                font-size: 14px !important;
                line-height: inherit !important;
                align-self: center;
                display: flex !important;
                align-items: center;
                text-align: center !important;
                justify-content: center;
                color: #fff;
            }
            
            .menu-desc {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }
            
            .header-profile-edit .dropdown>.dropdown-toggle {
                margin: 0;
                padding: 0;
            }
            
            .userBgFig {
                background: url(../imgs/dashboard/teacher-logo.png) no-repeat center bottom;
                background-size: 100%;
                display: inline-table;
                margin-right: 5px;
            }
            
            .headerUsername {
                font-size: 12px;
                /* 80% css 16 to 12 */
            }
            
            .m-t-8px {
                margin-top: 8px !important;
            }
            
            .addUserField input,
            .addUserField select {
                height: 40px;
                border-radius: 4px;
            }
            
            .marginr35px {
                margin-right: 35px;
            }
            
            .featured-menu .checkbox label::after {
                font-size: 14px;
                padding-left: 5px;
            }
            
            .flexVal1 {
                flex: 1;
                padding-right: 10px;
            }
            
            select.input-lg {
                height: 46px;
                line-height: 1;
                /*80% css initial to 46*/
                text-align-last: center;
            }
            
            .container-greeting-text-type2 span {
                position: initial !important;
            }
            
            .container-greeting-text-type2 {
                position: initial !important;
                display: flex;
                align-items: flex-start;
            }
            
            .fontLightWeight {
                font-weight: 500;
            }
            
            .ui.skooly.vertical.menu .menu .item {
                padding-top: 6px;
                padding-bottom: 6px;
            }
            
            .add-class-body .selectable-div label {
                font-size: 16px;
            }
            
            .greeting-subtitle-annoucement {
                font-size: 12px;
                color: #777777;
            }
            
            .flex-2 {
                flex: 2;
                padding-left: 15px;
            }
            
            .flex-6 {
                flex: 7;
                padding-left: 15px;
            }
            
            .flex-3 {
                flex: 3;
                padding-left: 15px;
            }
            
            .MainContentFlex .announcement-info .marginautoleft h4 {
                margin: 0;
                display: inline-block;
            }
            
            .bgtransparent {
                background-color: transparent;
            }
            
            .bgtransparent:focus {
                outline: none;
            }
            
            .principalName {
                color: #000;
                font-size: 13px;
                padding-bottom: 1em;
            }
            
            .sentDateTime {
                color: #898989;
            }
            
            .margin10-0px {
                margin: 10px 0;
            }
            
            .MainContentFlex .announcement-title {
                color: #068cff;
                font-family: 'Noto Sans Regular', sans-serif;
                font-weight: bold;
            }
            
            .m-l-1em {
                margin-left: 1em;
            }
            
            .calenderDateView {
                width: 60px;
                height: 60px;
            }
            
            .search-bar-select form .form-control {
                height: 40px;
                box-sizing: border-box;
                box-shadow: none;
            }
            
            .table-responsive .dataTables_filter input {
                height: 40px;
                box-sizing: border-box;
                box-shadow: none;
                border: 1px solid rgba(223, 223, 223, 0.78);
                border-radius: 0;
            }
            
            .table-responsive .dataTables_filter input:focus {
                height: 40px;
                box-sizing: border-box;
                box-shadow: none;
                border: 1px solid rgba(223, 223, 223, 0.78);
                outline: none;
            }
            
            .margint0 {
                margin-top: 0 !important;
            }
            
            .marginlesslist li {
                margin-right: 5px;
            }
            
            .UserViewAlign .form-group label {
                display: flex;
                align-items: center;
            }
            
            .LabelSpan {
                flex: 1;
                margin-right: 5%;
            }
            
            .valueSpan {
                flex: 2;
            }
            
            .export-excel-icon {
                width: 25px;
                margin-right: 10px;
                background: url(../imgs/dashboard/excel-export.png) no-repeat center bottom;
                background-size: contain;
                display: inline-block;
                height: 34px;
                position: relative;
                top: 6px;
            }
            
            .clipSuccMsg {
                display: block;
                margin: auto;
                text-align: center;
                padding: 5px 10px;
                position: absolute;
                top: 20px;
                font-size: 13px;
                right: 50%;
                transform: translateX(50%);
            }
            
            .schoolSettingFlex .school-setting-options {
                display: flex;
                align-items: center;
            }
            
            .td-wrapword {
                white-space: -moz-pre-wrap !important;
                white-space: -webkit-pre-wrap;
                white-space: -pre-wrap;
                white-space: -o-pre-wrap;
                white-space: pre-wrap;
                word-wrap: break-word;
                word-break: break-all;
                white-space: normal;
            }
            
            .veticalCenteredTable tr td {
                vertical-align: middle !important;
            }
            
            .btn-green {
                background-color: #60BB81;
                border-color: #60BB81;
                color: #fff;
                padding: 0.5rem;
                padding-right: 25px;
                padding-left: 25px;
                display: flex;
            }
            
            .btn-green:hover,
            .btn-green:focus,
            .btn-green:active,
            .btn-green:active:focus {
                background-color: #60BB81;
                border-color: #60BB81;
                color: #fff;
            }
            
            .btn-reset {
                background-color: transparent;
                border-color: #b31956;
                color: #b31956;
                padding: 0.5rem;
                padding-right: 25px;
                padding-left: 25px;
                display: flex;
            }
            
            .btn-reset:hover,
            .btn-reset:focus,
            .btn-reset:active,
            .btn-reset:active:focus {
                background-color: transparent;
                border-color: #b31956;
                color: #b31956;
            }
            
            .attendanceSettings tr td {
                padding: 5px 20px;
            }
            
            input,
            textarea,
            select {
                border-radius: 3px !important;
            }
            /* praveen added 02/08 */
            
            .btn-green:active:focus {
                background-color: #60BB81;
                border-color: #60BB81;
                color: #fff;
            }
            
            .deliveryReportTable tr td {
                vertical-align: middle !important;
            }
            
            .label-outline-danger {
                color: #d9534f;
                border: 1px solid #d9534f;
            }
            
            .label-outline-success {
                color: #5cb85c;
                border: 1px solid #5cb85c
            }
            
            .membersSent {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                font-size: 12px;
                /*80% css font-size*/
            }
            
            .m-l-1 {
                margin-left: 1em;
            }
            
            .outline-button.btn-primary {
                color: #286090;
                background: transparent;
                border-color: #286090;
            }
            
            .outline-button.btn-danger {
                color: #d9534f;
                background: transparent;
                border-color: #d9534f;
            }
            
            .text-orange {
                color: #ff8d00;
            }
            
            .outline-button.btn-danger {
                color: #d9534f;
                background: transparent;
                border-color: #d9534f;
            }
            
            .outline-button.btn-orange {
                color: #ff8d00;
                background: transparent;
                border-color: #ff8d00;
            }
            
            .outline-button {
                padding: 3px 10px;
            }
            
            .crossRED {
                color: #ff0707;
            }
            
            .rotate-animation:hover {
                transform: rotate(-45deg);
                transition: 0.4s;
                color: #7c74f5;
            }
            
            .checkGREEN {
                color: #048a02;
            }
            
            .fetch-Back {
                padding: 7px 30px;
                margin-right: 5px;
            }
            
            .attendancecalendar {
                max-width: 1050px;
                margin: 25px auto;
            }
            
            .chatTable {
                padding: 15px 10px;
                white-space: -moz-pre-wrap !important;
                /* Mozilla, since 1999 */
                white-space: -webkit-pre-wrap;
                /*Chrome & Safari */
                white-space: -pre-wrap;
                /* Opera 4-6 */
                white-space: -o-pre-wrap;
                /* Opera 7 */
                white-space: pre-wrap;
                /* css-3 */
                word-wrap: break-word;
                /* Internet Explorer 5.5+ */
                word-break: break-all;
                white-space: normal;
            }
            
            .attendance-popover {
                padding: 10px 20px 20px;
            }
            
            .customLabel {
                margin-left: 1.2em;
                padding: 0.8px 8px;
                /*80% css 1,10 to 0.8,8*/
                font-style: normal;
                font-weight: 100;
                font-size: 67.5%;
                /*80% css font-size added*/
            }
            
            .fc-scroller::-webkit-scrollbar {
                -webkit-appearance: none;
                width: 7px;
                height: 10px;
            }
            
            .fc-scroller::-webkit-scrollbar-thumb {
                border-radius: 4px;
                background-color: rgba(0, 0, 0, .5);
                -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
            }
            
            #schoolNotificationTable_wrapper {
                overflow: auto;
                overflow-y: hidden;
            }
            
            .scroll-satistics {
                height: 300px;
                overflow-y: scroll;
            }
            
            #classmovement {
                padding: 0 6%;
            }
            /*.loader{*/
            /*left: 0;*/
            /*bottom: 0;*/
            /*right: 0;*/
            /*top: 0;*/
            /*position: absolute;*/
            /*background: rgba(255,255,255,0.9);*/
            /*z-index: 9;*/
            /*padding: 0;*/
            /*margin: 10px;*/
            /*display: flex;*/
            /*align-items: center;*/
            /*justify-content: center;*/
            /*}*/
            
            table.dataTable tbody tr.selected {
                background-color: #ffd79c8c;
            }
            
            @supports not (-ms-high-contrast: none) {
                select {
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    background-image: url(../imgs/dashboard/dropdown.png) !important;
                    background-position: 95% 50% !important;
                    background-repeat: no-repeat !important;
                }
            }
            
            .custom-flex-row {
                display: flex;
                flex-direction: row;
                align-items: center;
            }
            
            .custom-flex-column {
                display: flex;
                flex-direction: column;
                margin-left: 30px;
            }
            
            .custom-flex-row-link {
                margin-left: 0 !important;
            }
            
            .attendance-classroom-span {
                font-size: 1.3rem;
                color: #479964;
                font-weight: bold;
            }
            
            .text-center {
                text-align: center;
                /*padding-top: 12px;*/
                /* 80% css no need due to extra spacing */
            }
            
            .text-right {
                text-align: right !important;
            }
            
            .m-1rem {
                margin: 1rem !important;
            }
            
            .activity-classroom-span {
                font-size: 1.3rem;
                font-weight: bold;
            }
            
            .activity-capitalize span {
                text-transform: capitalize;
                color: #1b1c1d !important;
            }
            
            .activity-type-header {
                padding-top: 12px;
                padding-bottom: 12px;
            }
            
            .setup-wizard-head {
                padding-bottom: 1rem;
            }
            
            .setup-wizard-input-check::after {
                padding-top: 3px !important;
            }
            
            .setup-wizard-input-label {
                margin: 10px 0;
                padding-left: 0;
            }
            
            .mr-0 {
                margin-right: 0 !important;
            }
            
            .bootstrap-tagsinput .tag {
                margin-right: 2px;
                color: #000;
                border: 1px solid #ddd;
                font-weight: normal;
                font-size: .85em;
            }
            
            .bootstrap-tagsinput .tag [data-role="remove"] {
                margin-left: 8px;
                cursor: pointer;
            }
            
            .bootstrap-tagsinput .tag [data-role="remove"]:after {
                content: "x";
                padding: 0px 2px;
                color: #999;
            }
            
            .span-text {
                font-size: 0.8rem;
                padding-top: 0.5rem;
                color: #333;
            }
            
            .main-modal {
                width: 55rem;
            }
            
            .firstscreen-container .bootstrap-tagsinput input {
                width: 240px;
            }
            
            .firstscreen-container {
                /*height: 500px;*/
                position: relative;
            }
            
            .check-with-input {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
            }
            
            .check-with-input .form-control {
                width: 40%;
            }
            
            .table>tbody>tr>td {
                font-size: 0.8rem;
            }
            
            .table>thead>tr>th {
                font-size: 12px;
            }
            
            .setup-wizard-phone {
                font-weight: 800;
            }
            
            .mx-auto {
                margin-left: auto !important;
                margin-right: auto !important;
            }
            
            .phone-images {
                display: flex;
                flex-direction: row;
                justify-content: space-around;
            }
            
            .phones-inside {
                width: 150px;
            }
            
            .outer-phones {
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                align-items: center;
            }
            
            .body-download {
                display: flex;
                flex-direction: row;
            }
            
            .right-body-download {
                padding-top: 2rem;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
            }
            
            .p-l-0 {
                padding-left: 0 !important;
            }
            /* Franchise table */
            
            .franchise-school-name {
                font-size: 1.1rem;
            }
            
            .fs-0point9rem p {
                font-size: 1rem;
            }
            
            .bold-p {
                font-weight: 800;
            }
            
            .px-0 {
                padding-left: 0 !important;
                padding-right: 0 !important;
            }
            
            .pr-0 {
                padding-right: 0 !important;
            }
            
            .table-heading {
                font-size: 0.8rem;
                font-weight: bold;
            }
            
            .flex-center {
                display: flex !important;
                justify-content: center !important;
            }
            
            .pl-8px {
                padding-left: 8px;
            }
            /* add schools */
            
            .mt-0 {
                margin-top: 0 !important;
            }
            
            .w-25 {
                width: 25% !important;
            }
            
            .w-50 {
                width: 50% !important;
            }
            
            .w-80 {
                width: 80% !important;
            }
            
            .mr-1rem {
                margin-right: 1rem;
            }
            
            .school-phone-number {
                display: flex;
                flex-direction: row;
            }
            
            .school-profile-pic {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
            }
            
            .school-profile-pic-img {
                width: 100px;
            }
            
            .profile-container {
                position: relative;
            }
            
            .profile-pic-icon {
                position: absolute;
                bottom: -8px;
                right: -8px;
                background-color: #fff;
                border: 2px solid #60BF83;
                height: 2rem;
                width: 2rem;
                border-radius: 50%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            
            .fa-camera {
                color: #60BF83;
                font-size: 1rem;
            }
            
            .mt-20px {
                margin-top: 20px;
            }
            
            .school-profile-image {
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            
            .school-profile-image img {
                width: 75px;
            }
            
            .change-logo-dash {
                font-size: 12px;
                color: #60BF83;
                cursor: pointer;
            }
            
            .align-center {
                align-items: center !important;
            }
            
            .school-profile-name,
            .menu-out,
            .flex-column {
                display: flex;
                flex-direction: column;
            }
            
            .menu-out {
                justify-content: space-between;
            }
            
            .school-profile-name-p {
                font-size: 16px;
            }
            
            .edit-school-name {
                color: #4183c4;
                font-size: 12px;
            }
            
            .mb-0 {
                margin-bottom: 0 !important;
            }
            
            .ml-1rem {
                margin-left: 1rem !important;
            }
            
            .menu-in {
                display: flex;
                flex-direction: row;
            }
            
            .w-100 {
                width: 100% !important;
            }
            
            .h-100 {
                height: 100% !important;
            }
            
            .menu-heading {
                margin-bottom: 0;
                padding-left: 0.5rem;
                padding-bottom: 0.5rem;
            }
            
            .dash-menu {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                background-color: #F55980;
                height: 75px;
                width: 150px;
                cursor: pointer;
            }
            
            .h-97px {
                height: 97px;
            }
            
            .dash-menu-schools {
                width: 360px !important;
                height: 92px !important;
            }
            
            .dash-menu h2,
            .dash-menu h5 {
                color: #fff;
                margin: 0;
            }
            
            .menu-desc p {
                margin-bottom: 0.2rem;
                font-size: 0.9rem;
            }
            
            .btn-menu-dash {
                font-size: 0.9rem;
            }
            
            .pl-1rem {
                padding-left: 1rem;
            }
            
            .programmes {
                color: #4183c4;
                font-size: 0.8rem !important;
            }
            
            .custom-row {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
            }
            
            .custom-card {
                height: 97px;
            }
            
            .custom-hr {
                border-right: 1px solid #DDDDDD;
                height: 117px;
            }
            
            .pull-right {
                float: right !important;
            }
            
            .pull-left {
                float: left !important;
            }
            
            .text-left {
                text-align: left !important;
            }
            
            .justify-space-between {
                justify-content: space-between !important;
            }
            
            .flex-end-row {
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
            }
            
            .no-border {
                border: none;
            }
            
            .school-table {}
            
            .pink-gradient {
                /*background: #753a88;  */
                /*background: -webkit-linear-gradient(to left, #F55980, #753a88);*/
                /*background: linear-gradient(to left, #F55980, #753a88); */
                background-color: transparent;
                border: 3px solid #53A8F9;
                /* 80% css added border blue instead of gradient background */
            }
            
            .pink-gradient h2,
            .pink-gradient h5 {
                color: #333;
                /* 80% css text inside blue border */
            }
            /* style-admin shankar's */
            
            .scroll-y {
                overflow-y: scroll;
            }
            
            .pt-1rem {
                padding-top: 1rem;
            }
            
            .pt-0 {
                padding-top: 0 !important;
            }
            
            .p-0,
            .skooly-dashboard-container {
                padding: 0 !important;
            }
            
            .my-7px {
                margin: 7px 0 !important;
            }
            
            .card-no-border {
                border: none;
            }
            
            .progress-card {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
            }
            
            .pl-0 {
                padding-left: 0 !important;
            }
            
            .list-group-item-custom {
                padding-left: 1rem;
                padding-right: 1rem;
            }
            
            .col-md-4by5 {
                width: 36.333333%;
                padding-right: 15px;
            }
            
            .col-md-4by5 p {
                font-size: 0.8rem;
            }
            
            .progress-content {
                display: flex;
                flex-direction: column;
                padding-top: 0.35rem;
            }
            
            .progress {
                height: 7px;
                box-shadow: none;
                background-color: #efefef;
            }
            
            .progress-bar {
                border-radius: 15px;
            }
            
            .progress-content p {
                color: #aaa;
                font-size: 0.8rem;
            }
            
            .span-black-bold {
                color: #555;
                font-weight: 600;
            }
            
            .mb-0 {
                margin-bottom: 0 !important;
            }
            
            .progress-card-footer-links {
                display: flex;
                flex-direction: row;
            }
            
            .flex-row {
                display: flex;
                flex-direction: row;
            }
            
            .flex-start {
                justify-content: flex-start;
            }
            
            .vr-line {
                height: 100%;
                border-right: 1px solid #aaa;
                margin-right: 5px;
                margin-left: 5px;
            }
            
            .progress-link {
                font-size: 0.9rem !important;
            }
            
            .fa-caret-right {
                color: #555;
                font-size: 0.8rem;
                padding-left: 0.3rem;
            }
            
            .pl-10px {
                padding-left: 10px;
            }
            
            .main-card {
                padding: 1rem;
                background-color: #fff;
                margin-bottom: 20px;
            }
            
            .p-1rem {
                padding: 1rem;
            }
            
            .item-comingsoon {
                background-color: #3c6a8c !important;
            }
            
            .ml-1p5rem {
                margin-left: 1.5rem !important;
            }
            
            .item-comingsoon .badge-danger {
                background-color: #F55980;
                margin-top: 0.3rem;
                font-size: 1rem !important;
            }
            
            .toast-button {
                background-color: #F55980;
                color: #fff;
                border-radius: 27px;
                font-size: 0.8rem;
                float: right;
            }
            
            .justify-column-center {
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            
            .m-0 {
                margin: 0 !important;
            }
            
            .d-flex {
                display: flex;
            }
            /*04-26-2018*/
            
            .form-control {
                padding: 4.8px 9.6px !important;
                font-size: 12px !important;
            }
            
            .my-classrooms {
                width: 100% !important;
            }
            
            .header-profile-edit .dropdown-menu {
                top: 120% !important;
            }
            
            .martop0 {
                margin-top: 0px !important;
            }
            
            .marbot0 {
                margin-bottom: 0px !important;
            }
            
            .martop10 {
                margin-top: 10px;
            }
            
            .container-contact-no .school-type-heading {
                margin-bottom: 0px;
            }
            
            .mobile-number-label {
                position: relative;
                top: 15px;
                margin-right: 13px;
            }
            
            .add-classroom-btn button.btn-red {
                padding: 5.6px 32px;
                letter-spacing: .5px;
                border-radius: 5px;
            }
            
            .announSend {
                padding: 7px 40px;
                letter-spacing: .5px;
                font-size: 1.1em;
                border: none;
                color: #fff;
            }
            
            .announSend span {
                margin-right: 10px;
            }
            
            .mar-top-25 {
                margin-top: 25px;
            }
            
            .toggle-switch {
                position: relative;
                display: inline-block;
                width: 40px;
                height: 24px;
            }
            
            .toggle-switch input {
                display: none;
            }
            
            .slider {
                position: absolute;
                cursor: pointer;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #ccc;
                -webkit-transition: .4s;
                transition: .4s;
            }
            
            .slider:before {
                position: absolute;
                content: "";
                height: 16px;
                width: 16px;
                left: 4px;
                bottom: 4px;
                background-color: white;
                -webkit-transition: .4s;
                transition: .4s;
            }
            
            input:checked+.slider {
                background-color: #2196F3;
            }
            
            input:focus+.slider {
                box-shadow: 0 0 1px #2196F3;
            }
            
            input:checked+.slider:before {
                -webkit-transform: translateX(16px);
                -ms-transform: translateX(16px);
                transform: translateX(16px);
            }
            /* Rounded sliders */
            
            .slider.round {
                border-radius: 34px;
            }
            
            .slider.round:before {
                border-radius: 50%;
            }
            
            .pb-1rem {
                padding-bottom: 1rem !important;
            }
            
            .main-card {
                padding: 1rem;
                background-color: #fff;
                margin-bottom: 20px;
            }
            
            .p-1rem {
                padding: 1rem;
            }
            
            .badge-danger {
                background-color: #F55980;
                color: #fff;
            }
            
            .ml-auto {
                margin-left: auto !important;
            }
            
            .float-right {
                float: right !important;
            }
            
            .item-comingsoon {
                background-color: #3c6a8c !important;
            }
            
            .ml-1p5rem {
                margin-left: 1.5rem !important;
            }
            
            .isDisabled {
                color: currentColor;
                cursor: not-allowed !important;
                text-decoration: none;
            }
            
            .isDisabled label {
                cursor: not-allowed !important;
                opacity: 0.5;
            }
            
            .m-0 {
                margin: 0 !important;
            }
            
            .justify-column-center {
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            /* Student details print preview */
            
            .grey-area {
                background-color: #EFEFEF;
            }
            
            .a4-size {
                background-color: #fff;
                padding: 1rem;
            }
            
            .pp-head {
                display: flex;
                flex-direction: row;
            }
            
            .pp-school-logo img {
                object-fit: cover;
                max-width: 70px;
                max-height: 70px;
            }
            
            .mt-1rem {
                margin-top: 1rem !important;
            }
            
            .mt-p5rem {
                margin-top: 0.5rem;
            }
            
            .topic-category {
                font-weight: 600;
                color: #333;
            }
            
            .topic-border {
                border-bottom: 1px solid #333;
            }
            
            .pp-input-box-label {
                color: #a1a1a1;
                font-weight: normal;
            }
            
            .pp-input-box {
                border: none;
                outline: none;
                padding: 0 1rem 1rem 0;
                color: #000;
            }
            
            .px-0 {
                padding-left: 0 !important;
                padding-right: 0 !important;
            }
            
            .w-10 {
                width: 10% !important;
            }
            
            .w-30,
            .w-33 {
                width: 30% !important;
            }
            
            .float-left {
                float: left !important;
            }
            
            .font-12px {
                font-size: 12px;
            }
            
            .flex-row-align-center {
                display: flex;
                flex-direction: row;
                align-items: center;
            }
            
            .LanguageDropdown button,
            .LanguageDropdown ul {
                font-size: 12px !important;
                /* language and user name dropdown in dashboard main page */
            }
            
            .youtube-link-heading {
                margin-bottom: 0.5rem;
            }
            
            .demo-video-list {
                padding-left: 1.5rem;
            }
            
            .demo-video-list li {
                margin-bottom: 0.2rem;
            }
            
            .demo-videos-link {
                text-decoration: none;
                font-size: 1rem;
                margin-bottom: 1rem;
            }
            
            .demo-videos-link,
            .demo-videos-link:hover,
            .demo-videos-link:active,
            .demo-videos-link:focus,
            .demo-videos-link:visited {
                color: #53A8F9;
            }
            
            .chevron-center {
                display: flex;
                align-items: center;
            }
            /* Post Login setup Wizard Starts */
            
            .modal-panel-scrollable {
                max-height: 60vh;
                overflow-y: scroll;
            }
            /* Post Login setup Wizard Ends */
            
            .m-b-10 {
                margin-bottom: 10px !important;
            }
            
            .m-t-10 {
                margin-top: 10px !important;
            }
            
            .dashboard-setup-wizard {
                padding: 3rem;
                height: 397px;
                width: 770px;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
            }
            
            .dashboard-setup-wizard .list-unstyled li {
                padding: 8px 4px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-align: center;
                -webkit-align-items: flex-start;
                -ms-flex-align: flex-start;
                align-items: flex-start;
                font-size: 14px;
            }
            
            .footer-bar {
                border-top: 1px solid #ccc;
                margin: 0;
                padding: 1rem 2rem;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
                /*            position: absolute;
    bottom: 0;
    width: 100%;*/
            }
            
            .footer-bar [class^="col-md"] {
                padding: 0;
            }
            
            .footer-bar a {
                color: #4183c4;
            }
            
            .footer-bar .next-btn {
                background: #00A566;
                color: #fff;
                border: 0;
                padding: 8px 30px;
            }
            
            .footer-bar .back-btn {
                background: transparent;
                color: #000;
                border: 0;
                padding: 8px 30px;
            }
            /* Shankar's styles */
            
            .setup-wizard-head {
                padding-bottom: 1rem;
            }
            
            .setup-wizard-input-check::after {
                padding-top: 3px !important;
            }
            
            .setup-wizard-input-label {
                margin: 10px 0;
                padding-left: 0;
            }
            
            .mr-0 {
                margin-right: 0 !important;
            }
            /*.bootstrap-tagsinput{*/
            /*padding: 0.5rem;*/
            /*}*/
            
            .bootstrap-tagsinput {}
            
            .bootstrap-tagsinput .tag {
                margin-right: 2px;
                color: #000;
                border: 1px solid #ddd;
                font-weight: normal;
                font-size: .85em;
            }
            
            .bootstrap-tagsinput .tag [data-role="remove"] {
                margin-left: 8px;
                cursor: pointer;
            }
            
            .bootstrap-tagsinput .tag [data-role="remove"]:after {
                content: "x";
                padding: 0px 2px;
                color: #999;
            }
            
            .span-text {
                font-size: 0.8rem;
                padding-top: 0.5rem;
                color: #333;
            }
            
            .main-modal {
                width: 55rem;
            }
            
            .firstscreen-container .bootstrap-tagsinput input {
                width: 240px;
            }
            
            .firstscreen-container {
                /*height: 500px;*/
                position: relative;
            }
            
            .check-with-input {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -ms-flex-align: center;
                align-items: center;
            }
            
            .check-with-input .form-control {
                width: 40%;
            }
            
            .table>tbody>tr>td {
                font-size: 0.8rem;
            }
            
            .table>thead>tr>th {
                font-size: 12px;
            }
            
            .setup-wizard-phone {
                font-weight: 800;
            }
            
            .mx-auto {
                margin-left: auto !important;
                margin-right: auto !important;
            }
            
            .phone-images {
                display: flex;
                flex-direction: row;
                justify-content: space-around;
            }
            
            .phones-inside {
                width: 150px;
            }
            
            .outer-phones {
                display: flex;
                flex-direction: row;
                justify-content: flex-end;
                align-items: center;
            }
            
            .body-download {
                display: flex;
                flex-direction: row;
                margin-top: 2rem;
            }
            
            .right-body-download {
                padding-top: 2rem;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
            }
            
            .p-l-0 {
                padding-left: 0 !important;
            }
            
            .setup-wizard-heading-text p {
                font-size: 0.9rem !important;
                font-weight: bold;
                padding-bottom: 0.5rem;
            }
            /*.setup-wizard-heading{
margin-top: -4rem!important;
}

.setup-wizard-heading-desc{
margin-top: 5rem;
}*/
            
            .sw-feature-title {
                font-weight: bold;
            }
            
            .setup-wizard-heading {
                color: #000;
                font-size: 1.5rem;
            }
            
            .font-weight-bold {
                font-weight: bold !important;
            }
            
            .setup-wizard-heading-desc {
                color: #000;
                font-size: 1.1rem;
            }
            
            .mirror-image {
                -webkit-transform: scaleX(-1);
                transform: scaleX(-1);
            }
            
            .parallel-rows {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                height: 225px !important;
            }
            
            .z-index-99 {
                z-index: 99;
            }
            
            .common-button-with-alignment {
                display: flex;
                justify-content: flex-start;
                align-items: center;
            }
            
            .common-button-with-alignment i.fa {
                margin-right: 0.3rem;
            }
            
            .input-group-addon {
                padding: 5.4px 10.8px;
                font-size: 12px !important;
            }
            
            textarea#comment {
                height: 10.5rem;
            }
            
           /* .fc button {
                font-size: 12px;
            } */
            
            #downloadGradeSectionExcel {
                font-size: 12px;
            }
            
            .fc-center h2 {
                font-size: 18px;
            }
            
            .flexDesign {
                display: flex;
                align-items: center;
            }
            
            .navbar {
                margin-bottom: 15px;
            }
            
            .custom-form-control,
            input[type="search"],
            .teacher-grade-select,
            .student-grade-select,
            #userSelect {
                min-width: 200px !important;
                width: 200px !important;
                height: 30px !important;
            }
            
            .searchInput {
                min-width: 200px !important;
                width: 200px !important;
                height: 21px !important;
            }
            
            .kidbg,
            .teacherbg {
                background-position: 5px 5px;
            }
            /*div.input-group div.bootstrap-tagsinput{*/
            /*display: flex;*/
            /*}*/
            /*.bootstrap-tagsinput span.tag{*/
            /*display: flex;*/
            /*align-items: center;*/
            /*}*/
            
            .container-logintime-text {
                font-size: 12px;
            }
            
            .mb-p5rem {
                margin-bottom: 0.5rem;
            }
            
            .assign-teacher-outline-btn {
                border: 1px solid;
                padding: 0 0.3rem;
                border-radius: 15px;
                color: #F55980;
            }
            
            .assign-teacher-outline-btn:hover,
            .assign-teacher-outline-btn:active,
            .assign-teacher-outline-btn:visited,
            .assign-teacher-outline-btn:focus {
                color: #F55980;
            }
            
            .bb-0 {
                border-bottom: 0 !important;
            }
            
            .panel-default {
                border-color: #fff;
            }
            /*Map CSS*/
            
            .map-container {
                border: none;
                margin-bottom: 2rem;
            }
            
            .map-container #map {
                position: relative;
                overflow: hidden;
                height: 100%;
                width: 100%;
                display: inherit;
            }
            
            #pac-input {
                z-index: 0;
                position: absolute;
                left: 113px;
                width: 300px;
                height: 30px;
                margin: 8px;
                top: 9px;
            }
            
            .contact-school-outline-button,
            .contact-school-outline-button:hover,
            .contact-school-outline-button:focus {
                padding: 0.5rem 2rem;
                background: transparent;
                border: 2px solid #f8577f;
                color: #f8577f;
                border-radius: 100px;
                font-weight: bold;
            }
            
            .contact-school-image {
                width: 13rem !important;
            }
            
            .contact-school-heading {
                font-size: 1.5rem !important;
                font-weight: bold;
                margin-bottom: 0.5rem;
            }
            
            .message-refresh {
                padding-left: 7px;
                border-bottom: none !important;
                cursor: inherit !important;
                text-decoration: none !important;
            }
            /*Invoice CSS*/
            /*Invoice*/
            
            .padding0 {
                padding: 0 !important;
            }
            
            .paymentNavtabs .nav-tabs li a {
                font-size: 14px;
                padding: 20px 15px;
            }
            
            .paymentNavtabs .nav-tabs {
                border-color: transparent;
            }
            
            .paymentNavtabs .nav-tabs>li>a:hover {
                background-color: transparent;
                border-color: transparent;
                border-bottom: 2px solid transparent;
            }
            
            .paymentNavtabs .nav-tabs .active a,
            .paymentNavtabs .nav-tabs .active a:hover,
            .paymentNavtabs .nav-tabs .active a:focus {
                background-color: transparent;
                border-color: transparent;
                border-bottom: 2px solid #E91E63;
            }
            
            .paymentNavtabs .nav-tabs li:first-child a {
                padding-left: 0;
            }
            
            .flexJustifySpaceBetween {
                display: flex;
                justify-content: space-between;
            }
            
            .flexItemsEnd {
                display: flex;
                align-items: center;
                margin: 0;
            }
            
            .m-r-5 {
                margin-right: 5px;
            }
            
            .topHeaderBar {
                padding: 1% 15px;
                background: #44C3C5;
            }
            
            .whiteBG {
                background-color: #fff !important;
            }
            
            .paymentHead {
                border-bottom: 1px solid #ccc;
            }
            
            .paymentFilter {
                display: flex;
            }
            
            .paymentFilter * {
                margin-right: 15px;
            }
            
            .paymentFilter *:last-child {
                margin-right: 0px;
            }
            
            .customWell {
                background-color: transparent;
            }
            
            .paymentDashboard div {
                margin-right: 10%;
            }
            
            .markValues {
                font-size: 1.9rem;
            }
            
            .markText {
                font-size: 12px;
                margin-top: 5px;
                display: inline-block;
            }
            
            .markText-enrollment {
                font-weight: bold;
                font-size: 13px;
            }
            
            .paid .markValues {}
            
            .paymentTable tr td {
                vertical-align: middle !important;
            }
            
            .paymentTable td {
                padding: 10px;
            }
            
            .paymentTable td figure {
                margin: 0;
                margin-right: 10px;
            }
            
            .justifyCenter {
                display: flex;
                justify-content: center;
                align-items: center;
            }
            
            .paymentTable .kidbg .teacher-name span {
                display: flex;
                justify-content: center;
                align-items: center;
            }
            
            .paymentTable>thead>tr>th {
                border-bottom: 0;
                background: #f5f5f5;
                padding: 15px 10px;
            }
            
            .paymentTable td .title-name {
                font-size: 15px;
            }
            
            .paymentTable td .title-description {
                font-size: 13px;
            }
            
            .paddingl0 {
                padding-left: 0px !important;
            }
            
            .text-white {
                color: #fff;
            }
            
            .paymentFilter .form-control,
            .paymentFilter .input-group-sm>.paymentFilter .form-control {
                border-radius: 3px;
            }
            
            .justifySpaceBetween {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            
            .createInvoice div.invoiceInfo.row {
                margin-bottom: 5px;
                color: #2c2e2f
            }
            
            .createInvoice .busiHead {
                font-size: 20px;
                font-weight: 200;
                padding-right: 15px;
                font-family: HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
                color: #2c2e2f
            }
            
            .createInvoice label[for=dueDate] {
                visibility: hidden
            }
            
            .createInvoice .logoContainer {
                cursor: pointer;
                width: 250px;
                line-height: 0;
                height: 116px;
                background-color: #fff;
                background-repeat: no-repeat
            }
            
            .createInvoice .logoContainer.containerMarginAbove {
                margin-top: 10px
            }
            
            .createInvoice .logoContainer .logoText {
                position: relative;
                top: 55%;
                left: 20%;
                color: #0079c1 !important;
                font-size: 15px
            }
            
            .createInvoice .logoContainer .logoText span {
                cursor: pointer
            }
            
            .createInvoice .logoContainer .logoText span.addIcon {
                background-position: 0 -4495px;
                background-repeat: no-repeat;
                display: block;
                float: left;
                height: 32px;
                margin-left: 0;
                margin-top: -13px;
                margin-right: 5px;
                width: 20px
            }
            
            .createInvoice #businessContact {
                margin-bottom: 10px;
                margin-top: 15px
            }
            
            .createInvoice #businessContact .busiHead {
                padding: 15px 0
            }
            
            .createInvoice #businessContact .busiHead span {
                cursor: pointer
            }
            
            .createInvoice #businessContact .busiHead .accordIcon {
                background-position: 0 -4695px;
                background-repeat: no-repeat;
                display: block;
                float: left;
                height: 32px;
                margin-left: 0;
                margin-top: -5px;
                width: 35px
            }
            
            .createInvoice #businessContact .busiDetails {
                display: none;
                margin-left: 36px;
                font-size: 15px
            }
            
            .createInvoice #businessContact .busiDetails .businfospace {
                white-space: pre-wrap;
                padding-bottom: 1em;
                word-wrap: break-word
            }
            
            .createInvoice #invoiceInformation {
                margin-top: 20px
            }
            
            .createInvoice #invoiceInformation .form-group {
                height: 42px;
                margin-bottom: 0
            }
            
            .createInvoice #invoiceInformation .invterms {
                width: 100%;
                min-height: 100%;
                opacity: 0;
                padding: .14em .14em .14em .6em;
                margin-top: -2.6em;
                float: left;
                clear: left;
                cursor: pointer;
                height: inherit
            }
            
            .createInvoice #invoiceInformation .dropdown {
                background-position: 155px -3787px;
                width: 80%;
                font-size: 11px
            }
            
            .createInvoice div.items {
                margin-bottom: 1px;
                color: #2c2e2f
            }
            
            .createInvoice div.items #invoiceItems th.left-indent {
                padding-left: 10px
            }
            
            .createInvoice div.items #invoiceItems th.right-indent {
                padding-right: 7px
            }
            
            .createInvoice div.items #invoiceItems th.showItemTaxDisplay {
                padding-right: 36px
            }
            
            .createInvoice div.items #invoiceItems th.showItemDiscDisplay {
                padding-right: 28px
            }
            
            .createInvoice div.items #invoiceItems th.showItemAmountDisplay {
                padding-right: 15px
            }
            
            .createInvoice div.items #invoiceItems input.itemAmount {
                font-weight: 700;
                width: 144px;
                padding-right: 0
            }
            
            .createInvoice div.items #invoiceItems span.lineItemDiscountAmount {
                padding-right: 7px
            }
            
            .createInvoice div.items #invoiceItems #addMoreItem {
                font-size: 14px;
                text-decoration: none;
                background-position: 0 -5300px;
                background-repeat: no-repeat;
                padding-left: 30px;
                margin-left: 3px;
                outline: 0;
                display: block;
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                line-height: 21px;
                font-weight: 400
            }
            
            .createInvoice div.items #invoiceItems table thead th {
                font-size: 13px
            }
            
            .createInvoice div.items #invoiceItems table tbody:first-of-type tr.errorRow {
                display: none
            }
            
            .createInvoice div.items #invoiceItems table tbody {
                font-size: 14px
            }
            
            .createInvoice div.items #invoiceItems table tbody:focus .itemRow td:first-child,
            .createInvoice div.items #invoiceItems table tbody:focus .descRow>td:first-child {
                border-left: 5px solid #009cde
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td div.deleteItem {
                background-repeat: no-repeat;
                background-position: 0 -5830px;
                width: 22px;
                height: 22px;
                margin-left: 15px !important;
                margin-right: 8px !important;
                cursor: pointer
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.errorRow>td {
                border-left: 1px solid #fff;
                border-right: 1px solid #fff;
                border-top: 0 none;
                height: 15px
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.itemRow>td {
                border-bottom: 1px dashed #ddd;
                border-left: 1px solid #ddd;
                border-right: 1px solid #ddd
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.itemRow>td:first-child {
                border-left: 2px solid #ccc;
                width: 100%
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.itemRow>td:nth-last-child(2) {
                border-right: 1px solid #ccc;
                border-bottom: 0;
                min-width: 100px;
                text-align: right;
                padding-right: 10px;
                background-color: #f6f6f6
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.itemRow>td:nth-last-child(2) input {
                background-color: #f6f6f6;
                font-size: 12px;
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.itemRow>td:last-child {
                border: 1px solid #FFF
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.itemRow>td input.itemName {
                padding-left: 9px
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.itemRow>td .dropdown {
                border: 0 none;
                background-position: 108px -3789px
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.itemRow>td .dropdown:hover {
                border: 0 none;
                box-shadow: none
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.itemRow>td.showItemDiscDisplay .dropdown {
                background-position: 35px -3789px
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.itemRow>td.showItemDiscDisplay .dropdown span,
            .createInvoice div.items #invoiceItems table tbody tr.itemRow>td.showItemDiscDisplay .dropdown select {
                width: 50px
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.descRow>td {
                border-top: 0;
                border-right: 1px solid #ddd
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.descRow>td:nth-last-child(2) {
                border-right: 1px solid #ccc;
                border-left: 1px solid #666;
                text-align: right;
                padding-right: 10px;
                background-color: #f6f6f6
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.descRow>td:last-child {
                border: 1px solid #FFF
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.descRow>td textarea.itemDescription {
                height: 40px;
                color: #333
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.actionRow>td .itemAction {
                height: 30px;
                text-align: right;
                border: 1px solid #DDD;
                border-top: 0 none;
                border-bottom-left-radius: 4px;
                border-bottom-right-radius: 4px;
                float: right;
                margin-right: -1px
            }
            
            .createInvoice div.items #invoiceItems table tbody tr.actionRow>td:last-child {
                border: 1px solid #FFF
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td {
                border: 1px solid #ccc
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td:first-child input {
                width: 100%
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td input {
                border: 0;
                box-shadow: none;
                height: 33px;
                padding-left: 5px;
                padding-right: 6px
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td input.itemDatePicker {
                background-repeat: no-repeat;
                background-position: 95px -3892px;
                width: 125px;
                padding-left: 10px
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td textarea {
                width: 100%;
                border: 1px solid #fff;
                box-shadow: none
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td .itemAction {
                background-color: #f7f9fa
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td .itemAction .errorItemSave {
                background-repeat: no-repeat;
                background-position: 0 -3096px;
                border-right: 1px solid #DDD;
                background-color: #fff
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td .itemAction ul {
                padding-left: 10px;
                margin-top: 5px
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td .itemAction ul li {
                display: inline-block;
                margin-right: 16px;
                padding-left: 25px;
                padding-right: 25px;
                line-height: 21px;
                font-weight: 400;
                font-size: 14px
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td .itemAction ul li:first-child {
                background-repeat: no-repeat;
                background-position: 0 -2896px;
                border-right: 1px solid #DDD;
                background-color: #fff
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td .itemAction ul li.disabledSaveItem,
            .createInvoice div.items #invoiceItems table tbody tr td .itemAction ul li.addRow,
            .createInvoice div.items #invoiceItems table tbody tr td .itemAction ul li.deleteItem {
                color: #0079c1;
                background-repeat: no-repeat;
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                line-height: 21px;
                font-weight: 400;
                font-size: 14px
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td .itemAction ul li.addRow,
            .createInvoice div.items #invoiceItems table tbody tr td .itemAction ul li.deleteItem {
                border-left: 1px solid #DDD;
                padding-left: 41px
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td .itemAction ul li.disabledSaveItem {
                margin-right: 0;
                background-position: 0 -5100px
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td .itemAction ul li.addRow {
                margin-right: 0;
                background-position: 16px -5498px
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td .itemAction ul li.deleteItem {
                background-position: 16px -5199px;
                display: none
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td .itemAction ul li:hover {
                cursor: pointer;
                cursor: hand
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td.highlightTD.focused {
                border-left: 5px solid #09c !important
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td .dropdownBlock .iconDown {
                top: 3px
            }
            
            .createInvoice div.items #invoiceItems table tbody tr td .dropdownBlock .dropDownButton {
                height: 29px;
                padding-top: 5px;
                margin-top: 0
            }
            
            .createInvoice div.items #invoiceItems table tfoot td .addMoreItemBox {
                background-color: #ecf7fc;
                border: 1px solid #91d4f0;
                padding: 10px;
                margin: 10px 0;
            }
            
            .createInvoice div.total .subTotal {
                margin-left: -10px;
                color: #2c2e2f;
                border-top: 1px solid #ccc
            }
            
            .createInvoice div.total .subTotal table {
                min-width: 460px;
                float: right
            }
            
            .createInvoice div.total .subTotal table tr {
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc
            }
            
            .createInvoice div.total .subTotal table tr th,
            .createInvoice div.total .subTotal table tr td {
                text-align: right;
                font-size: 14px;
                font-variant: normal;
                font-weight: 500;
                border: 1px solid #ddd;
                border-top: 0 none;
                padding: 5px 10px;
                line-height: 25px
            }
            
            .createInvoice div.total .subTotal table tr td.invoiceFinalTotal,
            .createInvoice div.total .subTotal table tr th.finalTotal {
                font-weight: 700;
                min-width: 150px;
                border-top: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                background-color: #f6f6f6;
                white-space: nowrap
            }
            
            .createInvoice div.total .subTotal table tr td:last-of-type {
                width: 100px;
                background-color: #f6f6f6
            }
            
            .createInvoice div.total .subTotal table tr td.no-grey {
                background-color: #fff
            }
            
            .createInvoice div.total .subTotal table tr.showInvDiscDisplay .dropdown {
                background-position: 32px -3789px
            }
            
            .createInvoice div.total .subTotal table tr.showInvDiscDisplay .dropdown span,
            .createInvoice div.total .subTotal table tr.showInvDiscDisplay .dropdown select {
                width: 50px;
                text-align: left
            }
            
            .createInvoice div.total .subTotal table tr #customAmountLabel {
                width: 185px
            }
            
            .createInvoice div.total .subTotal table tr.showInvDiscDisplay input {
                color: #2c2e2f
            }
            
            .createInvoice div.total .subTotal table tr.showShippingDisplay input {
                color: #2c2e2f
            }
            
            .createInvoice div.total .subTotal table tr.showCustomDisplay input {
                color: #2c2e2f
            }
            
            .createInvoice .submenu {
                max-height: 274px;
                overflow-y: auto
            }
            
            .createInvoice .dropdownBlock {
                position: relative;
                width: 230px;
                display: inline-block
            }
            
            .createInvoice .dropdownBlock .iconDown {
                position: absolute;
                right: 0;
                top: 5px;
                z-index: 1;
                display: block;
                height: 20px;
                width: 20px;
                background-position: 0 -3790px;
                background-repeat: no-repeat;
                margin: 0 0 0 5px
            }
            
            .createInvoice .dropdownBlock .dropDownButton {
                position: relative;
                background-color: #fff;
                padding: 5px 0 5px 15px;
                border: 1px solid #ccc;
                border-radius: 4px;
                font-weight: 500;
                cursor: default;
                text-align: left
            }
            
            .createInvoice .dropdownBlock .dropDownButton:hover {
                border: 1px solid #57a9d9;
                -moz-box-shadow: 0 0 5px rgba(58, 144, 194, .6);
                -webkit-box-shadow: 0 0 5px rgba(58, 144, 194, .6);
                box-shadow: 0 0 5px rgba(58, 144, 194, .6);
                cursor: pointer
            }
            
            .createInvoice .dropdownBlock .dropDownBody {
                position: absolute;
                left: 0;
                top: 30px;
                background-color: #fff;
                z-index: 2;
                border: 1px solid #ccc;
                width: inherit;
                border-bottom-left-radius: 4px;
                border-bottom-right-radius: 4px;
                box-shadow: 0 3px 7px #888
            }
            
            .createInvoice .dropdownBlock .dropDownBody label {
                width: 101%;
                margin: 0
            }
            
            .createInvoice .dropdownBlock .dropDownBody ul {
                border-bottom: 1px solid #999;
                padding: 10px 0
            }
            
            .createInvoice .dropdownBlock .dropDownBody ul:last-child {
                border-bottom: 0
            }
            
            .createInvoice .dropdownBlock .dropDownBody ul li {
                width: 100%;
                padding: 3px 15px
            }
            
            .createInvoice .dropdownBlock .dropDownBody ul li:hover {
                z-index: 3;
                background-color: #009CDE;
                cursor: default
            }
            
            .createInvoice .dropdownBlock label {
                font-weight: 400
            }
            
            .createInvoice .dropdownBlock.tax {
                width: 130px;
                font-size: inherit;
                font-family: inherit;
                text-align: left
            }
            
            .createInvoice .dropdownBlock.tax .dropDownButton {
                white-space: nowrap;
                overflow: hidden;
                border: 0;
                margin-right: 30px;
                padding-top: 7px;
                padding-right: 5px;
                text-align: right;
                margin-top: 1px
            }
            
            .createInvoice .dropdownBlock.tax .dropDownBody {
                width: 200px;
                margin-top: 5px;
                font-size: inherit;
                font-family: inherit
            }
            
            .createInvoice .dropdownBlock.shippingtax {
                width: 150px;
                font-size: 100%;
                font-family: inherit;
                text-align: left
            }
            
            .createInvoice .dropdownBlock.shippingtax .dropDownButton {
                padding-left: 0;
                border: 0;
                white-space: nowrap;
                overflow: hidden;
                margin-right: 30px
            }
            
            .createInvoice .dropdownBlock.shippingtax .dropDownBody {
                width: 200px;
                margin-top: -3px;
                font-size: inherit;
                font-family: inherit
            }
            
            .invoice h1 {
                color: #2c2e2f;
                font-weight: 200
            }
            
            .invoice h1 {
                font-size: 32px
            }
            
            .invoice #invoiceItemDetailBox {
                margin-bottom: 33px
            }
            
            .invoice .logoContainer {
                overflow: hidden;
                position: relative;
                padding: 0 !important;
                width: 100% !important
            }
            
            .invoice .accessAid {
                border: 0 none !important;
                clip: rect(1px, 1px, 1px, 1px);
                height: 1px !important;
                overflow: hidden;
                padding: 0 !important;
                position: absolute !important;
                width: 1px !important
            }
            
            .invoice .row {
                margin-top: 15px;
                margin-bottom: 15px
            }
            
            .invoice .hasDatepicker {
                background-position: 145px -3892px;
                background-repeat: repeat;
                color: #2c2e2f;
                cursor: pointer
            }
            
            .invoice .pageHeader {
                border-bottom: 1px solid #E3E3E3;
                padding: 5px 25px;
            }
            
            .invoice .pageHeader h1 {
                display: inline-block;
                font-size: 32px;
                font-variant: normal;
                padding-left: 10px
            }
            
            .invoice .pageHeader .actionHeader {
                display: inline-block;
                float: right
            }
            
            .invoice .pageHeader .actionHeader input[type=button] {
                margin-right: 5px
            }
            
            .invoice span.helpIcon {
                background-repeat: no-repeat;
                display: inline-block;
                height: 32px;
                width: 32px;
                margin-top: 10px;
                margin-left: 10px;
                color: #6c7378;
                cursor: pointer
            }
            
            .invoice .dropdown {
                height: 34px;
                border-radius: 4px;
                float: left;
                background-position: 206px -3787px;
                background-color: #fff
            }
            
            .invoice .dropdown:hover {
                cursor: pointer
            }
            
            .invoice .dropdown .iconBlock {
                display: none
            }
            
            .invoice .dropdown span {
                margin-left: 5px;
            }
            
            .invoice .dropdown select {
                width: auto;
                opacity: 0;
                padding: .2em .8em .2em .2em;
                margin-top: -2.1em;
                float: left;
                clear: left;
                cursor: pointer
            }
            
            .invoice .dropdown select option {
                height: 1.4em;
                margin: 2px
            }
            
            .invoice .splitButtonInActive {
                background-image: none;
                box-shadow: none;
                background-color: #ddd;
                color: #000;
                border-color: #CCC;
                display: block;
                height: 34px;
                width: 22%
            }
            
            .invoice .splitButtonInActive:hover {
                border: 1px solid #57a9d9;
                -moz-box-shadow: 0 0 5px rgba(58, 144, 194, .6);
                -webkit-box-shadow: 0 0 5px rgba(58, 144, 194, .6);
                box-shadow: 0 0 5px rgba(58, 144, 194, .6);
                cursor: pointer;
                background-color: #e9e9e9
            }
            
            .headerFlexAlign button {
                margin-left: 5px;
            }
            
            .invoiceSidePanel .panel-heading {
                margin: 0;
            }
            
            .invoiceSidePanel .panel-body {
                margin: 0;
            }
            
            .invoiceSidePanel .panel-body p {
                font-weight: bold;
            }
            
            .invoiceSidePanel hr {
                margin: 5px;
            }
            
            .billing-custom {
                border-right: 1px solid #d4d4d4;
                height: 200px;
                padding: 0% 8%;
            }
            
            .border0px {
                border: 0px !important;
            }
            
            .billing-tryit {
                color: #8d8d8d;
            }
            
            .padding0px {
                padding: 0px !important;
            }
            
            .secondary-amount {
                font-size: 14px;
                position: relative;
                bottom: 35px;
                right: 14px;
            }
            
            .monthly-billing-details {
                color: #8d8d8d;
                margin-bottom: 20px !important;
            }
            
            .billing-buttons {
                margin-bottom: 15px;
            }
            
            .billing-plan-detail {
                padding: 4%;
            }
            
            .detail-plan-heading {
                margin-bottom: 10px;
                font-size: 21px;
            }
            
            .detail-plan-line1 {
                margin-bottom: 5px;
            }
            
            .detail-plan-line1 {
                margin-bottom: 5px;
                border-bottom: 1px solid #ccc;
                padding-bottom: 6px;
                color: #8d8d8d;
            }
            
            .detail-plan-content {
                color: #8d8d8d;
                line-height: 25px;
            }
            
            .border-dashed-border {
                border-bottom: 1px dashed #ccc;
                padding-bottom: 30px;
            }
            
            .billing-addon-heading {
                color: #39cb84;
                font-size: 17px;
            }
            
            .billing-addon-line1 {
                color: #f8577f;
                font-size: 15px;
            }
            
            .addon-lists .col-md-4 {
                padding: 20px 5px;
            }
            
            .addon-lists .col-md-4 .well {
                border-radius: 0px;
                background-color: #fff;
                border-color: #9f9f9f;
            }
            
            .addon-lists .col-md-4 .well .addon-image {
                height: 70px;
            }
            
            .addon-lists {
                padding: 1% 5%;
            }
            
            .addon-heading {}
            
            .border1pxsolccc {
                border: 1px solid #ccc;
                padding: 15px;
                border-radius: 5px;
            }
            
            .billing-plan-heading {
                margin: 0px;
                font-weight: bold;
                font-size: 23px;
            }
            
            .billing-price {
                margin: 5px 0px;
                font-size: 50px;
            }
            
            .dollar-icon-billing {
                font-size: 18px;
                position: relative;
                bottom: 30px;
                margin-right: 7px;
                font-weight: lighter;
            }
            
            .billing-custom {
                border-right: 1px solid #d4d4d4;
                height: 200px;
                padding: 0% 8%;
            }
            
            .border0px {
                border: 0px !important;
            }
            
            .billing-tryit {
                color: #8d8d8d;
            }
            
            .padding0px {
                padding: 0px !important;
            }
            
            .secondary-amount {
                font-size: 14px;
                position: relative;
                bottom: 35px;
                right: 14px;
            }
            
            .monthly-billing-details {
                color: #8d8d8d;
                margin-bottom: 20px !important;
            }
            
            .billing-buttons {
                margin-bottom: 15px;
            }
            
            .billing-plan-detail {
                padding: 4%;
            }
            
            .detail-plan-heading {
                margin-bottom: 10px;
                font-size: 21px;
            }
            
            .detail-plan-line1 {
                margin-bottom: 5px;
            }
            
            .detail-plan-line1 {
                margin-bottom: 5px;
                border-bottom: 1px solid #ccc;
                padding-bottom: 6px;
                color: #8d8d8d;
            }
            
            .detail-plan-content {
                color: #8d8d8d;
                line-height: 25px;
            }
            
            .border-dashed-border {
                border-bottom: 1px dashed #ccc;
                padding-bottom: 30px;
            }
            
            .clickable-row {
                cursor: pointer;
            }
            
            .invoice-title h2,
            .invoice-title h3 {
                display: inline-block;
                margin: 0;
            }
            
            .table>tbody>tr>.no-line {
                border-top: none;
            }
            
            .table>thead>tr>.no-line {
                border-bottom: none;
            }
            
            .table>tbody>tr>.thick-line {
                border-top: 2px solid;
            }
            
            .invoiceFullview .pop-menu {
                position: relative;
            }
            
            .invoiceFullview .pop-over {
                top: 30px;
                right: 30px;
            }
            
            .paddingl20px {
                padding-left: 20px;
            }
            
            .invoiceFullview .pop-dots-parent {
                position: relative;
            }
            
            .invoiceHeader {
                font-size: 20px;
            }
            
            .invoiceHeader img {
                width: 22px;
            }
            
            .fa-stack {
                position: relative;
                display: inline-block;
                width: 1.6rem;
                height: 1.6rem;
                line-height: 1.6em;
                vertical-align: middle;
            }
            
            .fa-stack-2x {
                font-size: 1.6rem;
            }
            
            .fa-trash {
                font-size: 0.8rem;
                padding-top: 2px;
            }
            
            .pricingTable {
                box-shadow: 0 0 2rem rgba(0, 0, 0, .1);
                width: 100%;
                display: table;
                border-bottom: none;
                margin-bottom: 0;
                position: relative;
                padding: 2rem;
                border-collapse: collapse;
                border-spacing: 0;
                width: 100%;
                table-layout: fixed;
            }
            
            .pricingTable td:first-child {
                text-align: left;
                border-left: none;
            }
            
            .pricingTable td {
                padding: 1.2rem 2rem;
                text-align: center;
                font-size: 12px;
                border-left: 1px solid #EBEBEB;
                color: #5b5e6d;
                line-height: 1.5;
            }
            
            .pricingTable .price {
                padding-left: 2rem;
                padding-right: 2rem;
                vertical-align: top;
            }
            
            .pricingTable h3 {
                line-height: 1.2;
                font-weight: 700;
                font-size: 14px;
                margin-top: 1.5rem;
                margin-bottom: .5rem;
            }
            
            .pricingTable .price-value {
                margin-top: 0;
                font-weight: 400;
                margin-bottom: 1.5rem;
            }
            
            .pricingTable .price span {
                font-size: 12px;
            }
            
            .pricingTable tr {
                border-bottom: 1px solid #EBEBEB;
            }
            
            .pricingTable no-border {
                border: 0;
            }
            
            .display-block {
                display: block;
            }
            
            .mar-top-sm {
                margin-top: .5rem !important;
            }
            
            .billingBtn {
                display: block;
                width: 100%;
                background-color: #3F46AD;
                border: 1px solid #3F46AD;
                color: #FFF;
                cursor: pointer;
                border-radius: 4px;
                padding: 15px 15px;
                font-size: 0.9em;
                text-transform: uppercase;
                font-weight: bold;
                letter-spacing: 1px;
                transition: 0.5s;
            }
            
            .billingBtn.outline {
                display: block;
                width: 100%;
                background-color: #fff;
                border: 1px solid #3F46AD;
                color: #3F46AD;
                cursor: pointer;
                border-radius: 4px;
                padding: 12px 0px;
                font-size: 12px;
                text-transform: uppercase;
                font-weight: bold;
                letter-spacing: 1px;
                transition: 0.5s;
            }
            
            .billingBtn.outline:hover,
            .billingBtn.outline:focus {
                background-color: #3F46AD;
            }
            
            .billingBtn.outline:hover,
            .billingBtn.outline:focus,
            .billingBtn.outline:active,
            .billingBtn.outline:active:focus {
                background-color: #1C299D;
                transition: 0.5s;
                outline: none;
                color: #fff;
            }
            
            .billingBtn.disabled:hover,
            .billingBtn.disabled:focus {
                background-color: #3F46AD;
            }
            
            .billingBtn:hover,
            .billingBtn:focus,
            .billingBtn:active,
            .billingBtn:active:focus {
                background-color: #1C299D;
                transition: 0.5s;
                outline: none;
            }
            
            .buttonDivs td {
                padding: 1.2em 2em;
            }
            
            .c-mini-sep {
                display: block;
                width: 35px;
                height: 2px;
                background-color: #EEB523;
                margin: 0 auto 1.5rem;
            }
            
            .pricingSubText {
                font-size: 12px;
                line-height: 22px;
            }
            
            .p--features {
                background-color: rgba(235, 235, 235, .4);
                border-left: none;
                color: #323648;
                font-weight: 700;
            }
            
            .bankAccDetails .col-sm-12 {
                display: flex;
                align-items: center;
            }
            
            .invoicedisabled {
                pointer-events: none;
            }
            
            .selectDue {
                display: flex;
                align-items: center;
            }
            
            .currencyLabel {
                position: absolute;
                right: 1.9%;
                top: 17.5%;
            }
            
            .invoice-btn {
                font-size: 0.8rem;
                padding: 0.3rem 0.5rem;
            }
            
            .invoice-btn-flex {
                display: flex;
                justify-content: center;
            }
            
            .invoice-next-btn {
                float: right;
                padding-top: 15px;
                padding-bottom: 15px;
            }
            
            .width33 {
                width: 33.33%;
            }
            
            .w-15 {
                width: 15% !important;
            }
            
            .w-40 {
                width: 40% !important;
            }
            
            .mt-12px {
                margin-top: 20px;
            }
            
            .recurring-plan {
                padding-left: 12px;
                color: #ff7878;
                padding-top: 6px;
            }
            /* bootstrap toggle switch */
            
            .tgl {
                display: none;
            }
            
            .tgl,
            .tgl:after,
            .tgl:before,
            .tgl *,
            .tgl *:after,
            .tgl *:before,
            .tgl+.tgl-btn {
                box-sizing: border-box;
            }
            
            .tgl::-moz-selection,
            .tgl:after::-moz-selection,
            .tgl:before::-moz-selection,
            .tgl *::-moz-selection,
            .tgl *:after::-moz-selection,
            .tgl *:before::-moz-selection,
            .tgl+.tgl-btn::-moz-selection {
                background: none;
            }
            
            .tgl::selection,
            .tgl:after::selection,
            .tgl:before::selection,
            .tgl *::selection,
            .tgl *:after::selection,
            .tgl *:before::selection,
            .tgl+.tgl-btn::selection {
                background: none;
            }
            
            .tgl+.tgl-btn {
                outline: 0;
                display: block;
                width: 3rem;
                height: 1.7rem;
                position: relative;
                cursor: pointer;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }
            
            .tgl+.tgl-btn:after,
            .tgl+.tgl-btn:before {
                position: relative;
                display: block;
                content: "";
                width: 50%;
                height: 100%;
            }
            
            .tgl+.tgl-btn:after {
                left: 0;
            }
            
            .tgl+.tgl-btn:before {
                display: none;
            }
            
            .tgl:checked+.tgl-btn:after {
                left: 50%;
            }
            
            .tgl-light+.tgl-btn {
                background: #ffffff;
                border: 1px solid #f8577f;
                border-radius: 1.5rem;
                padding: 2px;
                transition: all .4s ease;
                transition: 0.5s;
            }
            
            .tgl-light+.tgl-btn:after {
                border-radius: 50%;
                background: #f97999;
                transition: all .2s ease;
                transition: 0.5s;
            }
            
            .tgl-light:checked+.tgl-btn {
                background: #fff;
                border: 1px solid #F8577F;
            }
            
            .tgl-light:checked+.tgl-btn:after {
                border-radius: 50%;
                background: #F8577F;
                transition: all .2s ease;
                transition: 0.5s;
            }
            
            .mandatory-sub {
                bottom: 0.45em !important;
                color: #f54a4a;
            }
            
            .invoice-cancel {
                padding: 4px;
                border-radius: 3px;
                font-size: 11px;
            }
            
            .flex-column-align-justify-center {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
            /* invoice list for parent web login */
            
            .container {
                padding-right: 15px;
                padding-left: 15px;
            }
            
            .invoice-card {
                padding: 0.3rem;
                box-shadow: 0px 2px 10px #dfdfdf;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            
            .mt-1rem {
                margin-top: 1rem !important;
            }
            
            .mb-1rem {
                margin-bottom: 1rem !important;
            }
            
            .m-0 {
                margin: 0 !important;
            }
            
            .mb-p5rem {
                margin-bottom: 0.5rem !important;
            }
            
            .ml-p5rem {
                margin-left: 0.5rem !important;
            }
            
            .w-100 {
                width: 100% !important;
            }
            
            .w-15 {
                width: 15% !important;
            }
            
            .w-25 {
                width: 25% !important;
            }
            
            .w-60 {
                width: 60% !important;
            }
            
            .month {
                background-color: #99c9f7;
                border-top-left-radius: 7px;
                border-top-right-radius: 7px;
            }
            
            .month-text {
                padding: 0.1rem 0;
                font-size: 0.8rem;
                text-align: center;
                color: #fff;
            }
            /*.date {
background-color: #F1F1F1;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}*/
            
            .date-text {
                text-align: center;
                line-height: 1.2;
                font-weight: 500;
            }
            
            .date-desc {
                font-size: 0.7rem;
                text-align: center;
                line-height: 1;
                padding-bottom: 0.2rem;
            }
            
            .invoice-desc {
                font-size: 0.9rem;
                color: #333;
                line-height: 1.3;
            }
            
            .invoice-price {
                font-size: 0.9rem;
                font-weight: 600;
                color: #e91e63;
            }
            
            .invoice-main-price {
                font-size: 1.5rem;
                line-height: 0.9;
            }
            
            .h-100 {
                height: 100% !important;
            }
            
            .btn-custom {
                padding: 0.5rem;
                font-size: 1rem;
                line-height: 1.2rem;
                border-radius: 5px;
                outline: none;
                border: none;
                width: 49%;
            }
            
            .btn-invoice-primary {
                background-color: #53a8f9;
                border-color: #53a8f9;
                color: #fff;
            }
            
            .btn-invoice-paid-outline {
                background-color: #60bf83;
                border: #60bf83;
                color: #fff;
            }
            
            .btn-invoice-secondary {
                background-color: #fff;
                border: 1px solid #f74fab;
                color: #f74fab;
            }
            /* tabs */
            
            .tabs {
                float: none;
                list-style: none;
                position: relative;
                padding-left: 0;
                text-align: left;
            }
            
            .tabs li {
                float: left;
                display: block;
            }
            
            .tabs input[type="radio"] {
                position: absolute;
                top: 0;
                left: -9999px;
            }
            
            .tabs label {
                display: block;
                padding: 14px 21px;
                border-radius: 2px 2px 0 0;
                font-size: 20px;
                font-weight: normal;
                text-transform: uppercase;
                cursor: pointer;
                position: relative;
                top: 4px;
                -moz-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                -webkit-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out;
            }
            
            .tabs label:hover {}
            
            .tabs .tab-content {
                display: none;
                overflow: hidden;
                font-size: 17px;
                line-height: 25px;
                padding: 25px;
                position: absolute;
                top: 53px;
                left: 0;
            }
            
            .tabs [id^="tab"]:checked+label {
                top: 0;
                padding-top: 17px;
            }
            
            .tabs [id^="tab"]:checked~[id^="tab-content"] {
                display: block;
            }
            
            .p-0 {
                padding: 0 !important;
            }
            
            .w-100 {
                width: 100% !important;
            }
            
            .w-12 {
                width: 12% !important;
            }
            
            .w-13 {
                width: 13% !important;
            }
            
            .w-0 {
                width: 0px;
            }
            
            .uk-tab::before {
                left: 7%;
            }
            
            .uk-tab {
                padding-left: 20px;
            }
            
            .uk-tab>* {
                flex: none;
                padding-left: 0px;
                width: 50%;
                position: relative;
            }
            
            .longtext-classes {
                max-width: 10rem;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            
            .edit-invoice {
                margin-top: 2%;
                min-height: 70vh;
                margin-left: 12%;
            }
            
            .dash-hr {
                border-bottom: 1px solid #efefef;
            }
            
            .align-items-end {
                align-items: flex-end;
            }
            
            .justify-content-start {
                justify-content: flex-start;
            }
            
            .justify-content-end {
                justify-content: flex-end;
            }
            
            .mb-p3rem {
                margin-bottom: 0.3rem !important;
            }
            
            .invoice-paid {
                font-size: 1.1rem;
            }
            
            .invoice-paid-info {
                font-size: 0.9rem;
            }
            
            .po-success {
                color: #60bf83;
            }
            
            .po-failed {
                color: #f47070;
            }
            
            .mt-auto {
                margin-top: auto !important;
            }
            
            .d-flex {
                display: flex;
            }
            
            .flex-column {
                flex-direction: column;
            }
            
            .align-items-center {
                align-items: center;
            }
            
            .m-0 {
                margin: 0;
            }
            
            .mr-1rem {
                margin-right: 1rem;
            }
            
            .ml-1rem {
                margin-left: 1rem;
            }
            
            .activate-bank-acc-message {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                background: #c6e8ff70;
                border: 1px solid #1993e5;
                color: #1993e5;
                padding: 0.5rem 1rem;
                margin-bottom: 1rem;
                border-radius: 3px;
            }
            
            .warning-message {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                background: #feffc670;
                border: 1px solid #cece07;
                color: #cece07;
                padding: 0.5rem 1rem;
                margin-bottom: 1rem;
                border-radius: 3px;
            }
            
            .info-message {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                background: #0bfe071f;
                border: 1px solid #60BB81;
                color: #60BB81;
                padding: 0.5rem 1rem;
                margin-bottom: 1rem;
                border-radius: 3px;
            }
            
            .activate-bank-acc-message p {
                margin-bottom: 0;
            }
            
            .span-text {
                font-size: 0.8rem !important;
            }
            
            .success-green {
                color: #479964 !important;
            }
            
            .payment-success {
                color: #298441;
            }
            
            .pending-yellow {
                color: #ff9800;
            }
            
            .status-line {
                border-right: 2px solid;
                height: 7rem;
                position: absolute;
                z-index: 1;
                top: 20%;
            }
            
            .step-value {
                z-index: 2;
            }
            
            .wizardStepcss .active .roomChangewiz:last-child:after {
                content: none;
            }
            
            .steps-heading {
                font-weight: 600;
            }
            
            .roomChangewiz:after {
                content: none;
                position: absolute;
                width: 1px;
                height: 3.7rem;
                background-color: #ff9800;
                top: 29px;
                z-index: -2;
            }
            
            .roomChangewiz.last-child:after {
                content: none;
            }
            
            .roomChangewiz.success-green {
                background-color: #479964 !important;
                color: #fff !important
            }
            
            .roomChangewiz.success-green:after {
                background-color: #479964 !important;
            }
            
            .wizardStepcss .active .roomChangewiz.success-green:after {
                background-color: #479964;
            }
            
            .mt-p5rem {
                margin-top: 0.5rem !important;
            }
            
            .wizardStepcss .active .roomChangewiz.success-green {
                background-color: #479964 !important;
                color: #fff !important;
            }
            
            .justify-content-center {
                justify-content: center;
            }
            
            .activate-bank-acc-message .update-button {
                font-size: 0.8rem;
                background: transparent;
                border: 1px solid;
                border-radius: 25px;
            }
            
            .payment-confirmation-button {
                width: 100% !important;
                margin-top: 1rem !important;
                border: 1px solid #db044c !important;
                outline: none !important;
                box-shadow: none !important;
                padding: 1rem !important;
                font-size: 1.2rem !important;
                background-color: #db044c !important;
                color: #fff !important;
                border-radius: 3px !important;
                text-decoration: none !important;
            }
            
            .search_icon {
                position: relative;
                border: 1px solid rgba(223, 223, 223, 0.78);
                background: url(../imgs/dashboard/search.png) no-repeat 10px center;
                background-size: 15px;
                padding-left: 35px !important;
            }
            
            .skooly-pink-alert-message {
                background: #f8577f15 !important;
                border: 1px solid #f8577f !important;
                color: #f8577f !important;
            }
            
            .pinkColor {
                color: #F8577F !important;
            }
            
            .blackColor {
                color: rgba(0, 0, 0, 0.87) !important;
            }
            
            .invoice-table-description {
                overflow: hidden;
                word-wrap: break-word;
                text-overflow: ellipsis;
                max-width: 15rem;
            }
            
            .contact-us-deposit-list {
                background-color: #fff !important;
                color: #F55980 !important;
                border: 1.3px solid;
                font-size: 0.9rem;
                font-weight: bold;
            }
            
            .font-weight-normal {
                font-weight: normal !important;
            }
            
            .initial-load-payment {
                align-items: center;
                text-align: center;
                padding-bottom: 17%;
                padding-top: 15%;
                font-size: 17px;
            }
            
            .font-size-1rem {
                font-size: 1rem !important;
            }
            
            #total span {
                font-weight: 600;
            }
            
            .chart-desc,
            .list-style-none {
                list-style: none;
            }
            
            .chart-desc-label {
                margin-bottom: 1rem;
                display: flex;
                align-items: center;
            }
            
            .chart-desc-label-color {
                width: 1rem;
                height: 1rem;
                margin-right: 0.5rem;
            }
            
            .chart-desc-label-color.present {
                background-color: #60BB81;
            }
            
            .chart-desc-label-color.absent {
                background-color: #F55980;
            }
            
            .chart-desc-label-color.leave {
                background-color: #FDB45C;
            }
            
            .chart-desc-label-color.late {
                background-color: #cfa6ea;
            }
            
            .chart-info {
                font-size: 1.1rem;
                font-weight: 600;
                margin-bottom: 0;
                text-align: right;
            }
            
            .chart-info-value {
                font-size: 1.2rem;
                color: #3daaf5;
                text-align: right;
            }
            
            .mr-2rem {
                margin-right: 2rem;
            }
            
            .justify-content-end {
                justify-content: flex-end;
            }
            
            .student-year-report-table th,
            .student-year-report-table td {
                text-align: center;
                padding: 0.3rem;
            }
            
            .student-year-report-table tr:nth-child(odd) {
                background-color: #efefef;
            }
            
            .student-year-report-table thead th {
                background-color: #fff;
                padding: 0.5rem 0;
                width: 50px;
            }
            
            .student-year-report-table {
                border: 1px solid #efefef;
                border-radius: 4px;
                padding: 0.5rem;
            }
            
            .status-pill {
                background-color: #3daaf5;
                /* padding: 1px; */
                border-radius: 20px;
                font-size: 0.9rem;
                padding: 0.1rem 0.8rem;
                /* position: absolute; */
                margin: auto;
            }
            
            .font-size-payment-heading {
                font-weight: bolder;
                font-size: 2.7rem;
                line-height: 1;
            }
            
            .proceed-button {
                display: inline-block;
                font-size: 1rem;
                width: auto;
                border-radius: 4px;
                padding: 6px 12px;
            }
            
            .invoice-canceled-text {
                color: #e91e63;
                margin-bottom: 0;
                font-size: 0.9rem;
                font-style: italic;
                text-align: right;
            }
            
            .view-image-activity {
                width: 100%;
                height: 498px;
                object-fit: contain;
            }
            
            .classroom-update-btn {
                padding-left: 40px !important;
                padding-right: 40px !important;
                padding-top: 7px !important;
                padding-bottom: 7px !important;
            }
            /*Chat History */
            
            .customScrollBar::-webkit-scrollbar-track {
                -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
                border-radius: 10px;
                background-color: #F5F5F5;
            }
            
            .customScrollBar::-webkit-scrollbar {
                width: 10px;
                background-color: #F5F5F5;
            }
            
            .customScrollBar::-webkit-scrollbar-thumb {
                border-radius: 10px;
                -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
            }
            
            .btn-blue {
                color: #e91e63;
                background-color: #fff;
                border-color: #e91e63;
                padding: 2px 7px !important;
                font-size: 12px !important;
                transition: 0.5s;
            }
            
            .btn-blue:hover,
            .btn-blue:active,
            .btn-blue:visited,
            .btn-blue:focus {
                color: #fff;
                background-color: #e91e63;
            }
            
            .online-payment-deposit-acc {
                padding: 0px 9px;
                font-size: 11px;
                margin-left: 12px;
            }
            
            .beta-text {
                color: #4183c4;
                margin-right: 0.5rem;
                font-size: 1rem;
            }
            
            .beta-text span {
                color: #e91e63;
            }
            
            .leave-application-tab-content {
                border: none !important;
            }
            
            .leave-admin-link a {
                font-size: 1rem !important;
            }
            
            .plan-name.recommended,
            .plan-amount.recommended {
                color: #4385f5 !important;
            }
            
            .billing-cards.recommended {
                border: 1.3px solid #4385f5;
                transform: scale(1.01);
                background: #fff;
            }
            
            .skooly-custom-navpill>li.active>a,
            .skooly-custom-navpill>li.active>a:focus,
            .skooly-custom-navpill>li.active>a:hover {
                background-color: transparent;
                color: #f75284;
                border-bottom: 2px solid #f75284;
            }
            
            .leave-approval-fetch-btn {
                font-size: 0.9rem;
            }
            
            .leave-card {
                border: 1px solid #efefef;
                padding: 1rem;
                margin-bottom: 1rem;
                border-radius: 4px;
                display: flex;
                align-items: center;
            }
            
            .leave-profile img {
                max-width: 40px;
                width: 100%;
                height: 40px;
                object-fit: cover;
            }
            
            .leave-applicant-name {
                font-size: 1.1rem;
                margin-bottom: 0;
                font-weight: 600;
            }
            
            .leave-applicant-rollNo {
                font-size: 1rem;
            }
            
            .w-60 {
                width: 60% !important;
            }
            
            .w-40 {
                width: 40% !important;
            }
            
            .w-75 {
                width: 75% !important;
            }
            /* .leave-applicant-name,
.leave-applicant-rollNo,
.leave-application-reason{
font-weight: 600;
} */
            
            .btn-approve,
            .btn-reject {
                padding: 0.4rem 1rem;
                margin-left: 0.5rem;
            }
            
            .btn-approve {
                background-color: #60BB81;
                border: 1px solid #60BB81;
                color: #fff;
            }
            
            .btn-reject {
                background-color: #eb4535;
                color: #FFFFFF;
                border: 1px solid #eb4535;
            }
            
            .justify-content-end {
                justify-content: flex-end;
            }
            
            .leave-approval-status,
            .leave-approved-by {
                font-weight: 600;
            }
            
            .leave-approval-status span,
            .leave-approved-by span {
                font-weight: normal;
            }
            
            .leave-approval-status span.approved {
                color: #60BB81;
            }
            
            .leave-approval-status span.rejected {
                color: #eb4535;
            }
            
            .aprrovar-desgination {
                color: #3daaf5;
            }
            
            .p-coming-soon {
                text-align: center !important;
                font-size: 1rem !important;
                font-weight: 600 !important;
                margin-top: 1rem !important;
                color: #F8577F !important;
                width: 10rem !important;
                border: 1px solid !important;
                padding: 0.5rem !important;
                border-radius: 20px !important;
            }
            
            .empty-view-coming-soon {
                height: 60vh;
            }
            
            .onHoverPointer:hover {
                cursor: pointer;
            }
            
            .messageImageContainer {
                max-width: 100px;
            }
            
            .messageImageContainer p {
                font-size: 0.8rem;
                margin-top: 0.5rem;
            }
            
            .popup-message-content {
                border-bottom: 1px solid #ddd;
            }
            
            .pb-p5rem {
                padding-bottom: 0.5rem;
            }
            
            .border-bottom-none {
                border-bottom: none;
            }
            
            .mt-5px {
                margin-top: 5px !important;
            }
            
            .dailCodeSelect {
                padding-right: 1.8rem !important;
                background-position: 90% 50% !important;
            }
            
            #studentPhoneNoEdit {
                border-top-right-radius: 0px !important;
                border-bottom-right-radius: 0px !important;
                border-right: none !important;
                border-top-left-radius: 3px !important;
                border-bottom-left-radius: 3px !important;
            }
            
            #sizing-addon2 {
                padding: 0;
                width: 20%;
                border: none !important;
                background: none;
                box-shadow: none;
            }
            
            .dailSelectForParents {
                padding: 0 !important;
                padding-right: 1.5rem !important;
                background-position: 85% 50% !important;
                box-shadow: none !important;
                border-top-right-radius: 0px !important;
                border-bottom-right-radius: 0px !important;
                border-right: none !important;
                border-top-left-radius: 3px !important;
                border-bottom-left-radius: 3px !important;
            }
            
            .pendingLabel {
                font-size: 0.9rem;
                padding: 0.5rem;
                text-align: center;
                margin-bottom: 0;
                vertical-align: middle;
                line-height: 1.6;
                width: 6rem;
            }

            .labelClass {
                font-size: 0.9rem;
                padding: 0.5rem;
                text-align: center;
                margin-bottom: 0;
                vertical-align: middle;
                line-height: 1.6;
            }
            
            .teamTransfer {
                display: inline-block;
                padding: 0.5rem;
                border: 1px solid #ccc;
                border-radius: 7px;
            }
            
            .custom-teamTransfer {
                display: inline-block;
                padding: 0.5rem;
                border: 1px solid #ccc;
                border-radius: 0px;
            }
            
            .transferButton-team {
                padding-right: 12px;
                width: 10%;
                padding-top: 7%;
            }
            
            .printShow {
                display: none !important;
            }
            
            @media print {
                .mt-80sm {
                    margin-top: -80px!important;
                }
                .w-40sm {
                    width: 40%!important;
                }
                .w-30sm {
                    width: 30%!important;
                }
                .w-20sm {
                    width: 20%!important;
                }
                /*.paymentTable th,
                td {
                    text-align: center!important;
                }*/
                .printShow {
                    display: block !important;
                }
                .mt-90 {
                    margin-top: -90px!important;
                }
                @page {
                    margin: 0;
                }
                .assessment-bg {
                    background-color: #fff!important;
                }
                section.main-content-body .tab-content {
                    border: none;
                }
                .report_div {
                    margin-top: 0px;
                    margin-bottom: 0px;
                }
                .p-1rem {
                    padding: 0rem!important;
                }
                #report_card {
                    margin-top: 0px!important;
                    padding: 0px !important;
                }
                .reportcard_header {
                    padding-top: 0px;
                    margin-bottom: 15px!important;
                }
                .reportcard_table tbody td {
                    padding: 0px!important;
                    text-align: center!important;
                }
                #manageStudentReport {
                    margin-top: 0px;
                }
                #manageSetUpAssessment {
                    margin-top: 0px;
                }
                .nav-tabs {
                    display: none;
                    border-bottom: none;
                }
                #main-oc-sidebar-left,
                .navbar-skooly-dashboard,
                .greeting-heading-annoucement,
                .greeting-heading-annoucement,
                #launcher,
                .a-stud-name,
                .skooly-custom-navpill,
                #studentProfileClose {
                    display: none;
                }
                #studentInvoiceViewContainer,
                .invoice-preview-body,
                #invoicePrintContainer {
                    visibility: visible !important;
                }
                #studentInvoiceViewContainer,
                .invoice-preview-body,
                #invoicePrintContainer {
                    position: absolute !important;
                    ;
                    left: 0;
                    top: 0;
                }
                .ui.visible.wide.left.sidebar~.fixed,
                .ui.visible.wide.left.sidebar~.pusher {
                    -webkit-transform: translate3d(0px, 0, 0);
                    transform: translate3d(0px, 0, 0);
                    width: 100%;
                }
                .print-preview-img {
                    margin: 0px auto !important;
                    width: 100% !important;
                    max-width: 85px !important;
                    height: 85px !important;
                    object-fit: cover !important;
                }
                .invoice-preview-body {
                    min-width: 786px !important;
                    display: inline-block;
                }
                #studentInvoiceViewContainer,
                #invoicePrintContainer {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                }
                @page {
                    size: auto;
                    margin: 0mm;
                }
                html,
                body {
                    border: 1px solid white;
                    height: 99%;
                    page-break-after: avoid;
                    page-break-before: avoid;
                }
            }
            
            .row-selected {
                background-color: #ffd79c8c;
            }
            
            .remove-btn-team {
                margin-left: auto;
                font-size: 0.8rem;
                float: right;
                background: #E91E63;
                color: #fff;
                padding-top: 0px;
                padding-bottom: 2px;
                padding-right: 3px;
                padding-left: 6px;
            }
            
            .custom-scroll-bar::-webkit-scrollbar {
                width: 10px;
            }
            
            .custom-scroll-bar::-webkit-scrollbar-thumb {
                background: #3E69E6;
                border-radius: 20px;
            }
            
            .custom-scroll-bar::-webkit-scrollbar-track {
                background: #ddd;
                border-radius: 20px;
            }
            
            .py-p3rem {
                padding-top: 0.3rem !important;
                padding-bottom: 0.3rem !important;
            }
            
            #manageTeamStudents,
            #manageTeamStudents .daily-reportpanel-heading {
                border: none !important;
            }
            
            .addMoreCharges {
                background-color: #ecf7fc;
                border: 1px solid #91d4f0;
                padding: 10px;
                margin: 10px 0;
                border-radius: 29px;
            }
            
            .d-flex-column {
                display: flex;
                flex-direction: column;
            }
            
            .mb-p7rem {
                margin-bottom: 0.7rem !important;
            }
            
            .session-cost {
                margin-top: 5px;
                margin-left: 5px;
                font-size: 17px;
            }
            
            .left-3px label::after {
                left: 3px !important;
            }
            
            .vertical-align-middle {
                vertical-align: middle !important;
            }
            
            .border-top-none {
                border-top: none !important;
            }
            
            .checkbox-success input[type="checkbox"]:checked+label.crossMark::before,
            .checkbox-success input[type="radio"]:checked+label.crossMark::before {
                background-color: #e44b4b;
                border-color: #e44b4b;
                outline: none;
            }
            
            .checkbox input[type="checkbox"]:checked+label.crossMark::after,
            .checkbox input[type="radio"]:checked+label.crossMark::after {
                content: "\f00d";
                padding-left: 2px;
            }
            
            .table-view td {
                padding: 6px 2px !important;
            }
            
            .dataTables_filter {
                float: left !important;
                padding-left: 0 !important;
            }
            
            .dataTables_filter label {
                text-align: left !important;
            }
            
            .dataTables_filter label input {
                margin-left: 0 !important;
            }
            /* soccer coaching */
            
            .match-day-card {
                padding: 1rem;
                box-shadow: 0px 0px 10px #ddd;
                display: flex;
                border-radius: 3px;
                margin-right: 0.5rem;
                margin-left: 0.5rem;
                margin-bottom: 1rem;
                width: 32%;
            }
            
            .match-day-card:hover {
                box-shadow: 0px 0px 10px #ddd;
                cursor: pointer;
                transition: 0.2s;
                border-color: #fff;
            }
            
            .matchDayTeam1,
            .matchDayTeam2 {
                display: flex;
                align-items: center;
            }
            
            .matchDayProfileImage {
                width: 100%;
                max-width: 25px;
                height: 25px;
                object-fit: cover;
                border-radius: 15px;
            }
            
            .matchDayProfileImage.stats {
                width: 100%;
                max-width: 75px;
                height: 75px;
                object-fit: cover;
                border-radius: 50px;
            }
            
            .matchDayProfileName {
                font-size: 1rem;
                font-weight: 600;
                margin-bottom: 0.5rem;
                margin-left: 1rem;
                width: 100%;
            }
            
            .d-flex {
                display: flex;
            }
            
            .flex-column {
                flex-direction: column;
            }
            
            .align-items-center {
                align-items: center;
            }
            
            .justify-content-center {
                justify-content: center;
            }
            
            .justify-content-between {
                justify-content: between;
            }
            
            .mt-0 {
                margin-top: 0 !important;
            }
            
            .outline-label {
                background-color: #fff;
                /* border:1px solid dodgerblue; */
                color: dodgerblue;
                font-size: 1rem;
                /* padding:0 0.2rem 0.2rem 0.2rem; */
                border-radius: 15px;
            }
            
            .mx-1rem {
                margin-left: 1rem;
                margin-right: 1rem;
            }
            
            .matchDayTime {
                font-weight: 600;
                font-size: 0.9rem;
            }
            /* .matchDayTime.matchDayDay{
font-size:1rem!important;
font-weight:600;
color:#e91e63;
} */
            
            .dash-hr-vertical {
                border-left: 1px solid #ccc;
                margin: 0 0.5rem;
            }
            
            .flex-wrap {
                flex-wrap: wrap;
            }
            
            .matchDayLeagueType {
                font-size: 0.6rem;
                border: 1px solid #EDBC00;
                background-color: #EDBC00;
                color: #fff;
                padding: 0rem 0.3rem 0.2rem;
                border-radius: 15px;
                margin-top: 0.3rem;
                text-transform: uppercase;
            }
            
            .matchDayLeagueTypeStats {
                color: #EDBC00;
                text-transform: uppercase;
                font-size: 0.8rem;
            }
            
            .mx-6rem {
                margin: 0 6rem;
            }
            
            .mx-4rem {
                margin: 0 4rem;
            }
            
            .classroom-list {
                min-height: 32rem;
            }
            
            .flex-row-reverse {
                flex-direction: row-reverse;
            }
            
            .grey-text {
                color: #999;
                font-weight: 500 !important;
            }
            
            .custom-width {
                width: 37.333333% !important;
            }
            
            .upcoming-heading {
                color: #e91e63;
            }
            
            .completed-heading {
                color: #3e69e6;
            }
            
            .statsTeamCard {
                padding: 1rem;
                display: flex;
                flex-direction: column;
            }
            
            .border-none {
                border: none !important;
            }
            
            #statsNav .nav-item .nav-link {
                color: #3e69e6;
            }
            
            #statsNav .nav-item .nav-link:hover,
            #statsNav .nav-item .nav-link:active,
            #statsNav .nav-item .nav-link:focus,
            #statsNav .nav-item .nav-link:visited {
                background: transparent;
            }
            /* #statsNav .nav-item .nav-link.active {
background-color: #3e69e6;
color:#fff;
} */
            
            .mt-4rem {
                margin-top: 4rem;
            }
            
            .mt-2rem {
                margin-top: 2rem;
            }
            
            .ml-0 {
                margin-left: 0 !important;
            }
            
            .justify-content-around {
                justify-content: space-around;
            }
            
            .success {
                color: #56bc8d;
            }
            
            .success.btn,
            .success.btn:hover,
            .success.btn:active,
            .success.btn:focus,
            .success.btn:visited {
                background-color: #56bc8d;
                border-color: #56bc8d;
                color: #fff;
            }
            
            .btn-block.success {
                width: 50%;
                font-size: 0.8rem;
                text-align: center;
                margin: 0 auto;
            }
            
            .checkInText {
                font-size: 0.8rem;
            }
            
            .away-team {
                color: #004c99 !important;
            }
            
            .home-team {
                color: #a60042 !important;
            }
            
            .goal-scorer {
                font-size: 0.9rem;
                color: #000 !important;
            }
            
            .align-items-start {
                align-items: flex-start !important;
            }
            
            .align-items-end {
                align-items: flex-end !important;
            }
            
            .mt-p4rem {
                margin-top: 0.4rem !important;
            }
            
            .stats-pill li.active .customlinks,
            .stats-pill li.active .customlinks:hover,
            .stats-pill li.active .customlinks:active,
            .stats-pill li.active .customlinks:focus,
            .stats-pill li.active .customlinks {
                color: #000;
                border: none !important;
                font-weight: 600;
            }
            
            .block {
                background: #f2f2f2;
                position: relative;
                padding: 15px;
                border: 1px solid #ccc;
            }
            
            .block:not(:first-child) {
                margin-top: 10px;
            }
            
            .modifier {
                float: right;
                margin-left: 8px;
                font-size: 14px;
            }
            
            .action {
                color: #1abc9c;
            }
            
            .edit {
                color: #888;
            }
            
            .column-selector {
                position: relative;
            }
            
            .remove {
                color: #f00;
            }
            
            .column-option {
                float: left;
            }
            
            .dropdown-menu {}
            
            .blocks {
                margin-bottom: 0;
            }
            
            .panel {
                border-radius: 0;
            }
            
            .row>.panel {
                background-color: #f2f2f2;
            }
            
            .builder {
                padding: 20px;
            }
            
            .block-placeholder {
                background: #dadada;
                position: relative;
            }
            
            .block-placeholder:after {
                content: " ";
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 15px;
                background-color: #fff;
            }
            
            .team-group ul {
                list-style-type: none;
                padding: 0;
            }
            
            .team-group ul li {
                padding: 5px 10px;
                border: 1px solid #e2e2e2;
                margin-bottom: 5px;
                cursor: move;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }
            
            .team-group .panel-heading {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
            
            .team-group .panel-title {
                font-size: 13px;
            }
            
            .team-group .panel-heading .btn-group i {
                padding: 3px;
                color: #222;
                cursor: pointer;
            }
            
            .team-group .btn-group {
                display: flex;
                align-items: center;
                border: 1px solid #a9a9a9;
                border-radius: 3px;
            }
            
            .team-group .btn-group i:first-child {
                border-right: 1px solid #ded9d9;
            }
            
            .dot-lg {
                height: 10px;
                width: 10px;
                border-radius: 50%;
                display: inline-block;
                margin-right: 5px;
            }
            
            span.dot-lg.average-player {
                background-color: #004D98;
            }
            
            span.dot-lg.good-player {
                background-color: green;
            }
            
            span.dot-lg.bad-player {
                background-color: red;
            }
            
            .coach-name {
                text-align: center;
                margin-bottom: 10px;
                color: #007bff;
            }
            
            .team-1 .panel-heading {
                color: #DD0C13;
            }
            
            .juve .panel-heading {
                color: #000;
            }
            
            .barca .panel-heading {
                color: #A40047;
            }
            
            .real .panel-heading {
                color: #00519E;
            }
            
            .team-group {
                display: flex;
                width: 100%;
                flex-wrap: wrap;
            }
            
            .team-2 .panel-heading {
                color: #0613D4;
            }
            
            .cursor-notAllowed {
                cursor: not-allowed;
            }
            
            .opacity-p4 {
                opacity: 0.4;
            }
            
            .sendMatchInvitesButton {
                float: right;
                background-color: #004c99;
                border-radius: 20px;
            }
            
            .updateMatchReportButton,
            .updateMatchReportButton:hover,
            .updateMatchReportButton:active,
            .updateMatchReportButton:focus,
            .updateMatchReportButton:visited {
                background-color: #e91e63;
                color: #fff;
                border: 1px solid #e91e63;
                border-radius: 20px;
            }
            
            .full-time {
                border: 1px solid #555;
                padding: 0 0.3rem;
                border-radius: 3px;
            }
            
            .border-bottom-none {
                border-bottom: none !important;
            }
            
            .vertical-align-middle {
                vertical-align: middle !important;
            }
            
            .pt-0 {
                padding-top: 0 !important;
            }
            
            .w-15 {
                width: 15% !important;
            }
            
            .kidbg-custom {
                margin: 0.2rem 0.5rem !important;
                top: 0 !important;
                margin-left: 0 !important;
            }
            
            .team-button-o {
                border: 1px solid #004c99;
                color: #004c99;
                background-color: #fff;
                width: auto;
                padding: 0.2rem 0.5rem;
                border-radius: 20px;
            }
            
            .player-stats-profile-pic {
                width: 100px;
                height: 100px;
                object-fit: cover;
            }
            
            .w-auto {
                width: auto !important;
            }
            
            .align-items-start {
                align-items: flex-start !important;
            }
            
            .player-stats-classroom-o {
                border: 1px solid #004c99;
                color: #004c99;
                background-color: #fff;
                width: auto;
                padding: 0.3rem 0.5rem;
                border-radius: 3px;
                font-size: 1rem;
                margin-bottom: 0.5rem !important;
                margin-right: 0.5rem !important;
            }
            
            .training-summary-data {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100px;
                height: 5rem;
                /* border:4px solid dodgerblue; */
                color: #000;
                border-radius: 50%;
                font-family: sans-serif;
            }
            
            .w-20 {
                width: 20% !important;
            }
            /* Admin - student data */
            
            .adminStudentProfileContainer {
                border-radius: 50%;
                width: 81px !important;
                display: flex;
                height: 81px;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                background: #ccc;
                position: relative;
            }
            
            .adminStudentProfilePic {
                height: 75px;
                width: 75px;
                object-fit: cover;
                border-radius: 50%;
            }
            
            .adminStudentProfilePicEdit {
                position: absolute;
                bottom: 5%;
                right: 5%;
                /* padding: 0.3rem; */
                background: #edbc00;
                border-radius: 50%;
                height: 1.5rem;
                width: 1.5rem;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                cursor: pointer;
            }
            
            .adminStudentProfilePicDelete {
                position: absolute;
                bottom: 5%;
                right: 74% !important;
                /* padding: 0.3rem; */
                background: #edbc00;
                border-radius: 50%;
                height: 1.5rem;
                width: 1.5rem;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                cursor: pointer;
            }
            
            .adminStudentProfilePicDelete {
                position: absolute;
                bottom: 5%;
                right: 5%;
                /* padding: 0.3rem; */
                background: #edbc00;
                border-radius: 50%;
                height: 1.5rem;
                width: 1.5rem;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                cursor: pointer;
            }
            
            .adminStudentProfilePicEdit i {
                color: #fff;
                font-size: 0.7rem;
                padding-left: 0.1rem;
                padding-top: 0.1rem;
            }
            
            .editable h1,
            .editable h2,
            .editable h3,
            .editable h4,
            .editable h5,
            .editable h6,
            .editable p {
                padding: 0.5rem 0;
                width: auto;
            }
            
            .editable h1:hover,
            .editable h2:hover,
            .editable h3:hover,
            .editable h4:hover,
            .editable h5:hover,
            .editable h6:hover,
            .editable p:hover {
                padding-right: 1.5rem;
            }
            
            .pl-1rem {
                padding-left: 1rem;
            }
            
            .adminStudentAddNotes {
                border: none !important;
                outline: none !important;
                resize: vertical;
            }
            
            .dash-hr {
                border-bottom: 1px solid #ccc;
            }
            
            .studentAdminEditable input,
            .studentAdminEditable select,
            .studentProfileName {
                border: none;
                box-shadow: none;
                font-size: 1rem !important;
                background: #fff;
                /*max-width: 12rem;*/
                overflow: hidden;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            
            .studentAdminEditable select {
                box-shadow: none !important;
                font-size: 1rem !important;
                background-color: #fff;
                cursor: pointer;
            }
            
            .studentAdminEditable input:hover {
                background: #f8f8f8;
                color: #333;
                padding-right: 1.5rem !important;
                background-image: url('../imgs/edit_input.png') !important;
                background-repeat: no-repeat !important;
                background-position-x: 97% !important;
                background-position-y: center !important;
                background-size: 12px !important;
            }
            
            .studentAdminEditable select:hover {
                background: #f8f8f8;
                color: #333;
            }
            
            .studentAdminEditable input:focus {
                background: #f0f0f0;
                color: #333;
                border: none;
                box-shadow: none;
                background-size: 12px !important;
            }
            
            .studentAdminEditable input:focus+.studentAdminEditable {
                background: #f0f0f0;
                box-shadow: 0px 1px 10px #eee;
            }
            
            .mb-p5rem {
                margin-bottom: 0.5rem !important;
            }
            
            .mx-1rem {
                margin-right: 1rem !important;
                margin-left: 1rem !important;
            }
            
            .px-1rem {
                padding-right: 1rem !important;
                padding-left: 1rem !important;
            }
            
            .mt-p5rem {
                margin-top: 0.5rem !important;
            }
            
            .statusIndicator span {
                display: inline-block;
                width: 7px;
                height: 7px;
                border-radius: 20px;
                vertical-align: middle;
                margin-left: 3px;
            }
            
            .statusIndicator span.active {
                background-color: #12a862;
            }
            
            #student-admin h4,
            #student-assessment h4 {
                /* color:#3e69e6; */
                background: #efefef;
                margin-bottom: 0;
                text-transform: uppercase;
                color: #000;
                padding: 0.5rem;
            }
            
            #student-admin label,
            #student-assessment label {
                color: #333;
                padding-right: 0;
                padding-left: 0rem !important;
            }
            
            #student-admin h4,
            #student-assessment h4,
            #student-admin label,
            #student-assessment label,
            #student-admin input,
            #student-assessment input {
                font-family: 'Noto Sans Regular', sans-serif !important;
            }
            /* .header-underline{
    border-bottom:1px solid;
    width:2rem;
} */
            
            .addMedicationButton,
            .addParentOrGuardian,
            .AddNotesButton {
                background: transparent;
                color: #3e69e6;
                border: 1px solid;
            }
            
            .addMedicationButton,
            .addParentOrGuardian {
                margin-left: 0.5rem;
            }
            
            .AddNotesButton {
                padding: 0.1rem 0.8rem;
            }
            
            .addMedicationButton:hover,
            .addParentOrGuardian:hover,
            .AddNotesButton:hover,
            .addMedicationButton:focus,
            .addParentOrGuardian:focus,
            .AddNotesButton:focus,
            .addMedicationButton:active,
            .addParentOrGuardian:active,
            .AddNotesButton:active,
            .addMedicationButton:visited,
            .addParentOrGuardian:visited,
            .AddNotesButton:visited {
                background-color: #3e69e6;
                color: #fff;
                transition: 0.3s;
            }
            
            .notesCard {
                border: 1px solid #ddd;
                padding: 0.5rem;
                border-radius: 3px;
                display: flex;
            }
            
            .notesText {
                font-size: 0.95rem;
            }
            
            .notesDateAndTime {
                font-size: 0.8rem;
                color: #3e69e6;
            }
            
            .innerStatsRounds {
                width: 20%;
                padding: 0 0.5rem;
                align-items: center;
            }
            
            .justify-content-evenly {
                justify-content: space-evenly
            }
            
            .justify-content-end {
                justify-content: flex-end;
            }
            
            .justify-content-center {
                justify-content: center;
            }
            
            .pl-p5rem {
                padding-left: 0.5rem !important;
            }
            
            .parentContainerInputPopup {
                border-radius: 4px;
                top: 0;
                position: absolute;
                box-shadow: 0px 1px 10px #ccc;
                z-index: 1;
                padding: 0.5rem 0 !important;
                background: #fff;
                width: auto;
                transition: 0.5s;
            }
            
            .emgContactContainer.parentContainerInputPopup {
                left: 2.5% !important;
            }
            
            .parentContainerPopup {
                max-width: 20rem !important;
                width: 20rem;
                border: 1px solid #4385f5 !important;
                background: #fff !important;
                margin: 0 0.5rem;
            }
            
            .sample_box {
                display: block !important;
                margin-bottom: 34px !important;
            }
            
            select.stuParentTitle {
                width: 5rem !important;
            }
            
            .pt-8 {
                padding-top: 8px;
            }
            
            .mb-12 {
                margin-bottom: 12px;
            }
            
            #popupSaveButton i {
                color: #333;
                cursor: pointer;
            }
            
            .dailCode {
                max-width: 5.5rem !important;
                min-width: 3rem !important;
                padding-right: 0 !important;
            }
            
            .folderStructureLink {
                color: #999;
                padding: 1rem 0.5rem;
                border: 1px solid #bbb;
                border-radius: 3px;
                margin-bottom: 1rem;
                margin-right: 1rem;
                height: 8rem;
                width: 17.97rem;
                position: relative;
            }
            /*.folderStructureLink.fileStructure{
    height:3rem;
    width:17.97rem;
}*/
            
            .uploadSection {
                color: #999;
                padding: 1rem 0.5rem;
                border: 2px dashed #ccc;
                height: 10rem;
                width: 100%;
                /*display: none;*/
            }
            
            .search-key {
                font-style: italic;
                color: green;
                font-weight: bold;
            }
            
            .copyText-input {
                margin-bottom: 0px !important;
                border: 0px !important;
                font-size: 0.81rem !important;
                padding: 0px !important;
                box-shadow: 0px 0px 0px !important;
                height: 17px !important;
            }
            
            .copyText-input:active,
            .copyText-input:hover,
            .copyText-input:visited,
            .copyText-input:focus {
                outline: none;
            }
            
            .emgContactContainer {
                border: 1px solid #dedede;
                left: 1.5%;
                padding-left: 0 !important;
            }
            
            .datePickerInput {
                padding-left: 1.8rem !important;
                padding: 0.5rem !important;
                background-image: url(../imgs/calendar.png) !important;
                background-repeat: no-repeat !important;
                background-size: 15px !important;
                background-position-x: 6% !important;
                background-position-y: center !important;
                border: 1px solid #ccc !important;
                text-align: right !important;
                width: 8rem !important;
            }
            
            .immunizationName.parentContainerInputPopup {
                left: 2.5% !important;
            }
            
            .datePickerContainer.parentContainerInputPopup {
                left: 0% !important;
                position: relative;
            }
            
            select.parentContainerPopup {
                width: 13rem !important;
                max-width: 13rem !important;
            }
            
            .w-13rem {
                width: 13rem !important;
            }
            
            #viewStudentContainer .skooly-custom-navpill>li>a {
                font-size: 13px !important;
            }
            /*    .dailCodeSelect{
text-align-last: center; 
}*/
            
            .studentAdminEditable input.nonEditableStudentProfile:hover {
                background-image: none !important;
            }
            
            .bg-white {
                background-color: #fff !important;
            }
            
            .pt-0 {
                padding-top: 0 !important;
            }
            
            .display-none {
                display: none !important;
            }
            
            .greyHeading {
                background: #efefef;
                margin-bottom: 0;
                text-transform: uppercase;
                color: #000;
                padding: 0.5rem;
            }
            
            .align-self-end {
                align-self: flex-end !important;
            }
            
            .pb-p5rem {
                padding-bottom: 0.5rem !important;
            }
            
            .seperationContainer {
                padding: 0.5rem;
                background-color: #bfe2f370;
                border: 1px solid #2788f1;
                margin-bottom: 1rem;
                border-radius: 3px;
            }
            
            .totalSection {
                background-color: #efefef;
                color: #fff;
                border: 1px solid #bbb;
                border-radius: 3px;
                padding: 0.5rem;
            }
            
            .totalSection div label {
                color: #000;
            }
            
            .grandTotalLabel {
                font-size: 14px;
            }
            
            .grandTotal {
                font-size: 1.3rem;
            }
            
            .dash-hr-total {
                height: 1px;
                border-bottom: 1px solid #bbb;
            }
            
            .mr-p3rem {
                margin-right: 0.3rem !important;
            }
            
            .search_icon_custom {
                position: relative;
                border: 1px solid rgba(223, 223, 223, 0.78);
                background: url(../imgs/dashboard/search.png) no-repeat 4px center;
                background-size: 15px;
                padding-left: 22px !important;
            }
            
            .addChargesDropdownMenu {
                display: flex;
                flex-direction: column;
            }
            
            .addChargesDropdownMenu .dropdown-item {
                padding: 0.5rem !important;
                display: inline-block;
            }
            
            .width-8rem {
                width: 8.5rem;
            }
            
            .planStudentList thead tr th {
                border-bottom: 1px solid #ddd !important;
            }
            
            .planStudentList tbody tr td span.label {
                display: inline-block !important;
                padding: 0.4rem 0.6rem !important;
            }
            
            .vertical-align-middle {
                vertical-align: middle !important;
            }
            
            .search_icon_custom {
                position: relative;
                border: 1px solid rgba(223, 223, 223, 0.78);
                background: url(../imgs/dashboard/search.png) no-repeat 4px center;
                background-size: 15px;
                padding-left: 22px !important;
            }
            
            .right-0 {
                right: 0 !important;
            }
            
            .ml-p3rem {
                margin-left: 0.3rem !important;
            }
            
            .rightSideButtons button,
            .rightSideButtons button:hover,
            .rightSideButtons button:active,
            .rightSideButtons button:visited,
            .rightSideButtons button:focus {
                font-size: 12px;
            }
            
            .rightSideButtons #downloadStudentProfileExcel {
                background-color: transparent !important;
                border: 2px solid #000;
                color: #000!important;
            }
            
            .studentCountOuter {
                text-align: right;
                font-weight: 600;
                font-size: 1rem;
            }
            
            .studentCountOuter span {
                color: #F8577F;
            }
            
            .stulabel {
                color: #080808 !important;
                font-weight: normal;
            }
            /*.uploadSection{
    color:#999;
    padding:1rem 0.5rem;
    border:1px solid #bfe2f3;
    border-radius:3px;
    margin-bottom: 1rem;
    margin-right: 1rem;
    height:8rem;
    width:17.97rem;
    position: relative;
}
*/
            
            .btnUpload,
            .btnUpload:hover,
            .btnUpload:active,
            .btnUpload:focus,
            .btnUpload:visited {
                background-color: #fff;
                color: #4385f5;
                border: 1px solid #4385f5;
                padding: 0.3rem 2rem;
            }
            
            .folderStructureLink.addLink {
                color: dodgerblue;
                border: 1px solid dodgerblue;
            }
            
            .folderStructureLink:hover,
            .folderStructureLink:active,
            .folderStructureLink:visited,
            .folderStructureLink:focus {
                text-decoration: none;
                /*box-shadow: 0px 1px 15px #dedede;*/
            }
            
            .transparetButton,
            .transparetButton:hover,
            .transparetButton:active,
            .transparetButton:visited,
            .transparetButton:focus {
                background-color: transparent;
                border: none;
                outline: none;
                padding: 0 !important;
                height: 1rem;
                width: 1rem;
                background-repeat: no-repeat !important;
                background-position-x: center !important;
                background-position-y: center !important;
                background-size: 12px !important;
            }
            
            .settingsButton {
                background-image: url(../imgs/settings2.png) !important;
            }
            
            .deleteButton {
                background-image: url(../imgs/garbage.png) !important;
            }
            
            .editButton {
                background-image: url(../imgs/edit_input.png) !important;
            }
            
            .deleteTopic {
                border: 1px solid #777;
                padding: 0.3rem;
                padding-left: 1.5rem;
                margin-left: 0.5rem;
                background-color: transparent;
                background-image: url(../imgs/garbage.png) !important;
                background-repeat: no-repeat !important;
                background-position-x: 7% !important;
                background-position-y: 50% !important;
                background-size: 11px !important;
            }
            
            .folderTopMenu {
                position: absolute;
                top: 0.3rem;
                right: 0.3rem;
                display: flex;
            }
            
            .folderStructureLink .folderStructure,
            .uploadSection .folderStructure {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                color: #000;
            }
            /*.folderStructureLink.fileStructure .folderStructure{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width:100%;
    height:100%;
}*/
            
            .folderStructure p {
                font-size: 1rem;
            }
            
            .folderStructure p:hover {
                cursor: text;
                padding-left: 1.5rem !important;
                padding-right: 1.5rem !important;
                background-image: url(../imgs/edit_input.png) !important;
                background-repeat: no-repeat !important;
                background-position-x: 97% !important;
                background-position-y: center !important;
                background-size: 12px !important;
            }
            
            .folderStructureLink.fileStructure p:hover {
                cursor: pointer;
                padding-left: 0 !important;
                padding-right: 0 !important;
                background-image: none !important;
            }
            
            .w-23 {
                width: 23% !important;
            }
            
            #createNewFolder .modal-header {
                border-bottom: none;
            }
            
            #createNewFolder .modal-footer,
            .border-top-end {
                border-top: none;
                padding-top: 0;
            }
            
            .editTopicBtn,
            .editTopicBtn:hover,
            .editTopicBtn:active,
            .editTopicBtn:visited,
            .editTopicBtn:focus {
                background-color: #4385f5;
                color: #fff;
                border: 1px solid #4385f5;
            }
            
            .createButton,
            .createButton:hover,
            .createButton:active,
            .createButton:visited,
            .createButton:focus {
                background-color: #4385f5;
                color: #fff;
                border: 1px solid #4385f5;
            }
            
            .folderPath {
                font-size: 1.2rem;
                font-weight: 600;
                color: #333;
            }
            
            .folderPath i {
                font-size: 1.2rem;
                font-weight: 600;
                color: #333;
            }
            
            .w-70 {
                width: 70% !important;
            }
            
            .w-30 {
                width: 30% !important;
            }
            
            .mr-p5rem {
                margin-right: 0.5rem !important;
            }
            
            .mr-p3rem {
                margin-right: 0.3rem !important;
            }
            
            .editFolderName {
                position: absolute;
                top: 0.5rem;
                right: 0.5rem;
                background-color: transparent;
                border: none;
                outline: none;
            }
            
            .assosiatedContainer label {
                font-size: 1.1rem;
            }
            
            .filesTopic {
                background: #efefef;
                display: flex;
                justify-content: space-between;
                padding: 0.5rem;
            }
            
            .filesTopic h4 {
                margin-bottom: 0;
                text-transform: capitalize;
                color: #000;
            }
            
            .btnAddTopic,
            .btnAddTopic:hover,
            .btnAddTopic:active,
            .btnAddTopic:focus,
            .btnAddTopic:visited {
                background-color: #004C99;
                color: #fff;
                border: 1px solid #004C99;
                padding: 0.4rem 3rem;
            }
            /*.btnAddTopic{
    background-color: #fff;
    color:#4385f5;
    border:1px solid #4385f5;
    font-size: 0.85rem!important;
    padding: 0.35rem 0.7rem;
}*/
            
            .iconSet2 {
                display: none;
            }
            
            .iconSet1 {
                display: none;
            }
            
            .teamTransfer {
                display: inline-block;
                padding: 0.5rem;
                border: 1px solid #ccc;
                border-radius: 7px;
            }
            
            .row.classroom-list {
                margin: 0;
                padding: 10px 0 !important;
                width: 100%;
            }
            
            .classroom-list {
                min-height: 32rem;
            }
            
            .py-p3rem {
                padding-top: 0.3rem !important;
                padding-bottom: 0.3rem !important;
            }
            
            .remove-btn-team {
                margin-left: auto;
                font-size: 0.8rem;
                float: right;
                background: #E91E63;
                color: #fff;
                padding-top: 0px;
                padding-bottom: 2px;
                padding-right: 3px;
                padding-left: 6px;
            }
            
            .manageFolderEditName,
            .manageFolderEditName:hover,
            .manageFolderEditName:visited,
            .manageFolderEditName:focus,
            .manageFolderEditName:active {
                text-decoration: none;
                font-size: 0.9rem;
            }
            
            .custom-scroll-bar::-webkit-scrollbar {
                width: 10px;
            }
            
            .custom-scroll-bar::-webkit-scrollbar-thumb {
                background: #3E69E6;
                border-radius: 20px;
            }
            
            .custom-scroll-bar::-webkit-scrollbar-track {
                background: #ddd;
                border-radius: 20px;
            }
            
            .private {
                color: #3E69E6;
            }
            
            .public {
                margin-right: 0.5rem;
            }
            
            .pb-0 {
                padding-bottom: 0 !important;
            }
            
            .imageuploadify .imageuploadify-images-list span.imageuploadify-message {
                font-size: 1rem !important;
                border: none !important;
                color: #999 !important;
            }
            
            .imageuploadify .imageuploadify-images-list button.btn-default,
            .imageuploadify .imageuploadify-images-list button.btn-default:hover,
            .imageuploadify .imageuploadify-images-list button.btn-default:active,
            .imageuploadify .imageuploadify-images-list button.btn-default:visited,
            .imageuploadify .imageuploadify-images-list button.btn-default:focus {
                background-color: #fff !important;
                color: #4385f5 !important;
                border: 1px solid #4385f5 !important;
                padding: 0.3rem 2rem;
                width: auto !important;
                max-width: none !important;
                margin: 0 auto !important;
                border-radius: 4px !important;
            }
            
            .imageuploadify {
                margin: 0 !important;
                max-width: none !important;
                min-height: 130px !important;
            }
            
            .loader {
                border: 6px solid #f3f3f3;
                border-radius: 50%;
                border-top: 6px solid #3498db;
                width: 30px;
                height: 30px;
                -webkit-animation: spin 2s linear infinite;
                /* Safari */
                animation: spin 2s linear infinite;
            }
            /* Safari */
            
            @-webkit-keyframes spin {
                0% {
                    -webkit-transform: rotate(0deg);
                }
                100% {
                    -webkit-transform: rotate(360deg);
                }
            }
            
            @keyframes spin {
                0% {
                    transform: rotate(0deg);
                }
                100% {
                    transform: rotate(360deg);
                }
            }
            /* custom radio button - dot style*/
            
            .control-group {
                display: inline-block;
                vertical-align: top;
                background: #fff;
                text-align: left;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
                padding: 30px;
                width: 200px;
                height: 210px;
                margin: 10px;
            }
            
            .control {
                display: block;
                position: relative;
                padding-left: 21px;
                margin-bottom: 15px;
                cursor: pointer;
                font-size: 1rem;
            }
            
            .control input {
                position: absolute;
                z-index: -1;
                opacity: 0;
            }
            
            .control__indicator {
                position: absolute;
                top: 2px;
                left: 0;
                height: 18px;
                width: 18px;
                background: #e6e6e6;
            }
            
            .control--radio .control__indicator {
                border-radius: 50%;
            }
            
            .control:hover input~.control__indicator,
            .control input:focus~.control__indicator {
                background: #ccc;
            }
            
            .control input:checked~.control__indicator {
                background: #2aa1c0;
            }
            
            .control:hover input:not([disabled]):checked~.control__indicator,
            .control input:checked:focus~.control__indicator {
                background: #0e647d;
            }
            
            .control input:disabled~.control__indicator {
                background: #e6e6e6;
                opacity: 0.6;
                pointer-events: none;
            }
            
            .control__indicator:after {
                content: '';
                position: absolute;
                display: none;
            }
            
            .control input:checked~.control__indicator:after {
                display: block;
            }
            
            .control--checkbox .control__indicator:after {
                left: 8px;
                top: 4px;
                width: 3px;
                height: 8px;
                border: solid #fff;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg);
            }
            
            .control--checkbox input:disabled~.control__indicator:after {
                border-color: #7b7b7b;
            }
            
            .control--radio .control__indicator:after {
                left: 5px;
                top: 5px;
                height: 8px;
                width: 8px;
                border-radius: 50%;
                background: #fff;
            }
            
            .control--radio input:disabled~.control__indicator:after {
                background: #7b7b7b;
            }
            
            .mx-p5rem {
                margin-left: 0.5rem !important;
                margin-right: 0.5rem !important;
            }
            
            .toggle-switch {
                position: relative;
                display: inline-block;
                width: 40px;
                height: 24px;
            }
            
            .toggle-switch input {
                display: none;
            }
            
            .slider {
                position: absolute;
                cursor: pointer;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: #ccc;
                -webkit-transition: .4s;
                transition: .4s;
            }
            
            .slider:before {
                position: absolute;
                content: "";
                height: 16px;
                width: 16px;
                left: 4px;
                bottom: 4px;
                background-color: white;
                -webkit-transition: .4s;
                transition: .4s;
            }
            
            input:checked+.slider {
                background-color: #2196F3;
            }
            
            input:focus+.slider {
                box-shadow: 0 0 1px #2196F3;
            }
            
            input:checked+.slider:before {
                -webkit-transform: translateX(16px);
                -ms-transform: translateX(16px);
                transform: translateX(16px);
            }
            /* Rounded sliders */
            
            .slider.round {
                border-radius: 34px;
            }
            
            .slider.round:before {
                border-radius: 50%;
            }
            /*-------------------- Added icons mail.delete,copy ------------*/
            
            .btnmailicon {
                background-image: url('../imgs/icon_buttons/closed-envelope-circle-2.png');
                background-repeat: no-repeat;
                background-size: 30px;
                border-radius: 50%;
                /* border: 1px solid #0368d4; */
                border: none;
                width: 30px;
                height: 30px;
                outline: none;
                margin-right: 20px;
                display: inline-block;
            }
            
            .btnmailicon:hover {
                background-image: url('../imgs/icon_buttons/closed-envelope-circle-1.png');
            }
            
            .btndeleteicon {
                background-image: url('../imgs/icon_buttons/delete-circle-2.png');
                background-repeat: no-repeat;
                background-size: 30px;
                border-radius: 50%;
                /* border: 1px solid #e13e3d; */
                border: none;
                width: 30px;
                height: 30px;
                outline: none;
                display: inline-block;
            }
            
            .btndeleteicon:hover {
                background-image: url('../imgs/icon_buttons/delete-circle-1.png');
            }
            
            .btncopyicon {
                background-image: url('../imgs/icon_buttons/copy-circle-1.png');
                background-repeat: no-repeat;
                background-size: 30px;
                border-radius: 50%;
                /* border: 1px solid #419c61; */
                border: none;
                width: 30px;
                height: 30px;
                outline: none;
                margin-right: 20px;
                display: inline-block;
            }
            
            .btncopyicon:hover {
                background-image: url('../imgs/icon_buttons/copy-circle-2.png');
            }
            
            .aa {
                background-color: green;
            }
            
            .bb {
                background-color: red;
            }
            
            .cc {
                background-color: blue;
            }
            /*----------------------- End of  icons --------------------*/
            
            .py-1rem {
                padding-top: 1rem !important;
                padding-bottom: 1rem !important;
            }
            
            .disabled {
                pointer-events: none;
                opacity: 0.6;
                cursor: not-allowed;
            }
            
            .d-inline-block {
                display: inline-block !important;
            }
            
            .pl-p7rem {
                padding-left: 0.7rem !important;
            }
            
            .stulabel {
                color: #080808 !important;
                font-weight: normal;
            }
            
            .purchaseStatus {
                font-style: italic;
                font-weight: 400;
                text-transform: none;
            }
            
            .purchaseStatus.paid {
                color: #3ca735 !important;
            }
            
            .purchaseStatus.expired {
                color: #e91e63 !important;
            }
            
            .purchaseStatus.pending {
                color: #d9534f !important;
            }
            
            .purchaseStatus.colected {
                color: #337ab7 !important;
            }
            
            .purchaseStatus.vp {
                color: #337ab7 !important;
            }
            
            .purchaseStatus.cancel {
                color: #f0ad4e !important;
            }
            
            .w-35 {
                width: 35% !important;
            }
            
            .greyHeading {
                background: #efefef;
                margin-bottom: 0;
                text-transform: uppercase;
                color: #000;
                padding: 0.5rem;
            }
            
            .completed-heading {
                color: #3e69e6;
            }
            
            .upcoming-heading {
                color: #e91e63;
            }
            /* .planList .collapse{
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
} */
            
            #purchasePlan[disabled] {
                cursor: not-allowed;
            }
            /* .editPlanInvoice{
color:#fff!important;
font-size:0.8rem!important;
} */
            
            .dropdown-item:hover {
                /* background-color: #019cdc !important; */
                background-color: #000!important;
            }
            
            .dropdown-item:hover a {
                color: white;
            }
            
            .td-pad-10 {
                padding: 10px 18px;
            }
            
            .btn-paginacao {
                width: 100%;
                height: auto;
                float: left;
                display: flex;
                align-items: center;
                justify-content: center;
                bottom: 0;
                background-color: #FFF;
            }
            
            .btn-paginacao ul {
                width: auto;
                height: auto;
                list-style: none;
            }
            
            .btn-paginacao ul li {
                width: 30px;
                height: 30px;
                float: left;
                margin: 0 5px 0 0;
                border: 1px solid;
                border-radius: 3px;
                border-color: #dacbcb;
            }
            
            .btn-paginacao ul li:last-child {
                margin: 0;
            }
            
            .btn-paginacao ul li a {
                width: 100%;
                height: 30px;
                float: left;
                text-align: center;
                line-height: 30px;
                font-family: 'Roboto', sans-serif;
                font-weight: 400;
                font-size: 1em;
                color: #2E2929;
                cursor: pointer;
                border-radius: 3px;
                transition: background-color .25s ease-in-out;
            }
            
            .btn-paginacao .current {
                background-color: #FF1493;
                color: #FFF;
            }
            
            .dropdownClassesListAcademy button {
                /* background-color: #0373f9 !important;
                border-color: #0069d9; */
                background-color:#000!important ;
                border-color: #000!important;
            }
            
            .abbr-custom {
                text-decoration: none !important;
                border-bottom: none !important;
                cursor: inherit !important;
            }
            
            .teamSettingsButton {
                background-image: url(../imgs/settings2.png) !important;
            }
            
            .groupHeading {
                margin: 0 10px;
                background: #efefef;
                display: flex;
                justify-content: space-between;
                padding: 0.5rem;
            }
            
            .leagueHeader {
                position: relative;
                margin-right: 17px;
                margin-top: 30px;
                margin-left: 17px;
            }
            
            .leagueDropdown {
                position: absolute;
                top: 0%;
                right: 4%;
            }
            
            .matchcardDelete {
                background-image: url(../imgs/settings2.png) !important;
            }
            
            .positionContainer.stadium {
                background-image: url(../imgs/limegreen.svg);
                background-size: 4.3rem;
                background-position-y: bottom;
                background-position-x: center;
                background-repeat: no-repeat;
            }
            
            .circleValue {
                text-align: center;
                line-height: 3rem;
                color: #000;
                font-size: 3rem;
            }
            
            .positionContainer.stadium h1 {
                color: #003953 !important;
                /* -webkit-text-stroke: 0.5px #fff; */
                font-style: italic;
                font-family: opensans;
                font-size: 2.5rem;
                padding-left: 0.15rem !important;
            }
            
            .text-stroke {
                -webkit-text-stroke: 2px #003953 !important;
            }
            
            #studentProfileMainContainer table tbody tr:hover,
            #studentProfileMainContainer table tbody tr:focus,
            #studentProfileMainContainer table tbody tr:active {
                background-color: #00a6e51f !important;
                cursor: pointer;
                ;
            }
            
            #studentProfileMainContainer table tbody tr:hover .copyText,
            #studentProfileMainContainer table tbody tr:focus .copyText,
            #studentProfileMainContainer table tbody tr:active .copyText {
                background-color: transparent !important;
                border-color: transparent !important;
                cursor: pointer;
                ;
            }
            
            .custom-nav-pill .active {
                background-color: #004c99 !important;
            }
            
            .custom-nav-pill .active a {
                color: #fff !important;
            }
            
            .coachNameHeading {
                margin-left: 0.5rem;
                color: #004c99;
                font-weight: 600;
            }
            
            .coachName {
                margin-left: 4rem;
                font-weight: 600;
            }
            
            .jerseyPositionContainer {
                background-image: url(../imgs/football-jersey.png);
                height: 70px;
            }
            
            .jerseyPositionContainer,
            .timePositionContainer,
            .goalsPositionContainer {
                background-position-x: center;
                background-position-y: center;
                background-size: 5rem;
                background-repeat: no-repeat;
            }
            
            .jerseyPositionContainer h1 {
                color: #ffbc59 !important;
                font-size: 2.9rem;
                font-weight: 100;
                padding-right: 0.5rem;
                padding-top: 1rem !important;
                font-family: barca !important;
            }
            
            .timePositionContainer {
                height: 70px;
                background-image: url(../imgs/dashboard/stop-watch.png);
            }
            
            .goalsPositionContainer {
                height: 70px;
                background-image: url(../imgs/soccer-ball.png);
            }
            
            .custom-schProfile img {
                width: 100px !important;
                height: auto !important;
                object-fit: cover;
            }
            
            .incomePopup {
                left: 5% !important;
            }
            /*badges*/
            
            .badges_card {
                width: 18% !important;
                height: 95px;
                margin-right: 3.5% !important;
                margin-left: 3.5% !important;
                border: 1px solid rgb(201, 201, 201);
                border-radius: 3px;
                margin-top: 20px;
            }
            
            .badges_card_content {
                text-align: center;
                margin-top: 10px;
            }
            
            .badges_text {
                margin-top: 5px;
            }
            
            .badges_first_card {
                margin-top: 20px;
                width: 18% !important;
                height: 95px;
                margin-right: 3.5% !important;
                margin-left: 3.5% !important;
                border: 1px solid rgb(201, 201, 201);
                border-radius: 3px;
            }
            
            .badges_first_card .badges_card_content {
                margin-top: 18px !important;
            }
            
            .badges_box {
                display: flex;
                flex-wrap: wrap;
                width: 100% !important;
            }
            
            .badges_sub_folder {
                width: 100%;
                padding: 20px 25px;
            }
            
            .badge_sub_header {
                height: 35px;
            }
            
            .badge_heading {
                font-size: 16px;
                font-weight: bold;
                margin: 0px 8px;
            }
            
            .add_badge_btn:focus,
            .add_badge_btn:active {
                outline: none;
            }
            
            .add_badge_btn {
                float: right;
                border: 1px solid #4183c4;
                background: #4183c4;
                color: #fff;
                border-radius: 3px;
                padding: 5px 39px;
            }
            
            .badges_modal_btn:active,
            .badges_modal_btn:focus,
            .badges_modal_btn_cancel:active,
            .badges_modal_btn_cancel:focus {
                outline: none;
            }
            
            .badges_modal_btn {
                width: 80px;
                padding: 3px 8px;
                border-radius: 3px;
                border: 1px solid #4183c4;
                background: #4183c4;
                color: #fff;
            }
            
            .badges_modal_btn_cancel {
                background: #fff;
                width: 80px;
                padding: 3px 8px;
                border-radius: 3px;
                border: 1px solid #4183c4;
                color: #4183c4;
            }
            
            .add_badges_folder_modal .modal-dialog {
                width: 630px;
            }
            
            .add_badges_modal .modal-dialog {
                width: 450px;
            }
            
            .add_badges_folder_modal input {
                width: 100%;
                border: 1px solid rgb(204, 204, 204);
                border-radius: 3px;
                padding: 4px;
                margin-bottom: 13px;
            }
            
            .add_badges_modal .text_desc {
                width: 100%;
                border: 1px solid rgb(204, 204, 204);
                border-radius: 3px;
                padding: 4px;
            }
            
            .add_badges_modal input {
                width: 100%;
                border: 1px solid rgb(204, 204, 204);
                border-radius: 3px;
                padding: 4px;
            }
            
            .add_badges_modal textarea {
                width: 100%;
                border: 1px solid rgb(204, 204, 204);
                border-radius: 3px;
                padding: 4px;
            }
            
            .modal-content {
                border-radius: 5px !important;
            }
            
            .add_badges_modal .modal-footer,
            .add_badges_folder_modal .modal-footer {
                padding: 5px !important;
            }
            
            .add_badges_modal .modal-header,
            .add_badges_folder_modal .modal-header {
                padding: 5px !important;
            }
            
            .badge_selection {
                border-radius: 1px;
                border: 1px solid rgb(194, 194, 194);
                margin-top: 3px;
            }
            
            .badge_selection .ui-selected {
                box-shadow: inset 0px 0px 0px 2px rgba(65, 131, 196, 1);
            }
            
            .badges {
                padding: 5px;
                border: 1px solid rgb(209, 209, 209);
                border-radius: 2px;
                margin: 8px 8px;
                float: left;
                width: 9rem;
                text-align: center;
            }
            
            .badge_in_modal {
                width: 54px;
            }
            
            .clear_fix::after {
                content: "";
                display: block;
                clear: both;
            }
            
            .trash_icon {
                width: 12px;
                margin-right: 3px;
            }
            
            .badge_in_folder {
                width: 54px;
            }
            
            .badge_item {
                width: 100%;
                color: #4183c4;
                font-size: 16px;
                font-weight: bold;
                margin: 4px 5px;
            }
            
            .badge_item ul li {
                margin-bottom: 8px;
                padding-bottom: 8px;
                border-bottom: 1px solid rgb(233, 233, 233);
            }
            
            .emoji {
                font-size: 20px;
            }
            
            .badge_in_sub_folder {
                width: 60px;
            }
            
            .emoji_selection {
                border-radius: 1px;
                border: 1px solid rgb(194, 194, 194);
                margin-top: 3px;
                height: 218px;
                overflow-y: scroll;
            }
            
            .emoji_selection .ui-selected {
                border: 2px solid #1f6ab4;
            }
            
            .single_emoji {
                border: 2px solid #ffffff;
                float: left;
                margin: 3px;
                font-size: 23px;
                border-radius: 2px;
            }
            
            .listing_desc {
                color: grey;
                font-size: 16px;
                font-weight: normal !important;
            }
            
            .Portfolio_dashboard {
                height: auto;
                background-color: #EFEFEF;
            }
            
            .Portfolio {
                width: 99% !important;
                border-radius: 3px;
                background: #fff;
            }
            
            .pf_tab_row {
                border-radius: 4px;
                margin-left: -8px !important;
            }
            
            .pf_tab_col {
                margin-left: 10px;
                padding: 5px;
                float: left;
                color: grey;
                font-size: 13px;
                font-weight: 600;
                padding: 10px;
                letter-spacing: 1px;
            }
            
            .pf_tab_col_right {
                margin-right: 15px;
                padding: 5px;
                float: right;
                color: grey;
                font-size: 13px;
                font-weight: 600;
                padding: 10px;
                letter-spacing: 1px;
            }
            
            .pf_tab_col_right_btn {
                margin-right: 15px;
                padding: 5px;
                float: right;
                padding: 10px;
            }
            
            .pf_active span {
                color: #000;
                border-bottom: 3px solid rgb(48, 209, 33);
            }
            
            .pf_tab_col:hover span {
                color: #000;
                border-bottom: 3px solid rgb(48, 209, 33);
            }
            
            .pf_tab {
                padding: 20px;
            }
            
            .story_creator {
                position: relative;
                height: 75vh;
                padding: 10px 82px;
                overflow-y: scroll;
            }
            
            .cover_over_buttons_1 {
                margin-top: -30px;
                margin-right: 5px;
                float: right;
            }
            
            .cover_over_buttons_1 .dropdown {
                float: left;
                margin-right: 10px;
            }
            
            .cover_over_buttons_2 {
                margin-top: -30px;
                margin-right: 5px;
                float: right;
            }
            
            .background_dropdown {
                padding: 15px 20px;
                width: 300px;
            }
            
            .c_text_div {
                margin-bottom: 5px;
            }
            
            .embed_btn {
                border-top-right-radius: 3px !important;
                border-bottom-right-radius: 3px !important;
                border-top-left-radius: 0px !important;
                border-bottom-left-radius: 0px !important;
            }
            
            .bg_color_btn {
                border-radius: 2px;
                height: 20px;
                width: 35px;
                float: left;
                margin-right: 8px;
                margin-bottom: 6px;
            }
            
            .bg_color_div {
                margin-top: 8px;
                margin-bottom: 5px;
            }
            
            .bg_color_1 {
                background-color: #F32201;
            }
            
            .bg_color_2 {
                background-color: #019DE8;
            }
            
            .bg_color_3 {
                background-color: #54C144;
            }
            
            .bg_color_4 {
                background-color: #fff347;
            }
            
            .bg_color_5 {
                background-color: #FF9A00;
            }
            
            .bg_color_6 {
                background-color: #AE74D1;
            }
            
            .bg_color_7 {
                background: linear-gradient(to right, #4DA0B0, #D39D38);
            }
            
            .bg_color_8 {
                background: linear-gradient(to right, #33ccff, #ff99cc);
            }
            
            .bg_color_9 {
                background: linear-gradient(to right, #fd746c, #ff9068);
            }
            
            .bg_color_10 {
                background: linear-gradient(to right, #B24592, #F15F79);
            }
            
            .bg_color_11 {
                background: linear-gradient(to right, #C02425, #F0CB35);
            }
            
            .bg_color_12 {
                background: linear-gradient(to right, #c2e59c, #64b3f4);
            }
            
            .upload_btn {
                padding: 5px 15px;
                border: 1px solid rgb(201, 201, 201);
                background: #2185d0;
                color: #fff;
                border-radius: 4px;
            }
            
            .upload_btn:active,
            .upload_btn:focus {
                outline: none;
            }
            
            .cover_over_btn:active,
            .cover_over_btn:focus {
                outline: none;
            }
            
            .cover_over_btn {
                margin-top: 3px;
                text-align: center;
                font-size: 12px;
                width: 90px;
                border: 1px solid rgb(224, 224, 224);
                border-radius: 4px;
                background: #fff;
                padding: 1px 4px;
            }
            
            .cover_over_btn:hover {
                background: rgb(241, 241, 241);
            }
            
            .story_creator::-webkit-scrollbar {
                width: 0px;
                background: transparent;
            }
            
            .story_creator::-webkit-scrollbar-thumb {
                background: #ffffff;
            }
            
            .cover_pic_div {
                border-radius: 3px;
                height: 220px;
                overflow: hidden;
                background: url('../portfolio/templates/temp_3.jpg');
                background-repeat: no-repeat;
                background-size: cover;
            }
            
            .cover_pic {
                width: 100%;
            }
            
            .pf_footer_menu_div {
                position: fixed;
                bottom: 0;
                color: white;
                width: 86%;
                background: rgb(255, 255, 255);
                padding: 6px;
                right: 0;
            }
            
            .date_menu {
                color: rgb(131, 131, 131);
                float: left;
                margin-left: 3%;
                padding: 4px;
            }
            
            .tag_menu {
                color: black;
                margin-right: 2%;
                float: right;
            }
            
            .tag_menu_btn:active,
            .tag_menu_btn:focus {
                outline: none;
            }
            
            .tag_menu_btn {
                font-size: 12px;
                width: 80px;
                margin-left: 5px;
                padding: 3px;
                background: #395b94;
                color: #fff;
                border-radius: 4px;
                border: 1px solid #395b94;
            }
            
            .tag_menu_btn:hover {
                background: rgb(45, 73, 121);
            }
            
            .top_btn:active,
            .top_btn:focus {
                outline: none;
            }
            
            .top_btn {
                color: rgb(42, 185, 29);
                width: 80px;
                margin-left: 5px;
                padding: 2px;
                background: none;
                border-radius: 4px;
                border: 1px solid rgb(42, 185, 29);
            }
            
            .top_btn:hover {
                background: rgb(42, 185, 29);
                color: #fff;
            }
            
            .create_btn:active,
            .create_btn:focus {
                outline: none;
            }
            
            .create_btn {
                color: rgb(42, 185, 29);
                background: none;
                border: none;
            }
            
            .create_btn:hover {
                color: rgb(38, 172, 26);
            }
            
            .c_heading_editable {
                margin-top: 18px;
                margin-bottom: 5px;
                margin-left: 25px;
                margin-right: 25px;
                color: rgb(55, 53, 47);
                padding: 8px 8px;
                font-size: 25px;
                font-weight: 700;
            }
            
            .c_heading_editable:active,
            .c_heading_editable:focus {
                outline: none;
            }
            
            .c_text_editable:active,
            .c_text_editable:focus {
                outline: none;
            }
            
            .c_text_editable {
                margin: 5px 47px;
                color: rgb(55, 53, 47);
                padding: 8px 8px;
                line-height: 25px;
            }
            
            .pf_option {
                float: left;
                padding-right: 10px;
                padding-top: 10px;
                padding-bottom: 10px;
            }
            
            .pf_option a {
                color: grey;
            }
            
            .pf_option a:active,
            .pf_option a:focus {
                text-decoration: none;
            }
            
            .po_btn {
                background: none;
                border: none;
                padding: 6px;
                text-align: left;
                width: 100px;
            }
            
            .po_btn:active,
            .po_btn:focus {
                outline: none;
            }
            
            .items_po {
                padding: 6px 10px;
                border-bottom: 1px solid rgb(185, 185, 185);
            }
            
            .popover-content {
                padding: 6;
            }
            
            labels>span>ul {
                margin: 0;
                padding: 0;
                list-style: none;
                display: block;
                float: none;
            }
            
            .labels>span>ul>li {
                display: inline-block;
                width: 20px;
                height: 20px;
                border: 1px solid #ccc;
                overflow: hidden;
                text-indent: -2000px;
            }
            
            .color_btn {
                border: none;
                outline: none;
                width: 4px;
                height: 10px;
                margin-right: 5px;
            }
            
            .color_btn:focus,
            .color_btn:active {
                outline: none;
            }
            
            .color_pallete .black {
                background: #000;
            }
            
            .color_pallete .gey {
                background: rgb(170, 170, 170);
            }
            
            .color_pallete .blue {
                background: blue;
            }
            
            .color_pallete .lightblue {
                background: skyblue;
            }
            
            .color_pallete .red {
                background: red;
            }
            
            .color_pallete .lightred {
                background: rgb(236, 121, 121);
            }
            
            .color_pallete .yellow {
                background: yellow;
            }
            
            .color_pallete .lightyellow {
                background: rgb(248, 248, 142);
            }
            
            .color_pallete .green {
                background: green;
            }
            
            .color_pallete .lightgreen {
                background: lightgreen;
            }
            
            .color_pallete .violet {
                background: rgb(207, 81, 207);
            }
            
            .color_pallete .pink {
                background: rgb(255, 169, 184);
            }
            
            .modal {
                text-align: center;
                padding: 0 !important;
            }
            
            .modal:before {
                content: "";
                display: inline-block;
                height: 100%;
                vertical-align: middle;
                margin-right: -4px;
                /* Adjusts for spacing */
            }
            
            .modal-dialog {
                display: inline-block;
                text-align: left;
                vertical-align: middle;
            }
            
            .modal-title {
                font-weight: bold;
                font-size: 15px;
            }
            
            .modal_btn:active,
            .modal_btn:focus {
                outline: none;
            }
            
            .modal_btn {
                width: 100px;
                background: none;
                padding: 3px;
                border-radius: 3px;
            }
            
            .modal_btn_cancel {
                color: #395b94;
                border: 1px solid #395b94;
            }
            
            .modal_btn_save {
                background: #395b94;
                color: #fff;
                border-radius: 4px;
                border: 1px solid #395b94;
            }
            
            .modal_btn_cancel:hover {
                background: rgb(245, 245, 245);
            }
            
            .modal_btn_save:hover {
                background: rgb(45, 73, 121);
            }
            
            .tags_clear_btn:focus,
            .tags_clear_btn:active {
                outline: none;
            }
            
            .tags_clear_btn {
                margin-top: 5px;
                background: none;
                padding-bottom: 20px;
                width: 60px;
                height: 20px;
                color: grey;
                border: 1px solid rgb(185, 185, 185);
                border-radius: 3px;
            }
            
            #tag_selector_input+.tag-editor {
                border-radius: 3px;
                border: 1px solid rgb(202, 202, 202);
            }
            
            #tag_selector_input+.tag-editor .tag-editor-spacer {
                width: 7px;
            }
            
            #tag_selector_input+.tag-editor .tag-editor-tag {
                color: #fff;
                background: #4cac6d;
                border-radius: 4px 0 0 4px;
            }
            
            #tag_selector_input+.tag-editor .tag-editor-delete {
                color: #fff;
                background: #4cac6d;
                border-radius: 0 4px 4px 0;
            }
            
            #student_selector_input+.tag-editor {
                border-radius: 3px;
                border: 1px solid rgb(202, 202, 202);
            }
            
            #student_selector_input+.tag-editor .tag-editor-spacer {
                width: 7px;
            }
            
            #student_selector_input+.tag-editor .tag-editor-tag {
                color: #fff;
                background: lightcoral;
                border-radius: 4px 0 0 4px;
            }
            
            #student_selector_input+.tag-editor .tag-editor-delete {
                color: #fff;
                background: lightcoral;
                border-radius: 0 4px 4px 0;
            }
            
            .tag-editor .tag-editor-delete i::before {
                color: rgb(255, 255, 255) !important;
            }
            
            .student_select_btn:focus,
            .student_select_btn:active {
                outline: none !important;
                box-shadow: none !important;
            }
            
            .student_select_btn {
                border: 1px solid rgb(214, 214, 214);
                background: rgb(228, 228, 228);
                width: 130px;
                padding: 3px 5px;
                margin-right: 5px;
                float: left;
            }
            
            .tag_select_btn:focus,
            .tag_select_btn:active {
                outline: none !important;
                box-shadow: none !important;
            }
            
            .tag_select_btn {
                border: 1px solid rgb(214, 214, 214);
                background: rgb(228, 228, 228);
                width: 130px;
                padding: 3px 5px;
                margin-right: 5px;
                float: left;
            }
            
            .tag_select_second_btn {
                border: 1px solid rgb(214, 214, 214);
                width: 100%;
                padding: 3px 5px;
                margin-right: 5px;
                margin-top: 3px;
            }
            
            .filter_select_btn_div {
                float: right;
            }
            
            .filter_select_btn:focus,
            .filter_select_btn:active {
                outline: none !important;
                border: none !important;
                box-shadow: none !important;
            }
            
            .filter_select_btn {
                border: none;
                background: rgb(255, 255, 255);
                width: 110px;
                padding: 3px 5px;
            }
            
            .filtermenu_ul {
                padding: 10px 20px;
                width: 300px !important;
            }
            
            .filter_list_btn:active,
            .filter_list_btn:focus {
                outline: none;
            }
            
            .filter_subheading {
                font-weight: bold;
                font-size: 13px;
                color: #000;
            }
            
            .filter_list_btn {
                width: 80px;
                padding: 3px 6px;
                float: right;
                background: #004c99;
                color: #fff;
                border-radius: 4px;
                border: 1px solid rgb(216, 216, 216);
            }
            
            .select_filter:active,
            .select_filter:focus {
                outline: none !important;
                box-shadow: none !important;
            }
            
            .select_filter {
                border-radius: 3px;
            }
            
            .tag_menu .checkbox {
                margin-top: 0px !important;
                margin-bottom: 0px !important;
            }
            
            .heading_span {
                font-weight: bold;
                margin-bottom: 6px;
            }
            
            .btn .caret {
                float: right !important;
                margin-top: 8px !important;
            }
            
            #stories_tab,
            #activities_tab,
            #students_tab,
            #settings_tab,
            #learningtags_tab {
                min-height: 80vh;
                border-top: 1px solid rgb(224, 224, 224);
            }
            
            .pf_card {
                width: 27% !important;
                margin-right: 2.5% !important;
                margin-left: 2.5% !important;
                box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15) !important;
            }
            
            .pf_card:hover {
                box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15) !important;
            }
            
            .pf_card_img {
                height: 130px;
                overflow: hidden;
            }
            
            .pf_card_img img {
                border-radius: 5px 5px 0 0;
                width: 100%;
            }
            
            .pf_card_date {
                font-size: 12px;
            }
            
            .pf_card_description {
                max-height: 58px;
                overflow: hidden;
            }
            
            .ui.card:first-child {
                margin-top: 1em !important;
            }
            
            .ui.card:last-child {
                margin-bottom: 1em !important;
            }
            
            .student_style {
                margin-right: 4px;
                margin-bottom: 4px;
                color: #fff;
                background: lightcoral;
                border-radius: 4px;
                padding: 1px 3px;
                float: left;
            }
            
            .tag_selection {
                border: 1px solid rgb(224, 224, 224);
                border-radius: 4px;
                padding: 6px;
                margin-top: 40px;
                min-height: 130px;
            }
            
            .student_selection {
                border: 1px solid rgb(224, 224, 224);
                border-radius: 4px;
                padding: 6px;
                margin-top: 40px;
                min-height: 130px;
            }
            
            .student_selection::after {
                content: "";
                display: block;
                clear: both;
            }
            
            .tag_style_selection {
                font-size: 13px;
                margin-right: 10px;
                margin-bottom: 6px;
                color: rgb(27, 27, 27);
                border: 1px solid #d1d1d1;
                border-radius: 4px;
                padding: 3px 6px;
                float: left;
            }
            
            .tag_selection::after {
                content: "";
                display: block;
                clear: both;
            }
            
            .clear_fix::after {
                content: "";
                display: block;
                clear: both;
            }
            
            .new_tag_right {
                float: right;
            }
            
            .new_tag_right a:active,
            .new_tag_right a:focus {
                text-decoration: none;
            }
            
            .tag_style_selection_active {
                color: #fff !important;
                background: #4cac6d !important;
                border: 1px solid #4cac6d !important;
            }
            
            .student_style_selection {
                color: #000;
                font-size: 13px;
                margin-right: 7px;
                margin-bottom: 10px;
                border: 1px solid #d1d1d1;
                border-radius: 6px;
                padding: 3px 4px;
                padding-right: 6px;
                float: left;
            }
            
            .student_style_selection_active {
                background: steelblue !important;
                color: #fff !important;
            }
            
            .student_pic {
                border-radius: 50%;
                margin-right: 6px;
                width: 30px;
                height: 30px;
            }
            
            .pf_view_story {
                padding-top: 0px;
                padding-bottom: 10px;
                width: 99% !important;
                border-radius: 3px;
                background: #fff;
            }
            
            .pf_view_story_single {
                padding-left: 30px;
                padding-right: 50px;
            }
            
            .pf_view_story_row {
                margin-top: 12px;
            }
            
            .posted_by_div {
                margin-bottom: 15px;
            }
            
            .admin_pic {
                width: 22px;
                height: 22px;
                border-radius: 50%;
            }
            
            .date_post {
                color: rgb(180, 180, 180);
                margin-left: 26px;
            }
            
            .pf_view_cover {
                border-radius: 3px;
                height: 220px;
                overflow: hidden;
                background: url('../portfolio/templates/temp_1.jpg');
                background-size: cover;
                background-repeat: no-repeat;
            }
            
            .pf_close_btn {
                float: right;
                position: absolute;
                right: 40px;
            }
            
            .pf_view_story {
                margin: 0 !important;
                padding: 4px 40px !important;
                height: 88vh;
                overflow: scroll;
            }
            
            .pf_view_story::-webkit-scrollbar {
                display: none;
            }
            
            .pf_view_footer {
                margin-top: 20px;
                padding-top: 20px;
                border-top: 1px solid rgb(204, 204, 204);
            }
            
            .pf_view_header {
                margin-top: 25px;
                margin-bottom: 5px;
                margin-left: 25px;
                margin-right: 25px;
                color: rgb(55, 53, 47);
                padding: 8px 8px;
                font-size: 25px;
                font-weight: 700;
            }
            
            .pf_view_text {
                margin: 5px 47px;
                color: rgb(55, 53, 47);
                padding: 8px 8px;
                line-height: 25px;
            }
            
            .LT_card {
                width: 18% !important;
                height: 85px;
                margin-right: 3.5% !important;
                margin-left: 3.5% !important;
            }
            
            .LT_body {
                text-align: center;
            }
            
            .LT_body_text {
                margin-top: 8px;
            }
            
            .LT_card_first {
                width: 18% !important;
                height: 85px;
                margin-right: 3.5% !important;
                margin-left: 3.5% !important;
            }
            
            .add_tags_folder_modal .modal-dialog {
                width: 350px;
            }
            
            .add_tags_modal .modal-dialog {
                width: 450px;
            }
            
            .add_tags_modal input {
                width: 100%;
                border: 1px solid rgb(204, 204, 204);
                border-radius: 3px;
                padding: 4px;
            }
            
            .add_tags_modal textarea {
                width: 100%;
                border: 1px solid rgb(204, 204, 204);
                border-radius: 3px;
                padding: 4px;
            }
            
            .add_tags_folder_modal input {
                width: 100%;
                border: 1px solid rgb(204, 204, 204);
                border-radius: 3px;
                padding: 4px;
            }
            
            .tags_heading {
                color: #4183c4 !important;
            }
            
            .tag_listing {
                margin-left: 40px !important;
                margin-right: 40px !important;
            }
            
            .heding_top {
                font-weight: bold;
                font-size: 17px;
                margin-left: 10px;
            }
            
            .tag_listing .item {
                padding: 10px !important;
            }
            
            .LT_folderheader a {
                font-size: 18px !important;
            }
            
            .add_tag_btn {
                float: right;
                border-radius: 4px;
                border: 1px solid rgb(199, 199, 199);
                padding: 5px 39px;
                background: #4183c4;
                color: #fff;
            }
            
            .add_tag_btn:focus,
            .add_tag_btn:active {
                outline: none;
            }
            
            .pf_file_temp_row {
                width: 88%;
                border: 1px solid rgb(207, 207, 207);
                padding: 15px;
                margin-left: auto;
                margin-right: auto;
                border-radius: 3px;
            }
            
            .input_class {
                margin-top: 15px;
                border: 1px solid rgb(182, 182, 182);
                padding: 2px;
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px;
            }
            
            .button_class:active,
            .button_class:focus {
                outline: none;
            }
            
            .button_class {
                margin-top: 15px;
                width: 80px;
                border: 1px solid #2185d0;
                color: #fff;
                background: #2185d0;
                padding: 2px 5px;
                border-radius: 3px;
            }
            
            .col_right_border {
                border-right: 1px solid rgb(207, 207, 207);
            }
            
            .ui.feed>.event>.label {
                margin-right: 8px !important;
            }
            
            .ui.feed>.event {
                margin: 1em 0em;
            }
            
            .activities_icon {
                font-size: 20px !important;
            }
            
            .settings_single {
                font-size: 15px;
                margin-bottom: 4px;
                border-bottom: 1px solid rgb(224, 224, 224);
                padding: 10px 4px;
            }
            
            .settings_col {
                width: 90%;
                margin-left: auto;
                margin-right: auto;
            }
            
            .settings_switch {
                float: right;
                margin-top: 1px !important;
                margin-bottom: 1px !important;
            }
            
            .div_float_right {
                float: right;
                margin-right: 20px;
            }
            
            .story_draft .modal-dialog {
                width: 550px;
            }
            
            .draft_list {
                height: 250px;
                overflow-y: scroll;
            }
            
            .width_100 {
                width: 100% !important;
                padding: 0px 10px !important;
            }
            
            .creator_img_div {
                padding: 15px;
                margin: 5px 47px;
            }
            
            .ui-resizable-handle {
                float: right;
                height: 8px;
                width: 10px;
                margin-top: -10px !important;
            }
            
            .ui-resizable-handle::before {
                content: url("../portfolio/templates/drag.png");
            }
            
            .audio_name {
                margin-top: 3px;
                margin-left: 10px;
            }
            
            .download_text {
                margin-left: 15px;
            }
            
            .send-invoiceBtn {
                position: absolute;
                right: 0%;
                margin-top: -2rem;
                background-color: #3BB9FF;
                color: #fff;
                padding: 0.3rem;
                font-size: 0.8rem;
                border-radius: 5px !important;
            }
            
            .send-invoiceBtn:hover,
            .send-invoiceBtn:active,
            .send-invoiceBtn:focus {
                background-color: #3BB9FF !important;
                color: #fff !important;
            }
            
            .kidbg .teacher-name .kidbg-custom-size {
                max-width: 20px !important;
                max-height: 20px !important;
                margin-top: 2px !important;
                max-width: 20px !important;
                margin-left: 3px !important;
                font-size: 15px !important;
                max-height: 20px !important;
            }
            
            .signed-dot {
                height: 15px;
                width: 15px;
                background-color: #993366;
                border-radius: 50%;
                display: inline-block;
            }
            
            .manage-table-img2 {
                width: 30px;
                height: 30px;
                margin-left: 4px;
                border-radius: 3px !important;
            }
            
            .notes-border {
                border-right: 1px solid #ccc;
                flex: 3;
            }
            
            .btn-late-activity {
                color: #fff;
                background-color: #CFA6EA;
                border-color: #CFA6EA;
            }
            
            .btn-absent-activity {
                color: #fff;
                background-color: #D0011B;
                border-color: #D0011B;
            }
            
            .btn-leave-activity {
                color: #fff;
                background-color: #94C5F1;
                border-color: #94C5F1;
            }
            
            .printBtn {
                background: none;
                border-color: #0069d9;
                color: #000;
            }
            
            .printBtn:hover {
                background: #0069d9;
                color: #fff;
            }
            
            .printBtn {
                position: absolute;
                right: 5%;
                top: 1.5%;
            }
            
            @media (max-width:768px) {
                .back-btn {
                    display: block!important;
                }
            }
            /*Custom Print Css*/
            @media print {
                * {
                    padding: 0;
                    margin: 0;
                }
                .recipt_print{
                    display:flex !Important
                    }
                .reportcard_header {
                    padding-top: 0px!important;
                }
                .ml-40px {
                    margin-left: 10px;
                }
                .reportcard_header div {
                    padding-top: 0em!important;
                }
                .mb-sm-10 {
                    margin-bottom: 10px!important;
                }
                .mt-sm-10 {
                    margin-top: 10px!important;
                }
                .pt-sm-1em {
                    padding-top: 1em!important;
                }
                .reportcard_info,
                .reportBtnsm {
                    width: 100%;
                }
                #printStudentProfile,
                .removeParent,
                .printHide,
                #adminStudentNotesView,
                #addParentOrGuardian,
                #addMedicationButton,
                .removeimmune,
                .hideInput,
                .back,
                .esc,
                .printBtn,
                .custom-notification,
                .flyoverfailure,
                .stuParentEmail,
                .occupation,
                #adminStudentLang,
                .stuParentEmail,
                .alert,
                #adminStudentEmailId,
                .printParentIncome,
                .siblingDiscountTxt,
                .adminStudentProfilePicDelete,
                .hideAddress input,
                .removePickUpContact,
                #addPickUpContact {
                    display: none !important;
                }
                .mb-p5rem {
                    margin-bottom: 0rem!important;
                }
                .col-md-12 {
                    width: 100%;
                }
                .col-md-10 {
                    width: 83.33333333%;
                }
                .col-md-6 {
                    width: 50%;
                }
                .col-md-4 {
                    width: 33.33333333%;
                }
                .col-md-8 {
                    width: 66.66666667%;
                }
                .col-md-12,
                .col-md-10,
                .col-md-6,
                .col-md-4,
                .col-md-8 {
                    position: relative;
                    min-height: 1px;
                    padding-right: 15px;
                    padding-left: 15px;
                }
                /*.adminStudentProfileContainer {
                    width: 200px !important;
                }*/
                .printadminStudentProfileContainer,
                .printParentIncomeSpan,
                .printAddress,
                .printAllergy,
                .printLang,
                .printOccupation,
                .printStudMail,
                .printParentMail {
                    display: block !important;
                }
                .printOccupation {
                    margin-left: 10px!important;
                }
                .studentAdminEditable input,
                .studentProfileName,
                #adminStudentName {
                    overflow: unset;
                    white-space: nowrap;
                    -o-text-overflow: unset!important;
                    text-overflow: unset!important;
                }
                .printInfoDiv {
                    width: 100%!important;
                    display: -webkit-box!important;
                    display: -ms-flexbox!important;
                    display: flex!important;
                    -webkit-box-align: center!important;
                    -ms-flex-align: center!important;
                    align-items: center!important;
                    -webkit-box-pack: between!important;
                    -ms-flex-pack: between!important;
                    justify-content: between!important;
                    -ms-flex-wrap: wrap!important;
                    flex-wrap: wrap!important;
                }
                .print-mb {
                    margin-top: -2rem;
                }
                .emgContactContainer {
                    border: 0px !important;
                }
                #student-admin h4 {
                    padding-left: 0rem !important;
                }
                @page {
                    margin: 0.5cm auto;
                    size: a4;
                    background: #fff !important;
                    padding: 0px!important;
                }
                .printFieldDiv {
                    display: -webkit-box!important;
                    display: -ms-flexbox!important;
                    display: flex!important;
                    align-items: center!important;
                    -webkit-box-align: center!important;
                    -ms-flex-align: center!important;
                }
                .notes-border {
                    border-right: 0px !important;
                }
                #studentMainProfileContainer input::-webkit-input-placeholder {
                    color: transparent;
                }
                #studentMainProfileContainer input::-moz-placeholder {
                    color: transparent;
                }
                #studentMainProfileContainer input:-ms-input-placeholder {
                    color: transparent;
                }
                #studentMainProfileContainer input::-ms-input-placeholder {
                    color: transparent;
                }
                #studentMainProfileContainer input::placeholder {
                    color: transparent;
                }
                /*#studentMainProfileContainer input[value=""] {
                    display: none;
                }*/
                #studentMainProfileContainer,
                #matchScheduleReportContainer {
                    margin-top: -7rem;
                    background: #fff !important;
                }
                .dailCode {
                    padding-top: 8px;
                }
                .teamAStudentcheckInBtn {
                    width: 100% !important;
                    background-color: #56bc8d !important;
                    border-color: #56bc8d !important;
                    color: #fff !important;
                }
                option[value=""] {
                    display: none;
                }
                .printFlex {
                    display: -webkit-box !important;
                    display: -ms-flexbox !important;
                    display: flex !important;
                    margin-left: 2rem !important;
                    margin-right: 2rem !important;
                }
                .label-success {
                    background-color: #5cb85c;
                }
                .updateMatchReportButton {
                    background-color: #e91e63 !important;
                    color: #fff !important;
                    border: 1px solid #e91e63 !important;
                    border-radius: 20px !important;
                    -webkit-border-radius: 20px !important;
                    -moz-border-radius: 20px !important;
                    -ms-border-radius: 20px !important;
                    -o-border-radius: 20px !important;
                }
                .team-LogoDefault-Left {
                    background: url(../imgs/dashboard/admin.png) no-repeat center bottom !important;
                    background-size: 80% !important;
                    color: white !important;
                    display: inline-block !important;
                    font-size: 33px !important;
                    height: 120px !important;
                    line-height: 58px !important;
                    padding: 5px !important;
                    text-align: center !important;
                    width: 120px !important;
                    background-position: 8px 5px !important;
                }
                .team-LogoDefault-Right {
                    background: url(../imgs/dashboard/parent.png) no-repeat center bottom !important;
                    background-size: 80% !important;
                    color: white !important;
                    display: inline-block !important;
                    font-size: 33px !important;
                    height: 120px !important;
                    line-height: 58px !important;
                    padding: 5px !important;
                    text-align: center !important;
                    width: 120px !important;
                    background-position: 8px 5px !important;
                }
                html,
                body,
                footer {
                    background: #fff !important;
                    padding: 0px!important;
                }
                .teacher-name span {
                    color: #fff !important;
                }
                #adminStudentDailCode,
                #emContactDialCode {
                    width: auto!important;
                }
                .printParentIncome {
                    width: 20%!important;
                }
                .salaryCurrency,
                #sibilingDiscount {
                    white-space: nowrap!important;
                }
                .printPt-8 {
                    padding-top: 8px!important;
                }
                .printMb-1 {
                    margin-bottom: 1rem!important;
                }
                .mb-12,
                .mb-p5rem {
                    margin-bottom: 0px!important;
                }
                .printmt-18{
                    margin-top: -18%!important;
                }
                .stuAttdDetails{
                    font-size: 1.3rem;
                    margin-right: 10px;
                }
                #studentAttendanceChart{
                    width: 180px!important;
                    height: 180px!important;
                }
                #totalAttendancePercentage{
                    font-size: 1.5rem!important;
                }
                @media not all and (min-resolution:.001dpcm)
                    { @supports (-webkit-appearance:none) and (stroke-color:transparent) {
                        .chart-desc{
                            padding-left:150px;
                        }
                        #studentAttendanceChart{
                            width: 200px;
                            height: 200px;
                        }
                        #totalAttendancePercentage{
                            left:75%!important; 
                        }
                    }}
            }
            /*******************************************ASSESSMENTS*******************************************/
            
            .jsgrid-cell select {
                border-radius: 5px !important;
                border: 1px solid #cfcfcf !important;
            }
            
            .jsgrid-cell select:focus {
                outline: none !important;
                box-shadow: none !important;
                border: 1px solid #808080 !important;
            }
            
            .jsgrid-edit-row select {
                padding-top: 0em !important;
                padding-bottom: 0em !important;
            }
            
            .jexcel>table {
                border-left: 1px solid transparent !important;
            }
            
            .jexcel>thead>tr>td {
                background-color: #fff !important;
                border-right: 1px solid transparent!important;
                padding: 10px!important;
                font-weight: 600!important;
            }
            
            .jexcel>tbody>tr>td.readonly {
                color: #242424 !important;
                padding: 8px;
            }
            
            .jexcel>tbody>tr>td:hover {
                background-color: #eee !important;
            }
            
            .jexcel>tbody>tr>td:first-child {
                /*LEFT HEADER*/
                background-color: #fff!important;
                font-weight: 700!important;
            }
            
            .jexcel>tbody>tr.selected>td:first-child {
                /*LEFT HEADER*/
                background-color: #eee!important;
            }
            
            .jexcel>thead>tr>td.selected {
                /*TOP HEADER*/
                background-color: #eee!important;
            }
            
            .jexcel .highlight-top.highlight-left {
                box-shadow: none;
                -webkit-box-shadow: none;
            }
            
            .widget_save:active,
            .widget_save:focus {
                box-shadow: none;
                outline: none;
            }
            
            .widget_save {
                color: #fff;
                background: #0079c1;
                width: 75px;
                padding: 2px;
                border: 1px solid #0079c1;
                border-radius: 4px;
                margin-right: 20px;
            }
            
            .publish_all:active,
            .publish_all:focus {
                box-shadow: none;
                outline: none;
            }
            
            .publish_all {
                color: #fff;
                background: #5DB862;
                padding: 6px 15px;
                border: 1px solid #5DB862;
                border-radius: 4px;
            }
            
            #reports_table {
                width: 100%;
                margin-left: auto;
                margin-right: auto;
            }
            
            #reports_table .options {
                text-align: center !important;
            }
            
            #reports_table tbody .names {
                padding: 10px 15px !important;
            }
            
            #reports_table thead {
                font-weight: bold !important;
            }
            
            #reports_table thead .header_checkbox {
                width: 1% !important;
            }
            
            #reports_table thead .header_1 {
                width: 40% !important;
                text-align: left;
            }
            
            #reports_table thead .header_2 {
                width: 12% !important;
                text-align: center;
            }
            
            #reports_table thead .header_3 {
                width: 25% !important;
                text-align: center;
            }
            
            #reports_table thead .header_4 {
                width: 22% !important;
                text-align: center;
            }
            
            #reports_table td {
                padding: 10px !important;
            }
            
            #reports_table td,
            #reports_table thead {
                border-bottom: 1px solid lightgrey;
            }
            
            .RT_published {
                font-size: 12px;
            }
            
            .RT_C {
                text-align: center;
            }
            
            .RT_name {
                color: #4183c2;
            }
            
            .RT_status_green {
                background-color: #5db862;
                color: #fff;
                padding: 1px 6px;
                border-radius: 3px;
                font-size: 11.5px;
            }
            
            .RT_status_red {
                background-color: #da545b;
                color: #fff;
                padding: 1px 6px;
                border-radius: 3px;
                font-size: 11.5px;
            }
            
            .RT_status_yello {
                background-color: #e7c05e;
                color: #fff;
                padding: 1px 6px;
                border-radius: 3px;
                font-size: 11.5px;
            }
            
            .large_checkbox {
                transform: scale(1.8);
                -webkit-transform: scale(1.8);
                -moz-transform: scale(1.8);
                -ms-transform: scale(1.8);
                -o-transform: scale(1.8);
            }
            
            .selected_count {
                margin-bottom: 10px;
                float: right;
            }
            
            .report_div {
                margin-top: 5px;
                margin-bottom: 5px;
                margin-left: 5px;
                margin-right: 25px;
            }
            
            .reportcard_header {
                text-align: center;
                margin-bottom: 20px;
                padding-top: 13px;
            }
            
            .reportcard_header img {
                width: 50px;
            }
            
            .tc-t {
                text-align: center !important;
            }
            
            .tl {
                text-align: left !important;
            }
            
            .tr {
                text-align: right !important;
            }
            
            #report_card {
                padding: 20px 50px;
            }
            
            .reportcard_table {
                width: 100%;
                margin-top: 20px;
                margin-bottom: 20px;
            }
            
            .reportcard_table,
            .reportcard_table td {
                border: 1px solid black;
            }
            
            .reportcard_table thead {
                font-weight: bold;
            }
            
            .reportcard_table thead td {
                padding: 2px 8px;
            }
            
            .reportcard_table tbody td {
                padding: 8px;
            }
            
            .report_info {
                padding: 0 4px;
            }
            
            .table_tr:hover {
                background-color: #f0fbff;
            }
            
            .table_tr_selected {
                background-color: #f0fbff;
            }
            
            .publish_status {
                color: #00a566 !important;
            }
            
            .option_1 {
                width: 70%;
                float: left;
            }
            
            .option_2 {
                width: 30%;
                float: right;
            }
            
            .search_icon {
                position: relative;
                border: 1px solid rgba(223, 223, 223, 0.78);
                background: url(../imgs/dashboard/search.png) no-repeat 10px center;
                background-size: 15px;
                padding-left: 35px !important;
            }
            
            .stu_bg {
                background: url(../imgs/dashboard/teacher-logo.png) no-repeat center bottom;
                background-size: 100%;
                display: inline-table;
                margin-top: 0.3rem;
                margin-bottom: 0.3rem;
                margin-left: 0px;
                margin-right: 0px;
            }
            
            .stu_bg span {
                color: white !important;
                display: flex !important;
                justify-content: center !important;
                align-items: center !important;
                font-size: 18px !important;
                height: 36px !important;
                line-height: 40px !important;
                padding: 5px !important;
                text-align: center !important;
                width: 36px !important;
            }
            
            #choose_file {
                padding: 5px 40px;
                color: #fff;
                background-color: #39D2B4;
                border: 1px solid #39D2B4;
                margin-bottom: 20px;
            }
            
            #choose_file:focus,
            #choose_file:active {
                outline: none;
            }
            
            .upload_div {
                border-radius: 5px;
                border: 1px solid #39D2B4;
                padding: 3%;
            }
            
            .setup_table {
                width: 100%;
                margin-top: 40px;
            }
            
            .setup_table .options {
                text-align: center !important;
            }
            
            .setup_table tbody .names {
                padding: 10px 15px !important;
            }
            
            .setup_table thead {
                font-weight: bold !important;
            }
            
            .setup_table .one {
                width: 50%;
            }
            
            .setup_table .two {
                width: 25%;
            }
            
            .setup_table .three {
                width: 25%;
            }
            
            .setup_table td {
                padding: 15px 10px !important;
            }
            
            .setup_table td,
            .setup_table thead {
                border-bottom: 1px solid lightgrey;
            }
            
            .SR_view {
                background-color: #da545b;
                color: #fff;
                border: 1px solid #da545b;
                border-radius: 4px;
                padding: 6px 15px;
            }
            
            .SR_view:active,
            .SR_view:focus {
                outline: none;
                box-shadow: none;
            }
            
            #xl_preview {
                padding: 10px;
                padding-top: 25px;
            }
            
            .assessment_modal_content {
                padding: 0rem;
            }
            /* Loader CSS Start */
            
            #cover-spin {
                position: fixed;
                width: 100%;
                left: 0;
                right: 0;
                top: 0;
                bottom: 0;
                background-color: rgba(255, 255, 255, 0.7);
                z-index: 9999;
                display: none;
            }
            
            @-webkit-keyframes spin {
                from {
                    -webkit-transform: rotate(0deg);
                }
                to {
                    -webkit-transform: rotate(360deg);
                }
            }
            
            @keyframes spin {
                from {
                    transform: rotate(0deg);
                }
                to {
                    transform: rotate(360deg);
                }
            }
            
            #cover-spin::after {
                content: '';
                display: block;
                position: absolute;
                left: 48%;
                top: 40%;
                width: 70px;
                height: 70px;
                border-style: solid;
                border-color: #107abf;
                border-top-color: transparent;
                border-width: 4px;
                border-radius: 50%;
                -webkit-animation: spin .8s linear infinite;
                animation: spin .8s linear infinite;
            }
            /* Loader CSS End */
            
            #studentAssesmentReportTable table thead tr th:nth-child(3),
            #studentAssesmentReportTable table thead tr th:nth-child(4),
            #studentAssesmentReportTable table thead tr th:nth-child(5) {
                text-align: center;
            }
            
            .viewReport {
                border-top-right-radius: 3px !important;
                border-bottom-right-radius: 3px !important;
            }
            
            #criteriaTableList table thead tr th:nth-child(2),
            #criteriaTableList table tbody tr td:nth-child(3),
            #criteriaTableList table thead tr th:nth-child(3),
            #criteriaTableList table tbody tr td:nth-child(2) {
                text-align: center
            }
            
            #criteriaTableList table thead th {
                padding: 10px 10px !important;
            }
            
            .report-header {
                white-space: nowrap;
            }
            
            .assessmentUpload {
                background: #60BB81;
                color: white;
                border-color: #60BB81;
                height: 33px;
            }
            
            .assessmentUpload:hover {
                background: #60BB81;
                border-color: #60BB81;
                color: white;
            }
            
            .mb-sm-10 {
                margin-bottom: 15px;
            }
            
            .mt-sm-10 {
                margin-top: 15px;
            }
            
            .pt-sm-1em {
                padding-top: 1em;
            }
            
            .ml-40px {
                margin-left: 40px;
            }
            
            .print-invoice-details {
                display: none;
            }
            
            .folder_name {
                text-align: center;
                white-space: nowrap;
                overflow: hidden;
                width: 100%;
                text-overflow: ellipsis;
                color: #000;
            }
            
            .btn-add-school {
                background-color: #3e69e6;
                color: #FFFFFF;
                border: 1px solid #3e69e6;
                box-sizing: border-box;
                padding: 10px 20px;
                align-items: center;
                display: flex;
                border-radius: 3px;
            }
            
            .btn-add-school:hover {
                background-color: #3e69e6;
                color: #FFFFFF;
                border: 1px solid #3e69e6;
                box-sizing: border-box;
            }
            
            .w-21 {
                width: 21%!important;
            }
            
            .w-19 {
                width: 19%;
            }
            
            .school-list-left,
            .school-list-right {
                width: 100%;
                border: 1px solid #ccc;
                overflow-y: scroll;
            }
            
            .school-list ul li {
                list-style-type: none;
            }

        
           .attendanceReportPrint{

                margin-left: 10px;
                padding:7px 32px!important;
            }

            .zEWidget-launcher{
                z-index: 3 !important;
            }

            .attendanceCancel {
                background: #e74c3c;
            }

            .attendanceCheckinCancel{
                background-color: #db2828!important;
                border: 1px solid #db2828!important;
            }

            .reportCancelLabel{
                margin-left: 35px;
                font-style: italic;
                font-size: 13px;
            }

/**custom radio**/

.custom_radio {
    margin: 0.5rem;
}

.custom_radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.custom_radio input[type="radio"]+.radio-label:before {
    content: "";
    background: #fff;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    position: relative;
    top: 0em;
    margin-right: 0.6em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.custom_radio input[type="radio"]:checked+.radio-label:before {
    background-color: #3197ee;
    -webkit-box-shadow: inset 0 0 0 4px #f4f4f4;
    box-shadow: inset 0 0 0 4px #f4f4f4;
}

.custom_radio input[type="radio"]:focus+.radio-label:before {
    outline: none;
    border-color: #3197ee;
}

.custom_radio input[type="radio"]+.radio-label:empty:before {
    margin-right: 0;
}

.custom_radio input[type="radio"]:checked+.radio-label:after {
    display: none !important;
}

.custom_radio input[type="radio"]+.radio-label:before,
.billing .info_row .radio-label {
    margin-left: 0px !important;
}            

.livestream_centre{
                width: 80%;
                margin-left: auto;
                margin-right: auto;
            }

.GS_top {
    background: #000638;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    margin: 1rem 2.7rem 1rem 1rem;
    border-radius: 3px;
}

.GS_top button {
    background: #1fad7f;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: .6rem 1.2rem;
}

.GS_top button:hover {
    background: #1da77b;
}     

.cursor_not_allowed{
    cursor: not-allowed!important;
}     

/* New */
.new_lss_btn {
  position: absolute;
  right: 2rem;
  background: #f8577f;
  border: none;
  color: #fff;
  text-align: center;
  border: 1px solid transparent;
  font-size: 0.95em;
  line-height: 1.5;
  padding: 0.26em 1.5em;
  border-radius: 0.25em;
}
.new_lss_btn:hover {
  background: #ee5178;
}
#liveStreamScheduleModel .modal_close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  color: rgb(177, 177, 177);
  background: #fff;
  border: none;
  padding: 0;
  margin-top: 6px;
  margin-right: 8px;
  cursor: pointer;
}
#liveStreamScheduleModel .modal_close:hover {
  color: rgb(153, 153, 153);
}
#liveStreamScheduleModel .modal-body {
  padding: 0;
}
#liveStreamScheduleModel .m_content {
  padding: 1.5rem 1.5rem;
  text-align: left;
}
#liveStreamScheduleModel .custom_radio {
  display: flex;
}
#liveStreamScheduleModel .custom_radio label {
  font-weight: normal;
  font-size: 1rem;
}
#liveStreamScheduleModel .custom_radio label {
  margin-right: 1.5rem;
}
#liveStreamScheduleModel input[type="text"],
#liveStreamScheduleModel select {
  width: 100%;
  border: 1px solid rgb(219, 219, 219);
  background-color: #fff;
  padding: 0.4rem 0.8rem;
  border-radius: 3px;
  color: rgb(87, 87, 87);
}
#liveStreamScheduleModel .row {
  margin-bottom: 1rem;
}
#liveStreamScheduleModel .row:last-child {
  margin-bottom: 0rem;
}
#liveStreamScheduleModel h6 {
  font-weight: 800;
  font-size: 1rem;
}
.modal-footer .add {
  color: #fff;
  border: 1px solid #0373f9;
  background-color: #0373f9;
  border-radius: 3px;
  min-width: 85px;
  padding: 0.4rem 1rem;
}
.modal-footer .add:hover {
  background-color: #036dee;
}
.modal-footer .cancel {
  border: 1px solid rgb(233, 233, 233);
  background-color: #fff;
  border-radius: 3px;
  min-width: 85px;
  padding: 0.4rem 1rem;
  margin-right: 0.5rem;
}
.modal-footer .cancel:hover {
  background-color: rgb(250, 250, 250);
}

.ls_upload {
  background: rgb(235, 235, 235);
  border: none;
  border-radius: 3px;
  padding: 0.4rem 1rem;
}
#liveStreamScheduleModel .for_none input,
#liveStreamScheduleModel .for_daily input,
#liveStreamScheduleModel .for_weekly input,
#liveStreamScheduleModel .for_monthly input,
#liveStreamScheduleModel .for_none select,
#liveStreamScheduleModel .for_daily select,
#liveStreamScheduleModel .for_weekly select,
#liveStreamScheduleModel .for_monthly select {
  width: 50% !important;
}

#liveStreamScheduleModel .for_none span,
#liveStreamScheduleModel .for_daily span,
#liveStreamScheduleModel .for_weekly span,
#liveStreamScheduleModel .for_monthly span {
  margin-right: 0.6rem;
}
#liveStreamScheduleModel .ls_freq_btn_row {
  padding-top: 1rem;
  display: flex;
  justify-content: center;
}
#liveStreamScheduleModel .ls_freq_btn {
  background: none;
  border: 1px solid #1fad7f;
  border-radius: 2px;
  color: rgb(41, 41, 41);
  padding: 3px 7px;
  margin-right: 10px;
  width: 100%;
}
#liveStreamScheduleModel .ls_freq_btn:last-child {
  margin-right: 0px;
}
#liveStreamScheduleModel .ls_freq_btn.active {
  background-color: #1fad7f;
  color: #fff;
}
#liveStreamScheduleModel .picker_icon {
  width: 20%;
  padding: 0.4rem 0.8rem;
  background: #fff;
  border: 1px solid rgb(216, 216, 216);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-left: -5px !important;
}
#liveStreamScheduleModel .for_none .picker_icon,
#liveStreamScheduleModel .for_daily .picker_icon,
#liveStreamScheduleModel .for_weekly .picker_icon,
#liveStreamScheduleModel .for_monthly .picker_icon {
  width: 20% !important;
}
#liveStreamScheduleModel .uploaded_items {
  display: flex;
  flex-wrap: wrap;
}
#liveStreamScheduleModel .uploaded_items .item {
  padding-top: 1rem;
  margin-right: 1.5rem;
}
#liveStreamScheduleModel .uploaded_items .item span {
  color: #009cde;
}

#liveStreamScheduleModel .uploaded_items .item button {
  margin-left: 0.2rem;
  background: none;
  border: none;
}
#liveStreamScheduleModel .uploaded_items .item button i {
  font-size: 1rem;
  color: grey;
}
#liveStreamScheduleModel .uploaded_items .item button:hover i {
  color: #f54a4a;
}
.hourselect,.minuteselect,.ampmselect{
padding: 0px 8px;
}
.time_picker_btn{
  font-size: 1rem;
  border-radius: 3px;
  margin: 3px;
  margin-top: 5px;
  padding: 5px 13px;
}  

#scheduleTableConatiner table thead th,
#scheduleTableConatiner table tbody td {
    font-size: 14px;
}

#scheduleTableConatiner table thead th,
#scheduleTableConatiner table tbody td {
    font-size: 14px;
}

#scheduleTableConatiner thead th:last-child {
    text-align: center !important
}

#scheduleTableConatiner tbody tr td:last-child {
    text-align: center !important;
}

#scheduleTableConatiner thead th:nth-child(4) {
    text-align: center !important;
}

#scheduleTableConatiner thead th:nth-child(5) {
    text-align: center !important;
}

#scheduleTableConatiner tbody tr td:nth-child(4) {
    text-align: center !important;
}

#scheduleTableConatiner tbody tr td:nth-child(5) {
    text-align: center !important;
}

#liveStreamTableContainer table thead th,
#liveStreamTableContainer table tbody td {
    font-size: 14px;
}

#scheduleTableConatiner table thead th,#scheduleTableConatiner table tbody td{font-size:14px;}


/* settings css */

.container-greeting-text-type2 span {
    position: absolute;
    bottom: 0;
    padding-left: 10px;
    font-weight: 600;
}
.settings {
    padding: 0.5rem 4rem;
  }
  .settings .header {
    font-weight: bold;
    padding: 10px 0px;
  }
  .settings .section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    padding: 10px;
    border-radius: 3px;
  }
  .settings .section:hover {
    background-color: rgb(245, 245, 245);
  }
  .settings .section .title {
    color: rgb(19, 152, 185);
    font-weight: bold;
  }
  
  .settings .section .desc {
    padding-top: 5px;
  }
  .settings .section .desc span {
    color: rgb(109, 109, 109);
  }
  .settings .section .logo {
    background: rgb(245, 245, 245);
    border-radius: 3px;
    width: 65px;
    height: 43px;
    text-align: center;
    display: table;
  }
  .settings .section .logo i {
    font-size: 1.8rem;
    color: rgb(177, 177, 177);
    display: table-cell;
    vertical-align: middle;
  }
  .settings .section .content {
    padding: 0px 20px;
  }
  .item {
    padding: 0.45em 1.2em;
}
.settings_nav {
    width: 100%!important;
    position: absolute!important;
    bottom: 0!important;
    margin-bottom: 0px !important;
    background: #0c2c42!important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.settings_nav img{
    width: 15px!important;
    margin-right: 15px!important;
}
.settings_nav span{
    color:#ffd026!important;
    font-size: 12px;
    font-family: "Noto Sans Regular";
    font-weight: bold;
    cursor: pointer;
    letter-spacing: 0.5px;
}

  .header_wrapper {
    width: 100%;
}
.header i {
    float: right;
    margin-top: 4px;
}

.header_wrapper i
.item-heading i {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .coming_soon_view {
    min-height: 90vh;
    text-align: center;
}
.back_to_settings,.back_to_settings:hover{
    color: #fff;
    background-color: #0069d9;
    padding: 0.35em 1em;
}
.back_to_settings i{
    padding-right: 6px;
}

/* empty container */
/******** empty ***********/

.empty_view {
    margin-top: 8rem;
    min-height: 60vh;
    text-align: center;
  }
  .empty_view img {
    width: 100px;
  }
  .empty_view label {
    color: grey;
    font-size: 1.2rem;
    margin-top: 1.5rem;
  }
  .empty_view .add_empty {
    background: #f8577f;
    color: #fff;
    border: none;
    padding: 0.4rem 1rem;
    border-radius: 3px;
    margin-top: 1.5rem;
  }
  .empty_view .add_empty::before {
    font-family: FontAwesome;
    content: "\f0fe";
    padding-right: 10px;
  }
  .empty_view .add_empty:hover {
    background: #ee5279;
  }

  /* Staff roles css */
  #staffTableContainer thead tr th:nth-child(2),
  #staffTableContainer thead tr th:nth-child(3),
  #staffTableContainer thead tr th:nth-child(4),
  #staffTableContainer thead tr th:nth-child(5){
    text-align: center!important;
  } 
  .staff_row td {
    padding: 20px 10px !important;
  }
  .staff_row .name {
    font-weight: bold;
  }
  .staff_row .email span {
    color: rgb(189, 189, 189);
  }
  .staff_row .login_status {
    background: #fff;
    color: #fff;
    padding: 2px 8px;
    border-radius: 50px;
    min-width: 120px;
    font-size: 0.9rem;
    font-weight: normal;
  }
  .staff_row .login_status.default {
    background: #2abbac !important;
  }
  .staff_row .login_status.invitation_sent {
    background: #f69d01 !important;
  }
  .staff_row .login_status.disabled {
    background: #f15e5e !important;
  }
  .NS_content .row {
    margin: 0px !important;
    margin-bottom: 15px !important;
  }
  .NS_content .input_title {
    margin-bottom: 6px;
    font-weight: normal;
  }
  .active_role {
    font-weight: bold !important  ;
    color: #3197ee;
  }
  .permission_label {
    width: 100%;
    padding: 4px 24px;
    text-decoration: underline;
    text-underline-position: under;
    -webkit-text-decoration-color: rgb(156, 156, 156);
    text-decoration-color: rgb(156, 156, 156);
  }
.staff_search,.teacher_search{
      height: 22px!important;
      width: 60%!important;
      margin-left:15px;
  }
  .single_staff {
    color: #4183c4;
    cursor: pointer;
  }
  .single_staff .email {
    color: grey;
  }
  .staff_schedule_table .line_1 {
    margin-bottom: 1rem;
  }
  .staff_tabs {
    border-radius: 3px;
    background-color: rgb(250, 250, 250);
  }
  .staff_schedule_table td {
    vertical-align: baseline !important;
    padding: 24px 8px !important;
  }
  .timesheet_table {
    width: 100%;
  }
  
  .timesheet_table td {
    text-align: center;
    padding: 10px 10px;
  }
  .timesheet_table tbody tr:first-child td {
    padding: 0px 10px !important;
  }
  .timesheet_table td input {
    color: #4183c4;
    cursor: pointer;
    width: 90px;
    padding: 0px 0px 0px 10px;
    border: none;
    background: none;
  }
  .timesheet_table td .search {
    padding: 5px 10px !important;
  }
  .timesheet_table td .semantic_select {
    min-height: 10px !important;
    width: 70% !important;
    display: inline-block !important;
  }
  .semantic_default_multiple {
    min-height: 31px !important;
    padding: 0px 3px !important;
  }
  .semantic_default {
    min-height: 31px !important;
    padding: 7px 10px !important;
  }
  .semantic_default .search {
    padding: 7px 10px !important;
  }
  .profile_view,
  .schedule_view,
  .attendance_view,
  .payroll_view {
    padding: 1.5rem;
  }
  .profile_view .row_break {
    height: 1px;
    width: 100%;
    border-bottom: 1px solid rgb(223, 223, 223);
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .profile_view .sec_title {
    font-weight: bold;
    color: rgb(66, 66, 66);
  }
  .profile_view .sec_field {
    width: 100%;
    border: 1px solid rgb(216, 216, 216);
    border-radius: 3px;
    padding: 5px 10px;
  }
  .profile_view .sec_field:active,
  .profile_view .sec_field:focus {
    border: 1px solid rgb(168, 168, 168);
  }
  .staff_roles_semantic {
    padding: 7.5px 8px !important;
    min-height: 10px !important;
    border: 1px solid rgb(206, 206, 206) !important;
  }
  .staff_roles_semantic .search {
    padding: 7.5px 8px !important;
  }
  .staff_roles_semantic.multiple .default {
    padding: 7.5px 8px !important;
    margin: 0px !important;
  }
  .staff_roles_semantic.multiple .search {
    margin: 0px !important;
    padding: 7.5px 0px !important;
  }
  .staff_roles_semantic.multiple {
    padding: 0px 8px !important;
  }
  .profile_view .right_col {
    padding: 0rem 1rem 0rem 9rem;
  }
  .profile_view .right_sec label {
    font-weight: normal;
  }
  .profile_view .left_col {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .profile_view .right_sec {
    -webkit-box-shadow: 1px 1px 8px -2px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 8px -2px rgba(0, 0, 0, 0.3);
    padding: 1rem 1.5rem;
    border-radius: 3px;
  }
  .profile_view .right_sec .row {
    margin-bottom: 1.6rem;
  }
  .profile_view .right_sec .staff_logo_sec img {
    width: 80px;
    border-radius: 3px;
  }
  .staff_logo_main {
    padding: 15px;
  }
  .staff_logo_main img {
    width: 80px;
    border-radius: 3px;
  }
  .profile_view .right_sec .logo_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .profile_view .right_sec .logo_btn_1 {
    background: #f8577f;
    border: 1px solid #f8577f;
    border-radius: 3px;
    color: #fff;
    padding: 5px;
    margin-right: 10px;
    width: 110px;
    text-align: center;
  }
  .profile_view .right_sec .logo_btn_2 {
    background: #ffffff;
    border: 1px solid #c2c2c2;
    border-radius: 3px;
    color: rgb(58, 58, 58);
    padding: 5px;
    width: 110px;
    text-align: center;
  }
  .profile_view .right_sec .checkbox_header {
    width: 100%;
    padding: 0px 5px;
    margin-bottom: 15px;
    text-decoration: underline;
    text-underline-position: under;
    -webkit-text-decoration-color: rgb(156, 156, 156);
    text-decoration-color: rgb(156, 156, 156);
  }
  .profile_view .save_profile {
    background: #1fad7f;
    border: 1px solid #1fad7f;
    color: #fff;
    padding: 6px 20px;
    border-radius: 4px;
    font-size: 1.1rem;
  }  
  .header_wrapper{
    width: 100%;
    padding: 0.24em 1.2em;
  }
  .item-heading.active_menu i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .ui.vertical.menu > .item-heading+.item{
    display: none;
    background-color: #0c2c42!important;
}
.item-heading.active_menu{
    margin-bottom: 0;
}
.item-heading{
    margin-bottom: 1rem;
    cursor: pointer;
}
.beta_label{
    color:#ffd026!important;
    font-weight:800!important;
    background-color:transparent!important;
}
.back_to_section_1{
    cursor: pointer;
}
.branches-select + span{
    width: 300px!important;
}
.teacher_search{
    width: 25%!important;
}
#teacherTableContainer table thead th:nth-child(2){
    text-align: center!important;
}


.input_section.where {
  display: flex;
}

.input_section.where div:first-child {
  margin-right: 2rem;
}

.for_online{
  display: none;
}
.pushbar textarea{
  max-width: 100%;
  max-height: 15rem;
}
.online_class.uploaded_files .item{
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.online_class.uploaded_files .item{
    margin-bottom: 1rem;
}
.online_class.uploaded_files .item:last-child{
  margin-bottom: 0rem;
  }
.online_class.uploaded_files .name{
    color: rgb(0, 108, 185);
}
.online_class.uploaded_files i{
    cursor: pointer;
    margin-left: 1rem;
}
.online_class.uploaded_files i:hover{
  color: rgb(223, 56, 56);
}

.online_class .fc-title::after {
    font-family: FontAwesome;
    font-size: 0.8rem;
    content: "\f03d";
    margin-left: 4px;
    border-radius: 1px;
    padding: 0px 1px 1px 1px;
    height: 12px;
    float: right;
    color: rgb(255, 255, 255);
}

/******** New changes - (april 13) ***********/
.input_section.where {
  display: flex;
}
.input_section.where div:first-child {
  margin-right: 2rem;
}

.for_online{
  display: none;
}
.pushbar textarea{
  max-width: 100%;
  max-height: 15rem;
}
.online_class.uploaded_files .item{
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.online_class.uploaded_files .item{
margin-bottom: 1rem;
}
.online_class.uploaded_files .item:last-child{
  margin-bottom: 0rem;
  }
.online_class.uploaded_files .name{
color: rgb(0, 108, 185);
}
.online_class.uploaded_files i{
cursor: pointer;
margin-left: 1rem;
}
.online_class.uploaded_files i:hover{
  color: rgb(223, 56, 56);
  }

  .online_class .fc-title::after {
    font-family: FontAwesome;
    font-size: 0.8rem;
    content: "\f03d";
    margin-left: 4px;
    border-radius: 1px;
    padding: 0px 1px 1px 1px;
    height: 12px;
    float: right;
    color: rgb(255, 255, 255);
  }

    .online_class .fc-title::after {
    font-family: FontAwesome;
    font-size: 0.8rem;
    content: "\f03d";
    margin-left: 4px;
    border-radius: 1px;
    padding: 0px 1px 1px 1px;
    height: 12px;
    float: right;
    color: rgb(255, 255, 255);
  }
 .online_class .fc-list-item-title span::after {
    font-family: FontAwesome;
    font-size: 1rem;
    content: "\f03d";
    margin-left: 8px;
    border-radius: 1px;
    padding: 0px 1px 1px 1px;
    color: #0373f9;
  }
  .atten_cleared .fc-title::before {
    font-family: FontAwesome;
    font-size: 0.8rem;
    content: "\f00c";
    margin-left: 8px;
    border-radius: 1px;
    padding: 0px 1px 1px 1px;
    height: 12px;
    float: right;
    color: rgb(255, 255, 255);
}

.freq_btn {
  background: none;
  border: 1px solid #1fad7f;
  border-radius: 2px;
  color: rgb(41, 41, 41);
  padding: 3px 7px;
  margin-right: 3px;
}


.freq_btn.active {
  background-color: #1fad7f;
  color: #fff;
}

.pushbar input.QW {
  width: 50%;
}

.enrollments_view table thead tr th{
    width: 16.66%!important;
    font-size: 14px!important;
}
.enrollments_view table tbody tr td:nth-child(3),
.enrollments_view table tbody tr td:nth-child(4),
.enrollments_view table tbody tr td:nth-child(5),
.enrollments_view table thead tr th:nth-child(6){
    text-align:center!important;
}
.fetch_div button {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #f8577f;
    background: #f8577f;
    color: #fff;
    padding: 5px 0px;
}
#scheduleTableContainer table tbody tr td{
    padding: 10px 18px!important;
}
#scheduleTableContainer table thead tr th{
    text-align: left!important;
}
.single_entry .title {
    color: #0098db;
    font-weight: bold;
    font-size: 1.05rem;
    cursor: pointer;
}
.single_entry .status_2 {
    background: #ff931b;
    color: rgb(247, 247, 247);
    border-radius: 3px;
    padding: 1px 8px;
    min-width: 90px;
    font-weight: normal;
    text-align: center;
    font-size: 0.9rem;
}
.single_entry .status_1 {
    background: rgb(212, 212, 212);
    color: rgb(77, 77, 77);
    border-radius: 3px;
    padding: 1px 8px;
    min-width: 90px;
    font-weight: normal;
    text-align: center;
    font-size: 0.9rem;
}

.schoolInvoiceSubscriptionsTable .dataTables_filter{
    display: none;
}
.schoolInvoiceSubscriptionsTable .search-bar-select{
    margin-top: -8.5%;
    padding-bottom: 1rem;
}

#enrollments-content table tbody tr td:nth-child(6){
    text-align:center!important;
}

#enrollments-content table thead th:nth-child(7){
text-align:center!important;
white-space: nowrap;
}

#addNewRow thead tr th:nth-child(3), #addNewRow thead tr th:nth-child(4), #addNewRow thead tr th:nth-child(5) {
    text-align: right!important;
}

#invoiceMainPreviewContainer thead tr th:nth-child(3),  #invoiceMainPreviewContainer thead tr th:nth-child(4),
#invoiceMainPreviewContainer thead tr th:nth-child(5) {
    text-align: right!important;
}

#launcher{
    z-index: 999!important;
}

.payment-delete{
    background: none;
    border: none;
    color: #f34c4c;
}
.dropdown-item a{
    color: #000!important;
}
#invoiceTableView table tbody tr td,
#schoolInvoicePlanContainer table tbody tr td{
    font-size: 0.87rem!important;
}
#covidScreeningTableContainer table thead tr th:nth-child(4),
#covidScreeningTableContainer table thead tr th:nth-child(5),
#covidScreeningTableContainer table thead tr th:nth-child(7),
#covidScreeningTableContainer table thead tr th:nth-child(6){
    text-align: center!important;
}
#covidScreeningTableContainer table thead tr th:nth-child(3){
    text-align: left!important;
}
#covidScreeningTableContainer table tbody tr td{
    padding: 18px!important;
}
#covidScreeningTableContainer table tbody tr td:nth-child(4),
#covidScreeningTableContainer table tbody tr td:nth-child(6),
#covidScreeningTableContainer table tbody tr td:nth-child(7),
#covidScreeningTableContainer table tbody tr td:nth-child(5){
    text-align: center!important;
}
.status_pill {
    color: #fff;
    padding: 3px 11px;
    border-radius: 50px;
    font-size: 0.7rem;
    text-transform: uppercase;
}

#schoolPaymentsContainer thead tr th,
#schoolPaymentsContainer tbody tr td {
  text-align: center !important;
}
#schoolPaymentsContainer thead tr th:first-child,
#schoolPaymentsContainer tbody tr td:first-child {
  text-align: left !important;
}

#schoolPaymentsContainer .filter_bar #schoolTransactionDateRange {
  min-width: 180px;
}
#schoolPaymentsContainer .filter_bar #schoolTransactionSearch {
  min-width: 190px;
}
#schoolPaymentsContainer .filter_bar .col-md-2 {
  width: fit-content !important;
}
.paymentNavtabs .nav-tabs li a {
  padding: 20px 10px !important;
}
.navbar-skooly-list img {
  height: auto !important;
}
.enrolledCount{
    text-align: left;
    font-weight: 600;
    font-size: 1rem;
    padding: 0 1.5rem;
    margin-bottom: .4rem;
}
.schoolInvoiceSubscriptionsTable .search-bar-select .right-inner-addon input{
    width: 50% !important;
    margin-left: auto;
}
.schoolInvoiceSubscriptionsTable table thead tr th:not(:nth-child(2)){
    width: 15% !important;
    text-align: left !important;
    padding: 10px 12px;
}
.schoolInvoiceSubscriptionsTable table tbody tr td{
    padding: 10px 8px;
    font-size: 13px !important;
}
.schoolInvoiceSubscriptionsTable table thead tr th:nth-child(2){
    width: 2%!important;
}
.schoolInvoiceSubscriptionsTable table thead tr th:nth-child(3){
    width: 14%!important;
}

.invoice-preview-body > img {
    width: 100% !important;
    height: 85px;
    object-fit: contain;
}

.invoice-header-line-black{
    border-bottom: 2px solid;
    width: 100%;
    /* margin-bottom: 2rem; */
}


/* recurringlink button css */
.recurringlink{
    color: #242526;
    text-decoration: none;
    background: white;
    padding: 8px 10px;
    border: none;
    border-radius: 5px;
    /* border: 2px solid #e6e1e1; */
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    font-weight: 550;
        }
    .recurringlink:hover {
    background: black;
    color: white;
        }
/* academy calendar teacher filter */
#calendarList {
        width: 100%;
    position: relative;
}
#calendarList .instances{
    width: 100%;
    display: inline-flex;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
#calendarList .instances.rendered {
    height: 573px;
    overflow: auto;
    overflow-x: hidden;
}
#calendarList .instances > .fc {
width : 70%;
/* min-width : 235px; */
/* max-width : 180px; */
}
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}
.fc-event-resizer {
    display: none !important;
  
  }
  .bookedStudentTd td{
      border:none !important
  }
  .attendanceStatusTd td{
      border:none !important
  }
  .fc-timeGridWeek-view table{
      table-layout: fixed !important;
  }
  .fc-dayGridMonth-view table{
      table-layout: fixed !important;
  }
  .fc-timeGridDay-view  table{
      table-layout: auto !important;
  }
  .instances .fc-unthemed:first-child {
   width: 89% !IMPORTANT;
  }


#calendarList .fc-scroller {
    height: 573px !important;
}
#calendarList .fc-scroller::-webkit-scrollbar {
    width: 0;
    background: transparent;
}
#calendarList .fc-scroller::-webkit-scrollbar-thumb {
    background: transparent;
}
#calendarList .instances.rendered .fc-scroller {
    height: unset !important;
}
#calendarList .fc + .fc .fc-axis {
    display: none !important;
}
#calendarList.hiddenList,
#new_widget.hiddenWidget .fc-view-container{
opacity: 0;
pointer-events: none;
position: absolute;
z-index : -999;
}
#calendarList .instances #UA_1 .fc-head .fc-day-header .cover {
    opacity: 0;
}
#calendarList .instances #UA_1 .fc-head .fc-day-header .cover + div {
    transform: translateY(-15px);
}
#calendarList .cover {
    background: rgb(223, 218, 218);
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}
#calendarList .header {
    display: flex;
    justify-content: space-between;
}
#calendarList .fc-unthemed .fc-today {
    background: #fff !important;
}
#calendarList .teacherNav {
    position: absolute;
    left:0;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    z-index: 999;
    padding: 1rem 1.5rem 1rem .5rem;
}

#calendarList .teacherNav button {
    background: transparent;
    border:none;
    font-size: 2rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
}
#calendarList .teacherNav button.show {
    opacity: 1;
    pointer-events: all;
}
#calendarList .teacherNav button:active i {
    transform: scale(.9);
}
#calendarList .teacherNav button i {
transition : transform .2s;
}
#calendarList thead.fc-head {
outline: 1px solid #ddd;
    position: sticky;
    top:-1px;
    background: #fff;
    z-index: 999;
}
/*#calendarList .fc-timeGridDay-view .fc-time-grid-event {
    height: unset !important;
}*/
#new_widget .fc-view-container .fc-list-view .fc-list-item-title a + div {
    font-size:.9rem;
}
.list_meta_div .branchName {
    float: right;
    border-radius: 3px;
    padding: 4px;
    margin-left: 1rem;
    font-size: 0.9rem;
}
td.attendanceStatusTd {
    text-align : center;
    vertical-align: middle !important;
}

td.attendanceStatusTd span.green {
background-color: #1fad7f !important;
}
td.attendanceStatusTd span.red {
    background-color: #df3636 !important;
}
td.attendanceStatusTd span.red,
td.attendanceStatusTd span.green{
    color: #fff;
    border-radius: 50px;
    font-size: .85rem;
    padding: 1px 5px;
}
td.teacherTd{
    white-space: normal;
    vertical-align: middle !important;
    word-break: break-word;
}
.adminList .fc-list-item-title {
    width: 18% !important;
}
.adminList table tbody tr > td {
    vertical-align: baseline !important;
}

.zoom-connect-button{
    background-color: #2d8cff;
    color: #FFFFFF;
    border: 1px solid #2d8cff;
    box-sizing: border-box;
    padding: 0.5rem;
    padding-right: 20px;
    padding-left: 20px;
}

.menuWrapper {
  display: flex;
  justify-content: flex-end;
}
.multiMenuRow {
  margin-left: 1.5rem;
}
.multiMenuRow .menuHeader {
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  width: 100%;
  background-color: #f2f2f7;
  border-radius: 4px;
  padding: 0.1rem 0.5rem;
  text-align: left;
  font-size: 0.9rem;
}
.multiMenuRow .menuContent button,
.multiMenuRow .menuContent a {
  width: 100% !important;
  text-align: center;
  font-size: 0.9rem;
  display: block;
}
.multiMenuRow .menuContent i {
  margin-left: 5px;
}
.multiMenuRow .menuContent a + button,
.multiMenuRow .menuContent button + button {
  margin-top: 0.5rem;
  margin-left: 0px;
}
.multiMenuRow .menuContent .mainAction {
  color: #fff;
  border-radius: 3px;
  padding: 3px 8px;
  background: #428cff;
  border: 1px solid #428cff;
  white-space: nowrap;
}
.multiMenuRow .menuContent .mainActionlink {
  color: #428cff;
  border-radius: 3px;
  padding: 3px 8px;
  background: #fff;
  border: 1px solid #428cff;
  white-space: nowrap;
}
.multiMenuRow > button {
  font-size: 0.9rem;
}
.multiMenuTop .multiAction .sec_btn {
  padding: 0.35rem 0.8rem;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50px !important;
  background-color: #000 !important;
  border-color: #000 !important;
}
.multiMenuTop .multiAction .sec_btn i {
  color: #fff !important;
}
.multiMenuTop .multiAction .dropdown-menu {
  border: none;
  padding: 0.5rem;
  left: initial;
  right: 0;
  width: fit-content;
}
.multiMenuTop .multiAction .dropdown-item {
  background-color: transparent;
  border: none;
  text-align: left;
  border-radius: 3px;
  white-space: nowrap;
  min-width: 100%;
  transition: background-color 0.2s;
  margin: 0;
  padding: 6px 6px !important;
}
.multiMenuTop .multiAction .dropdown-item:hover {
  background-color: #f2f2f7 !important;
  color: #000 !important;
}
.multiMenuTop .multiAction {
  margin-left: 0.5rem;
}
.multiMenuTop .multiAction .dropdown-item:hover {
  border: none;
}

.modalLiveClass {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  z-index: -99999;
  transition: opacity 0.2s;
}
.modalLiveClass.active {
  opacity: 1;
  pointer-events: all;
  z-index: 105;
}
.modalLiveClass .backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.modalLiveClass .card {
  z-index: 10;
  padding: 1rem;
  border-radius: 5px;
  max-width: 60%;
  min-width: 60%;
  max-height: 90%;
  overflow: auto;
  background: #fff;
}
.modalLiveClass .card #scheduleLiveStreamlink {
  word-break: break-all;
}
.modalLiveClass .card .title {
  font-size: 1.2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modalLiveClass .card .title button {
  background: transparent;
  border: none;
  padding: 3px;
  font-size: 1.5rem;
  color: #a0a0a0;
}
.modalLiveClass .card .title button:hover {
  color: #000;
}
.modalLiveClass .card .content {
  margin: 0.5rem 0rem 1.5rem 0rem;
}
.modalLiveClass .card .content .linkLabel {
  font-weight: 600;
  margin-right: 0.8rem;
}
.modalLiveClass .card .content .value {
  margin-bottom: 0.2rem;
  font-size: 0.9rem;
}
.modalLiveClass .card .action {
  display: flex;
  justify-content: flex-end;
}
.modalLiveClass .card .action button {
  padding: 0.3rem 1rem;
  border-radius: 4px;
  border: none;
  border: 1px solid;
  margin-left: 0.5rem;
}
.modalLiveClass .card .action .primary {
  background-color: #000;
  color: #fff;
  border-color: #000;
}
.modalLiveClass .card .action .cancel {
  border-color: #ccd3e2;
  background: transparent;
  color: #000;
}
.modalLiveClass .card .content .linkLabel {
  min-width: 16%;
}

#settingsContainer .stream_main_view .wizardStepcss li {
  width: 100% !important;
}
#settingsContainer .stream_main_view .wizardStepcss a {
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  width: 30px !important;
  height: 30px !important;
}

#studentNameSelect + span {
  width: 400px !important;
  font-weight: 300;
  margin: 0.5rem 0rem;
}
#studentNameSelect + span .select2-selection__rendered {
  font-weight: 300;
}

.invoicePopup .i_table .invoice_table_input {
width: 70% !important;
}
.invoicePopup #endCycleInput {
width: 60px;
text-align: center;
}
.invoicePopup #forSubCycleEndDate {
margin-left: .5rem;
}
.invoicePopup .invoiceSummary .wrapper .info > div {
display:flex;
justify-content: space-between;
}
.invoicePopup .invoiceSummary .wrapper + .wrapper {
border-top: 1px solid #dadada;
}
.invoicePopup .invoiceSummary .wrapper .info > div div:first-child {
font-weight: bold;
}
.subItemSwitch {
display: flex;
align-items: center;
}
.subItemSwitch .name {
color: #0078c8;
margin-right: .6rem;
}

.btn-blue-color-border{
    background-color: #0e4db2 !important;
    color: #FFFFFF !important;
    border: 1px solid #0e4db2 !important;
}


/***************************************        Messages       ***************************************************/
/*****************************************************************************************************************/
.com-messages {
  display: flex;
  margin: 3rem;
}
.com-messages .classrooms {

}
.com-messages .classrooms .room {
  margin-bottom: 1rem;
  border-bottom: 1px solid #ececec;
}
.com-messages .classrooms .room:last-child {
  border-bottom: 1px solid #ececec00;
}
.com-messages .classrooms .room .classroom-name {
  font-weight: bolder;
  font-size: 15px;
  font-family: sans-serif;
}
.com-messages .classrooms .room .students {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.com-messages .classrooms .stu {
  text-align: center;
  position: relative;
  width: 60px;
  margin-bottom: 1rem;
  margin-right: 2rem;
  cursor: pointer;
  border: 1px solid #ececec00;
  border-radius: 6px;
}
.com-messages .classrooms .stu.active-stu .stu-pro::after {
/*  background-color: #e3effd;
  border: 1px solid #ececec;*/
position:absolute;
bottom:0px;
right:2px;
font-family: FontAwesome;
    content: "\f00c";
    color:#fff;
}
.com-messages .classrooms .stu .count {
  background-color: #f8577f;
  color: #fff;
  border-radius: 50px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  position: absolute;
  right: -10px;
  top: -10px;
}
.com-messages .classrooms .stu .stu-pro {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.com-messages .classrooms .stu .stu-pro img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 5px;
  box-shadow: 2px 2px 8px 2px rgba(0, 0, 0, 0.13);
}
.com-messages .classrooms .stu .stu-pro .initial {
  font-weight: bold;
  font-size: 17px;
  color: #fff;
  position: absolute;
  background-size: contain;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.com-messages .classrooms .stu .stu-name {
  margin-top: 0.8rem;
  color: rgb(50, 50, 50);
    display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.com-messages .message-board {
  display: none;
  width: 35%;
  height: 80vh !important;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 16px;
  border-radius: 8px;
}
.com-messages .message-board {
  height: 100%;
  display: none;
  flex-flow: column wrap;
  justify-content: space-between;
}

.com-messages .message-board .board-content {

}
.com-messages .message-board .board-composer {

}

.com-messages.active .message-board {
  display: flex;
  position: sticky;
    top: 3rem;
}
.com-messages.active .classrooms {
  width: 65%;
}
.com-messages .message-board .board-header {
  display: flex;
  justify-content: space-between;
  padding: 1rem .5rem 1rem 1rem;
  border-bottom: 1px solid #ececec;
}
.com-messages .message-board .board-header .stu-info {
  display: flex;
  align-items: center;
}

.com-messages .message-board .board-header .stu-info .pro-pic {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.com-messages .message-board .board-header .stu-info .pro-pic img {
  width: 100%;
  border-radius: 5px;
  box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.1);
}
.com-messages .message-board .board-header .stu-info .pro-pic span{
  font-weight: bold;
  font-size: 17px;
  color: #fff;
  position: absolute;
  background-size: contain;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.com-messages .message-board .board-header .stu-info .pro-pic .count {
  background-color: #f8577f;
  color: #fff;
  border-radius: 50px;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  position: absolute;
  right: -10px;
  top: -10px;
}
.com-messages .message-board .board-header .stu-info .meta-details {
  padding-left: 1rem;
}
.com-messages .message-board .board-header .stu-info .meta-details .stu-name {
  color: rgb(50, 50, 50);
}
.com-messages .message-board .board-header .stu-info .meta-details .stu-name .newMsg{
    font-size: .9rem;
    border-radius: 50px;
    padding : 3px 8px;
    background-color: #46af87;
    color: #fff;
    margin-left: 6px;
}
.com-messages .message-board .board-header .stu-info .meta-details .class-name {
  color: rgb(150, 150, 150);
  margin-top: 0.2rem;
  display: block;
  text-align: left;
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.com-messages .message-board .board-header .actions {
    display:inline-flex;
    align-items: center;
}
.main_add_btn.rotating i,
.com-messages .message-board .board-header .actions .refresh.rotating i {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.com-messages .message-board .board-header .actions .refresh {
     background: none;
  border: none;
  padding: 5px;
  font-size: 1.3rem;
      color: #2196F3;
          margin-right: 6px;
}
.com-messages .message-board .board-header .actions .close-board {
  background: none;
  border: none;
  padding: 0;
}
.com-messages .message-board .board-header .actions .close-board img {
  width: 1.8rem;
  opacity: 0.3;
  transition: opacity 0.2s;
}
.com-messages .message-board .board-header .actions .close-board:hover img {
  opacity: 1;
}
.com-messages .message-board .board-content {
  padding: 1rem;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.com-messages .message-board .board-content .message {
  margin-bottom: 1rem;
  width: fit-content;
  max-width: 90%;
}
.com-messages .message-board .board-content .message.received {
  margin-right: auto;
}
.com-messages .message-board .board-content .message.sent {
  margin-left: auto;
}
.board-content .message .attachItemMsg {
  margin-bottom: 8px;
}
.board-content .message .attachItemMsg .imgWrapper {
   width: 100%;
   height: 220px;
   text-align: center;
}
.board-content .message .attachItemMsg .imgWrapper img {
   height: 100%;
   object-fit: cover;
   border-radius: 2px;
}
.board-content .message .attachItemMsg .fileWrapper {
  display: flex;
  align-items: center;
  padding: 0.2rem 0.6rem;
}
.board-content .message .attachItemMsg .fileWrapper .file_name {
  word-break: break-all;
}
.board-content .message .attachItemMsg .fileWrapper .icon {
  width: 21px;
  margin-right: 8px;
}
.board-content .message .attachItemMsg .fileWrapper + .status {
  margin-top: 5px;
}
.board-content .message .attachItemMsg .fileWrapper .status a {
  margin-top: 4px;
  display: flex;
  align-items: center;
  width: 100%;
}
.board-content .message .attachItemMsg .fileWrapper .status a i {
   margin-right: 8px;
}
.com-messages .message-board .board-content .message.sent .content {
    margin-left: auto;
}
.com-messages .message-board .board-content .message .content {
  padding: 0.5rem;
  border-radius: 6px;
  width: fit-content;
}
.com-messages .message-board .board-content .message .text {
  color: rgb(50, 50, 50);
  word-break: break-word;
}
.com-messages .message-board .board-content .message.received .content {
  background-color: #e3effd;
}
.com-messages .message-board .board-content .message.sent .content {
  background-color: #f6f6f6;
  cursor: pointer;
}
.com-messages .message-board .board-content .message.sent .text {

}
.com-messages .message-board .board-content .message .time-stamp {
  color: rgb(150, 150, 150);
  margin-top: 0.2rem;
  margin-left: 0.5rem;
  font-size: 12px;
}
.com-messages .message-board .board-content .message.received .time-stamp {
  text-align: left;
}
.com-messages .message-board .board-content .message.sent .time-stamp {
  text-align: right;
}
.com-messages .message-board .board-composer {
  padding: 1rem;
  background-color: #fff;
  border-top: 1px solid #ececec;
  max-width:100%;
}
.com-messages .message-board .board-composer .attachmentsMsg .attach_item .meta {
    width: 100%;
    max-width: 90%;
}
.com-messages .message-board .board-composer .attachmentsMsg .attach_item #removeSelectedAttchment {
  margin-left: 8px;
  background: transparent;
  font-size : 1.4rem;
  color : #df3636;
  border: none;
}
.com-messages .message-board .board-composer .attachmentsMsg .attach_item .info {
  display:flex;
  align-items:center;
  width: 100%;
  overflow: hidden;
}
.com-messages .message-board .board-composer .attachmentsMsg .attach_item .file_name{
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: .9rem;
}
.com-messages .message-board .board-composer .attachmentsMsg .attach_item .success,
.com-messages .message-board .board-composer .attachmentsMsg .attach_item .failed {
    font-size: .9rem;
}
.com-messages .message-board .board-composer .attachmentsMsg .attach_item .failed {
    color : #df3636;
    width: 100%;
    overflow: hidden;
}
.com-messages .message-board .board-composer .attachmentsMsg .attach_item .failed button {
    border : none;
    background: transparent;
    color : #428cff;
}
.com-messages .message-board .board-composer .attachmentsMsg .attach_item .prev {
  width: 15px;
  filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.233));
  margin-right : 15px;
}
.com-messages .message-board .board-composer .attachmentsMsg .attach_item {
  display:flex;
  align-items:center;
}
.com-messages .message-board .board-composer .composeWrapper {
  display: flex;
  align-items: flex-end;
}
.com-messages .message-board .board-composer .main {
  position: relative;
  width: 100%;
  border: 1px solid #ececec;
  border-radius: 6px;
  display:inline-flex;
  align-items: flex-end;
}
.com-messages .message-board .board-composer .main #msgPlaceholder {
    position: absolute;
    z-index: 999;
    padding: 0.6rem .8rem;
    pointer-events: none;
}
.com-messages .message-board .board-composer .main .input {
  -webkit-user-select: text;
  user-select: text;
  background: #fff;
  max-height: 150px;
  min-height: 20px;
  outline: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  white-space: pre-wrap;
  word-wrap: break-word;
  z-index: 1;
  border: none;
  width: 100%;
  color: rgb(50, 50, 50);
  padding: 0.6rem .8rem;
}
.com-messages .message-board .board-composer .main .attach {
  background-color: transparent;
  color: #fff;
  border-radius: 50px;
  padding: 0.3rem;
  border: none;
  font-size: 1.5rem;
  margin-right: 5px;
}
.com-messages .message-board .board-composer .main .placeholder {
  color: rgb(150, 150, 150);
  padding: 0.8rem 1rem;
  line-height: 20px;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.com-messages .message-board .board-composer .options {
  margin-left:10px;
  display:inline-flex;
  align-items : center;
  justify-content: center;
}

.com-messages .message-board .board-composer .options .send {
  background-color: #f8577f;
  color: #fff;
  border-radius: 50px;
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  border: none;
}
.com-messages .message-board .dateDivider{
    text-align: center;
    font-size: .95rem;
    margin-top:15px;
    margin-bottom:15px;
}
.com-messages .message-board .dateDivider span{
    border-radius:50px;
    padding:2px 10px;
    background-color:#f2f2f8;
}
.msgLoader {
    justify-content: center;
    margin-bottom: 15px;
}
.progress-meter {
  box-sizing: content-box;
  height: 10px;
  position: relative;
  border-radius: 25px;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.progress-meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #428cff;
  background-image: linear-gradient(
    center bottom,
    rgb(43, 194, 83) 37%,
    rgb(84, 240, 84) 69%
  );
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3),
    inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}
.progress-meter > span:after,
.progress-animate > span > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: linear-gradient(
    -45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  animation: move 2s linear infinite;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}

.progress-animate > span:after {
  display: none;
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.initial.customBg.A,
.initial.customBg.F,
.initial.customBg.C,
.initial.customBg.G,
.initial.customBg.E{
  background: url('../imgs/studentInitials/1.png');
}
.initial.customBg.B,
.initial.customBg.D,
.initial.customBg.H,
.initial.customBg.I,
.initial.customBg.K{
  background: url('../imgs/studentInitials/2.png');
}
.initial.customBg.J,
.initial.customBg.L,
.initial.customBg.P,
.initial.customBg.N,
.initial.customBg.T{
  background: url('../imgs/studentInitials/3.png');
}
.initial.customBg.M,
.initial.customBg.Q,
.initial.customBg.R,
.initial.customBg.U,
.initial.customBg.O{
  background: url('../imgs/studentInitials/4.png');
}
.initial.customBg.S,
.initial.customBg.V,
.initial.customBg.W,
.initial.customBg.X,
.initial.customBg.Y,
.initial.customBg.Z {
  background: url('../imgs/studentInitials/1.png');
}
.customSelectMenu {
 display : flex;
 align-items : center;

}
.customSelectMenu {
  width:100%;
  padding-left: 2.7rem;
  padding-right: 2.7rem;
  padding-top:1rem;
}
.customSelectMenu .selectWrap {
    width: 500px;
}

/* DROPDOWN FIXED */

.customSelectMenu .selectWrap .select2-selection--multiple {
     height : 31px !important;
}
.customSelectMenu .selectWrap .select2-search__field {
    margin-top: 0px !important;
    height : 31px !important;
}
.customSelectMenu .selectWrap .select2-selection__rendered{
    display:flex !important;
}
.customSelectMenu .selectWrap .select2-selection__choice + .select2-search {
    display: none !important;
}
.com-messages .message-board .notify span{
    border-radius: 50px;
    padding: 2px 10px;
    background-color: #f2f2f8;
}

.com-messages .message-board .notify{
    text-align: center;
    font-size: .95rem;
    margin-top: 15px;
    margin-bottom: 15px;
}
.delete_message_container{
    display:none;
    width: 94%;
    height: 20%;
    background: white; /* Set the white background */
    border: 1px solid white; /* Set the border color to white */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Add a box shadow for the border effect */
    padding: 20px; /* Adjust padding as needed */
    z-index: 10000;
    position: absolute;
    top: 50%;
}
.delete_message_button_container{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1em;
}
.yes_delete_message{
    margin-right: 1em;
    padding: 0.3em 1.5em;
    border: none;
    border-radius: 20px;
    background-color: #09d189;
    color: #fff;
}
.no_delete_message{
    margin-left: 1em;
    padding: 0.3em 1.5em;
    border: none;
    border-radius: 20px;
    background-color: #eac042;
    color: #fff;
}
.delete_message_header{
    text-align: center;
}
.uppercase{
    color: #000000 !important;
}