/***Voki School Header**/
.navbar-default .navbar-nav > li.vokiSchoolHeader-right {
    padding: 16px 59px 16px 0;
    text-align: center;
    width: 172px;
}
.navbar-default .navbar-nav > li.vokiSchoolHeader-right .vokiSchoolHeader-rightCnt {
    border-left: 1px solid #fff;
}
.navbar-default .navbar-nav > li.vokiSchoolHeader-right .vokiSchoolHeader-rightCnt a {
    display: inline-block;
    position: relative;
}
.navbar-default .navbar-nav > li.vokiSchoolHeader-right .vokiSchoolHeader-rightCnt a:hover {
    opacity: 0.8;
}
.vokiSchoolHeader-name {
    color: #fff;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    margin: 14px 0 14px;
    max-width: 76%;
    padding-left: 22px;
}
.vokiSchoolHeader-rightCnt .vokiSchoolHeader-notiCount2 {
    background-color: #a80c0f;
    border: 1px solid;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    padding: 3px;
    position: absolute;
    right: -16px;
    text-align: center;
    top: -8px;
    width: 25px;
}
.vokiSchoolHeader-rightCnt .vokiSchoolHeader-notiCount3 {
    background-color: #a80c0f;
    border: 1px solid;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    padding: 3px;
    position: absolute;
    right: -22px;
    text-align: center;
    top: -8px;
    width: 32px;
}
.school_hover ul {
    margin-top: -5px;
}
.school_hover ul li a {
    color: #601A79;
}
.school_hover ul li a:hover {
    color: #000;
    text-decoration: none;
}
.school_hover ul li a {
    color: #000;
    text-decoration: none;
}
.school_hover ul li a.s_selected {
    color: #000;
}
/*.school_hover > h2 {
    color: #000;
    font-size: 25px;
    font-weight: bold;
    margin: 11px 0 0;
}*/
/*****/

