.padding-0 {
    padding: 0!important
}

.table-bordered>tbody>tr>td:nth-child(8) .btn {
    width: 100%;
    max-width: 60px;
    display: inline-block;
}

.skiptranslate {
    height: 35px;
    font-size: 0!important
}

.skiptranslate span {
    display: none
}

#google_translate_element {
    display: inline-flex
}

.time-h2 {
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    margin: 25px 0
}

.time-row:after,
.time-row:before {
    content: '';
    display: table;
    clear: both
}

.time-row {
    background: #999;
    margin: 0 -15px;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.time-row:nth-child(even) {
    background: #666
}

.time-col {
    padding: 15px;
    font-size: 20px
}

.time-col-1 {
    flex-basis: 30%;
    max-width: 30%;
    white-space: nowrap
}

.time-col-2 {
    flex-basis: 25%;
    max-width: 25%;
    white-space: nowrap
}

.time-col-3 {
    flex-basis: 25%;
    max-width: 25%;
    white-space: nowrap;
    font-size: x-large
}

.time-col-4 {
    flex-basis: 10%;
    max-width: 10%;
    white-space: nowrap
}

.time-col-5 {
    flex-basis: 10%;
    max-width: 10%;
    white-space: nowrap;
    text-align: right
}

@media(max-width:990px) {
    .time-col-1 {
        flex-basis: 25%;
        max-width: 25%;
        white-space: normal
    }
    .time-col-2 {
        flex-basis: 25%;
        max-width: 25%;
        white-space: normal
    }
    .time-col-3 {
        flex-basis: 20%;
        max-width: 20%;
        white-space: normal
    }
    .time-col-4 {
        flex-basis: 20%;
        max-width: 20%;
        white-space: normal
    }
    .time-col-5 {
        flex-basis: 10%;
        max-width: 10%;
        white-space: normal
    }
}

@media(max-width:600px) {
    .nav-tabs li{
        width: 100%;
    }
    .school-navigations .btn-primary{
        width: 100%;
        margin-bottom: 5px;
    }
    .school-navigations .school-login{
        width: 90%!important;
    }
    .object-fill-cover{
        height: 180px!important;
        margin-bottom: 10px;
    }
    .school-name{
        text-align: center;
    }
    #header .header-nav-main.header-nav-main-light nav>ul>li.logged-in-user>a{
        margin: 5px 0px!important;
       /* text-align: center!important;*/
        max-width: inherit!important;
    }
    .time-col-1 {
        order: 1;
        flex-basis: 50%;
        max-width: 50%
    }
    .time-col-2 {
        order: 3;
        flex-basis: 50%;
        max-width: 50%
    }
    .time-col-3 {
        order: 4;
        flex-basis: 50%;
        max-width: 50%;
        text-align: right
    }
    .time-col-4 {
        order: 5;
        flex-basis: 50%;
        max-width: 50%
    }
    .time-col-5 {
        order: 2;
        flex-basis: 50%;
        max-width: 50%
    }
}

.remove-time-row {
    text-decoration: none;
    color: #ca0101;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    float: right;
    transition: all .4s ease
}

.remove-time-row:hover {
    text-decoration: none;
    background: #ca0101;
    color: #669
}

.form-control-timezone {
    height: 60px;
    box-shadow: none;
    border: 1px solid #282828;
    color: #282828;
    font-size: 19px;
    border-radius: 8px
}

.form-control-timezone::placeholder {
    color: #282828
}

.form-control-timezone:focus {
    box-shadow: none;
    border: 1px solid #282828
}

.pac-item {
    padding: 15px 18px;
    font-size: 15px;
    transition: all .1s ease
}

.pac-item-query {
    font-size: 18px
}

.pac-item-selected,
.pac-item:hover {
    background: #ca0101;
    color: rgba(255, 255, 255, .8);
    cursor: pointer
}

.pac-item-selected .pac-item-query,
.pac-item:hover .pac-item-query {
    color: #fff
}

.pac-container {
    border: 0;
    border-radius: 0;
    font-family: "Open Sans", Arial, sans-serif
}

.pac-icon.pac-icon-marker,
.pac-logo:after {
    display: none
}

.timezone-page {
    margin: 70px auto 70px auto
}

.color-primary {
    color: #ca0101
}

body,
html {
    width: 100%
}

.form-area {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 0 15px
}

#menu ul {
    display: flex;
    list-style: none;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
    padding: 0;
    border-radius: 4px;
    overflow: hidden
}

#menu ul li {
    flex: auto
}

#menu ul li a {
    background: #ca0101;
    color: #fff;
    padding: 8px 8px;
    display: block;
    text-align: center;
    text-decoration: none
}

@media(max-width:990px) {
    #menu ul {
        flex-wrap: wrap
    }
    #menu ul li {
        min-width: calc(100% / 3)
    }
}

@media(max-width:768px) {
    #menu ul li {
        min-width: 50%
    }
}

@media(max-width:600px) {
    #menu ul li {
        min-width: 50%;
        border: 1px solid #fff
    }
}

#menu ul li#menuon a {
    background: #860000
}

.form-control {
    margin-bottom: 5px
}

select.form-control {
    padding: 0
}

select.form-control option {
    padding: 5px
}

.res_div {
    background: #111;
    color: #fff;
    padding: 10px;
    display: block;
    text-align: center;
    margin-top: 15px;
    border-radius: 4px;
    font-weight: 600
}

.mt-3 {
    margin-top: 25px
}

.mb-3 {
    margin-bottom: 25px
}

.abbreviation {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px!important
}

.language_name {
    text-transform: capitalize;
    font-size: 13px!important
}

.language-group a {
    display: block;
    padding: 5px 8px!important;
    border-radius: 4px
}

.language-group a:hover {
    background-color: #f5f5f5
}

.language-group a.active {
    background-color: #f5f5f5
}

.padding-tb-12 {
    padding: 12px 0!important
}

.padding-tb-25 {
    padding: 25px 0
}

.padding-t-25 {
    padding: 25px 0 0 0
}

.margin-tb-25 {
    margin: 50px 0
}

.danger-border {
    border: red solid 5px
}

.success-border {
    border: green solid 5px
}

.wrong-answer {
    background-color: #ca0101!important;
    border-radius: 6px!important
}

.wrong-answer h1,
.wrong-answer h2,
.wrong-answer h3,
.wrong-answer h4 {
    color: #fff!important
}

.right-answer {
    background-color: #008000e6!important;
    border-radius: 6px!important
}

.right-answer h1,
.right-answer h2,
.right-answer h3,
.right-answer h4 {
    color: #fff!important
}

.guess {
    width: 80px;
    border-radius: 3px;
    border-color: grey;
    border-width: 1px;
    text-align: center
}

.test-pass {
    color: #fff;
    background: #00a000
}

.test-fail {
    color: #fff;
    background: red
}

.progress-bar {
    background-color: green
}

.progress-1 {
    width: 6.66%
}

.progress-2 {
    width: 6.66%
}

.progress-3 {
    width: 6.66%
}

.progress-4 {
    width: 6.66%
}

.progress-5 {
    width: 6.66%
}

.progress-6 {
    width: 6.66%
}

.progress-7 {
    width: 6.66%
}

.progress-8 {
    width: 6.66%
}

.progress-9 {
    width: 6.66%
}

.progress-10 {
    width: 6.66%
}

.progress-11 {
    width: 6.66%
}

.progress-12 {
    width: 6.66%
}

.progress-13 {
    width: 6.66%
}

.progress-14 {
    width: 6.66%
}

.progress-15 {
    width: 6.66%
}

.memo-category .active a {
    background-color: #f5f5f5
}

.memo-category>.active>a:hover {
    background-color: #f5f5f5
}

.with-capitalization li {
    text-transform: capitalize
}

.with-capitalization {
    text-transform: capitalize
}

.right-align {
    float: right
}

.ticket-card {
    margin: 16px 0;
    padding: 0;
    background-color: #df4759;
    color: #fff
}

.ticket-card-green {
    background-color: #4BB543!important;
}

/*.ticket-card:hover {
    background-color: #015887
}*/

.ticket-card a {
    color: #fff
}

.ticket-card a:hover {
    color: #f3f3f3
}

.school-card {
    margin: 16px 0;
    padding: 0;
    background-color: #ffffff;
    color: #2c2c2c;
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, .05);
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    font-size: 14px;
}

.school-card:hover {
    background-color: #f5f5f5;
}

.school-card a {
    color: #fff
}

.school-card a:hover {
    color: #f3f3f3
}

.school-card .school {
    padding: 20px
}