.school-color {
    color: #601A79 !important;
}
.school-bg {
    background-color: #601A79 !important;
}
.school-clr i{
    color: #601A79;
}
.school-addon {
    display: inline-block;
    vertical-align: middle;
}
.school-addon i {
    color: #601A79;
    padding: 7px 12px;
}
.school-addon span {
    color: #601A79;
    padding: 2px 10px;
}
.school-addon input {
    height: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 250px;
}
.schoolClasses {
    color: #000;
}
.schoolClasses-main > h2 {
    display: inline-block;
    font-weight: bold;
}
.schoolClasses-archive {
    background-color: #fff9f3;
    margin-top: 14px;
    padding: 5px 7px 8px;
}
.schoolClasses-archive data {
    cursor: pointer;
    display: inline-block;
}
.schoolClasses-archive strong {
    display: inline-block;
    margin-left: -4px;
    vertical-align: bottom;
}
.schoolClasses-header {
    display: inline-block;
    padding-bottom: 10px;
    width: 100%;
}
.my_category_cnt {
    padding: 30px 0 0 10px;
}
.schoolClasses-headerBtns button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    margin-right: 5px;
    padding: 4px 0;
    width: 108px;
}
.schoolClasses-headerBtns button:hover, .schoolClasses-headerBtns button:focus, .schoolClasses-headerBtns button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.8;
}
.schoolClasses-headerFilters .dropdown {
    display: inline-block;
}
.schoolClasses-headerFilters button {
    background-color: #fff !important;
    border: 1px solid #cccccc;
    color: #5e5e5e !important;
    margin-right: 5px;
    padding: 4px 12px;
    text-align: left;
    width: 240px;
}
.schoolClasses-headerFilters button:hover, .schoolClasses-headerFilters button:focus, .schoolClasses-headerFilters button:active {
    background-color: #fff !important;
    border: 1px solid #5e5e5e !important;
    color: #5e5e5e !important;
}
.schoolClasses-headerFilters .caret {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px dashed;
    margin-top: 7px;
}
.schoolClasses-headerFilters .dropdown-menu {
    border-color: #5e5e5e;
    margin: -2px 0 0;
    max-height: 290px;
    min-width: 240px;
    overflow: auto;
}
.schoolClasses-headerFilters .dropdown-menu li {
    cursor: pointer;
    padding: 5px 10px;
}
.schoolClasses-headerFilters .dropdown-menu li:hover {
    background-color: #5e5e5e;
    color: #fff;
}
.schoolClasses-body {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 30px;
}
.schoolClasses-body table {
    width: 1170px;
}
.schoolClasses-body table tr:first-child {
    background-color: #fff9f3;
}
.schoolClasses-body table tr {
    background-color: #fff;
    border-bottom: 9px solid #fef2e5;
}
.schoolClasses-body table tr:last-child {
    border-bottom: medium none;
}
.schoolClasses-body table th {
    color: #601A79;
    padding: 5px;
}
.schoolClasses-body table th > span {
    cursor: pointer;
}
.schoolClasses-body-th1 {
    width: 9%;
}
.schoolClasses-body-th1 span:hover {
    opacity: 0.8;
}
.schoolClasses-body-th2 {
    width: 15%;
}
.schoolClasses-body-th3 {
    width: 10%;
}
.schoolClasses-body-th4 {
    width: 18%;
}
.schoolClasses-body-th5 {
    width: 18%;
}
.schoolClasses-body-th6 {
    width: 9%;
}
.schoolClasses-body-th7 {
    text-align: right;
    width: 21%;
}
.schoolClasses-body-th7 .selectAction-dropdown button {
    background-color: #fff !important;
    border: 1px solid #cccccc;
    color: #5e5e5e !important;
    padding: 1px 12px;
    text-align: left;
    width: 190px;
}
.schoolClasses-body-th7 .selectAction-dropdown button:hover, .schoolClasses-body-th7 .selectAction-dropdown button:focus, .schoolClasses-body-th7 .selectAction-dropdown button:active {
    background-color: #fff !important;
    border: 1px solid #5e5e5e !important;
    color: #5e5e5e !important;
}
.schoolClasses-body-th7 .selectAction-dropdown button .caret {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px dashed;
    margin-top: 7px;
}
.schoolClasses-body-th7 .selectAction-dropdown .dropdown-menu {
    border-color: #5e5e5e;
    left: auto;
    margin: -2px 0 0;
    max-height: 290px;
    min-width: 190px;
    overflow: auto;
    right: 0;
}
.schoolClasses-body-th7 .selectAction-dropdown .dropdown-menu li {
    color: #5e5e5e;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    padding: 5px 10px;
}
.schoolClasses-body-th7 .selectAction-dropdown .dropdown-menu li:hover {
    background-color: #f47f20;
    color: #fff;
}
.schoolClasses-body table th nme {
    vertical-align: middle;
}
.schoolClasses-body table td {
    font-size: 12px;
    font-weight: bold;
    padding: 13px 12px 13px 5px;
}
.schoolClasses-body-tdImg {
    width: 22px;
}
.schoolClasses-body table td .activeCheck {
    padding-left: 7px;
}
.schoolClasses-body table td span {
    padding-left: 3px;
    vertical-align: middle;
}
.schoolClasses-body-tdCnt1 {
    display: inline-block;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 178px;
}
.schoolClasses-body-tdCnt2 {
    display: inline-block;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 167px;
}
.schoolClasses-body-tdCnt3 {
    display: inline-block;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 167px;
}
.schoolClasses-body-options {
    text-align: right;
}
.schoolClasses-body-options i {
    color: #cccccc;
    cursor: pointer;
    font-size: 39px;
    margin-left: 5px;
    vertical-align: middle;
}
.schoolClasses-body-options img {
    cursor: pointer;
    display: inline-block;
    width: 37px;
}
.schoolClasses-body-options img:hover, .schoolClasses-body-options i:hover {
    opacity: 0.8;
}
.schoolClasses-archiveData {
    background-color: #f3f3f3;
    display: inline-block;
    line-height: 15px;
    max-width: 185px;
    padding: 8px 9px;
    text-align: left;
    vertical-align: middle;
    min-width: 130px;
}
.schoolClasses-archiveData p {
    margin: 0;
}
/***Voki School Classes Popup***/
.classDelete p {
    padding-left: 27px;
}
.classDelete-btns {
    margin: 22px 0 33px;
}
.classDelete-btns button {
    color: #fff;
    font-weight: bold;
    margin-left: 8px;
    padding: 3px 12px;
    width: 130px;
}
.classDelete-Add {
    background-color: #f47f20;
    border-color: #f47f20;
}
.classDelete-Add:hover, .classDelete-Add:focus, .classDelete-Add:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.8;
}
.classDelete-cancel {
    background-color: #a7a7a7;
    border-color: #a7a7a7;
}
.classDelete-cancel:hover, .classDelete-cancel:focus, .classDelete-cancel:active {
    background-color: #a7a7a7 !important;
    border-color: #a7a7a7 !important;
    color: #fff !important;
    opacity: 0.8;
}
.classDeleteError .classDelete-btns {
    margin-top: 35px;
}
.classDeleteError h2 {
    font-size: 27px;
}

/***Voki School Classes Add/Edit Popup***/
.schoolClass-main {
    width: 860px;
}
.schoolClass-main .modal-body {
    padding: 0 42px 42px;
}
.schoolClass-add h2 {
    margin: 0 0 10px;
}
.schoolClass-addFields {
    display: inline-block;
    width: 100%;
}
.schoolClass-addFields_left {
    padding-left: 0;
}
.schoolClass-addFields-input {
    margin-bottom: 9px;
}
.schoolClass-addFields-input label {
    width: 107px;
}
.schoolClass-addFields-input label ass {
    font-size: 11px;
    font-weight: normal;
}
.schoolClass-addFields-input input {
    display: inline-block;
    width: 257px;
}
.schoolClass-assignTeacherMain {
    border: 1px solid #ccc;
    display: inline-block;
    height: 175px;
    vertical-align: top;
    width: 257px;
}
.schoolClass-addFields-TeacherPart {
    background-color: #cccccc;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin: 70px 0;
    padding: 6px 10px;
}
.schoolClass-addFields-TeacherPart:hover, .schoolClass-addFields-GradePart:hover {
    opacity: 0.8;
}
.schoolClass-assignGradeMain {
    border: 1px solid #ccc;
    display: inline-block;
    height: 77px;
    vertical-align: top;
    width: 257px;
}
.schoolClass-addFields-GradePart {
    background-color: #cccccc;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin: 21px 0;
    padding: 6px 10px;
}
.schoolClassError {
    display: inline-block;
    padding-right: 15px;
    width: 100%;
}
.vokiSchoolGradeSearch {
    margin: 20px auto 0;
    width: 90%;
}
.vokiSchoolGradeSearch input {
    width: 100%;
}
.vokiSchoolGradeSearch i, .vokiSchoolGradeSearch span {
    color: #c2c2c2;
}
.vokiSchoolGradeSearch span:hover {
    background-color: #e1e1e1;
}
.vokiSchoolGradeSelect .teachAdminGradeSelect-body {
    margin-top: 6px;
}

.vokiSchoolGradeSelect-body-cnt {
    margin-bottom: 5px;
}
.vokiSchoolGradeSelect-body-cnt img {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}
.vokiSchoolGradeSelect-body-cnt > span {
    display: inline-block;
    vertical-align: bottom;
    width: 233px;
}
.vokiSchoolGradeSelect-body-checkAll > span {
    font-weight: bold;
}