.school-card .school p {
    margin-bottom: 0;
    color: #686868;
}
.school-card .school p strong{

}
/* .school-card:hover .school p{
    color: #fff;
} */
.school-card .school-title small {
    display: inline;
    float: right
}

.school-card .school-title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
    color: #4b4b4b;
}

.object-fill-cover{
    object-fit: cover;
    width: 100%;
    height: 100px;
}

/* .school-card:hover .school-title{
    color: #fff;
} */

.padding-0{
    padding: 0px!important;
}

.ticket {
    padding: 15px
}

.ticket p {
    margin-bottom: 0;
    color: #fff;
    display: inline;
}
.ticket p:nth-of-type(2) {
    padding: 0 20px;
    text-align: center;
}

.user-title small {
    display: inline;
    float: right
}

.user-card {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05);
    border-radius: 5px;
    font-size: 14px
}

.user-card .user-title {
    text-transform: uppercase;
    font-weight: 900;
    font-size: 14px;
    margin-bottom: 10px
}

.admin-ticket,
.teacher-ticket,
.user-ticket {
    padding: 12px;
    max-width: 85%;
    min-width: 85%;
    border-radius: 5px;
    margin-bottom: 12px;
    color: #fff
}

.user-ticket {
    background-color: #ca0101
}

.admin-ticket {
    background-color: #015887;
    float: right
}

.teacher-ticket {
    background-color: #2baab1;
    float: right
}

.all-tickets small {
    display: block;
    margin-top: 10px;
    font-size: 11px
}

.swiper-button-next,
.swiper-button-prev {
    top: 6%!important;
    margin-top: 0!important
}

.in-caps {
    text-transform: capitalize
}

.sbm-submenu ul>li.dropdown>a.dropdown-toggle:after {
    top: 3px!important
}

.vocab-height {
    max-height: 330px
}

.forum-page-content {
    padding: 75px 0
}

.forum-page-content .input-group {
    margin-left: 0;
    margin-right: 0
}

@media only screen and (max-width:986px) {
    .mobile-scrollable {
        max-height: 200px;
        overflow-y: scroll
    }
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
        top: 5%!important;
        width: 25px!important;
        height: 21px!important
    }
    .sbm-submenu ul>li.dropdown.dropdown-mega .dropdown-menu {
        max-height: 300px;
        overflow-y: scroll
    }
    .sbm-submenu {
        display: block
    }
    .sbm-main-submenu {
        text-align: center;
        border-bottom: 1px solid #fff
    }
    .vocab-para {
        font-size: 19px!important
    }
    .feature-box .mb-lg {
        margin-bottom: 10px!important
    }
    .feature-box .v_style1 {
        margin-top: 0
    }
    .alphabet-content-page #learn h2,
    .alphabet-content-page #takeatest h2,
    .game-page-content #memogame h2,
    .number-content-page #learn h2,
    .number-content-page #takeatest h2,
    .radio-page-content h2,
    .video-page-content p {
        text-align: center!important
    }
    .radio-page-content .word-rotator-title {
        margin: 0
    }
    .sbm-submenu ul>li.dropdown ul.dropdown-menu li {
        padding: 0!important
    }
    .new-post {
        float: none!important;
        text-align: center;
        margin-bottom: 10px
    }
    .forum-page-content {
        padding: 15px 0!important
    }
    .teacher-sub-header li,
    .teacher-sub-header li a {
        display: block!important
    }
    .dashboard-top-menu .sbm-submenu ul.sbm-main-submenu>li:not(:last-child):after {
        display: none
    }
    .dashboard-top-menu .sbm-submenu ul.sbm-main-submenu>li:not(:last-child) {
        padding-bottom: 0
    }
    .filter-find-teacher .filters-block>ul>li .teacher-dropMenus {
        /* right: 0; */
        left: unset
    }

    .section-padding {    padding: 5px 0;}

    .res_switch{background-color: #ca0101; float: left; width: 100%; }

    .res_switch li:first-child{width: 50%; float: left;}

    .res_switch li:nth-of-type(2) {width: 50%; float: right;}

}

@media only screen and (min-width:987px) {
    .all-right-reserved {
        text-align: right
    }
}

.teacher-intro a {
    color: #727272
}

h1 {
    line-height: 1.1
}
@media screen and (max-width: 768px) {
.form-group.custom-radio {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}
}