.schoolClass-addFields-select1 {
    display: inline-block;
    width: 52%;
}
.schoolClass-addFields-select1 label {
    vertical-align: top;
    width: 103px;
}
.schoolClass-addFields-grade {
    border: 1px solid #dadada;
    box-shadow: 4px 4px 5px #888888;
    display: inline-block;
    padding: 32px 0;
    vertical-align: top;
    width: 66%;
}
.schoolClass-addFields-gradePart {
    background-color: #cccccc;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 6px 10px;
}
.schoolClass-addFields-select2 {
    display: inline-block;
    width: 47%;
}
.schoolClass-addFields-select2 label {
    vertical-align: top;
    width: 88px;
}
.schoolClass-addFields-subject {
    border: 1px solid #dadada;
    box-shadow: -4px 4px 5px #888888;
    display: inline-block;
    padding: 32px 0;
    vertical-align: top;
    width: 73%;
}
.schoolClass-addFields-gradeEdit {
    padding: 0;
    position: relative;
    text-align: left;
}
.schoolClass-addFields-gradeEdit-Cnt {
    padding: 8px;
    border: 1px solid #dadada;
    display: inline-block;
    height: 76px;
    overflow: auto;
    width: 100%;
}
.schoolClass-addFields-teacherEdit-Cnt {
    border: 1px solid #dadada;
    display: inline-block;
    height: 173px;
    overflow: auto;
    padding: 8px;
    width: 100%;
}
.schoolSlecetedGrade {
    line-height: 14px;
    margin-bottom: 6px;
    width: 92%;
}
.schoolClass-addFields-gradeEdit-Cnt i, .schoolClass-addFields-teacherEdit-Cnt i, .schoolClass-addFields-classEdit-Cnt i, .schoolClass-addFields-subjectEdit-Cnt i {
    bottom: 4px;
    color: #cccccc;
    cursor: pointer;
    font-size: 23px;
    position: absolute;
    right: 19px;
}
.schoolClass-addFields-subjectPart {
    background-color: #cccccc;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 6px 10px;
}
.schoolClass-addFields-permi label {
    width: 14%;
}
.schoolClass-addFields-permiCnt {
    display: inline-block;
    width: 85%;
}
.schoolClass-addFields-permiCnt1 {
    cursor: pointer;
    display: inline-block;
    margin-left: 5px;
    margin-right: 22px;
    width: 27%;
}
.schoolClass-addFields-permiCnt2 {
    cursor: pointer;
    display: inline-block;
    width: 68%;
}
.schoolClass-addFields-permiCnt2-pass {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 59.5%;
}
.schoolClass-addFields-permiCnt2-passCheck {
    background-color: #ccc;
    height: 34px;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 100%;
}
.schoolClass-addFields-permiCnt img {
    width: 20px;
}
.schoolClass-addFields-permiCnt span {
    display: inline-block;
    font-size: 12px;
    width: 149px;
}
.schoolClass-addFields-groupCheckbox {
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
}
.schoolClass-addFields-groupCheckbox1 {
    border-right: 1px solid #b6b6b6;
    height: 277px;
    padding-right: 20px;
    width: 50%;
}
.schoolClass-addFields-groupCheckbox1-top > span {
    float: right;
    font-size: 12px;
    margin-top: 3px;
}
.schoolClass-addFields-groupCheckbox1-filter label {
    cursor: pointer;
    font-weight: normal;
}
.schoolClass-addFields-groupCheckbox1-filter label span {
    margin-left: -6px;
    vertical-align: bottom;
}
.schoolClass-addFields-groupCheckbox1-filter .left-inner-addon input {
    width: 183px;
}
.schoolClass-addFields-groupCheckbox1-filter .left-inner-addon i, .schoolClass-addFields-groupCheckbox1-filter .left-inner-addon span {
    color: #c2c2c2;
}
.schoolClass-addFields-groupCheckbox1-filter .left-inner-addon span:hover {
    background-color: #e1e1e1;
}
.schoolClass-addFields-groupCheckbox1-cnt {
    box-shadow: 4px 4px 5px #888888;
    margin-top: 10px;
    max-height: 208px;
    overflow: auto;
}
.schoolClass-addFields-groupCheckbox1-cnt label {
    cursor: pointer;
    font-weight: normal;
}
.schoolClass-addFields-groupCheckbox1-cnt label > span {
    margin-left: -6px;
    vertical-align: bottom;
}
.schoolClass-addFields-groupCheckbox2 {
    padding-left: 20px;
    width: 50%;
}
.schoolClass-error h3 {
    font-weight: bold;
    margin: 0 0 25px;
}
.schoolClass-error .classDelete-btns {
    margin: 38px 0 0;
}



/***Voki School Student Page***/
.schoolStudents-bodySpan {
    font-size: 11px;
}
.schoolStudents-bodySpan st {
    text-decoration: underline;
}
.schoolStudents-bodySpan:hover st {
    text-decoration: none;
}
/*.schoolStudents-body .schoolClasses-body-th1 {
    width: 10%;
}*/
.schoolStudents-body .schoolClasses-body-th2 {
    width: 22%;
}
.schoolStudents-body .schoolClasses-body-th3 {
    width: 12%;
}
.schoolStudents-body .schoolClasses-body-th4 {
    width: 16%;
}
.schoolStudents-body .schoolClasses-body-th5 {
    width: 10%;
}
.schoolStudents-body .schoolClasses-body-th6 {
    width: 10%;
}
/*.schoolStudents-body .schoolClasses-body-th7 {
    width: 13%;
}*/
.schoolStudents-body .schoolClasses-body-tdCnt1 {
    width: 89px;
}
.schoolStudents-body .schoolClasses-body-tdCnt2 {
    width: 142px;
}
.schoolStudents-username {
    display: inline-block;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
}
.schoolStudents-pass {
    display: inline-block;
    line-height: 14px;
    overflow: auto;
    text-overflow: ellipsis;
    width: 100px;
}
.schoolStudents-avatar {
    border: 1px solid #4a6f31;
    margin-left: 4px;
    vertical-align: middle;
    width: 45px;
}


.schoolStudentsDelete-main {
    width: 500px;
}
.schoolStudents-add h2 {
    margin: 0 0 10px 13px;
}
.schoolStudents-addFields {
    display: inline-block;
    width: 100%;
}
.schoolStudents-addFieldsLeft {
    height: auto;
    padding-left: 0;
}
.schoolStudents-addFieldsLeft ul {
    border-bottom: 2px solid #f47f20;
    padding-left: 14px;
}
.schoolStudents-addFieldsLeft ul .schoolStudents-addFieldsTab {
    margin-bottom: -2px;
}
.schoolStudents-addFieldsLeft ul .schoolStudents-addFieldsTab a {
    background-color: #f47f20;
    color: #fff;
    font-weight: bold;
    margin-right: 3px;
    padding: 5.5px 7px;
}
.schoolStudents-addFieldsLeft ul .schoolStudents-addFieldsTab a:hover, .schoolStudents-addFieldsLeft ul .schoolStudents-addFieldsTab a:focus {
    border-color: #f47f20;
    outline: none;
    opacity: 0.8;
}
.schoolStudents-addFieldsLeft ul .schoolStudents-addFieldsTab.active a {
    background-color: #fff;
    border: 2px solid;
    border-bottom: none;
    color: #f47f20;
}
.schoolStudents-addFieldsLeft ul .schoolStudents-addFieldsTab.active a:hover, .schoolStudents-addFieldsLeft ul .schoolStudents-addFieldsTab a:focus {
    opacity: 1;
}
.schoolStudents-addFieldsTabCnt {
    padding: 18px 15px;
}
.schoolStudents-addFields-cnt {
    margin-bottom: 12px;
}
.schoolStudents-addFields-cnt .control-label {
    font-weight: normal;
    width: 100px;
}
.schoolStudents-addFields-cnt .form-control {
    display: inline-block;
    width: 73.5%;
}
.schoolStudents-addFieldsAvatar {
    display: inline-block;
    vertical-align: middle;
    width: 73.5%;
}
.schoolStudents-addFieldsAvatarData {
    border: 1px solid #ccc;
    position: relative;
}
.schoolStudents-addFieldsAvatarData img {
    width: 66px;
    cursor: pointer;
}
.schoolStudents-addFieldsAvatarData i {
    background-color: #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 2px solid #ccc;
    border-radius: 4px;
    border-right: 1px solid #cccccc;
    bottom: -5px;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right: -11px;
}
.schoolStudents-addFieldsAvatarData i:hover {
    opacity: 0.8;
}
.schoolStudents-addFieldsAvatar .errorMessage {
    font-weight: bold;
}

.schoolStudents-multiText.version2 {
    margin-bottom: 50px;
    margin-top: 74px;
}
.schoolStudents-multiText.version1 {
    margin-bottom: 18px;
    margin-top: 15px;
}
.schoolStudents-multiText a {
    text-decoration: underline;
}
.schoolStudents-multiText a:hover, .schoolStudents-multiText a:focus {
    color: #f47f20;
    text-decoration: none;
}
.schoolStudents-multiFieldInput {
    display: inline-block;
    text-align: right;
    vertical-align: top;
    width: 75%;
}
.schoolStudents-multiFieldInput > span {
    font-size: 10px;
}
.schoolStudents-multiField button {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    width: 95px;
}
.schoolStudents-multiField button:hover, .schoolStudents-multiField button:focus, .schoolStudents-multiField button:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.9;
}

.schoolStudents-addFieldsRight {
    /*border-left: 1px solid #a6a6a6;*/
    /*margin-top: 10px;*/
    padding: 0;
}
.schoolStudents-addFieldsAsig {
    font-size: 12px;
    margin-top: 3px;
}
.schoolStudents-assignClasses {
    border: 1px solid #ccc;
    display: inline-block;
    height: 280px;
    margin-top: 5px;
    vertical-align: top;
    width: 100%;
}
.schoolStudents-assignClassesCnt {
    background-color: #cccccc;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin: 123px 0;
    padding: 6px 10px;
}
.schoolStudents-assignClassesCnt:hover {
    opacity: 0.9;
}