@media (max-width:700px) {
    .onlydesktop {
        display: none
    }
}

@media (max-width:500px) {
    .filter-find-teacher .filters-block>ul>li .teacher-dropMenus {
        position: absolute;
    }
    .modal-content{
        width: 90%;
        margin: 0 auto;
    }
}

.trainer-section button.repeatChoice {
    background: #007bff;
    padding: 20px 8px;
    color: #fff;
    font-size: 18px;
    width: 9cm;
    border: 0;
    border-radius: 10px
}

.trainer-section button.continueChoice {
    background: #28a745;
    padding: 20px 8px;
    color: #fff;
    font-size: 18px;
    width: 9cm;
    border: 0;
    border-radius: 10px
}

.initial-part {
    padding-top: 45px
}

.trainer {
    width: 100%;
    height: 200px;
    opacity: 1;
    visibility: inherit;
    z-index: 20
}

.trainer-title {
    color: #fff;
    line-height: 50px
}

.trainer-section {
    padding: 25px 0 70px 0
}

.trainer-section .language-selection .dropdown,
.trainer-section .language-selection h2 {
    display: inline-block
}

.trainer-section .dropdown-toggle {
    box-shadow: 2px 2px 10px #bbb!important
}

.trainer-section .language-selection {
    border-bottom: 2px dotted #000
}

.trainer-section .language-selection h2 {
    font-weight: 500;
    margin-bottom: 0;
    font-size: 18px;
    margin-right: 15px
}

.trainer-section .language-selection .btn-lg {
    border-radius: 3px;
    padding: 6px 16px;
    font-size: 15px;
}

.trainer-section .btn-danger {
    background-color: #dc3545!important
}

.trainer-section .btn-primary {
    background: #007bff!important;
    border-color: #007bff!important
}

.trainer-section .btn-warning {
    background-color: #ffc107!important;
    border-color: #ffc107!important
}

.trainer-section .btn-dark {
    background-color: #2e353e!important
}

.trainer-section .btn-danger,
.trainer-section .btn-dark,
.trainer-section .btn-primary,
.trainer-section .btn-warning {
    margin: 6px 3px;
    min-width: 3.7cm;
    width: 4.5cm;
    padding: 7px!important
}

.trainer-section .btn:hover {
    opacity: .7
}

.trainer-section .next-btn,
.trainer-section .previous-btn {
    background-color: #000;
    color: #fff
}

.trainer-section .copyright {
    color: #656565;
    font-size: 12px
}
.trainer{
    background-position: center!important;
    background-size: cover;
}
.trainer-title{
    text-align: center;
    font-size: 33px;
    line-height: 1.2;
    color: #fff;
    text-shadow: 2px 2px 5px #000;
    font-weight: bold;
}
.filter-find-teacher{
    padding-bottom: 12px;
    border-bottom: 1px solid #d2d2d2;
}
.trainer-section .btn-danger, .trainer-section .btn-dark, .trainer-section .btn-primary, .trainer-section .btn-warning{
    box-shadow: 2px 2px 10px #bbb !important;
}
.trainer .scrollable-menu{
    max-height: 300px;
    overflow-y: scroll;
}
.trainer #i-speak strong{
    text-transform: uppercase;
}
.trainer #want-to-speak strong{
    text-transform: uppercase;
}
.trainer #more-translation strong{
    text-transform: uppercase;
}
.trainer #to_lang_phrase{
    color: cadetblue;
}
.trainer hr{
    margin: 10px 0!important;
}
.ajs-error {
    background-color: #dc3545!important;
    color: #fff!important;
}
.ajs-success {
    background-color: #28a745!important;
    color: #fff!important;
}
@media only screen and (max-width: 320px) {
    a.find-tutor-btn {
    font-size: 12px;
}
a.profile-switch-btn {
    font-size: 12px;
}
ul.sbm-main-submenu.teacher-sub-header.res_switch li {
    margin: 0 0;
    padding: 0;
}
.dashboard-main-section {
    padding: 6px 0 40px;
}
.profile-side-block .profile-card {
    padding: 10px 12px;
}
ul.profile-side-menu li a {
    font-size: 12px;
    padding: 2px 14px;
}
.dashboard-content-block .sbm-panel-header {
    padding: 6px 0;
}
.sbm-panel-body {
    padding: 8px 0 0;
}
}
.teache_1{
    background-color: #73757963;
}