.schoolClass-addFields-classEdit-Cnt {
    border: 1px solid #dadada;
    display: inline-block;
    height: 280px;
    overflow: auto;
    padding: 8px;
    width: 100%;
}
#myModal-Admin-second .VTA-avatarSelect {
    margin: 69px auto 30px;
    width: 750px;
}
.vokiSchoolAvatar {
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #888888;
    display: inline-block;
    margin-top: 25px;
    max-height: 237px;
    overflow: auto;
    padding: 5px;
    width: 100%;
}
.vokiSchoolAvatar > img {
    border: 2px solid #e4e4e4;
    border-radius: 5px;
    box-shadow: 0 0 4px #d1d1d1;
    cursor: pointer;
    float: left;
    margin: 5px;
    width: 66px;
}
.vokiSchoolAvatar > img:hover {
    border-color: #f47f20;
    box-shadow: 0 0 12px #f47f20;
}
.vokiSchoolAvatar > img.avatarSelected {
    border-color: #f47f20;
    box-shadow: 0 0 13px #f47f20;
}




/***Voki School Teachers Page***/
.schoolTeachers-body .schoolClasses-body-th2 {
    width: 22%;
}
.schoolTeachers-body .schoolClasses-body-th3 {
    width: 16%;
}
.schoolTeachers-body .schoolClasses-body-th4 {
    width: 16%;
}
.schoolTeachers-body .schoolClasses-body-th5 {
    width: 16%;
}
.schoolTeachers-body .schoolClasses-body-tdCnt1 {
    max-width: 142px;
    width: auto;
}
.schoolTeachers-body .schoolClasses-body-tdCnt1 a {
    text-decoration: underline;
}
.schoolTeachers-body .schoolClasses-body-tdCnt1 a:hover, .schoolTeachers-body .schoolClasses-body-tdCnt1 a:focus {
    color: #f47f20;
    text-decoration: none;
}
.schoolTeachers-body .schoolClasses-body-tdCnt1 .grayTeXt:hover, .schoolTeachers-body .schoolClasses-body-tdCnt1 .grayTeXt:focus {
    color: #000;
    text-decoration: none;
}
.grayTeXt{
     color:#000;
     cursor: default;

}
.ARChived_data .activeCheck {
  filter: grayscale(0%) !important;
}

.schoolTeachers-body .schoolClasses-body-tdCnt1 a grayTeXt:hover {
    color: #a7adba;
    text-decoration: none;
}
.schoolTeachers-body .schoolClasses-body-tdCnt2 {
    max-width: 142px;
    width: auto;
}
.schoolTeachers-body .schoolStudents-username {
    max-width: 144px;
    width: auto;
}
/***Voki School Teachers Popup Page***/
.schoolStudents-addFieldSalutation {
    margin: 33px 0;
}
.schoolStudents-addFieldsRightCnt .schoolStudents-assignClasses {
    height: 110px;
}
.schoolStudents-addFieldsRightCnt .schoolStudents-assignClassesCnt {
    margin: 35px 0;
}
.schoolStudents-assignSubject {
    border: 1px solid #ccc;
    display: inline-block;
    height: 110px;
    margin-top: 5px;
    vertical-align: top;
    width: 100%;
}
.schoolStudents-addFieldsAsigSubject {
    font-size: 12px;
    margin-top: 3px;
}
.schoolStudents-assignClassesTeacher .schoolClass-addFields-classEdit-Cnt {
    height: 110px;
}
.schoolClass-addFields-subjectEdit-Cnt {
    padding: 8px;
    border: 1px solid #dadada;
    display: inline-block;
    height: 110px;
    overflow: auto;
    width: 100%;
}
.schoolClasses-headerBtns a {
    background-color: #f47f20;
    border-color: #f47f20;
    color: #fff;
    font-weight: bold;
    margin-right: 5px;
    padding: 4px 0;
    width: 108px;
}
.schoolClasses-headerBtns a:hover, .schoolClasses-headerBtns a:focus, .schoolClasses-headerBtns a:active {
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #fff !important;
    opacity: 0.8;
}
/* Archive name popup for classes and students start */
.reason_outer_div
{
    margin: 0 auto;
    width: 68%;
}
.reason_size_hint {
    font-size: 10px;
    text-align: right;
    width: 100%;
}
.invitationMessage
{
    color:#f47f20;
    font-size:12px;
    width:100%;
    margin-bottom:10px;
    text-align:left;
}
.padded_mssg
{
    padding-left:105px;
    margin-top: -8px;
}
/* Archive name popup for classes and students end */

.classDelete-btns a {
    color: #ffffff;
    font-weight: bold;
    margin-left: 8px;
    padding: 3px 12px;
    width: 130px;
}
.name_batch > h2 {
    display: inline-block;
    font-weight: bold;
}
.name_batch > img {
    margin-top: 23px;
    padding: 0 13px;
    vertical-align: top;
    display: inline-block;
}
/* settings page css under school section starts */
.schoolsettingGadd
{
    padding: 0 15px;
}
.schoolSettings-header {
    margin-top: 21px;
}
.schoolSettingsLeft {
    padding: 12px 0;
}
.schoolSettingsLeft ul .active > a
{
    color: #f47f20;
    background: #ffffff none repeat scroll 0 0;
    font-weight: bold;
    padding: 6px 0px;
    font-size:16px;
    border-color: #f47f20;
}
.schoolSettingsLeft ul .active > a:hover , .schoolSettingsLeft ul .active > a:active
{
    background-color: #ffffff !important;
    border-color: #f47f20 !important;
    color: #f47f20 !important;
    opacity: 0.9;
}
.schoolSettingsLeft ul li a:hover, .schoolSettingsLeft ul li a:focus {
    background-color: #ffffff !important;
    border-color: #f47f20 #f47f20 #f47f20 #ffffff;
    /*border-left: 1px solid #f47f20;*/
    color: #f47f20;
}
.schoolSettingsLeft ul
{
    width:60%;
    float:left;
    border: medium none;
}
.schoolSettingsLeft ul li a
{
    margin: 0 !important;
    background-color: #f47f20;
    color: #ffffff;
    
    font-weight: bold;
    padding: 6px 0px;
    font-size:16px;
    border-radius:0;
    border: 1px solid #f47f20;
}
.active_grade_subheadings {
    clear: both;
    padding: 5px 0;
    background: #ffffff;
}
.active_grade_subheadings_span
{
    font-weight: bold;
    color: #AB100B;
    
}
.schoolSettingsLeft button
{
    background-color: #f47f20;
    border-color: #f47f20;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 12px;
    width: 127px;
}
.schoolSettingsLeft button:hover , .schoolSettingsLeft button:active , .schoolSettingsLeft button:focus
{
    background-color: #f47f20 !important;
    border-color: #f47f20 !important;
    color: #ffffff !important;
    opacity: 0.9;
}
.schoolSettings-body
{
    margin-top:10px;
}
.Grades_sortable_my_grades:hover {
    background-color: #e7ecf2;
}
.Grades_sortable_my_grades:hover .admin-GG-body-sort {
    display: block;
}
.admin-GG-body-sort
{
    display:none;
}
.lets_move {
    cursor: move;
}
.Grades_sortable_my_grades {
    background-color: #ffffff;
    margin-top: 10px;
    padding: 8px;
}
.lower_red_headings
{
    margin-right: 30px;
    padding-left: 5px;
}
.schoolSettingsEachRow
{
    color: #000000;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
}
.schoolSettingsRow-1
{
    text-align: center;
    width: 55px;
}
.schoolSettingsRow-2
{
    color: #f47f20;
    font-size: 16px;
    padding-left: 22px;
    width: 60px;
}
.schoolSettingsRow-3
{
    width: 910px;
}
.schoolSettingsRow-4
{
    text-align: right;
    width: 104px;
}
.schoolSettingsRow-4 i
{
    color: #cccccc;
    cursor: pointer;
    font-size: 39px;
    margin-left: 5px;
    vertical-align: middle;
}
.schoolSettingsRow-4 img {
    cursor: pointer;
    margin-left: 1px;
    width: 37px;
}



/* settings page css under school section ends */

.model_settings_grade {
    padding-top: 0 !important;
}


/* Voki school Administrator page design starts */

.schoolAdmin-addFields {
    padding: 40px 50px;
}
.classDelete_big {
    padding: 24px 15px 0;
}
.classDelete_big p {
    margin-bottom: 40px;
}
.school_administrators_each_admin i {
    cursor: pointer;
}
/* Voki school Administrator page design starts */
.School_add_title
{
    font-size:20px;
    font-weight: bold;
    width:100%;
    text-align:center;
}
.modal-dialog.medium_width_popup {
    width: 420px;
}
.my_school_select:hover , .my_school_select:active , .my_school_select:focus
{
    background-color: #f47f20;
    border-color: #f47f20;
    color: #ffffff;
    cursor:pointer;
}
.my_school_select {
    padding: 5px 3px;
}
.my_school_select > span {
    width: 100%;
}
.school_selected_le_conrainter div.selected {
    background-color: #f47f20;
    color:white;
}
.school_selected_le_conrainter {
    min-height: 200px;
}
.lower_add_options_contain .schoolStudents-addFieldsRightTop , .lower_add_options_contain .schoolStudents-addFieldsRightBottom{
    width: 48%;
    float:left;
}
.lower_add_options_contain .schoolStudents-addFieldsRightTop
{
    margin-right:10px;
}
.lower_add_options_contain .schoolStudents-addFieldsRightBottom{
    margin-left:10px;
}
.lower_add_options_contain {
    display:block;
    margin-top: 20px;
}
.schoolStudents-addFields-cnt #studentEmail {
    width: 80%;
}
#MulTeacher {
    margin: 0 auto;
    text-align: left;
    width: 80%;
}
.second_popup-width_medium {
    width: 600px;
}
.import_teacher_inner {
    border: 2px solid #D3D3D3;
    display: block;
    max-height: 320px;
    overflow: auto;
    padding: 0 5px;
    min-height: 240px;
}
.import_teacher_result_container {
    display: inline-block;
    width: 100%;
}
.each_import_result_data {
    min-height: 30px;
    padding: 5px 0;
    float: left;
    margin: 2px 0;
    width:100%;
}
.each_import_result_data span {
    padding: 0 10px;
    font-size: 13px;
}
.import_failure
{
    background-color:  #F2DCDE;
}
.import_failure span
{
    color: #BC6569;
}
.import_success
{ 
    color: #33A635;
}
.teacher_notify
{
    display:inline-block;
    width:100%;
    padding: 0px 27px;
}
.teacher_notify img
{
    cursor:pointer;
}
.teacher_notify span
{
    display: inline-block;
    vertical-align: bottom;
}
.schoolClasses-body table td sp
{
    color: #879198;
}
.schoolClass-new_add {
    width: 680px;
}
.schoolClass-new_add .modal-body {
    padding: 0 42px 42px;
}
.schoolClasses-body-th3.teach_version1 {
    width: 42%;
}
.schoolClasses-body-tdCnt1.span_version1 {
    max-width: 80%;
}
/* School adminstrator design */
.adminstrator_newsletter
{
    display:inline-block;
    width:100%;
    padding-top:7px;
}
.admin_data_here .dl-horizontal dt
{
    width:110px;
}
.admin_data_here .dl-horizontal dd
{
    margin-left: 110px;
}
.smaller_screen p {
    display: inline-block;
    padding-left: 5px;
}
.school_yet_closed{
    background-image: url("../images/school-welcome.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 660px;
    padding-top: 245px;
}
.school_yet_closed > span{
    color: #ffffff;
    font-weight: bold;
    padding: 5px 10px;
    border: 1px solid #ffffff;
    border-radius: 4px;
    background-color: #77438b;
}
.teachers_allowed .grayscaleme{
    width: 16px;
}
.teachers_allowed .tooltip-inner{
    min-width: 440px;
}
.my_whole_teachers_here .tooltip.top {
    margin-top: 10px;
}
.vokiSchoolGradeSelect .schoolClasses-headerFilters {
    margin: 7px auto 0;
    width: 90%;
}
.vokiSchoolGradeSelect .schoolClasses-headerFilters .dropdown-menu {
    min-width: 298px;
}
.vokiSchoolGradeSelect .schoolClasses-headerFilters button {
    min-width: 298px;
}
.Not_checked{
    display:none;
}
.featuredAddstyle{
    display: inline-flex;
    margin-top: 20px;
}
.featuredspanStyle{
    display: inline-flex;
    margin-left: 25px;
}
.ARChived_data {
  background-color: #dedddb !important ;
}
.ARChived_data img{
    filter: grayscale(100%);
}


@media screen and (max-width:767px){
    .modal-dialog.medium_width_popup {
        margin: 30px auto;
    }
}


@media screen and (max-width:480px){
    .modal-dialog.medium_width_popup {
        margin: 10px;
        width:auto;
    }
}