:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS */@font-face {
    font-family: 'tutor';
    src:
            url('../font/tutor.ttf?cokwi4') format('truetype'),
            url('../font/tutor.woff?cokwi4') format('woff'),
            url('../font/tutor.svg?cokwi4#tutor') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="tutor-icon-"], [class*=" tutor-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'tutor' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/**
Animation Spinner
 */
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/**
 * Icon Contents
 */

.tutor-icon-share:before {
    content: "\e9a8";
}
.tutor-icon-download:before {
    content: "\e9a9";
}
.tutor-icon-copy:before {
    content: "\e9aa";
}
.tutor-icon-down:before {
    content: "\e900";
}
.tutor-icon-up:before {
    content: "\e901";
}
.tutor-icon-angle-up:before {
    content: "\e902";
}
.tutor-icon-angle-right:before {
    content: "\e903";
}
.tutor-icon-audio-volume:before {
    content: "\e904";
}
.tutor-icon-clock:before {
    content: "\e905";
}
.tutor-icon-document-alt:before {
    content: "\e906";
}
.tutor-icon-facebook:before {
    content: "\e907";
}
.tutor-icon-fav-full:before {
    content: "\e908";
}
.tutor-icon-fav-line:before {
    content: "\e909";
}
.tutor-icon-google:before {
    content: "\e90a";
}
.tutor-icon-grid:before {
    content: "\e90b";
}
.tutor-icon-group:before {
    content: "\e90c";
}
.tutor-icon-linkedin:before {
    content: "\e90d";
}
.tutor-icon-lock:before {
    content: "\e90e";
}
.tutor-icon-mark:before {
    content: "\e90f";
}
.tutor-icon-minus:before {
    content: "\e910";
}
.tutor-icon-mortarboard:before {
    content: "\e911";
}
.tutor-icon-offer:before {
    content: "\e912";
}
.tutor-icon-cross:before {
    content: "\e913";
}
.tutor-icon-plus:before {
    content: "\e914";
}
.tutor-icon-shopping-cart:before {
    content: "\e915";
}
.tutor-icon-star-full:before {
    content: "\e916";
}
.tutor-icon-star-half:before {
    content: "\e917";
}
.tutor-icon-star-line:before {
    content: "\e918";
}
.tutor-icon-tumblr:before {
    content: "\e919";
}
.tutor-icon-twitter:before {
    content: "\e91a";
}
.tutor-icon-user:before {
    content: "\e91b";
}
.tutor-icon-youtube:before {
    content: "\e91c";
}
.tutor-icon-spinner:before {
    content: "\e91d";
}
.tutor-icon-file:before {
    content: "\e91e";
}
.tutor-icon-doubt:before {
    content: "\e91f";
}
.tutor-icon-angle-down:before {
    content: "\e920";
}
.tutor-icon-angle-left:before {
    content: "\e921";
}
.tutor-icon-default:before {
    content: "\e922";
}
.tutor-icon-artboard:before {
    content: "\e923";
}
.tutor-icon-clipboard:before {
    content: "\e924";
}
.tutor-icon-audio:before {
    content: "\e925";
}
.tutor-icon-professor:before {
    content: "\e926";
}
.tutor-icon-interactive:before {
    content: "\e927";
}
.tutor-icon-graduate:before {
    content: "\e928";
}
.tutor-icon-student:before {
    content: "\e929";
}
.tutor-icon-magnifying-glass-1:before {
    content: "\e92a";
}
.tutor-icon-code:before {
    content: "\e92b";
}
.tutor-icon-review:before {
    content: "\e92c";
}
.tutor-icon-calendar:before {
    content: "\e92d";
}
.tutor-icon-open-book-1:before {
    content: "\e92e";
}
.tutor-icon-image:before {
    content: "\e92f";
}
.tutor-icon-spreadsheet:before {
    content: "\e930";
}
.tutor-icon-text:before {
    content: "\e931";
}
.tutor-icon-document:before {
    content: "\e932";
}
.tutor-icon-video:before {
    content: "\e933";
}
.tutor-icon-conversation-1:before {
    content: "\e934";
}
.tutor-icon-archive:before {
    content: "\e935";
}
.tutor-icon-manual:before {
    content: "\e936";
}
.tutor-icon-light-up:before {
    content: "\e937";
}
.tutor-icon-light-down:before {
    content: "\e938";
}
.tutor-icon-light-right:before {
    content: "\e939";
}
.tutor-icon-light-left:before {
    content: "\e93a";
}
.tutor-icon-pencil:before {
    content: "\e93b";
}
.tutor-icon-man-user:before {
    content: "\e93c";
}
.tutor-icon-move:before {
    content: "\e93d";
}
.tutor-icon-list:before {
    content: "\e93e";
}
.tutor-icon-speaker:before {
    content: "\e93f";
}
.tutor-icon-video-camera:before {
    content: "\e940";
}
.tutor-icon-garbage:before {
    content: "\e941";
}
.tutor-icon-add-line:before {
    content: "\e942";
}
.tutor-icon-cup:before {
    content: "\e943";
}
.tutor-icon-next-2:before {
    content: "\e944";
}
.tutor-icon-next2:before {
    content: "\e945";
}
.tutor-icon-menu-2:before {
    content: "\e946";
}
.tutor-icon-question-2:before {
    content: "\e947";
}
.tutor-icon-question-1:before {
    content: "\e948";
}
.tutor-icon-education:before {
    content: "\e949";
}
.tutor-icon-answer-shorting:before {
    content: "\e94a";
}
.tutor-icon-assesment:before {
    content: "\e94b";
}
.tutor-icon-fill-gaps:before {
    content: "\e94c";
}
.tutor-icon-matching:before {
    content: "\e94d";
}
.tutor-icon-multiple-choice:before {
    content: "\e94e";
}
.tutor-icon-open-ended:before {
    content: "\e94f";
}
.tutor-icon-ordering:before {
    content: "\e950";
}
.tutor-icon-yes-no:before {
    content: "\e951";
}
.tutor-icon-line-cross:before {
    content: "\e952";
}
.tutor-icon-filter-tool-black-shape:before {
    content: "\e953";
}
.tutor-icon-plus-square-button:before {
    content: "\e954";
}
.tutor-icon-settings-1:before {
    content: "\e955";
}
.tutor-icon-image-matching:before {
    content: "\e956";
}
.tutor-icon-menu:before {
    content: "\e957";
}
.tutor-icon-image1:before {
    content: "\e958";
}
.tutor-icon-image-ans:before {
    content: "\e959";
}
.tutor-icon-short-ans:before {
    content: "\e95a";
}
.tutor-icon-gallery:before {
    content: "\e95b";
}
.tutor-icon-emoji:before {
    content: "\e95c";
}
.tutor-icon-text-document-add-button-with-plus-sign:before {
    content: "\e95d";
}
.tutor-icon-checkbox-pen-outline:before {
    content: "\e95e";
}
.tutor-icon-warning-2:before {
    content: "\e95f";
}
.tutor-icon-wallet-filled-money-tool:before {
    content: "\e960";
}
.tutor-icon-settings-11:before {
    content: "\e961";
}
.tutor-icon-sign-out-option:before {
    content: "\e962";
}
.tutor-icon-man-user-1:before {
    content: "\e963";
}
.tutor-icon-shopping-cart-2:before {
    content: "\e964";
}
.tutor-icon-space:before {
    content: "\e965";
}
.tutor-icon-refresh-button-1:before {
    content: "\e966";
}
.tutor-icon-notifications-button:before {
    content: "\e967";
}
.tutor-icon-dashboard:before {
    content: "\e968";
}
.tutor-icon-college-graduation:before {
    content: "\e969";
}
.tutor-icon-black-back-closed-envelope-shape:before {
    content: "\e96a";
}
.tutor-icon-badge:before {
    content: "\e96b";
}
.tutor-icon-light-bulb:before {
    content: "\e96c";
}
.tutor-icon-ai:before {
    content: "\e96d";
}
.tutor-icon-avi:before {
    content: "\e96e";
}
.tutor-icon-css:before {
    content: "\e96f";
}
.tutor-icon-csv:before {
    content: "\e970";
}
.tutor-icon-dbf:before {
    content: "\e971";
}
.tutor-icon-doc:before {
    content: "\e972";
}
.tutor-icon-dwg:before {
    content: "\e973";
}
.tutor-icon-exe:before {
    content: "\e974";
}
.tutor-icon-iso:before {
    content: "\e975";
}
.tutor-icon-javascript:before {
    content: "\e976";
}
.tutor-icon-json-file:before {
    content: "\e977";
}
.tutor-icon-mp4:before {
    content: "\e978";
}
.tutor-icon-png:before {
    content: "\e979";
}
.tutor-icon-ppt:before {
    content: "\e97a";
}
.tutor-icon-psd:before {
    content: "\e97b";
}
.tutor-icon-rtf:before {
    content: "\e97c";
}
.tutor-icon-txt:before {
    content: "\e97d";
}
.tutor-icon-xls:before {
    content: "\e97e";
}
.tutor-icon-xml:before {
    content: "\e97f";
}
.tutor-icon-jpg:before {
    content: "\e980";
}
.tutor-icon-mp3:before {
    content: "\e981";
}
.tutor-icon-pdf:before {
    content: "\e982";
}
.tutor-icon-svg:before {
    content: "\e983";
}
.tutor-icon-zip-2:before {
    content: "\e984";
}
.tutor-icon-calendar-1:before {
    content: "\e985";
}
.tutor-icon-glasses:before {
    content: "\e986";
}
.tutor-icon-add-friend:before {
    content: "\e987";
}
.tutor-icon-attach:before {
    content: "\e988";
}
.tutor-icon-search-file:before {
    content: "\e989";
}
.tutor-icon-upload-file:before {
    content: "\e98a";
}
.tutor-icon-assignment:before {
    content: "\e98b";
}
.tutor-icon-feedback:before {
    content: "\e98c";
}
.tutor-icon-purchase:before {
    content: "\e98d";
}
.tutor-icon-uoload-success:before {
    content: "\e98e";
}
.tutor-icon-coding:before {
    content: "\e98f";
}
.tutor-icon-vimeo:before {
    content: "\e990";
}
.tutor-icon-link:before {
    content: "\e991";
}
.tutor-icon-html5:before {
    content: "\e992";
}
.tutor-icon-upload:before {
    content: "\e993";
}
.tutor-icon-save:before {
    content: "\e994";
}
.tutor-icon-photo-add:before {
    content: "\e995";
}
.tutor-icon-add-group:before {
    content: "\e996";
}
.tutor-icon-myspace:before {
    content: "\e997";
}
.tutor-icon-soundcloud:before {
    content: "\e998";
}
.tutor-icon-blogger:before {
    content: "\e999";
}
.tutor-icon-google-drive:before {
    content: "\e99a";
}
.tutor-icon-skype:before {
    content: "\e99b";
}
.tutor-icon-yelp:before {
    content: "\e99c";
}
.tutor-icon-dribbble:before {
    content: "\e99d";
}
.tutor-icon-flickr:before {
    content: "\e99e";
}
.tutor-icon-snapchat:before {
    content: "\e99f";
}
.tutor-icon-classic-editor:before {
    content: "\e9a0";
}
.tutor-icon-html:before {
    content: "\e9a1";
}
.tutor-icon-reddit:before {
    content: "\e9a2";
}
.tutor-icon-spotify:before {
    content: "\e9a3";
}
.tutor-icon-earth:before {
    content: "\e9a4";
}
.tutor-icon-github-logo:before {
    content: "\e9a5";
}
.tutor-icon-instagram:before {
    content: "\e9a6";
}
.tutor-icon-home:before {
    content: "\e9a7";
}
@keyframes plyr-progress {
    to {
        background-position:25px 0
    }
}

@keyframes plyr-popup {
    0% {
        opacity: .5;
        transform:translateY(10px)
    }

    to {
        opacity: 1;
        transform:translateY(0)
    }
}

@keyframes plyr-fade-in {
    from {
        opacity:0
    }

    to {
        opacity:1
    }
}

.plyr {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    direction: ltr;
    font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    line-height: 1.7;
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    transition:box-shadow .3s ease
}

.plyr audio, .plyr video {
    border-radius: inherit;
    height: auto;
    vertical-align: middle;
    width:100%
}

.plyr button {
    font: inherit;
    line-height: inherit;
    width:auto
}

.plyr:focus {
    outline:0
}

.plyr--full-ui {
    box-sizing:border-box
}

.plyr--full-ui *, .plyr--full-ui ::after, .plyr--full-ui ::before {
    box-sizing:inherit
}

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
    touch-action:manipulation
}

.plyr__badge {
    background: #4f5b5f;
    border-radius: 2px;
    color: #fff;
    font-size: 9px;
    line-height: 1;
    padding:3px 4px
}

.plyr--full-ui ::-webkit-media-text-track-container {
    display:none
}

.plyr__captions {
    animation: plyr-fade-in .3s ease;
    bottom: 0;
    color: #fff;
    display: none;
    font-size: 14px;
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    transition: transform .4s ease-in-out;
    width:100%
}

.plyr__captions .plyr__caption {
    background: rgba(0, 0, 0, .8);
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 185%;
    padding: .2em .5em;
    white-space:pre-wrap
}

.plyr__captions .plyr__caption div {
    display:inline
}

.plyr__captions span:empty {
    display:none
}

@media (min-width: 480px) {
    .plyr__captions {
        font-size: 16px;
        padding:20px
    }
}

@media (min-width: 768px) {
    .plyr__captions {
        font-size:18px
    }
}

.plyr--captions-active .plyr__captions {
    display:block
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
    transform:translateY(-40px)
}

.plyr__control {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    color: inherit;
    cursor: pointer;
    flex-shrink: 0;
    overflow: visible;
    padding: 7px;
    position: relative;
    transition:all .3s ease
}

.plyr__control svg {
    display: block;
    fill: currentColor;
    height: 18px;
    pointer-events: none;
    width:18px
}

.plyr__control:focus {
    outline:0
}

.plyr__control.plyr__tab-focus {
    box-shadow: 0 0 0 5px rgba(26, 175, 255, .5);
    outline:0
}

.plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed {
    display:none
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    background: #1aafff;
    color:#fff
}

.plyr--video .plyr__control svg {
    filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .15))
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: #1aafff;
    color:#fff
}

.plyr__control--overlaid {
    background: rgba(26, 175, 255, .8);
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    color: #fff;
    display: none;
    left: 50%;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index:2
}

.plyr__control--overlaid svg {
    height: 20px;
    left: 2px;
    position: relative;
    width:20px
}

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
    background:#1aafff
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility:hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display:block
}

.plyr--full-ui ::-webkit-media-controls {
    display:none
}

.plyr__controls {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    text-align:center
}

.plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control {
    margin-left:5px
}

.plyr__controls .plyr__menu + .plyr__control, .plyr__controls .plyr__progress + .plyr__control, .plyr__controls > .plyr__control + .plyr__control, .plyr__controls > .plyr__control + .plyr__menu {
    margin-left:2px
}

.plyr__controls > .plyr__control:first-child, .plyr__controls > .plyr__control:first-child + [data-plyr=pause] {
    margin-left: 0;
    margin-right:auto
}

.plyr__controls:empty {
    display:none
}

@media (min-width: 480px) {
    .plyr__controls .plyr__menu, .plyr__controls .plyr__progress, .plyr__controls .plyr__time, .plyr__controls .plyr__volume, .plyr__controls > .plyr__control {
        margin-left:10px
    }
}

.plyr--audio .plyr__controls {
    background: #fff;
    border-radius: inherit;
    color: #4f5b5f;
    padding:10px
}

.plyr--video .plyr__controls {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .7));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 20px 5px 5px;
    position: absolute;
    right: 0;
    transition: opacity .4s ease-in-out, transform .4s ease-in-out;
    z-index:3
}

@media (min-width: 480px) {
    .plyr--video .plyr__controls {
        padding:35px 10px 10px
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    transform:translateY(100%)
}

.plyr [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip] {
    display:none
}

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
    display:inline-block
}

.plyr__video-embed {
    height: 0;
    padding-bottom: 56.25%;
    position:relative
}

.plyr__video-embed iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:100%
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
    padding-bottom: 240%;
    position: relative;
    transform:translateY(-38.28125%)
}

.plyr__menu {
    display: flex;
    position:relative
}

.plyr__menu .plyr__control svg {
    transition:transform .3s ease
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
    transform:rotate(90deg)
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
    display:none
}

.plyr__menu__container {
    animation: plyr-popup .2s ease;
    background: rgba(255, 255, 255, .9);
    border-radius: 4px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #4f5b5f;
    font-size: 16px;
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index:3
}

.plyr__menu__container > div {
    overflow: hidden;
    transition:height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
}

.plyr__menu__container::after {
    border: 4px solid transparent;
    border-top-color: rgba(255, 255, 255, .9);
    content: '';
    height: 0;
    position: absolute;
    right: 15px;
    top: 100%;
    width:0
}

.plyr__menu__container [role=menu] {
    padding:7px
}

.plyr__menu__container [role=menuitem], .plyr__menu__container [role=menuitemradio] {
    margin-top:2px
}

.plyr__menu__container [role=menuitem]:first-child, .plyr__menu__container [role=menuitemradio]:first-child {
    margin-top:0
}

.plyr__menu__container .plyr__control {
    align-items: center;
    color: #4f5b5f;
    display: flex;
    font-size: 14px;
    padding: 4px 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:100%
}

.plyr__menu__container .plyr__control > span {
    align-items: inherit;
    display: flex;
    width:100%
}

.plyr__menu__container .plyr__control::after {
    border: 4px solid transparent;
    content: '';
    position: absolute;
    top: 50%;
    transform:translateY(-50%)
}

.plyr__menu__container .plyr__control--forward {
    padding-right:28px
}

.plyr__menu__container .plyr__control--forward::after {
    border-left-color: rgba(79, 91, 95, .8);
    right:5px
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
    border-left-color:currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: 500;
    margin: 7px;
    margin-bottom: 3px;
    padding-left: 28px;
    position: relative;
    width:calc(100% - 14px)
}

.plyr__menu__container .plyr__control--back::after {
    border-right-color: rgba(79, 91, 95, .8);
    left:7px
}

.plyr__menu__container .plyr__control--back::before {
    background: #b7c5cd;
    box-shadow: 0 1px 0 #fff;
    content: '';
    height: 1px;
    left: 0;
    margin-top: 4px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top:100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
    border-right-color:currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left:7px
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after, .plyr__menu__container .plyr__control[role=menuitemradio]::before {
    border-radius:100%
}

.plyr__menu__container .plyr__control[role=menuitemradio]::before {
    background: rgba(0, 0, 0, .1);
    content: '';
    display: block;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    transition: all .3s ease;
    width:16px
}

.plyr__menu__container .plyr__control[role=menuitemradio]::after {
    background: #fff;
    border: 0;
    height: 6px;
    left: 12px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transition: transform .3s ease, opacity .3s ease;
    width:6px
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
    background:#1aafff
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
    opacity: 1;
    transform:translateY(-50%) scale(1)
}

.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
    background:rgba(0, 0, 0, .1)
}

.plyr__menu__container .plyr__menu__value {
    align-items: center;
    display: flex;
    margin-left: auto;
    margin-right: -5px;
    overflow: hidden;
    padding-left: 25px;
    pointer-events:none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 28px;
    color: #1aafff;
    display: block;
    height: 20px;
    margin: 0;
    padding: 0;
    transition: box-shadow .3s ease;
    width:100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    height: 6px;
    transition: box-shadow .3s ease;
    -webkit-user-select: none;
    user-select: none;
    background-image:linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0))
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
    height: 14px;
    position: relative;
    transition: all .2s ease;
    width: 14px;
    -webkit-appearance: none;
    margin-top:-4px
}

.plyr--full-ui input[type=range]::-moz-range-track {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    height: 6px;
    transition: box-shadow .3s ease;
    -moz-user-select: none;
    user-select:none
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
    height: 14px;
    position: relative;
    transition: all .2s ease;
    width:14px
}

.plyr--full-ui input[type=range]::-moz-range-progress {
    background: currentColor;
    border-radius: 3px;
    height:6px
}

.plyr--full-ui input[type=range]::-ms-track {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    height: 6px;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    color:transparent
}

.plyr--full-ui input[type=range]::-ms-fill-upper {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    height: 6px;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select:none
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
    background: 0 0;
    border: 0;
    border-radius: 3px;
    height: 6px;
    transition: box-shadow .3s ease;
    -ms-user-select: none;
    user-select: none;
    background:currentColor
}

.plyr--full-ui input[type=range]::-ms-thumb {
    background: #fff;
    border: 0;
    border-radius: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2);
    height: 14px;
    position: relative;
    transition: all .2s ease;
    width: 14px;
    margin-top:0
}

.plyr--full-ui input[type=range]::-ms-tooltip {
    display:none
}

.plyr--full-ui input[type=range]:focus {
    outline:0
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
    border:0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 5px rgba(26, 175, 255, .5);
    outline:0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 5px rgba(26, 175, 255, .5);
    outline:0
}

.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 5px rgba(26, 175, 255, .5);
    outline:0
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color:rgba(255, 255, 255, .25)
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color:rgba(255, 255, 255, .25)
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color:rgba(255, 255, 255, .25)
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    box-shadow:0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5)
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow:0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5)
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow:0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(255, 255, 255, .5)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color:rgba(183, 197, 205, .66)
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color:rgba(183, 197, 205, .66)
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color:rgba(183, 197, 205, .66)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    box-shadow:0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow:0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow:0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(47, 52, 61, .2), 0 0 0 3px rgba(0, 0, 0, .1)
}

.plyr__poster {
    background-color: #000;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease;
    width: 100%;
    z-index:1
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    opacity:1
}

.plyr__time {
    font-size:14px
}

.plyr__time + .plyr__time::before {
    content: '\2044';
    margin-right:10px
}

@media (max-width: 767px) {
    .plyr__time + .plyr__time {
        display:none
    }
}

.plyr--video .plyr__time {
    text-shadow:0 1px 1px rgba(0, 0, 0, .15)
}

.plyr__tooltip {
    background: rgba(255, 255, 255, .9);
    border-radius: 3px;
    bottom: 100%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    color: #4f5b5f;
    font-size: 14px;
    font-weight: 500;
    left: 50%;
    line-height: 1.3;
    margin-bottom: 10px;
    opacity: 0;
    padding: 5px 7.5px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 10px) scale(.8);
    transform-origin: 50% 100%;
    transition: transform .2s .1s ease, opacity .2s .1s ease;
    white-space: nowrap;
    z-index:2
}

.plyr__tooltip::before {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(255, 255, 255, .9);
    bottom: -4px;
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 0;
    z-index:2
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
    opacity: 1;
    transform:translate(-50%, 0) scale(1)
}

.plyr .plyr__control:hover .plyr__tooltip {
    z-index:3
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
    left: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin:0 100%
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip::before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
    left:16px
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
    left: auto;
    right: 0;
    transform: translate(0, 10px) scale(.8);
    transform-origin:100% 100%
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
    left: auto;
    right: 16px;
    transform:translateX(50%)
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
    transform:translate(0, 0) scale(1)
}

.plyr--video {
    background: #000;
    overflow:hidden
}

.plyr--video.plyr--menu-open {
    overflow:visible
}

.plyr__video-wrapper {
    background: #000;
    border-radius: inherit;
    overflow: hidden;
    position: relative;
    z-index:0
}

.plyr__progress {
    flex: 1;
    left: 7px;
    margin-right: 14px;
    position:relative
}

.plyr__progress input[type=range], .plyr__progress__buffer {
    margin-left: -7px;
    margin-right: -7px;
    width:calc(100% + 14px)
}

.plyr__progress input[type=range] {
    position: relative;
    z-index:2
}

.plyr__progress .plyr__tooltip {
    font-size: 14px;
    left:0
}

.plyr__progress__buffer {
    -webkit-appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 100px;
    height: 6px;
    left: 0;
    margin-top: -3px;
    padding: 0;
    position: absolute;
    top:50%
}

.plyr__progress__buffer::-webkit-progress-bar {
    background: 0 0;
    transition:width .2s ease
}

.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    min-width:6px
}

.plyr__progress__buffer::-moz-progress-bar {
    background: currentColor;
    border-radius: 100px;
    min-width: 6px;
    transition:width .2s ease
}

.plyr__progress__buffer::-ms-fill {
    border-radius: 100px;
    transition:width .2s ease
}

.plyr--video .plyr__progress__buffer {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    color:rgba(255, 255, 255, .25)
}

.plyr--audio .plyr__progress__buffer {
    color:rgba(183, 197, 205, .66)
}

.plyr--loading .plyr__progress__buffer {
    animation: plyr-progress 1s linear infinite;
    background-image: linear-gradient(-45deg, rgba(47, 52, 61, .6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, .6) 50%, rgba(47, 52, 61, .6) 75%, transparent 75%, transparent);
    background-repeat: repeat-x;
    background-size: 25px 25px;
    color:transparent
}

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color:rgba(255, 255, 255, .25)
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color:rgba(183, 197, 205, .66)
}

.plyr__volume {
    align-items: center;
    display: flex;
    flex: 1;
    position:relative
}

.plyr__volume input[type=range] {
    margin-left: 5px;
    position: relative;
    z-index:2
}

@media (min-width: 480px) {
    .plyr__volume {
        max-width:90px
    }
}

@media (min-width: 768px) {
    .plyr__volume {
        max-width:110px
    }
}

.plyr--is-ios .plyr__volume {
    display:none !important
}

.plyr--is-ios.plyr--vimeo [data-plyr=mute] {
    display:none !important
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width:100%
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width:100%
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width:100%
}

.plyr:fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width:100%
}

.plyr:-webkit-full-screen video {
    height:100%
}

.plyr:-moz-full-screen video {
    height:100%
}

.plyr:-ms-fullscreen video {
    height:100%
}

.plyr:fullscreen video {
    height:100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    width:100%
}

.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    width:100%
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    width:100%
}

.plyr:fullscreen .plyr__video-wrapper {
    height: 100%;
    width:100%
}

.plyr:-webkit-full-screen .plyr__video-embed {
    overflow:visible
}

.plyr:-moz-full-screen .plyr__video-embed {
    overflow:visible
}

.plyr:-ms-fullscreen .plyr__video-embed {
    overflow:visible
}

.plyr:fullscreen .plyr__video-embed {
    overflow:visible
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform:translateY(-50%)
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform:translateY(-50%)
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform:translateY(-50%)
}

.plyr:fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform:translateY(-50%)
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display:block
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display:block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display:block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display:block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display:none
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display:none
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display:none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display:none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor:none
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor:none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor:none
}

.plyr:fullscreen.plyr--hide-controls {
    cursor:none
}

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size:21px
    }

    .plyr:-moz-full-screen .plyr__captions {
        font-size:21px
    }

    .plyr:-ms-fullscreen .plyr__captions {
        font-size:21px
    }

    .plyr:fullscreen .plyr__captions {
        font-size:21px
    }
}

.plyr:-webkit-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width:100%
}

.plyr:-webkit-full-screen video {
    height:100%
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
    height: 100%;
    width:100%
}

.plyr:-webkit-full-screen .plyr__video-embed {
    overflow:visible
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform:translateY(-50%)
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
    display:block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display:none
}

.plyr:-webkit-full-screen.plyr--hide-controls {
    cursor:none
}

@media (min-width: 1024px) {
    .plyr:-webkit-full-screen .plyr__captions {
        font-size:21px
    }
}

.plyr:-moz-full-screen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width:100%
}

.plyr:-moz-full-screen video {
    height:100%
}

.plyr:-moz-full-screen .plyr__video-wrapper {
    height: 100%;
    width:100%
}

.plyr:-moz-full-screen .plyr__video-embed {
    overflow:visible
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform:translateY(-50%)
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
    display:block
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
    display:none
}

.plyr:-moz-full-screen.plyr--hide-controls {
    cursor:none
}

@media (min-width: 1024px) {
    .plyr:-moz-full-screen .plyr__captions {
        font-size:21px
    }
}

.plyr:-ms-fullscreen {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width:100%
}

.plyr:-ms-fullscreen video {
    height:100%
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
    height: 100%;
    width:100%
}

.plyr:-ms-fullscreen .plyr__video-embed {
    overflow:visible
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform:translateY(-50%)
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display:block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
    display:none
}

.plyr:-ms-fullscreen.plyr--hide-controls {
    cursor:none
}

@media (min-width: 1024px) {
    .plyr:-ms-fullscreen .plyr__captions {
        font-size:21px
    }
}

.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    height: 100%;
    margin: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index:10000000
}

.plyr--fullscreen-fallback video {
    height:100%
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
    height: 100%;
    width:100%
}

.plyr--fullscreen-fallback .plyr__video-embed {
    overflow:visible
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
    height: 0;
    top: 50%;
    transform:translateY(-50%)
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display:block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
    display:none
}

.plyr--fullscreen-fallback.plyr--hide-controls {
    cursor:none
}

@media (min-width: 1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size:21px
    }
}

.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index:-1
}

.plyr__ads > div, .plyr__ads > div iframe {
    height: 100%;
    position: absolute;
    width:100%
}

.plyr__ads::after {
    background: rgba(47, 52, 61, .8);
    border-radius: 2px;
    bottom: 10px;
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    z-index:3
}

.plyr__ads::after:empty {
    display:none
}

.plyr__cues {
    background: currentColor;
    display: block;
    height: 6px;
    left: 0;
    margin: -3px 0 0;
    opacity: .8;
    position: absolute;
    top: 50%;
    width: 3px;
    z-index:3
}

.plyr--no-transition {
    transition:none !important
}

.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important;
    width:1px !important
}

.plyr [hidden] {
    display: none !important
}

:root {
    --tutor-primary-color: #1B52D8;
    --tutor-primary-hover-color: #1b52a9;
    --tutor-text-color: #4B5981;
    --tutor-light-color: #B1B8C9;
    --tutor-success-button-color: #4BD863;
    --tutor-text-size: 16px
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

.tutor-wrap {
    color:var(--tutor-text-color)
}

.tutor-wrap img {
    max-width: 100%;
    height:auto
}

.tutor-custom-list-style {
    list-style: none;
    margin: 0;
    padding:0
}

.tutor-custom-list-style li {
    position: relative;
    margin-bottom: 5px;
    line-height: 30px;
    padding-left:25px
}

.tutor-custom-list-style li:before {
    content: "";
    position: absolute;
    left: 0;
    font-family: "tutor";
    color:var(--tutor-primary-color)
}

.ui-slider {
    position: relative;
    text-align:left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 15px;
    top: -6.5px;
    cursor:pointer
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position:0 0
}

.ui-slider-horizontal {
    height:.8em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height:100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left:0
}

.ui-slider-horizontal .ui-slider-range-max {
    right:0
}

.ui-slider-vertical {
    width: .8em;
    height:100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -0.3em;
    margin-left: 0;
    margin-bottom:-0.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width:100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom:0
}

.ui-slider-vertical .ui-slider-range-max {
    top:0
}

.tutor-styled-radio > span {
    position: relative;
    padding-left: 30px;
    cursor:pointer
}

.tutor-styled-radio > span::before {
    content: "";
    height: 18px;
    width: 18px;
    background: #f1f3f7;
    border: 1px solid #dcdfe5;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    left: 0;
    box-sizing: border-box;
    transition:200ms
}

.tutor-styled-radio > input {
    display:none !important
}

.tutor-styled-radio > input:checked + span::before {
    border:5px solid var(--tutor-primary-color)
}

.tutor-container {
    padding-left: 15px;
    padding-right: 15px;
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    width:100%
}

.tutor-container.tutor-fluid {
    max-width:100%
}

.tutor-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left:-15px
}

.tutor-col-auto, .tutor-col, .tutor-col-3, .tutor-col-4, .tutor-col-5, .tutor-col-6, .tutor-col-7, .tutor-col-8, .tutor-col-9, .tutor-col-12 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left:15px
}

.tutor-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width:100%
}

.tutor-col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width:none
}

.tutor-col-3 {
    flex: 0 0 25%;
    max-width:25%
}

.tutor-col-4 {
    flex: 0 0 33.333333%;
    max-width:33.333333%
}

.tutor-col-5 {
    flex: 0 0 41.666667%;
    max-width:41.666667%
}

.tutor-col-6 {
    flex: 0 0 50%;
    max-width:50%
}

.tutor-col-7 {
    flex: 0 0 58.333333%;
    max-width:58.333333%
}

.tutor-col-8 {
    flex: 0 0 66.666666%;
    max-width:66.666666%
}

.tutor-col-9 {
    flex: 0 0 75%;
    max-width:75%
}

.tutor-col-12 {
    flex: 0 0 100%;
    max-width:100%
}

.tutor-align-items-center {
    align-items:center
}

@media (max-width: 991px) {
    .tutor-col-auto, .tutor-col, .tutor-col-3, .tutor-col-4, .tutor-col-6, .tutor-col-8, .tutor-col-9 {
        flex: 0 0 50%;
        max-width:50%
    }

    .tutor-col-md-100 {
        flex: 0 0 100%;
        max-width:100%
    }
}

@media (max-width: 767px) {
    .tutor-col-auto, .tutor-col, .tutor-col-3, .tutor-col-4, .tutor-col-6, .tutor-col-8, .tutor-col-9 {
        flex: 0 0 100%;
        max-width:100%
    }
}

.tutor-segment-title, .tutor-single-course-segment .tutor-segment-title {
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    margin-bottom: 13px;
    color:#000
}

.tutor-single-course-segment {
    margin-bottom:45px
}

.tutor-full-width-course-top h4, .tutor-full-width-course-top h5, .tutor-full-width-course-top h6 {
    color: #000;
    font-weight:500
}

.tutor-full-width-course-top h6 {
    font-size:14px
}

.tutor-leadinfo-top-meta {
    font-size: 14px;
    margin-bottom:10px
}

.tutor-leadinfo-top-meta span {
    display: inline-block;
    margin-right:10px
}

.tutor-leadinfo-top-meta span i::before {
    margin-left:0
}

.tutor-leadinfo-top-meta i {
    margin-right:4px
}

.tutor-single-course-rating {
    color: #f8c51c;
    font-size:16px
}

.tutor-single-course-rating .tutor-single-rating-count {
    color: var(--tutor-text-color);
    font-weight:500
}

.tutor-single-course-rating .tutor-single-rating-count i {
    color: var(--tutor-light-color);
    font-style: normal;
    display: inline-block;
    margin-left:4px
}

.tutor-course-header-h1 {
    font-size: 36px;
    line-height: 46px;
    color: var(--tutor-text-color);
    font-weight: 500;
    margin: 0 0 29px;
    padding:0
}

@media (max-width: 767px) {
    .tutor-course-header-h1 {
        font-size: 26px;
        line-height:36px
    }
}

.tutor-course-summery {
    margin-bottom:40px
}

.tutor-single-course-meta {
    color:var(--tutor-text-color)
}

.tutor-single-course-meta ul {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    overflow: hidden;
    line-height:21px
}

.tutor-single-course-meta.tutor-meta-top ul {
    padding-top: 0;
    padding-bottom:15px
}

.tutor-single-course-meta ul li {
    float: left;
    vertical-align: top;
    margin-right: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
    min-width:95px
}

@media (max-width: 575px) {
    .tutor-single-course-meta ul li {
        margin-right:10px
    }
}

.tutor-single-course-meta ul li:last-child {
    margin-right:0
}

.tutor-single-course-meta .tutor-single-course-avatar img {
    height: 21px;
    width: 21px;
    display: block;
    border-radius: 50%;
    margin-right:3px
}

.tutor-single-course-meta ul li .tutor-single-course-avatar span {
    height: 21px;
    width: 21px;
    font-size: 9px;
    text-align: center;
    line-height: 21px;
    border-radius: 50%;
    display: block;
    color:#fff
}

.tutor-single-course-meta ul li > div {
    display: inline-block;
    vertical-align:top
}

.tutor-single-course-meta ul li strong {
    margin: 0;
    display: inline-block;
    line-height: 21px;
    font-weight: 400;
    color: var(--tutor-light-color);
    font-size:var(--tutor-text-size)
}

.tutor-single-course-meta ul li a {
    color: var(--tutor-text-color);
    font-weight: 500;
    -webkit-transition: 300ms;
    transition:300ms
}

.tutor-single-course-meta ul li a:hover {
    color:var(--tutor-primary-color)
}

.tutor-single-course-meta.tutor-meta-top ul li, .tutor-single-course-meta.tutor-meta-top ul li a {
    font-weight:700
}

.tutor-single-course-meta ul li {
    font-weight: 500;
    color:var(--tutor-text-color)
}

.tutor-single-course-meta ul li span {
    color: var(--tutor-light-color);
    font-weight:400
}

.tutor-single-course-meta.tutor-lead-meta {
    margin-bottom: 33px;
    border-top: 1px solid #dcdfe5;
    border-bottom:1px solid #dcdfe5
}

@media (max-width: 991px) {
    .tutor-single-course-meta.tutor-lead-meta {
        border-bottom:none
    }

    .tutor-single-course-meta.tutor-lead-meta ul {
        padding-bottom:0
    }

    .tutor-single-course-meta.tutor-lead-meta ul li {
        margin: 5px;
        padding: 5px 15px;
        border: 1px solid #ddd;
        border-radius:4px
    }
}

.tutor-single-course-meta.tutor-lead-meta ul {
    display: flex;
    justify-content:space-between
}

@media (max-width: 991px) {
    .tutor-single-course-meta.tutor-lead-meta ul {
        flex-wrap: wrap;
        justify-content:flex-start
    }
}

.tutor-single-course-meta.tutor-lead-meta ul li span {
    display: block;
    margin-bottom: 5px;
    color:var(--tutor-light-color)
}

.tutor-single-course-meta.tutor-lead-meta ul li a {
    color: var(--tutor-text-color);
    -webkit-transition: 300ms;
    transition:300ms
}

.tutor-single-course-meta.tutor-lead-meta ul li a:hover {
    color:var(--tutor-primary-color)
}

.tutor-single-course-meta.tutor-lead-meta ul li a:not(:last-child):after {
    content: ",";
    margin-right:4px
}

@media (max-width: 575px) {
    .tutor-single-course-meta.tutor-lead-meta ul {
        display:block
    }

    .tutor-single-course-meta.tutor-lead-meta ul li {
        display: block;
        border: none;
        margin: 0;
        width: 100%;
        padding:0 0 10px
    }

    .tutor-single-course-meta.tutor-lead-meta ul li span {
        display: inline-block;
        color: var(--tutor-text-color);
        font-weight:700
    }

    .tutor-single-course-meta.tutor-lead-meta ul li span::after {
        content: ":";
        color:var(--tutor-text-color)
    }
}

.tutor-course-benefits-content ul {
    list-style: none;
    display: block;
    overflow: hidden;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin:0
}

.tutor-course-topics-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom:8px
}

.tutor-course-topics-header .tutor-course-topics-header-right span:not(:first-child) {
    margin-left:45px
}

.tutor-course-topics-contents h4 {
    font-size: var(--tutor-text-size);
    font-weight: 500;
    margin-bottom: 0;
    color:var(--tutor-text-color)
}

.tutor-course-topics-contents .tutor-course-title {
    cursor:pointer
}

.tutor-course-topics-contents .tutor-course-title h4 {
    color: var(--tutor-primary-color);
    font-size: 16px;
    line-height: 25px;
    overflow: hidden;
    margin-top:0
}

.tutor-course-topic.tutor-active .tutor-course-title h4 > i:before {
    content: ""
}

.tutor-course-topics-contents .tutor-course-title h4 i {
    font-size: 15px;
    line-height: 25px;
    float: left;
    margin-right:10px
}

.tutor-course-topics-contents .tutor-course-topic {
    border: 1px solid #dce4e6;
    margin-bottom: 20px;
    border-radius:5px
}

.tutor-course-title, .tutor-course-lesson {
    padding:14px 20px
}

.tutor-course-lesson {
    border-top:1px solid #dce4e6
}

.tutor-course-lesson h5 {
    line-height: 22px;
    font-size: var(--tutor-text-size);
    margin-bottom: 0;
    display: flex;
    color: inherit;
    margin-top:0
}

.tutor-course-lesson h5 a {
    color: var(--tutor-primary-color);
    -webkit-transition: 300ms;
    transition:300ms
}

.tutor-course-lesson h5 a:hover {
    color:var(--tutor-primary-hover-color)
}

.tutor-course-lesson h5 i {
    line-height: 22px;
    vertical-align: text-top;
    margin-right: 10px;
    color: var(--tutor-light-color);
    display:block
}

.tutor-course-lesson h5 .lesson-preview-icon i {
    margin-right: 0;
    margin-left:10px
}

.tutor-course-lesson h5 .tutor-lesson-duration {
    margin-left: auto;
    padding-left: 5px;
    align-self:flex-start
}

.tutor-course-lesson .lesson-preview-title {
    flex: 1 0 0;
    flex-direction: row;
    display: flex;
    align-items:flex-start
}

table.course-single-gradebooks .datetime {
    margin: 0;
    font-size:80%
}

.tutor-course-lessons .tutor-course-lesson h5 i.tutor-lesson-thumbnail-icon {
    height: 50px;
    width: 70px;
    border-radius: 3px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    margin-right: 10px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-size: 20px;
    background-position: center center !important;
    background-size:cover !important
}

.tutor-course-lessons .tutor-course-lesson h5 i.tutor-lesson-thumbnail-icon:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    z-index:-1
}

.tutor-single-lesson-button-group, .tutor-topics-lesson-list .tutor-topics-in-single-lesson {
    border-radius: 4px;
    margin-bottom: 30px;
    border:1px solid #e8eff1
}

.tutor-single-lesson-wrap {
    display: flex;
    position:relative
}

.tutor-lesson-sidebar {
    flex:0 0 400px
}

@media (max-width: 991px) {
    .tutor-lesson-sidebar {
        position: absolute;
        left: 0;
        top: 70px;
        width: 400px;
        max-width: 95%;
        height: calc(100% - 70px);
        z-index: 9;
        background: #fff;
        overflow-y: auto;
        display:none
    }
}

.tutor-spotlight-mode .tutor-lesson-sidebar {
    position: fixed;
    left: 0;
    width: 400px;
    height: 100vh;
    overflow-y: scroll;
    background:#f4f8fa
}

.tutor-spotlight-mode #tutor-single-entry-content {
    padding-left: 400px;
    min-height:calc(100vh - 46px)
}

.tutor-spotlight-mode #tutor-single-entry-content.sidebar-hidden {
    padding-left:0
}

@media (max-width: 991px) {
    .tutor-spotlight-mode .tutor-lesson-sidebar {
        position: absolute;
        width: 350px;
        height:auto
    }

    .tutor-spotlight-mode #tutor-single-entry-content {
        padding-left:0
    }
}

.admin-bar .tutor-spotlight-mode .tutor-lesson-sidebar {
    height:calc(100vh - 32px)
}

.tutor-single-entry-content {
    flex-grow:999
}

.tutor-single-lesson-button-group .tutor-single-lesson-button a, .tutor-topics-in-single-lesson .tutor-single-lesson-items a {
    padding: 14px 100px 14px 17px;
    display: flex;
    color: var(--tutor-text-color);
    position: relative;
    border-top:1px solid #e8eff1
}

.tutor-single-lesson-button-group .tutor-single-lesson-button:first-child a {
    border-top:none
}

.tutor-lessons-under-topic .tutor-single-lesson-items.active a {
    background:rgba(233, 235, 238, .35)
}

.tutor-topics-in-single-lesson {
    margin-bottom: 5px;
    background-color: #fff;
    padding:0
}

.tutor-topics-in-single-lesson .tutor-single-lesson-items a span {
    margin: 0;
    display: inline;
    color:var(--tutor-text-color)
}

.tutor-topics-in-single-lesson .tutor-topics-title {
    position:relative
}

.tutor-topics-in-single-lesson .tutor-topics-title button {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 5px;
    font-size: 16px;
    background: transparent;
    border: none;
    color:var(--tutor-text-color)
}

.tutor-topics-in-single-lesson.tutor-topic-active .tutor-topics-title button i::before {
    content: ""
}

.tutor-topics-in-single-lesson .tutor-topics-title h3 {
    margin: 0;
    padding: 10px 37px 10px 17px;
    font-size: 16px;
    color: var(--tutor-primary-color);
    font-weight:500
}

.tutor-topics-in-single-lesson .tutor-topics-title h3 {
    cursor: pointer;
    line-height:30px
}

span.toogle-informaiton-icon {
    background: #ccc;
    color: #fff;
    height: 15px;
    width: 15px;
    text-align: center;
    display: inline-block;
    line-height: 15px;
    font-size: 15px;
    border-radius: 50%;
    margin-left:10px
}

.tutor-topics-in-single-lesson .tutor-topics-title h3 i {
    font-size: 10px;
    margin-left:6px
}

.tutor-topics-in-single-lesson .tutor-topics-tutor-loop-rating-wraptitle h3 i {
    font-size: 10px;
    vertical-align: middle;
    display: inline-block;
    padding: 5px;
    color: #c7c7c7;
    -webkit-transition: 300ms;
    transition: 300ms;
    cursor:pointer
}

.tutor-topics-in-single-lesson .tutor-topics-title h3 i:hover {
    color:var(--tutor-primary-color)
}

.tutor-single-lesson-button-group .tutor-single-lesson-button a > i:first-child, .tutor-topics-in-single-lesson .tutor-single-lesson-items a > i:first-child {
    color: #c7c7c7;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
    margin-right:10px
}

.tutor-topics-in-single-lesson .tutor-single-lesson-items a > i.tutor-icon-doubt {
    color:var(--tutor-primary-color)
}

.tutor-topics-in-single-lesson .tutor-topics-summery {
    padding: 14px;
    border-top: 1px solid #dce4e6;
    display:none
}

.tutor-lessons-under-topic .tutor-lesson-right-icons {
    position: absolute;
    right: 15px;
    top:14px
}

.tutor-lessons-under-topic .tutor-lesson-right-icons .tutor-lesson-complete {
    height: 16px;
    width: 16px;
    border: 1px solid #e8eff1;
    border-radius: 50%;
    font-size: 9px;
    display: inline-block;
    line-height: 16px;
    text-align: center;
    margin: 0;
    vertical-align: middle;
    margin-left:8px
}

.tutor-lessons-under-topic .tutor-single-lesson-items.active .tutor-lesson-right-icons .tutor-lesson-complete {
    border-color:#b7d6b7
}

.tutor-lessons-under-topic .tutor-single-lesson-items.active .tutor-lesson-right-icons .tutor-lesson-complete.tutor-done, .tutor-lessons-under-topic .tutor-lesson-right-icons .tutor-lesson-complete.tutor-done {
    background: var(--tutor-success-button-color);
    border-color: var(--tutor-success-button-color);
    color:#fff
}

.tutor-lessons-under-topic .tutor-lesson-right-icons i {
    font-style:normal
}

.tutor-single-page-top-bar {
    background-color: var(--tutor-primary-color);
    height: 70px;
    margin-bottom: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right:15px
}

.tutor-single-page-top-bar .tutor-single-lesson-segment form, .tutor-single-page-top-bar .tutor-single-lesson-segment {
    margin-bottom:0
}

.tutor-single-page-top-bar a {
    color: #fff;
    vertical-align: middle;
    display: inline-block;
    overflow:hidden
}

.tutor-single-page-top-bar a i {
    float:left
}

@media (max-width: 546px) {
    .tutor-single-page-top-bar a {
        font-size:14px
    }
}

.tutor-topbar-home-btn i {
    margin-right:7px
}

.tutor-topbar-home-btn {
    margin-left:20px
}

@media screen and (max-width: 546px) {
    .tutor-topbar-home-btn {
        margin-left:10px
    }
}

.tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button {
    background: transparent;
    color: #fff;
    padding-bottom: 13px;
    cursor: pointer;
    border:1px solid #fff
}

.tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button i {
    font-size:14px
}

.tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button i::before {
    display: block;
    padding-top:2px
}

.tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button:hover {
    color: #fff;
    background: var(--tutor-primary-hover-color);
    border-color:var(--tutor-primary-hover-color)
}

.tutor-single-page-top-bar a:hover {
    color:#fff
}

.tutor-single-page-top-bar .tutor-topbar-content-title-wrap {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow:999999
}

.tutor-single-page-top-bar .tutor-hide-sidebar-bar {
    flex:0 0 auto
}

.tutor-single-page-top-bar .tutor-topbar-mark-to-done {
    flex:0 0 auto
}

@media (max-width: 767px) {
    .tutor-single-page-top-bar .tutor-topbar-content-title-wrap {
        display:none
    }

    .tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button {
        padding:9px 14px
    }
}

@media (max-width: 767px) {
    .tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button {
        padding: 7px 12px;
        font-size:14px
    }
}

.tutor-single-page-top-bar .tutor-topbar-content-title-wrap i {
    vertical-align: middle;
    line-height: 1;
    margin-right:3px
}

.tutor-lesson-content-area, .tutor-quiz-single-wrap {
    margin:0 100px 80px
}

@media (max-width: 1366px) {
    .tutor-lesson-content-area, .tutor-quiz-single-wrap {
        margin:0 60px 80px
    }
}

@media (max-width: 991px) {
    .tutor-lesson-content-area, .tutor-quiz-single-wrap {
        margin:0 40px
    }
}

.tutor-lesson-sidebar-hide-bar {
    background-color: var(--tutor-primary-hover-color);
    color: #fff;
    padding: 0 12px;
    display: inline-block;
    line-height:70px
}

@media only screen and (max-width: 546px) {
    .tutor-lesson-sidebar-hide-bar {
        padding:0 10px
    }
}

.tutor-single-page-top-bar a.tutor-lesson-sidebar-hide-bar i {
    font-size: 20px;
    display:block
}

@media only screen and (max-width: 546px) {
    .tutor-single-page-top-bar a.tutor-lesson-sidebar-hide-bar i {
        font-size:19px
    }
}

.sidebar-hidden a.tutor-lesson-sidebar-hide-bar .tutor-icon-angle-left:before {
    content: ""
}

.tutor-sidebar-tabs-wrap {
    border-top:1px solid #e0e9ec
}

.tutor-tabs-btn-group {
    height: 70px;
    display:flex
}

.tutor-tabs-btn-group a {
    background-color: #f1f6f8;
    color: var(--tutor-text-color);
    display: block;
    line-height: 70px;
    width: 100%;
    text-align: center;
    border: 1px solid #e0e9ec;
    border-top:none
}

.tutor-tabs-btn-group a span, .tutor-tabs-btn-group a i {
    font-size: 24px;
    display: inline-block;
    vertical-align:top
}

.tutor-tabs-btn-group a i {
    color:var(--tutor-primary-color)
}

.tutor-tabs-btn-group a span {
    font-size: 15px;
    padding-left:3px
}

.tutor-tabs-btn-group a.active {
    background-color: #fff;
    border:none
}

.tutor-tabs-btn-group a:focus {
    outline:none
}

.tutor-single-lesson-segment {
    margin-bottom:35px
}

.tutor-single-lesson-wrap {
    background:#f4f8fa
}

.tutor-lesson-video-wrap .plyr--video {
    border-radius:4px
}

#tutor-lesson-sidebar-qa-tab-content {
    background-color: #fff;
    padding:20px
}

#tutor-lesson-sidebar-qa-tab-content .tutor-add-question-wrap {
    border-top: 1px solid #e8eff1;
    padding-top:25px
}

#tutor-lesson-sidebar-qa-tab-content .tutor-add-question-wrap h3 {
    color:var(--tutor-primary-color)
}

#tutor-lesson-sidebar-qa-tab-content .tutor-add-question-wrap button.tutor_ask_question_btn {
    display: block;
    width: 100%;
    background-color: var(--tutor-primary-color);
    border-color:var(--tutor-primary-color)
}

#tutor-lesson-sidebar-qa-tab-content .tutor_question_answer_wrap .tutor_original_question {
    margin-bottom: 20px;
    margin-top:20px
}

.tutor-lesson-sidebar-emptyqa-wrap {
    text-align: center;
    padding: 50px 20px;
    color:var(--tutor-text-color)
}

.tutor-lesson-sidebar-emptyqa-wrap h3 {
    margin: 0;
    padding:0 0 25px
}

.tutor-lesson-sidebar-emptyqa-wrap i {
    font-size: 150px;
    color: #e8eff1;
    line-height:.8
}

.tutor-attachments-wrap {
    margin:-3px -3px 15px -3px
}

.tutor-attachments-wrap .tutor-lesson-attachment {
    display: inline-block;
    border: 1px solid #e8eff1;
    border-radius: 4px;
    padding: 10px 16px 10px 12px;
    overflow: hidden;
    background: #f4f7f8;
    margin: 3px;
    -webkit-transition: 300ms;
    transition:300ms
}

.tutor-attachments-wrap .tutor-lesson-attachment:hover {
    box-shadow:0 2px 4px rgba(0, 0, 0, .15)
}

.tutor-attachments-wrap .tutor-attachment-icon {
    font-size: 30px;
    float: left;
    color:var(--tutor-text-color)
}

.tutor-attachments-wrap .tutor-attachment-icon i {
    display:block
}

.tutor-attachment-info {
    padding-left: 10px;
    float:left
}

.tutor-attachment-info span {
    display: block;
    font-size: 14px;
    line-height: 16px;
    color:var(--tutor-text-color)
}

.tutor-attachment-info span + span {
    font-size: 11px;
    color:var(--tutor-light-color)
}

.tutor-progress-bar-wrap {
    width: 100%;
    margin: 0 0 30px;
    display:flex
}

.tutor-progress-bar {
    height: 8px;
    color: #000;
    line-height: 25px;
    position: relative;
    background: #f1f1f1;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    border-radius: 30px;
    margin-top:7.5px
}

.tutor-progress-bar .tutor-progress-filled {
    background-color: var(--tutor-primary-color);
    height: 8px;
    border-radius: 30px;
    width:var(--tutor-progress-left)
}

.tutor-dashboard-content-inner .tutor-progress-bar {
    margin-top: 9.5px;
    height:5px
}

.tutor-dashboard-content-inner .tutor-progress-bar .tutor-progress-filled {
    height:5px
}

.tutor-progress-bar .tutor-progress-filled:after {
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    border: 7.5px solid var(--tutor-primary-color);
    border-radius: 50%;
    background: #fff;
    left: var(--tutor-progress-left);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    top: 50%;
    box-sizing:border-box
}

.tutor-progress-percent {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    padding-left:20px
}

.tutor-course-purchase-box {
    margin-bottom:0
}

.tutor-price-preview-box .tutor-course-purchase-box button {
    display: block;
    width: 100%;
    background: var(--tutor-primary-color);
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    cursor:pointer
}

.tutor-price-preview-box .tutor-course-purchase-box button i {
    margin-right:8px
}

.tutor-price-preview-box .tutor-course-enrolled-wrap, .tutor-price-preview-box .tutor-course-login-wrap, .tutor-price-preview-box .tutor-course-login-wrap form, .tutor-course-purchase-box form {
    margin-bottom:0
}

.tutor-price-preview-box .tutor-course-material-includes-wrap {
    margin-bottom:25px
}

.tutor-alert-warning.tutor-instructor-alert {
    padding:25px 25px 15px
}

.tutor-lead-info-btn-group {
    display: block;
    overflow: hidden;
    margin: 0 -20px 25px;
    border-bottom: 1px solid rgba(220, 223, 229, .4);
    padding:0 20px 30px
}

.tutor-lead-info-btn-group .tutor-course-compelte-form-wrap {
    display: block;
    margin-top:15px
}

.tutor-lead-info-btn-group .tutor-course-compelte-form-wrap form {
    margin:0
}

.tutor-lead-info-btn-group a.tutor-button, .tutor-lead-info-btn-group .tutor-course-compelte-form-wrap button {
    display: block;
    padding: 18px 20px;
    border: none;
    text-align: center;
    border-radius: 4px;
    text-transform: uppercase;
    line-height: 1;
    -webkit-transition: 300ms;
    transition: 300ms;
    font-weight:700
}

.tutor-lead-info-btn-group a.tutor-button, .tutor-lead-info-btn-group .tutor-course-compelte-form-wrap {
    width: 100%;
    text-align: center;
    display:block
}

@media (max-width: 991px) {
    .tutor-lead-info-btn-group a.tutor-button, .tutor-lead-info-btn-group .tutor-course-compelte-form-wrap {
        width:auto
    }
}

.tutor-lead-info-btn-group .tutor-course-compelte-form-wrap button {
    display: block;
    width: 100%;
    background: #e8eff1;
    color:var(--tutor-light-color)
}

.tutor-lead-info-btn-group .tutor-course-compelte-form-wrap button:hover {
    background: var(--tutor-primary-color);
    color:#fff
}

.tutor-single-add-to-cart-box .tutor-enroll-form {
    margin:0
}

.tutor-single-add-to-cart-box .tutor-enroll-form .tutor-course-enroll-wrap {
    padding:0
}

.tutor-single-add-to-cart-box .tutor-enroll-form .tutor-course-enroll-wrap button {
    display: block;
    width: 100%;
    text-align:center
}

.tutor-single-add-to-cart-box.cart-required-login {
    position:relative
}

.tutor-single-add-to-cart-box.cart-required-login:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    cursor:pointer
}

.tutor-course-enrolled-review-wrap .write-course-review-link-btn {
    color: #fff;
    background-color: var(--tutor-primary-color);
    border-color: var(--tutor-primary-color);
    display: inline-block;
    padding: 15px 30px;
    border-radius: 4px;
    text-transform: capitalize;
    line-height: 1;
    -webkit-transition: 300ms;
    transition:300ms
}

.tutor-course-enrolled-review-wrap .write-course-review-link-btn:hover {
    background-color: var(--tutor-primary-hover-color);
    border-color:var(--tutor-primary-hover-color)
}

.tutor-course-enrolled-review-wrap .tutor-form-group {
    margin-bottom:10px
}

.tutor-course-enrolled-review-wrap .tutor-form-group textarea {
    height: 120px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    box-shadow: none;
    border-radius: 4px;
    line-height: 1.5;
    text-indent: 0;
    padding:15px
}

.tutor-write-review-form {
    margin-top:30px
}

.tutor-form-row {
    display: flex;
    margin-left: -15px;
    margin-right:-15px
}

.tutor-form-col-4, .tutor-form-col-6, .tutor-form-col-12 {
    padding-left: 15px;
    padding-right:15px
}

.tutor-form-col-6 {
    flex: 0 0 50%;
    max-width:50%
}

.tutor-form-col-12 {
    flex: 0 0 100%;
    max-width:100%
}

.tutor-form-col-4 {
    flex: 0 0 33.3333%;
    max-width:33.3333%
}

@media (max-width: 768px) {
    .tutor-form-row {
        flex-wrap:wrap
    }

    .tutor-form-col-4, .tutor-form-col-6, .tutor-form-col-12 {
        flex: 0 0 100%;
        max-width:100%
    }
}

ul.tutor-required-fields {
    list-style: none;
    padding: 10px;
    margin:0
}

.tutor-star-rating-group {
    color: #f4c150;
    display: inline-block;
    text-align:left
}

.tutor-star-rating-group i {
    margin-right:4px
}

@media (max-width: 546px) {
    .tutor-write-review-box .tutor-star-rating-group {
        font-size: 26px;
        display: block;
        text-align:center
    }
}

.tutor-write-review-box .tutor-star-rating-group i {
    margin-right: 4px;
    cursor:pointer
}

.tutor-queston-and-answer-wrap {
    margin:20px 0
}

.tutor-question-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-direction:row-reverse
}

.tutor-ask-question-btn {
    text-align:right
}

.tutor-question-search-form {
    flex:0 0 75%
}

.tutor-question-search-form form {
    display:flex
}

.tutor-question-search-form input[type=text] {
    max-width:60%
}

.tutor-add-question-wrap {
    margin:20px 0
}

.tutor-add-question-wrap .tutor-form-group {
    margin-bottom:10px
}

.tutor_question_cancel {
    margin-right:5px
}

.updating-icon:before {
    font-family: "tutor";
    margin-right: 5px;
    content: "";
    -webkit-animation: spin 1s steps(8) infinite;
    animation: spin 1s steps(8) infinite;
    display:inline-block
}

.loading-lesson .tutor-lesson-video-wrap:before {
    font-family: "tutor";
    content: "";
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
    z-index: 9;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 50px;
    margin-left: -25px;
    margin-top:-12px
}

.loading-lesson .tutor-lesson-video-wrap:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .8);
    width: 100%;
    height:100%
}

.tutor-lesson-video-wrap {
    position:relative
}

.tutor_question_area {
    padding: 25px 20px;
    background: #f4f7f8;
    border-radius:4px
}

.tutor_question_area p:last-child {
    margin-bottom:0
}

.tutor_add_answer_row {
    text-align: right;
    margin-top:20px
}

.tutor_add_answer_row .tutor-form-group:last-child {
    margin-top:20px
}

.tutor_admin_answers_list_wrap + .tutor_add_answer_row, .tutor_admin_answers_list_wrap {
    margin-left:100px
}

@media (max-width: 991px) {
    .tutor_admin_answers_list_wrap + .tutor_add_answer_row, .tutor_admin_answers_list_wrap {
        margin-left:30px
    }
}

.tutor_original_question {
    margin-bottom:30px
}

.tutor_admin_answers_list_wrap .tutor_individual_answer {
    margin-bottom:40px
}

.tutor_admin_answers_list_wrap .tutor_question_area {
    background:#edf9f1
}

.question-top-meta .tutor-question-avater a {
    display:inline-block
}

.question-top-meta .tutor-question-avater a span {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: block;
    line-height: 50px;
    text-align: center;
    font-size:17px
}

.question-top-meta .tutor-question-avater a img {
    width: 50px;
    height: 50px;
    border-radius:50%
}

.question-top-meta {
    overflow: hidden;
    margin-bottom:20px
}

.question-top-meta .tutor-question-avater {
    float:left
}

.question-top-meta .review-meta {
    float: left;
    margin-bottom: 0;
    margin-left:10px
}

.question-top-meta .review-meta a {
    display: block;
    font-size: 18px;
    color: var(--tutor-text-color);
    line-height:20px
}

.question-top-meta .review-meta span {
    color: var(--tutor-light-color);
    vertical-align: text-top;
    display:block
}

.tutor_wp_editor_wrap .tutor-form-group a.tutor-button {
    margin-right:6px
}

.tutor-no-announcements {
    text-align:center
}

.tutor-announcement-meta {
    margin-bottom: 10px;
    font-size:13px
}

.tutor-announcement {
    border: 1px solid #eee;
    padding: 20px;
    margin-top: 30px;
    border-radius:4px
}

.announcement-delete-btn {
    float:right
}

.announcement-delete-btn a {
    color: var(--tutor-light-color);
    transition:300ms
}

.announcement-delete-btn a:hover {
    color:red
}

.tutor-announcement-title-wrap h3 {
    color: var(--tutor-text-color);
    font-weight: 500;
    margin-bottom:10px
}

.tutor-quiz-header span {
    background: #f88f1c;
    color: #fff;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    line-height: 1;
    text-transform: uppercase;
    font-size:10px
}

.tutor-quiz-header h2 {
    color: var(--tutor-text-color);
    font-size: 36px;
    line-height: 46px;
    font-weight: 500;
    margin-bottom:15px
}

.tutor-quiz-header h5 {
    color:var(--tutor-light-color)
}

.tutor-quiz-header h5 a {
    color: var(--tutor-text-color);
    font-weight:500
}

.tutor-quiz-header .tutor-quiz-meta {
    list-style: none;
    margin: 20px 0 40px;
    padding: 15px 0;
    border-top: 1px solid #dcdfe5;
    border-bottom: 1px solid #dcdfe5;
    display: flex;
    justify-content:space-between
}

.tutor-quiz-header .tutor-quiz-meta li {
    display: inline-block;
    color:var(--tutor-text-color)
}

.tutor-quiz-header .tutor-quiz-meta li strong {
    display: block;
    color: var(--tutor-light-color);
    font-weight:400
}

@media (max-width: 767px) {
    .tutor-quiz-header .tutor-quiz-meta {
        display: block;
        border: none;
        padding:0
    }

    .tutor-quiz-header .tutor-quiz-meta li {
        display: block;
        color: var(--tutor-text-color);
        margin: 5px;
        border: none;
        padding: 0;
        border-radius:0
    }

    .tutor-quiz-header .tutor-quiz-meta li strong {
        display: inline-block;
        margin-right:5px
    }
}

.tutor-quiz-attempt-history {
    overflow-x:auto
}

.tutor-quiz-attempt-history-title {
    font-size: 18px;
    color: var(--tutor-light-color);
    line-height: 23px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top:70px
}

.tutor-quiz-attempt-history table {
    border-collapse: collapse;
    border-radius:4px
}

.tutor-quiz-attempt-history th {
    font-weight:400
}

.tutor-quiz-attempt-history table, .tutor-quiz-attempt-history th, .tutor-quiz-attempt-history td {
    border: 1px solid #e8eff1;
    padding:10px !important
}

.tutor-quiz-attempt-history table span.result-fail, .tutor-quiz-attempt-history table span.result-pass {
    display: inline-block;
    color: #fff;
    border-radius: 2px;
    width: 47px;
    height: 26px;
    line-height: 26px;
    text-align:center
}

.tutor-quiz-attempt-history table span.result-fail {
    background:#df3247
}

.tutor-quiz-attempt-history table span.result-pass {
    background:var(--tutor-success-button-color)
}

.tutor-quiz-attempt-history table span.result-review-required {
    background: #f5b30d;
    padding: 3px 5px;
    color: #fff;
    border-radius: 2px;
    text-align: center;
    font-size:90%
}

@media (max-width: 767px) {
    .single-quiz-page.tutor-quiz-attempt-history table tr {
        display: flex;
        flex-wrap: wrap;
        overflow:hidden
    }

    .single-quiz-page.tutor-quiz-attempt-history table tr th {
        display:none
    }

    .single-quiz-page.tutor-quiz-attempt-history table tr td {
        width:100%
    }

    .single-quiz-page.tutor-quiz-attempt-history table tr td:first-child {
        font-weight: 600;
        background:#f1f1f1
    }

    .single-quiz-page.tutor-quiz-attempt-history table tr td:not(:first-child) {
        text-align:right
    }

    .single-quiz-page.tutor-quiz-attempt-history table tr td:not(:first-child)::before {
        content: attr(title) ": ";
        float: left;
        font-weight:700
    }
}

.quiz-head-meta-info {
    color: var(--tutor-light-color);
    margin-bottom:40px
}

.quiz-head-meta-info span {
    color:var(--tutor-text-color)
}

#tutor-quiz-attempt-questions-wrap {
    margin-bottom:50px
}

.tutor-quiz-single-wrap .question-text {
    color: var(--tutor-text-color);
    font-size: 20px;
    font-weight:600
}

.tutor-quiz-single-wrap .question-description {
    color:var(--tutor-text-color)
}

.quiz-attempt-single-question {
    margin-bottom:80px
}

.fill-in-the-blank-field .fill-in-the-blank-text-input {
    display: inline;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px dashed;
    background-color: transparent;
    padding: 0px;
    border-radius: 0;
    box-shadow: none;
    margin:0 10px
}

.fill-in-the-blank-field .fill-in-the-blank-text-input:focus {
    background: none;
    outline:none
}

.tutor-quiz-answers-wrap {
    margin-bottom:50px
}

.tutor-quiz-answers-wrap textarea {
    background: transparent;
    border: 1px solid #d4dadb;
    height: 175px;
    border-radius: 5px;
    box-shadow: none;
    min-width: 100%;
    margin-bottom:5px
}

.tutor-quiz-answers-wrap textarea:focus {
    background: transparent;
    outline:none !important
}

.tutor-quiz-answers-wrap p {
    margin: 0;
    line-height:26px
}

.quiz-answer-input-body .quiz-answer-image-wrap {
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:200px
}

.quiz-answer-image-wrap img {
    max-width: 100%;
    height:auto
}

.tutor-quiz-answers-wrap label {
    display: block;
    margin-bottom: 15px;
    cursor:pointer
}

.tutor-quiz-answers-wrap label.answer-view-image, .tutor-quiz-answers-wrap label.answer-view-text_image {
    text-align: center;
    margin: 0 10px;
    display: inline-flex;
    max-width:25%
}

.quiz-answer-input-bottom {
    position: relative;
    display: inline-block;
    line-height:20px
}

.tutor-quiz-answers-wrap label input {
    display:none
}

.tutor-quiz-answers-wrap label input + span {
    width: 20px;
    height: 20px;
    border: 1px solid #dedede;
    display: inline-block;
    border-radius: 2px;
    position: relative;
    margin-right:5px
}

.tutor-quiz-answers-wrap label input:checked + span {
    background: var(--tutor-primary-color);
    border-color:var(--tutor-primary-color)
}

.tutor-quiz-answers-wrap label input:checked + span:after {
    content: "";
    position: absolute;
    font-family: "tutor";
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 11px;
    line-height:1
}

.tutor-quiz-answers-wrap label input[type=radio] + span {
    content: "";
    border-radius: 50%;
    margin-right: 4px;
    vertical-align: top;
    font-size:1em
}

.tutor-quiz-answers-wrap label input[type=radio] + span:after {
    content: "";
    height: 8px;
    width: 8px;
    background: #fff;
    border-radius: 50%;
    left:50%
}

.question-type-ordering-item {
    border: 1px solid #d4dadb;
    padding: 10px;
    margin-bottom: 10px;
    width: 250px;
    background-color: #fff;
    display:flex
}

.question-type-ordering-item.ui-sortable-placeholder {
    background-color:transparent
}

.question-type-ordering-item .answer-title {
    flex:1
}

.question-type-ordering-item .answer-sorting-bar {
    cursor:pointer
}

.quiz-answer-item-matching {
    padding: 10px;
    display: flex;
    width:25%
}

.answer-type-matching .quiz-answer-matching-items-wrap .quiz-answer-item-matching {
    display: inline-block;
    max-width: none;
    width: 25%;
    padding: 0 10px;
    vertical-align:top
}

@media (max-width: 767px) {
    .answer-type-matching .quiz-answer-matching-items-wrap .quiz-answer-item-matching {
        width:50%
    }
}

@media (max-width: 575px) {
    .answer-type-matching .quiz-answer-matching-items-wrap .quiz-answer-item-matching {
        width:100%
    }
}

.answer-type-matching .quiz-answer-matching-items-wrap {
    margin:0 -10px
}

.quiz-answer-matching-droppable {
    height: 48px;
    min-width: 200px;
    border:1px dashed #d4dadb
}

.quiz-draggable-answer-item {
    padding: 10px 20px;
    border: 1px solid #d4dadb;
    margin-right: 10px;
    margin-bottom: 10px;
    background-color: #fff;
    display:inline-flex
}

.quiz-draggable-answer-item .draggable-answer-title {
    flex:1
}

.quiz-draggable-rand-answers {
    display: flex;
    flex-wrap: wrap;
    margin-bottom:80px
}

.drop-hover {
    display:none
}

.quiz-answer-matching-droppable .drop-hover {
    background-color: #eee;
    height: 100%;
    width: 100%;
    display: inline-block;
    float:left
}

.quiz-answer-matching-droppable .quiz-draggable-answer-item {
    width: 100%;
    max-width:100%
}

.quiz-draggable-answer-item .draggable-answer-icon {
    margin-left:15px
}

.answer-type-image_matching .quiz-answer-item-matching {
    display:block
}

.answer-type-image_matching .quiz-answer-matching-items-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right:-10px
}

.answer-type-image_matching .quiz-answer-matching-droppable {
    width: 100%;
    min-width:100%
}

.answer-type-image_matching img {
    width: 100%;
    height:auto
}

.tutor-quiz-questions-pagination ul {
    margin: 0;
    padding: 0;
    list-style:none
}

.tutor-quiz-questions-pagination ul li {
    display:inline-block
}

.tutor-quiz-questions-pagination ul li a {
    background-color: var(--tutor-primary-color);
    padding: 7px 13px;
    display: block;
    border-radius: 50%;
    margin-right: 10px;
    color:#fff
}

.tutor-quiz-questions-pagination ul li a:hover, .tutor-quiz-questions-pagination ul li a.active {
    background-color:var(--tutor-primary-color)
}

.quiz-image-answering-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: -10px;
    margin-right:-10px
}

.quiz-image-answering-wrap img {
    max-width: 100%;
    height:auto
}

.quiz-image-answering-answer {
    margin-right: 10px;
    margin-left: 10px;
    width:15%
}

.quiz-image-answering-image-wrap {
    margin-bottom:20px
}

.tutor-quiz-answers-wrap .quiz-image-answering-input-field-wrap input {
    width: 100%;
    display: block;
    border: 1px solid #d4dadb;
    box-shadow: none;
    background: transparent;
    border-radius: 2px;
    height:42px
}

.tutor-quiz-answers-wrap .quiz-image-answering-input-field-wrap input:focus {
    background: transparent;
    outline-offset:0 !important
}

.tutor-next-previous-pagination-wrap {
    display: flex;
    justify-content:space-between
}

.tutor-next-previous-pagination-wrap a {
    color:var(--tutor-primary-color)
}

div[class * =tutor-course-col] {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom:30px
}

.tutor-course-loop {
    background: #fff;
    color: #29303b;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    border-radius: 4px;
    -webkit-transition: 300ms;
    transition: 300ms;
    border: 1px solid rgba(0, 0, 0, .05);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content:space-between
}

.tutor-course-loop a, .tutor-widget-course a {
    text-decoration:none !important
}

.tutor-course-header {
    position:relative
}

.tutor-course-loop-header-meta {
    position: absolute;
    left: 0;
    top: 13px;
    width: 100%;
    padding-left: 13px;
    padding-right: 13px;
    overflow:hidden
}

.tutor-course-loop-header-meta .tutor-course-wishlist {
    float: right;
    background: #fff;
    font-size: 19px;
    padding: 5px 5px;
    border-radius: 3px;
    -webkit-transition: 300ms;
    transition:300ms
}

.tutor-course-loop-header-meta .tutor-course-wishlist a {
    display: block;
    color: var(--tutor-primary-color);
    -webkit-transition: 300ms;
    transition:300ms
}

.tutor-course-loop-header-meta .tutor-course-wishlist:hover {
    background:var(--tutor-primary-color)
}

.tutor-course-loop-header-meta .tutor-course-wishlist:hover a {
    color:#fff
}

.tutor-course-loop-header-meta .tutor-course-wishlist a:focus {
    outline:none
}

.tutor-course-loop-header-meta .tutor-course-wishlist a.has-wish-listed:before {
    content: ""
}

.tutor-course-loop-header-meta .tutor-course-wishlist a.updating-icon:before {
    content: "";
    margin-right:0
}

.tutor-course-loop-level {
    display: inline-block;
    background: #9013fe;
    padding: 0 7px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    border-radius: 2px;
    box-shadow:0 0 1px rgba(0, 0, 0, .1)
}

.tutor-course-loop:hover {
    box-shadow:0 4px 23px rgba(0, 0, 0, .1)
}

.tutor-course-loop p {
    margin:0
}

.tutor-course-loop .tutor-course-header a, .tutor-course-loop .tutor-course-header a img {
    display: block;
    border-top-left-radius: 4px;
    border-top-right-radius:4px
}

.tutor-loop-course-container {
    padding:25px 19px
}

.tutor-loop-rating-wrap {
    color: #f8c51c;
    margin-bottom: 2px;
    font-size:16px
}

.tutor-rating-count {
    color:var(--tutor-text-color)
}

.tutor-rating-count i {
    font-style: normal;
    display: inline-block;
    margin-left:5px
}

.tutor-loop-rating-wrap i:before {
    margin-right: 4px;
    margin-left:0
}

.tutor-course-loop-title h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom:17px
}

.tutor-course-loop-title h2 a {
    color:var(--tutor-text-color)
}

.tutor-course-loop-title h2 a:hover {
    color:var(--tutor-primary-color)
}

.tutor-course-loop-meta {
    margin-bottom: 15px;
    color: var(--tutor-text-color);
    font-size:var(--tutor-text-size)
}

.tutor-course-loop-meta > div {
    display:inline-block
}

.tutor-course-loop-meta > div i {
    font-size: 16px;
    margin-right:4px
}

.tutor-course-loop-meta > div i, .tutor-course-loop-meta > div span {
    vertical-align:middle
}

.tutor-course-loop-meta > div + div {
    margin-left:10px
}

.tutor-loop-course-footer {
    padding: 15px;
    border-top: 1px solid rgba(0, 0, 0, .05);
    color: #838791;
    font-size: 12px;
    line-height: 25px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    font-weight:400
}

.tutor-loop-course-footer:after {
    content: "";
    display: table;
    clear:both
}

.tutor-loop-course-footer span.woocommerce-Price-currencySymbol {
    vertical-align:top
}

.tutor-course-loop-price {
    color: var(--tutor-text-color);
    font-size:16px
}

.tutor-course-loop-price .price del {
    font-weight:400
}

.tutor-course-loop-price .price del span {
    text-decoration: line-through;
    color:var(--tutor-light-color)
}

.tutor-course-loop-price .price del > span {
    margin-right:6px
}

.tutor-course-loop-price .price del + ins {
    background: transparent;
    margin-left: 0;
    text-decoration:none
}

.tutor-course-loop-price > .price {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 600;
    flex-wrap:wrap
}

.tutor-course-loop-price > .price .subscription-details {
    font-size: 15px;
    margin-left: 4px;
    font-weight:400
}

.tutor-course-loop-price > .price .subscription-details + .tutor-loop-cart-btn-wrap {
    margin-left: 0;
    margin-top:4px
}

.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap a {
    color: var(--tutor-text-color);
    position: relative;
    line-height: 20px;
    vertical-align: top;
    display: block;
    font-weight: 400;
    background: transparent;
    padding:0
}

.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap a:hover {
    color:var(--tutor-primary-color)
}

.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap {
    margin-left:auto
}

.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap a.added {
    display:none
}

.tutor-course-loop-price > .price .tutor-loop-cart-btn-wrap a::before {
    content: "";
    font-family: "tutor" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
    vertical-align: top;
    color:var(--tutor-primary-color)
}

@-webkit-keyframes mymove {
    from {
        -webkit-transform: rotate(0deg);
        transform:rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg)
    }
}

@keyframes mymove {
    from {
        -webkit-transform: rotate(0deg);
        transform:rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform:rotate(360deg)
    }
}

.tutor-course-loop:hover .tutor-loop-course-footer .tutor-loop-cart-btn-wrap {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.tutor-course-col-4 {
    width:25%
}

.tutor-course-col-3 {
    width:33.33%
}

.tutor-course-col-2 {
    width:50%
}

.tutor-course-col-1 {
    width:100%
}

.tutor-course-col-1 .tutor-course-loop {
    width:100%
}

.tutor-course-col-5 {
    width:20%
}

.tutor-course-col-6 {
    width:16.66%
}

@media (max-width: 991px) {
    .tutor-course-col-6, .tutor-course-col-5, .tutor-course-col-4, .tutor-course-col-3, .tutor-course-col-2 {
        width:50%
    }
}

@media (max-width: 575px) {
    .tutor-course-col-6, .tutor-course-col-5, .tutor-course-col-4, .tutor-course-col-3, .tutor-course-col-2 {
        width:100%
    }
}

.tutor-course-filter-wrap {
    margin-bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap:wrap
}

.tutor-course-filter-form {
    display: inline-block;
    margin:0
}

.tutor-courses {
    clear: both;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    padding:0
}

.tutor-loop-course-bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height:100%
}

.clearfix:before, .clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.tutor-loop-author, .tutor-meta {
    color:#bac0cf
}

.tutor-text-mute {
    color: #bac0cf;
    font-weight:400
}

.tutor-loop-author {
    overflow: hidden;
    font-size:var(--tutor-text-size)
}

.tutor-loop-author .tutor-single-course-avatar img {
    width: 25px;
    height: 25px;
    display: block;
    border-radius: 50%;
    margin-right:6px
}

.tutor-loop-author .tutor-single-course-avatar .tutor-text-avatar {
    height: 25px;
    width: 25px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    font-size: 11px;
    margin-right:6px
}

.tutor-loop-author > div {
    display: inline-block;
    float:left
}

.tutor-loop-author > div a {
    color: var(--tutor-text-color);
    font-weight: 500;
    -webkit-transition: 300ms;
    transition:300ms
}

.tutor-loop-author > div a:hover {
    color:var(--tutor-primary-color)
}

.tutor-loop-author > div span {
    display: inline-block;
    margin: 0 2px 0 2px;
    color: var(--tutor-light-color);
    line-height: 25px;
    font-weight:400
}

.tutor-course-lising-category a:not(:last-child):after {
    content: ", ";
    margin-right:5px
}

.tutor-course-enrolled-wrap {
    margin: 0 -20px -20px !important;
    padding: 12px 20px;
    overflow: hidden;
    border-top: 1px solid #dcdfe5;
    font-size:14px
}

.tutor-course-enrolled-wrap p {
    font-weight: 600;
    margin:0
}

.tutor-course-enrolled-wrap p i {
    padding-right: 9px;
    float: left;
    font-size: 20px;
    line-height:20px
}

.tutor-course-enrolled-wrap p i, .tutor-course-enrolled-wrap p span {
    color:var(--tutor-success-button-color)
}

.tutor-notice-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 20px;
    margin-bottom:10px
}

.tutor-info-msg, .tutor-success-msg, .tutor-warning-msg, .tutor-error-msg {
    margin: 10px 0;
    padding: 10px;
    border-radius:3px 3px 3px 3px
}

.tutor-info-msg {
    color: var(--tutor-primary-color);
    background-color:#bef
}

.tutor-success-msg {
    color: var(--tutor-success-button-color);
    background-color:#dff2bf
}

.tutor-warning-msg {
    color: #9f6000;
    background-color:#feefb3
}

.tutor-error-msg {
    color: #d8000c;
    background-color: #fbdcdc;
    border:1px solid #d8000c
}

.cart-required-login, .cart-required-login a, .cart-required-login form {
    cursor:pointer
}

.single_add_to_cart_button, a.tutor-button, .tutor-button, a.tutor-btn, .tutor-btn {
    color: #fff;
    border: 1px solid var(--tutor-primary-color);
    background-color: var(--tutor-primary-color);
    display: inline-flex;
    align-items: center;
    padding: 12px 20px;
    border-radius: 4px;
    text-transform: capitalize;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: 300ms;
    overflow: hidden;
    vertical-align:top
}

.single_add_to_cart_button i, a.tutor-button i, .tutor-button i, a.tutor-btn i, .tutor-btn i {
    line-height: 19px;
    margin-right: 7px;
    font-size:16px
}

.single_add_to_cart_button.btn-sm, a.tutor-button.btn-sm, .tutor-button.btn-sm, a.tutor-btn.btn-sm, .tutor-btn.btn-sm {
    padding: 9px 14px;
    line-height:19px
}

a.tutor-button.bordered-button, .tutor-button.bordered-button, a.tutor-btn.bordered-btn, .tutor-btn.bordered-btn {
    color: var(--tutor-primary-color);
    border: 1px solid var(--tutor-primary-color);
    background-color:#fff
}

a.tutor-button.default-btn, .tutor-button.default-btn, a.tutor-btn.default-btn, .tutor-btn.default-btn {
    color: #393c40;
    border: 1px solid #b8babe;
    background:#fff
}

a.tutor-button.default-btn i, .tutor-button.default-btn i, a.tutor-btn.default-btn i, .tutor-btn.default-btn i {
    color:var(--tutor-primary-color)
}

a.tutor-button.default-btn:hover, .tutor-button.default-btn:hover, a.tutor-btn.default-btn:hover, .tutor-btn.default-btn:hover {
    background-color: var(--tutor-primary-color);
    border-color: var(--tutor-primary-color);
    color:#fff
}

a.tutor-button.default-btn:hover i, .tutor-button.default-btn:hover i, a.tutor-btn.default-btn:hover i, .tutor-btn.default-btn:hover i {
    color:#fff
}

a.tutor-button:hover, .tutor-button:hover, a.tutor-btn:hover, .tutor-btn:hover {
    background-color: var(--tutor-primary-hover-color);
    border-color: var(--tutor-primary-hover-color);
    color:#fff
}

a.tutor-button.bordered-button:hover, .tutor-button.bordered-button:hover, a.tutor-btn.bordered-btn:hover, .tutor-btn.bordered-btn:hover {
    border: 1px solid var(--tutor-primary-color);
    background-color:var(--tutor-primary-color)
}

a.tutor-button.button-light, .tutor-button.button-light {
    color: #b1b8c9;
    background-color: #dae4e6;
    border:1px solid #dae4e6
}

a.tutor-button.button-light:hover, .tutor-button.button-light:hover {
    color: #939bae;
    background-color: #e8eff1;
    border:1px solid #e8eff1
}

.tutor-button.tutor-danger {
    background-color: #e53935;
    border-color:#e53935
}

.tutor-button.tutor-danger:hover {
    background-color: #e53935;
    border-color: #e53935;
    filter:brightness(0.9)
}

.tutor-button.tutor-success {
    background: var(--tutor-success-button-color);
    border-color:var(--tutor-success-button-color)
}

.tutor-button.tutor-success:hover {
    background: var(--tutor-success-button-color);
    border-color: var(--tutor-success-button-color);
    filter:brightness(0.9)
}

.course-enrolled-nav-wrap {
    border-bottom: 1px solid #dedfe0;
    margin-bottom:45px
}

.tutor-button-block {
    width: 100%;
    text-align: center;
    justify-content:center
}

.tutor-wrap {
    width:100%
}

.tutor-wrap nav.course-enrolled-nav ul {
    list-style: none;
    margin: 0 0 -1px;
    padding:0
}

.tutor-wrap nav.course-enrolled-nav ul li {
    display:inline-block
}

.tutor-wrap nav.course-enrolled-nav ul li a {
    display: block;
    font-size: 16px;
    padding: 5px 0 20px;
    margin-right: 20px;
    color: var(--tutor-light-color);
    border-bottom:2px solid transparent
}

.tutor-wrap nav.course-enrolled-nav ul li:not(:first-child) a {
    margin-left:20px
}

.tutor-wrap nav.course-enrolled-nav ul li.active a {
    border-bottom: 2px solid var(--tutor-primary-color);
    color:var(--tutor-text-color)
}

@media (max-width: 575px) {
    .tutor-wrap nav.course-enrolled-nav ul li {
        display:inline-block
    }

    .tutor-wrap nav.course-enrolled-nav ul li:not(:first-child) a, .tutor-wrap nav.course-enrolled-nav ul li a {
        padding: 8px;
        margin:0
    }

    .tutor-wrap nav.course-enrolled-nav ul li.active a {
        border: none;
        color:var(--tutor-primary-color)
    }
}

.tutor-updating-message i {
    display:none
}

.tutor-profile-photo-upload-wrap {
    width: 200px;
    height: auto;
    margin-bottom: 70px;
    position:relative
}

.tutor-profile-photo-upload-wrap img {
    width: 100%;
    height: auto;
    display:block
}

a.tutor-profile-photo-upload-btn, button.tutor-profile-photo-upload-btn {
    position: absolute;
    top: 100%;
    background-color: var(--tutor-primary-color);
    color: #fff;
    display: block;
    width: 100%;
    text-align: CENTER;
    padding:9px 0
}

a.tutor-profile-photo-upload-btn:hover, button.tutor-profile-photo-upload-btn:hover {
    background-color: var(--tutor-primary-hover-color);
    color:#fff
}

.tutor-profile-photo-delete-btn {
    position: absolute;
    color: #ff000c;
    right: 10px;
    top:10px
}

.single-instructor-wrap {
    border: 1px solid #e8eff1;
    margin-bottom: 30px;
    border-radius:4px
}

.single-instructor-wrap .single-instructor-top {
    padding: 20px;
    border-bottom: 1px solid #e8eff1;
    display:flex
}

@media (max-width: 767px) {
    .single-instructor-wrap .single-instructor-top {
        flex-wrap:wrap
    }
}

.single-instructor-wrap .single-instructor-top h3, .single-instructor-wrap .single-instructor-top h4 {
    margin: 0;
    padding:0
}

.single-instructor-wrap .tutor-instructor-left {
    flex: 0 0 auto;
    padding-right:30px
}

@media (max-width: 767px) {
    .single-instructor-wrap .tutor-instructor-left {
        width: 100%;
        margin-bottom:15px
    }
}

.single-instructor-wrap .instructor-avatar {
    float:left
}

.single-instructor-wrap .instructor-avatar img {
    max-width: 50px;
    height: auto;
    border-radius:50%
}

.single-instructor-wrap .instructor-name {
    float: left;
    padding-left: 20px;
    max-width:180px
}

.single-instructor-wrap .instructor-name h3 {
    font-size: 16px;
    color: var(--tutor-text-color);
    font-weight:600
}

.single-instructor-wrap .instructor-name h3 a {
    font-weight: 500;
    color:var(--tutor-text-color)
}

.single-instructor-wrap .instructor-name h4 {
    font-weight: 500;
    color:var(--tutor-light-color)
}

.single-instructor-wrap .single-instructor-bottom {
    padding: 15px 20px;
    text-align: right;
    overflow:hidden
}

@media (max-width: 767px) {
    .single-instructor-wrap .single-instructor-bottom {
        text-align:left
    }
}

.single-instructor-wrap .single-instructor-bottom p {
    margin:0
}

.single-instructor-wrap .single-instructor-bottom .ratings {
    float:left
}

.single-instructor-wrap .single-instructor-bottom .ratings i {
    margin-right:4px
}

.single-instructor-wrap .single-instructor-bottom .courses, .single-instructor-wrap .single-instructor-bottom .students {
    display: inline-block;
    margin-left:20px
}

.single-instructor-wrap .single-instructor-bottom .courses i, .single-instructor-wrap .single-instructor-bottom .students i {
    font-size: 18px;
    display: inline-block;
    margin-right: 2px;
    vertical-align:middle
}

.single-instructor-wrap .single-instructor-bottom .ratings .rating-total-meta {
    color:#bac0cf
}

.single-instructor-wrap .single-instructor-bottom .ratings .rating-generated {
    color:#f8c51c
}

.tutor-dashboard-pagination-results-stats {
    margin:10px 0 30px
}

.statement-address {
    margin: 10px 0;
    color:#555
}

.statement-order-completed {
    background: var(--tutor-success-button-color);
    color: #fff;
    padding: 2px 5px;
    border:none
}

.tutor-login-wrap {
    max-width: 520px;
    margin: 0 auto;
    padding: 40px 55px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border-radius:5px
}

.tutor-login-wrap form {
    margin:0
}

.tutor-login-wrap .tutor-login-title {
    margin-bottom: 25px;
    padding: 0 40px;
    text-align:center
}

.tutor-login-form-wrap {
    max-width: 450px;
    margin:auto
}

.tutor-login-form-wrap p {
    margin-bottom:0
}

.tutor-login-form-wrap label {
    display: block;
    margin-bottom:4px
}

.tutor-login-form-wrap .tutor-alert {
    margin-bottom:20px
}

.tutor-login-form-wrap input[type=password], .tutor-login-form-wrap input[type=text] {
    width: 100%;
    display: block;
    border: 1px solid #e8eff1;
    box-shadow: none;
    margin-bottom: 20px;
    border-radius: 4px;
    background: #eceef4;
    line-height: 48px;
    padding: 0;
    text-indent:15px
}

.tutor-login-form-wrap input[type=password]:focus, .tutor-login-form-wrap input[type=text]:focus {
    background: #fff;
    border-color:var(--tutor-primary-color)
}

.tutor-login-form-wrap input::-webkit-input-placeholder {
    color: #b0b6c8;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.tutor-login-form-wrap input::-moz-placeholder {
    color: #b0b6c8;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.tutor-login-form-wrap input:-ms-input-placeholder {
    color: #b0b6c8;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.tutor-login-form-wrap input:-moz-placeholder {
    color: #b0b6c8;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.tutor-login-rememeber-wrap {
    overflow: hidden;
    text-align: right;
    margin-bottom:30px
}

.tutor-login-rememeber-wrap p {
    display: inline-block;
    float:left
}

.tutor-login-rememeber-wrap p, .tutor-login-rememeber-wrap label {
    margin:0
}

.tutor-form-register-wrap a, .tutor-login-rememeber-wrap a, .tutor-login-rememeber-wrap label {
    color: #606c8f;
    vertical-align: middle;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-transition: 300ms;
    transition:300ms
}

.tutor-form-register-wrap a:hover, .tutor-login-rememeber-wrap a:hover, .tutor-login-rememeber-wrap label:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.tutor-login-form-wrap input[type=submit] {
    color: #fff;
    background-color: var(--tutor-success-button-color);
    border-color: var(--tutor-success-button-color);
    padding: 15px 30px;
    border-radius: 4px;
    text-transform: uppercase;
    line-height: 1;
    display: block;
    width: 100%;
    -webkit-transition: 300ms;
    transition:300ms
}

.tutor-login-form-wrap input[type=submit]:hover {
    color: #fff;
    background-color: var(--tutor-success-button-color);
    border-color:var(--tutor-success-button-color)
}

.tutor-login-form-wrap input[type=checkbox] {
    margin-right:4px
}

.tutor-form-register-wrap {
    text-align: center;
    margin-top:15px
}

.tutor-course-login-wrap h4 {
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 20px;
    color:var(--tutor-text-color)
}

.tutor-cart-box-login-form {
    display: flex;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 99;
    top: 0;
    left: 0;
    justify-content: center;
    align-items:center
}

.login-overlay-close {
    position: absolute;
    background: transparent;
    width: 100%;
    height: 100%;
    z-index:-1
}

.course-login-title {
    margin-bottom:50px
}

.tutor-cart-box-login-form .tutor-cart-box-login-form-inner {
    background: #fff;
    padding: 50px 40px;
    position: relative;
    width: 400px;
    font-size: 16px;
    font-weight: 400;
    max-height: 90%;
    overflow:auto
}

.tutor-cart-box-login-form-inner button.tutor-popup-form-close {
    position: absolute;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    top: 14px;
    right: 20px;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    cursor: pointer;
    -webkit-transition: 300ms;
    transition: 300ms;
    color:var(--tutor-text-color)
}

.tutor-cart-box-login-form-inner button.tutor-popup-form-close:hover {
    color:red
}

.tutor-option-field-row label, .tutor-form-group label {
    display: block;
    margin-bottom: 10px
}

.tutor-option-field textarea, .tutor-option-field select, .tutor-option-field input[type=text], .tutor-option-field input[type=number], .tutor-option-field input[type="pas.tutor-dashboard-content-innersword"], .tutor-form-group textarea, .tutor-form-group select, .tutor-form-group input[type=text], .tutor-form-group input[type=number], .tutor-form-group input[type=password] {
    width: 100%;
    display: block;
    border: 1px solid #dcdfe5;
    box-shadow: none;
    margin-bottom: 20px;
    border-radius: 4px;
    background: #fff;
    line-height: 48px;
    padding: 0;
    text-indent: 15px;
    -webkit-transition: 300ms;
    transition: 300ms;
    font-size:16px
}

.tutor-form-group {
    position:relative
}

.tutor-form-group span.tutor-input-prepand {
    position: absolute;
    height: calc(100% - 2px);
    font-size: 21px;
    line-height: 50px;
    padding: 0 12px;
    background: transparent;
    border-right: 1px solid #dcdfe5;
    top:1px
}

.tutor-form-group span.tutor-input-prepand + input {
    padding-left:35px
}

.tutor-course-builder-form-elem {
    margin-bottom:20px
}

.tutor-option-field .select2-container, .tutor-form-group .select2-container {
    margin-bottom: 20px;
    width:100% !important
}

.tutor-option-field .select2-container ul.select2-selection__rendered, .tutor-form-group .select2-container ul.select2-selection__rendered {
    padding: 4px 9px;
    display:block
}

.tutor-option-field .select2-container li.select2-selection__choice, .tutor-form-group .select2-container li.select2-selection__choice {
    background: #ebeef0;
    color: #606c8f;
    line-height: 29px;
    border-radius: 3px;
    padding: 0 9px;
    margin: 5px;
    border: none;
    font-weight:600
}

.tutor-option-field .select2-container .select2-search__field, .tutor-form-group .select2-container .select2-search__field {
    padding: 8px 3px 8px 6px;
    box-sizing: border-box;
    margin:0
}

.tutor-option-field .select2-container .select2-search__field::-webkit-input-placeholder, .tutor-form-group .select2-container .select2-search__field::-webkit-input-placeholder {
    color:#abafb6
}

.tutor-option-field .select2-container .select2-search__field::-moz-placeholder, .tutor-form-group .select2-container .select2-search__field::-moz-placeholder {
    color:#abafb6
}

.tutor-option-field .select2-container .select2-search__field:-ms-input-placeholder, .tutor-form-group .select2-container .select2-search__field:-ms-input-placeholder {
    color:#abafb6
}

.tutor-option-field .select2-container .select2-search__field:-moz-placeholder, .tutor-form-group .select2-container .select2-search__field:-moz-placeholder {
    color:#abafb6
}

.tutor-option-field .select2-container .select2-selection--single, .tutor-option-field .select2-container .select2-selection--multiple, .tutor-form-group .select2-container .select2-selection--single, .tutor-form-group .select2-container .select2-selection--multiple {
    border-color:#dcdfe5
}

.tutor-option-field .select2-container.select2-container--focus .select2-selection--single, .tutor-option-field .select2-container.select2-container--focus .select2-selection--multiple, .tutor-form-group .select2-container.select2-container--focus .select2-selection--single, .tutor-form-group .select2-container.select2-container--focus .select2-selection--multiple {
    border-color:var(--tutor-primary-color)
}

.tutor-option-field textarea, .tutor-form-group textarea {
    line-height: 26px;
    text-indent: 0;
    padding: 15px;
    height:180px
}

.tutor-option-field textarea:focus, .tutor-form-group textarea:focus, .tutor-option-field input:focus, .tutor-form-group input:focus {
    outline:none
}

.tutor-dashboard-course-builder-wrap .tutor-option-field textarea, .tutor-dashboard-course-builder-wrap .tutor-form-group textarea {
    height:100px
}

.tutor-option-field textarea:focus, .tutor-option-field input:not([type=submit]):focus, .tutor-form-group textarea:focus, .tutor-form-group input:not([type=submit]):focus {
    background: #fff;
    border-color:var(--tutor-primary-color)
}

.tutor-option-field textarea::-webkit-input-placeholder, .tutor-option-field input::-webkit-input-placeholder, .tutor-form-group textarea::-webkit-input-placeholder, .tutor-form-group input::-webkit-input-placeholder {
    color: #b0b6c8;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.tutor-option-field textarea::-moz-placeholder, .tutor-option-field input::-moz-placeholder, .tutor-form-group textarea::-moz-placeholder, .tutor-form-group input::-moz-placeholder {
    color: #b0b6c8;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.tutor-option-field textarea:-ms-input-placeholder, .tutor-option-field input:-ms-input-placeholder, .tutor-form-group textarea:-ms-input-placeholder, .tutor-form-group input:-ms-input-placeholder {
    color: #b0b6c8;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.tutor-option-field textarea:-moz-placeholder, .tutor-option-field input:-moz-placeholder, .tutor-form-group textarea:-moz-placeholder, .tutor-form-group input:-moz-placeholder {
    color: #b0b6c8;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.tutor-option-field select, .tutor-form-group select {
    padding: 2px 5px;
    height:50px
}

.tutor-form-group.tutor-reg-form-btn-wrap {
    text-align:right
}

.tutor-form-group.tutor-reg-form-btn-wrap .tutor-button {
    background: var(--tutor-success-button-color);
    border-color:var(--tutor-success-button-color)
}

.tutor-option-field p.desc {
    margin: -10px 0 20px;
    font-size: 13px;
    font-style: italic;
    opacity:.7
}

.tutor-option-field:last-child .tutor-option-field p.desc {
    margin-bottom:0
}

.tutor-option-gorup-fields-wrap .tutor-lesson-video-runtime {
    display:flex
}

.tutor-option-gorup-fields-wrap .tutor-lesson-video-runtime .tutor-option-group-field {
    padding-right:30px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:46px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height:46px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 13px;
    font-size:16px
}

.select2-container .select2-selection--single {
    height:48px
}

.select2-container .select2-selection--multiple {
    min-height:50px
}

.tutor-price-preview-box {
    border: 1px solid #dcdfe5;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 4px;
    overflow:hidden
}

.tutor-price-box-thumbnail {
    margin:-20px -20px 20px
}

.tutor-price-box-thumbnail .tutor-single-lesson-segment {
    margin-bottom:0
}

.tutor-price-box-description h6 {
    font-size: 23px;
    margin:15px 0 5px
}

.tutor-price-box-description ul {
    list-style:none
}

.tutor-course-purchase-box a {
    display: block;
    text-align: center;
    margin-top:6px
}

.tutor-price-preview-box .price {
    font-size: 35px;
    font-weight: 500;
    margin: 0 0 20px;
    overflow: hidden;
    line-height:1
}

.tutor-price-preview-box .price .subscription-details {
    font-size: var(--tutor-text-size);
    display: block;
    margin-top: 12px;
    line-height:1.2em
}

.tutor-price-preview-box .price > .price {
    margin-bottom:0
}

.tutor-price-preview-box .price del + ins {
    margin-left: 0;
    float:left
}

.tutor-course-reviews-wrap {
    border: 1px solid #e8eff1;
    border-radius:4px
}

.tutor-course-avg-rating-total {
    color:var(--tutor-light-color)
}

.tutor-course-avg-rating-total span {
    color:var(--tutor-text-color)
}

.tutor-review-individual-item {
    border-top: 1px solid #e8eff1;
    padding: 30px;
    overflow:hidden
}

.tutor-review-individual-item p {
    margin: 0;
    padding:0
}

.course-avg-rating-wrap {
    padding:20px 20px 20px 40px
}

.tutor-review-individual-item .review-left {
    width: 200px;
    float: left;
    overflow:hidden
}

.tutor-review-individual-item .review-content {
    padding-left:200px
}

@media (max-width: 991px) {
    .tutor-review-individual-item .review-left {
        width: 100%;
        float: none;
        margin-bottom:25px
    }

    .tutor-review-individual-item .review-content {
        padding-left:0
    }
}

@media (max-width: 991px) {
    .tutor-single-course-sidebar {
        margin-top:30px
    }
}

.tutor-review-individual-item .review-avatar {
    width: 50px;
    float:left
}

.tutor-review-individual-item .review-avatar img {
    border-radius: 50%;
    margin: 0;
    border: none;
    max-width: 100%;
    height:auto
}

.tutor-review-individual-item .tutor-review-user-info {
    float: left;
    padding-left:20px
}

.tutor-review-individual-item .tutor-review-user-info p {
    margin-bottom:0
}

.tutor-review-individual-item .tutor-review-user-info a {
    color:var(--tutor-text-color)
}

.review-avatar .tutor-text-avatar, .tutor-dashboard-avater .tutor-text-avatar, .instructor-avatar .tutor-text-avatar {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    display: block;
    line-height: 50px;
    color: #fff;
    text-shadow:0 1px 2px rgba(0, 0, 0, .4)
}

.course-avg-rating-wrap .course-avg-rating {
    font-size: 76px;
    line-height: 1;
    font-weight:400
}

.course-avg-rating-wrap p {
    margin:0
}

.tutor-review-individual-item .tutor-review-name {
    font-size: 16px;
    font-weight:600
}

.tutor-review-individual-item .review-meta {
    color:var(--tutor-light-color)
}

.individual-review-rating-wrap {
    color:#f8c51c
}

.individual-review-rating-wrap i, .course-avg-rating-html i {
    margin-right: 4px;
    color:#f8c51c
}

.course-rating-meter {
    display:flex
}

.course-rating-meter i.tutor-icon-star-full {
    color:#f8c51c
}

.rating-meter-bar-wrap {
    flex:1
}

.rating-meter-col {
    margin:0 3px
}

.course-rating-meter {
    margin-bottom:8px
}

.rating-meter-bar {
    height: 5px;
    width: 100%;
    background: #e8eff1;
    margin-top: 11px;
    border-radius: 15px;
    overflow:hidden
}

.rating-meter-fill-bar {
    background: #f8c51c;
    height:5px
}

.rating-meter-col.rating-text-col {
    flex:0 0 auto
}

.tutor-pagination, .tutor-pagination-wrap {
    text-align: center;
    margin:20px 0
}

.tutor-pagination a, .tutor-pagination span, .tutor-pagination-wrap a, .tutor-pagination-wrap span {
    padding: 3px;
    display:inline-block
}

.tutor-pagination-wrap a:hover, .tutor-pagination a:hover {
    color:var(--tutor-primary-color)
}

.tutor-course-tags {
    margin:-5px
}

.tutor-course-tags a {
    padding: 6px 15px;
    background: #e8eff1;
    display: inline-block;
    margin: 5px;
    color: var(--tutor-text-color);
    border-radius: 2px;
    -webkit-transition: 300ms;
    transition:300ms
}

.tutor-course-tags a:hover {
    color:#000
}

.certificate-download-btn {
    margin-top: 20px;
    display: flex !important;
    text-align: center;
    text-transform: uppercase !important;
    align-items: center;
    justify-content:center
}

#tutor-single-entry-content .tutor-course-prerequisites {
    padding:60px
}

.prerequisites-course-lists {
    padding: 0;
    list-style: none;
    margin:0
}

.prerequisites-course-lists li a {
    padding: 13px 15px;
    border: 1px solid #dcdfe5;
    margin-bottom: 20px;
    border-radius: 4px;
    font-weight: 500;
    color: var(--tutor-primary-color);
    font-size:16px
}

.prerequisites-course-lists li:first-child {
    padding: 13px 40px 13px 60px;
    border: 1px solid #f7e5b9;
    margin-bottom: 20px;
    border-radius: 4px;
    font-weight: 500;
    background: #fffff5;
    color: #b39f70;
    position:relative
}

.prerequisites-course-lists li:first-child > span {
    position: absolute;
    left: 20px;
    top:13px
}

.prerequisites-course-lists li .prerequisites-course-item {
    display: flex;
    align-items:center
}

.prerequisites-course-feature-image img {
    width: 70px;
    border-radius: 2px;
    height: auto;
    margin: 0 !important;
    box-shadow:0 0 1px rgba(0, 0, 0, .08)
}

.prerequisites-course-lists li .prerequisites-course-title {
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding-left: 15px;
    -webkit-transition: 300ms;
    transition:300ms
}

.prerequisites-course-lists li a:hover .prerequisites-course-title {
    color:var(--tutor-primary-color)
}

.prerequisites-course-checkmark {
    line-height: 24px;
    height: 24px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    min-width:107px
}

.prerequisites-course-checkmark i {
    height: 24px;
    width: 24px;
    background: #dbdddd;
    color: #dbdddd;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    margin-right:3px
}

.prerequisites-course-checkmark.is-complete i {
    background: var(--tutor-success-button-color);
    color:#fff
}

.tutor-single-course-meta ul li.tutor-social-share {
    float: right;
    margin-right: 0;
    display: inline-flex;
    align-items:center
}

@media (max-width: 575px) {
    .tutor-single-course-meta ul li.tutor-social-share {
        display:none
    }
}

.tutor-single-course-meta ul li.tutor-social-share button {
    margin: 0;
    border: none;
    background: transparent;
    color: var(--tutor-light-color);
    -webkit-transition: 300ms;
    transition: 300ms;
    padding: 0 4px;
    cursor:pointer
}

.tutor-single-course-meta ul li.tutor-social-share button:hover {
    color:var(--tutor-primary-color)
}

.rtl .tutor-single-course-meta ul li.tutor-social-share {
    float:left
}

.rtl .tutor-single-course-meta ul li, .rtl .tutor-loop-author > div {
    float:right
}

.rtl .tutor-single-course-meta ul li {
    margin-right: 0;
    margin-left:40px
}

.rtl .tutor-wrap nav.course-enrolled-nav ul li a {
    margin-right: 0;
    margin-left:20px
}

.rtl .tutor-progress-bar .tutor-progress-filled:after {
    left: auto;
    right: var(--tutor-progress-left);
    -webkit-transform: translateY(-50%) translateX(50%);
    transform:translateY(-50%) translateX(50%)
}

.rtl .tutor-progress-percent {
    padding-left: 0;
    padding-right:20px
}

.rtl .tutor-course-lesson h5 i {
    margin-right: 0;
    margin-left:10px
}

.rtl .tutor-course-lesson h5 .lesson-preview-icon i {
    margin-right: 10px;
    margin-left:0
}

.rtl .tutor-course-lesson h5 .tutor-lesson-duration {
    -webkit-box-flex: 1;
    flex-grow: 1;
    text-align:left
}

.rtl .tutor-custom-list-style li {
    padding-right: 25px;
    padding-left:0px
}

.rtl .tutor-custom-list-style li:before {
    left: auto;
    right:0
}

.rtl .single-instructor-wrap .instructor-name, .rtl .single-instructor-wrap .instructor-avatar {
    float:right
}

.rtl .single-instructor-wrap .instructor-name {
    padding-left: 0;
    padding-right:20px
}

.rtl .single-instructor-wrap .instructor-bio {
    padding-left: 0;
    padding-right:260px
}

.rtl .tutor-single-page-top-bar .tutor-topbar-back-to-curse-wrap {
    margin-left: 30px;
    margin-right:0
}

.rtl .tutor-single-lesson-button-group .tutor-single-lesson-button a, .rtl .tutor-topics-in-single-lesson .tutor-single-lesson-items a {
    padding:14px 17px 14px 100px
}

.rtl .tutor-lessons-under-topic .tutor-lesson-right-icons {
    right: auto;
    left:15px
}

.rtl .tutor-lessons-under-topic .tutor-lesson-right-icons .tutor-lesson-complete {
    margin-left: 0;
    margin-right:8px
}

.rtl .tutor-single-lesson-button-group .tutor-single-lesson-button a > i:first-child, .rtl .tutor-topics-in-single-lesson .tutor-single-lesson-items a > i:first-child {
    margin-right: 0;
    margin-left:10px
}

.rtl .tutor-topbar-home-btn {
    margin-left: 0;
    margin-right:20px
}

@media screen and (max-width: 546px) {
    .rtl .tutor-topbar-home-btn {
        margin-right:10px
    }
}

.rtl .tutor-single-page-top-bar .tutor-single-lesson-segment button.course-complete-button {
    margin-left: 15px;
    margin-right:0
}

.tutor-frontend-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:999999
}

.tutor-frontend-modal .tutor-frontend-modal-overlay {
    background: rgba(0, 0, 0, .7);
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    cursor: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.852 12.004L.23 22.7a.764.764 0 0 0 0 1.076.75.75 0 0 0 1.068 0L12 13l10.703 10.778a.75.75 0 0 0 1.069 0 .764.764 0 0 0 0-1.076L13.148 12.004l10.63-10.706a.764.764 0 0 0 0-1.075.752.752 0 0 0-1.067 0L12 11.008 1.289.223a.752.752 0 0 0-1.068 0 .764.764 0 0 0 0 1.076l10.631 10.705z' fill='%23F0576A' fill-rule='evenodd'/%3E%3C/svg%3E"), auto
}

.tutor-frontend-modal .tutor-frontend-modal-content {
    position: relative;
    background: #fff;
    padding: 60px;
    width: 90%;
    max-width: 750px;
    max-height: 90%;
    overflow-y:auto
}

@media (max-width: 768px) {
    .tutor-frontend-modal .tutor-frontend-modal-content {
        padding:40px
    }
}

@media (max-width: 540px) {
    .tutor-frontend-modal .tutor-frontend-modal-content {
        padding:20px
    }
}

button.tm-close.tutor-icon-line-cross {
    position: absolute;
    right: 23px;
    top: 23px;
    background: transparent;
    padding: 0;
    font-size: 24px;
    border: none;
    color:var(--tutor-light-color)
}

button.tm-close.tutor-icon-line-cross:hover {
    color:red
}

.label-order-status {
    padding: 3px 5px;
    border-radius:3px
}

.label-status-completed {
    background-color: #4bd863;
    color:#fff
}

.label-status-cancelled {
    background-color: #fd6a03;
    color:#fff
}

.label-status-on-hold {
    background-color: #db5382;
    color:#fff
}

.tutor-lesson-content-area h2 {
    margin-bottom: 25px;
    margin-top: 20px;
    font-weight:500
}

.assignment-result-wrap {
    text-align: center;
    padding:10px 0
}

.submitted-assignment-grade-pass {
    color:var(--tutor-success-button-color)
}

.submitted-assignment-grade-failed {
    color:red
}

.received-marks {
    color:var(--tutor-primary-color)
}

.tutor-dashboard-course-builder-wrap .tutor-form-row {
    margin-top: 20px;
    margin-bottom:20px
}

.video_source_wrap_html5 {
    width: 100px;
    text-align:center
}

.video-poster-img img {
    max-width: 200px;
    height:auto
}

.tutor-assignment-information {
    font-size:16px
}

.tutor-assignment-information ul {
    padding: 0;
    margin: 0 0 22px;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content:space-between
}

.tutor-assignment-information ul li strong {
    font-weight:700
}

.tutor-assignment-attachment-upload-wrap .tutor-form-group {
    display:inline-block
}

.tutor-assignment-attachment-upload-wrap .tutor-form-group label + input {
    display:none
}

.tutor-assignment-attachment-upload-wrap .tutor-form-group label {
    padding: 15px 17px;
    border: 1px solid #dcdfe5;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 4px;
    cursor:pointer
}

.tutor-assignment-attachment-upload-wrap .tutor-form-group label i {
    font-size: 30px;
    line-height: 30px;
    float: left;
    margin-right:12px
}

.tutor-assignment-attachment-upload-wrap .tutor-form-group label span {
    line-height:30px
}

.tutor-assignment-attachment-upload-wrap {
    margin-bottom:40px
}

#tutor-course-topics a {
    text-decoration:none
}

#tutor-course-topics .tutor-topics-wrap {
    border-bottom: 1px solid #f6f8fa;
    padding-bottom: 0;
    margin:0
}

.tutor-untopics-lessons .course-content-item, .course-contents .course-content-item {
    padding: 10px 12px 10px 25px;
    border-bottom: 1px solid #d9d9d9;
    background-color:#ebeef0
}

.tutor-untopics-lessons .course-content-item .tutor-lesson-top, .course-contents .course-content-item .tutor-lesson-top {
    display: flex;
    align-items:center
}

.tutor-untopics-lessons .course-content-item .tutor-lesson-top a:last-child, .course-contents .course-content-item .tutor-lesson-top a:last-child {
    margin-left:auto
}

.tutor-untopics-lessons .course-content-item .tutor-lesson-top a.open-tutor-lesson-modal, .course-contents .course-content-item .tutor-lesson-top a.open-tutor-lesson-modal {
    flex-grow:1
}

.tutor-untopics-lessons .course-content-item .tutor-lesson-top a, .course-contents .course-content-item .tutor-lesson-top a {
    color: #393c40;
    font-weight: 400;
    display: inline-flex;
    align-items:center
}

.tutor-untopics-lessons .course-content-item .tutor-lesson-top i, .course-contents .course-content-item .tutor-lesson-top i {
    padding-right: 7px;
    color:#393c40
}

.tutor-untopics-lessons .course-content-item .tutor-lesson-top .tutor-updating-message i, .course-contents .course-content-item .tutor-lesson-top .tutor-updating-message i {
    display:none
}

.tutor-untopics-lessons .course-content-item .tutor-lesson-top i.tutor-icon-garbage:hover, .course-contents .course-content-item .tutor-lesson-top i.tutor-icon-garbage:hover {
    color:red
}

.tutor-lessons.ui-sortable {
    min-height:20px
}

#tutor-course-topics .drop-lessons p {
    margin:0
}

#tutor-course-topics .course-content-item:hover {
    background-color:#ebeef0
}

#tutor-course-topics .tutor-lessons {
    padding-left:0
}

#tutor-course-topics .tutor-lesson-top, #tutor-course-topics .tutor-lesson-top i {
    font-size:15px
}

#tutor-course-topics .tutor-lesson-top .open-tutor-quiz-modal i {
    display: inline-block;
    vertical-align: middle;
    margin-right:5px
}

#tutor-course-topics .tutor-lesson-top {
    display:flex
}

#tutor-course-topics .tutor-lesson-top .open-tutor-lesson-modal, .tutor-quiz .open-tutor-quiz-modal, .course-content-item .open-tutor-assignment-modal {
    flex:1
}

#tutor-course-topics .tutor-lesson-top i.tutor-icon-move {
    margin-right: 10px;
    cursor:ns-resize
}

.rtl #tutor-course-topics .tutor-lesson-top i.tutor-icon-move {
    margin-right: 0;
    margin-left:10px
}

#tutor-course-topics .tutor-lesson-top i.tutor-icon-pencil {
    margin:0 10px
}

#tutor-course-topics .tutor-lesson-top a {
    color:#393c40
}

#tutor-course-topics .tutor-lesson-top a.tutor-updating-message i {
    display:none
}

.course-move-handle {
    cursor:row-resize
}

.new-topic-btn-wrap {
    padding:20px
}

p.course-empty-content {
    padding-left: 20px;
    padding-right:20px
}

.tutor_btn_lg {
    line-height: 45px;
    background-color: var(--tutor-primary-color);
    color: #fff;
    padding: 0 20px;
    display: inline-block;
    border-radius: 2px;
    font-weight: 300;
    border: none;
    box-shadow: none;
    cursor:pointer
}

.tutor_btn_lg:focus {
    box-shadow: none;
    border: none;
    outline:none
}

.tutor_btn_lg:focus, .tutor_btn_lg:hover {
    background-color: var(--tutor-primary-color);
    color:#fff
}

.ui-sortable-placeholder {
    visibility: visible;
    background-color:#dddd
}

.tutor-untopics-lessons {
    border: 1px solid #eee;
    padding: 20px;
    margin: 0 -1px -1px;
    background-color:#fbfbfb
}

.tutor-untopics-lessons h3 {
    font-weight:300
}

.tutor-untopics-lessons .tutor-lessons {
    padding-left:0 !important
}

.create-new-lesson-wrap {
    text-align:center
}

.tutor-metabox-add-topics .tutor-option-field-row:last-child, .tutor-topics-edit-form .tutor-option-field-row:last-child {
    border-bottom:none
}

.tutor-metabox-add-topics .tutor-option-field-row textarea {
    height:120px
}

.topic-edit-icon {
    cursor:pointer
}

.tutor-topic-title {
    display: flex;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    line-height: 45px;
    padding-left:15px
}

.rtl .tutor-topic-title {
    padding-left: 0;
    padding-right:15px
}

.tutor-topic-title a {
    color:#393c40
}

.tutor-topic-title .topic-inner-title {
    flex: 1 0 auto;
    cursor: pointer;
    max-width: calc(100% - 137px);
    font-weight: 400;
    font-size:16px
}

.tutor-topic-title span {
    padding:0 5px
}

.tutor-topic-title span.expand-collapse-wrap {
    border-left:1px solid #e7e7e7
}

.tutor-topic-title span.expand-collapse-wrap a {
    display: block;
    padding:0 13px
}

.topic-delete-btn {
    float:right
}

.text-muted {
    color:#ccc
}

.topic-delete-btn a {
    padding:0 10px
}

.topic-delete-btn a:hover {
    color:red
}

.topic-delete-btn .dashicons {
    width: 12px;
    height: 12px;
    font-size:12px
}

#tutor-course-topics {
    position:relative
}

#tutor-course-topics .inside {
    padding: 0;
    margin:0
}

#tutor-course-topics a:focus {
    box-shadow:none
}

#tutor-course-topics .toggle-indicator:before {
    margin-top:20px
}

.tutor-topics-wrap:nth-child(2n) {
    background:#f6f8fa
}

#tutor-course-content-wrap {
    border: 1px solid #ddd;
    margin-top:20px
}

#tutor-course-content-wrap .tutor-topics-edit-form, #tutor-course-content-wrap .tutor-metabox-add-topics {
    border-left: none;
    border-right: none;
    margin-top:0
}

#tutor-course-content-wrap .tutor-topics-wrap .tutor-topics-body {
    background: #ebeef0;
    padding:0px
}

.tutor-course-builder-button {
    line-height: 35px;
    color: #393c40;
    display: inline-block;
    padding: 0 20px;
    border-radius: 4px;
    margin-right: 10px;
    border: 1px solid #d3d4d5;
    background-color: #f2f2f2;
    cursor: pointer;
    vertical-align: top;
    transition: 300ms;
    font-weight:400
}

.tutor-course-builder-button i {
    line-height: 35px;
    display: inline-block;
    vertical-align: top;
    margin-right:6px
}

.tutor-course-builder-button.tutor-updating-message i {
    display:none
}

.tutor-course-builder-button.tutor-btn-lg {
    line-height:40px
}

.tutor-add-quiz-button-wrap {
    padding: 15px 20px;
    display: flex;
    flex-wrap:wrap
}

.tutor-add-quiz-button-wrap > * + * {
    margin-left:15px
}

.tutor-course-builder-button.active {
    color: #fff;
    background: var(--tutor-primary-color);
    border-color:var(--tutor-primary-color)
}

.tutor-course-builder-button:hover {
    filter:brightness(0.9)
}

.tutor-btn-lg i {
    color: var(--tutor-primary-color);
    vertical-align: top;
    margin-right: 5px;
    font-size: 16px;
    display: inline-block;
    line-height:40px
}

.tutor-course-builder-button.active i, .tutor-course-builder-button:hover i {
    color:#fff
}

.tutor-course-builder-button.tutor-success {
    background: var(--tutor-success-button-color);
    border-color: var(--tutor-success-button-color);
    color:#fff
}

.tutor-updating-message:before {
    display: inline-block;
    font-family: "tutor";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: top;
    content: "";
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    margin-right:6px
}

.rtl .tutor-updating-message:before {
    margin-right: 0;
    margin-left:6px
}

.lesson-modal-close-wrap a {
    background: #fff;
    width: 50px;
    height: 59px;
    display: inline-block;
    text-align: center;
    line-height: 57px;
    color: #3a3d42;
    font-size: 15px;
    position: absolute;
    right: 0;
    top:0
}

.lesson-modal-close-wrap a:hover {
    color:red
}

.lesson-modal-form-wrap .lesson-modal-field-row {
    padding:10px 0
}

.lesson-modal-field.tutor-lesson-modal-title-wrap {
    width:95%
}

.lesson-modal-field-row input[type=text] {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: none;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    padding: 7px 12px;
    margin: 0 10px 0 0;
    min-width: 400px;
    min-height:35px
}

.tutor-lesson-modal-title-wrap input {
    width:100%
}

.lesson-modal-form-wrap .tutor-option-field-row {
    padding:10px 0
}

.lesson-modal-form-wrap .tutor-option-field-row:last-child {
    border-bottom:none
}

.tutor-lesson-modal-wrap .modal-footer {
    padding: 10px 20px;
    background-color: #fff;
    width: 100%;
    position: sticky;
    bottom: 0;
    position:-webkit-sticky
}

.tutor-option-field .tutor-lesson-edit-feature-img {
    width: 100px;
    position:relative
}

.tutor-option-field .tutor-lesson-edit-feature-img img {
    width: 100%;
    height:auto
}

a.tutor-lesson-thumbnail-delete-btn {
    position: absolute;
    top: 0;
    right: 0;
    color: red;
    background: #fff;
    padding: 3px 5px;
    border-radius:5px
}

.tutor-get-pro-text {
    color:#e02424
}

.updating-icon:before {
    font-family: "tutor";
    content: "";
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    display:inline-block
}

.tutor-notice-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 20px;
    margin-bottom:10px
}

.tutor-modal-wrap {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color:rgba(0, 0, 0, .5)
}

.tutor-modal-wrap.show {
    display: flex !important;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 99999;
    align-items: center;
    justify-content:center
}

.tutor-modal-wrap.loading .tutor-modal-content:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    content: "";
    z-index: 9;
    background: url("../images/spinner.gif") no-repeat center center
}

.tutor-modal-wrap .tutor-modal-content {
    max-height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    max-width: 730px;
    margin: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    position: relative;
    -webkit-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    width:90%
}

.admin-bar .tutor-modal-wrap .tutor-modal-content {
    max-height: calc(90% - 32px);
    margin-top:32px
}

.tutor-modal-wrap .modal-footer {
    padding: 20px 0;
    border-top:1px solid #eee
}

.tutor-modal-wrap .modal-footer.has-padding {
    padding:20px 15px
}

.tutor-modal-wrap .modal-container {
    padding:20px 20px 0
}

.tutor-modal-wrap.tutor-instructors-modal-wrap .modal-container p {
    margin-top:0
}

.tutor-modal-wrap .modal-header {
    display: flex;
    padding: 15px 20px;
    border-bottom:1px solid #eeeff1
}

.tutor-modal-wrap .modal-title {
    flex-basis: 0;
    flex-grow:1
}

.tutor-modal-wrap .modal-header h1 {
    padding: 0;
    margin: 0;
    font-size: 23px;
    line-height:30px
}

.modal-container .modal-classic-btn-wrap {
    position: absolute;
    right: 45px;
    top:14px
}

.modal-container .modal-classic-btn-wrap a {
    color:var(--tutor-primary-color)
}

.tutor-modal-wrap .modal-header h1::before, .tutor-modal-wrap .modal-header h1::after {
    display:none
}

.tutor-modal-wrap .search-bar {
    flex-basis: 0;
    flex-grow: 1;
    padding-top: 20px;
    padding-left: 20px;
    padding-right:20px
}

.tutor-modal-wrap .search-bar input[type=text] {
    width: 100%;
    border: 1px solid #eee;
    box-shadow: none;
    padding:10px
}

.tutor-modal-wrap .modal-close-wrap a.modal-close-btn {
    width: 50px;
    height: 50px;
    background: #000;
    display: inline-block;
    text-align: center;
    line-height: 47px;
    color: #fff;
    font-size: 25px;
    position: absolute;
    right:0
}

.tutor-modal-wrap.tutor-quiz-builder-modal-wrap .modal-title {
    flex-basis: 0;
    flex-grow:1
}

.tutor-modal-wrap.tutor-quiz-builder-modal-wrap .modal-close-wrap a.modal-close-btn {
    background: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
    color: #3a3d42;
    font-size: 22px;
    position:relative
}

.tutor-modal-wrap.tutor-quiz-builder-modal-wrap .modal-header {
    padding: 15px 20px;
    border-bottom:1px solid #eeeff1
}

.tutor-modal-wrap.tutor-quiz-builder-modal-wrap .modal-header h1 {
    padding:0
}

.tutor-modal-wrap.tutor-quiz-builder-modal-wrap .modal-container {
    background-color: #f1f1f1;
    padding:0
}

#tutor-quiz-modal-tab-items-wrap {
    background-color: #fff;
    font-size: 0;
    overflow:hidden
}

#tutor-quiz-builder-modal-tabs-container {
    padding:20px
}

#tutor-quiz-modal-tab-items-wrap .tutor-quiz-modal-tab-item {
    padding: 15px 25px;
    display: inline-block;
    color: #393c40;
    border-left: 1px solid #f1f1f1;
    overflow: hidden;
    line-height: 17px;
    vertical-align:middle
}

#tutor-quiz-modal-tab-items-wrap .tutor-quiz-modal-tab-item.active {
    background-color:#f1f1f1
}

#tutor-quiz-modal-tab-items-wrap .tutor-quiz-modal-tab-item i {
    float: left;
    font-size: 17px;
    line-height: 1;
    margin-right:5px
}

#tutor-quiz-modal-tab-items-wrap .tutor-quiz-modal-tab-item.active i {
    color:var(--tutor-primary-color)
}

.quiz-modal-tab-navigation-btn {
    padding: 10px 20px;
    border-radius:3px
}

.quiz-modal-btn-next, .quiz-modal-btn-next:focus, .quiz-modal-btn-first-step, .quiz-modal-btn-first-step:focus, .quiz-modal-question-save-btn, .quiz-modal-question-save-btn:focus, .quiz-modal-settings-save-btn, .quiz-modal-settings-save-btn:focus {
    background-color: var(--tutor-primary-color);
    color:#fff
}

.quiz-modal-btn-next:hover, .quiz-modal-btn-first-step:hover, .quiz-modal-question-save-btn:hover, .quiz-modal-settings-save-btn:hover {
    color:#fff
}

.quiz-modal-btn-cancel, .quiz-modal-btn-back {
    color: #4b5981;
    border:1px solid #d4dadb
}

.tutor-quiz-builder-form-row .quiz-form-warning {
    color:#e88e06
}

.tutor-assignment-builder-modal-wrap .modal-container {
    padding:10px
}

.assignment-modal-form-wrap .tutor-option-field.tutor-assignment-modal-title-wrap {
    margin:0
}

.tutor-quiz-question-answers-form {
    background-color: #fff;
    padding: 20px;
    -webkit-transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all .3s cubic-bezier(0.25, 0.8, 0.25, 1);
    border: 1px solid #dedede;
    border-radius: 3px;
    margin-bottom:20px
}

.advanced-options-tab-item {
    float:right
}

.tutor-course-builder-wrap {
    border:1px dashed #dcdfe5
}

.tutor-quiz-builder-modal-tabs-notice {
    background: #d8d8d8;
    line-height: 20px;
    padding: 10px 30px;
    color:#a4a4a4
}

.tutor-quiz-builder-modal-tabs-notice a {
    color: #a4a4a4;
    text-decoration:underline
}

.tutor-quiz-builder-group {
    margin-bottom:25px
}

.tutor-quiz-builder-group > p.warning {
    color: red;
    font-size:12px
}

.tutor-quiz-builder-group > p.help {
    color: #a4a4a4;
    font-size: 12px;
    margin-top:7px
}

.tutor-quiz-builder-group > h4 {
    color: #393c40;
    font-weight: 600;
    margin:0 0 15px
}

.tutor-quiz-builder-row {
    display: flex;
    align-items: center;
    margin-left: -10px;
    margin-right:-10px
}

.tutor-quiz-builder-col {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-flex: 1;
    flex-grow:1
}

.tutor-quiz-builder-col.auto-width {
    flex:0 0 auto
}

.tutor-quiz-builder-group textarea, .tutor-quiz-builder-group input[type=text], .tutor-quiz-builder-group input[type=email], .tutor-quiz-builder-group input[type=number], .tutor-quiz-builder-group input[type=password] {
    line-height: 40px;
    padding: 5px 0;
    text-indent: 15px;
    background: #fff;
    display: inline-block;
    border: 1px solid #dedede;
    border-radius: 3px;
    box-shadow: none;
    height: 40px;
    margin: 0;
    width: 100%;
    color:#393c40
}

.tutor-quiz-builder-group textarea:focus, .tutor-quiz-builder-group input[type=text]:focus, .tutor-quiz-builder-group input[type=email]:focus, .tutor-quiz-builder-group input[type=number]:focus, .tutor-quiz-builder-group input[type=password]:focus {
    border-color:var(--tutor-primary-color)
}

.tutor-quiz-builder-group textarea {
    height: 80px;
    resize: none;
    text-indent: 0;
    padding: 11px 15px;
    line-height:22px
}

.tutor-quiz-builder-group textarea[name=quiz_description] {
    height:150px
}

.tutor-quiz-builder-group select {
    border: 1px solid #ccc;
    box-shadow: none;
    height: 42px !important;
    padding: 0 12px !important;
    margin:0
}

.tutor-quiz-builder-modal-control-btn-group {
    display: flex;
    margin-top:20px
}

.question_form_inner {
    padding: 0 20px 20px;
    margin-top:0
}

.tutor-quiz-builder-modal-control-btn-group .quiz-builder-btn-group-left {
    flex:1
}

.tutor-quiz-builder-modal-control-btn-group .quiz-modal-tab-navigation-btn {
    display:inline-block
}

.tutor-quiz-builder-modal-control-btn-group .quiz-modal-tab-navigation-btn:not(:last-child) {
    margin-right:6px
}

.modal-container .tutor-quiz-add-question-btn {
    border: 1px solid #c6c9cf;
    padding: 10px 15px;
    color: #393c40;
    display: inline-block;
    border-radius:3px
}

.modal-container .tutor-quiz-add-question-btn i {
    color: var(--tutor-primary-color);
    line-height: 16px;
    margin-right:3px
}

.quiz-form-field-col {
    margin-right:20px
}

.quiz-form-field-col.result-fail {
    width:100%
}

.quiz-modal-switch-field {
    display: flex;
    margin-top:30px
}

.quiz-modal-switch-field label.btn-switch {
    margin-right: 20px;
    position: relative;
    vertical-align:top
}

label.btn-switch input:checked + .btn-slider {
    background-color:var(--tutor-success-button-color)
}

.btn-switch + span {
    line-height: 24px;
    display: inline-block;
    margin-left: 8px;
    font-weight: 700;
    vertical-align:top
}

.tutor-select {
    position:relative
}

.tutor-select .select-header {
    border: 1px solid #dedede;
    margin: 0;
    padding: 10px;
    width: 100%;
    box-shadow: none;
    background-color: #fff;
    display: flex;
    cursor: pointer;
    box-sizing: border-box;
    border-radius:3px
}

.tutor-select .select-header .lead-option {
    flex:1
}

.tutor-select .select-header .select-dropdown {
    line-height:22px
}

.tutor-select .select-header .lead-option .question-type-pro {
    display:none
}

.tutor-select .tutor-select-options {
    border: 1px solid #dedede;
    background-color: #fff;
    padding: 22px 10px 8px;
    width: calc(100% - 22px);
    position: absolute;
    font-size: 0;
    z-index: 9;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, .08);
    top: 55px;
    border-radius:3px
}

.tutor-select .tutor-select-options .tutor-select-option {
    width: calc(33.3333% - 22px);
    display: inline-block;
    padding: 9px;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    margin: 0 11px 15px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    font-size:13px
}

.tutor-select .tutor-select-options .tutor-select-option:hover {
    border-color:var(--tutor-primary-color)
}

.question-type-pro {
    color: #fff;
    font-size: 9px;
    right: 11px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform:translateY(-50%)
}

i.tutor-icon-block {
    padding: 0;
    color: #fff;
    border-radius: 3px;
    margin-right: 2px;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height:22px
}

i.tutor-icon-block.tutor-icon-short-ans {
    background-color:#f37512
}

i.tutor-icon-block.tutor-icon-image-ans {
    background-color:#a322f9
}

i.tutor-icon-block.tutor-icon-yes-no {
    background-color:var(--tutor-primary-color)
}

i.tutor-icon-block.tutor-icon-multiple-choice {
    background-color:#9034a9
}

i.tutor-icon-block.tutor-icon-mark {
    background-color:#00b890
}

i.tutor-icon-block.tutor-icon-open-ended {
    background-color:#fe3129
}

i.tutor-icon-block.tutor-icon-fill-gaps {
    background-color:#ffbf00
}

i.tutor-icon-block.tutor-icon-answer-shorting {
    background-color:#f80089
}

i.tutor-icon-block.tutor-icon-assesment {
    background-color:#274055
}

i.tutor-icon-block.tutor-icon-matching {
    background-color:#8a4a1b
}

i.tutor-icon-block.tutor-icon-image-matching {
    background-color:#8a4a1b
}

i.tutor-icon-block.tutor-icon-ordering {
    background-color:var(--tutor-primary-color)
}

i.tutor-icon-block.tutor-icon-plus-square-button, i.tutor-icon-block.tutor-icon-plus {
    background-color:var(--tutor-success-button-color)
}

.create-lesson-in-topic-btn i.tutor-icon-block.tutor-icon-plus {
    background-color:var(--tutor-primary-color)
}

a.back-to-quiz-questions-btn {
    font-size: 16px;
    font-weight: 300;
    color: #393c40;
    margin-bottom: 10px;
    display:block
}

a.back-to-quiz-questions-btn.tutor-updating-message i {
    display:none
}

.modal-container .quiz-questions-form {
    padding:20px
}

#quiz-builder-tab-advanced-options .tutor-quiz-builder-form-cols-row .quiz-form-field-col:first-child {
    flex:0 0 150px
}

.question-form-header {
    margin-bottom:20px
}

.quiz-question-form-body {
    margin-bottom:25px
}

.quiz-builder-question-wrap {
    display: flex;
    margin-bottom:15px
}

.quiz-builder-question {
    flex: 1;
    display: flex;
    background: #fff;
    padding: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    max-width:calc(100% - 52px)
}

.quiz-builder-question .question-sorting {
    margin-right: 10px;
    line-height:22px
}

.quiz-builder-question .question-sorting i {
    display: block;
    line-height:24px
}

.quiz-builder-question .question-edit-icon {
    line-height:22px
}

.quiz-builder-question .question-edit-icon .tutor-quiz-open-question-form.tutor-updating-message i {
    display:none
}

.quiz-builder-question .question-title {
    flex: 1;
    line-height: 22px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right:10px
}

.quiz-builder-question .question-icon {
    flex:0 0 155px
}

.quiz-builder-qustion-trash a {
    display: block;
    padding: 0 0 0 10px;
    font-size: 20px;
    color: rgba(57, 60, 64, .4);
    line-height:44px
}

.tutor-quiz-builder-modal-wrap .tutor-field-type-slider {
    border: 1px solid #dedede;
    padding: 20px 70px 20px 10px;
    background-color: #fff;
    position: relative;
    border-radius:4px
}

.tutor-quiz-builder-modal-wrap .tutor-field-type-slider .ui-widget-content {
    background: var(--tutor-primary-color);
    border: none;
    height: 4px;
    border-radius:4px
}

.tutor-quiz-builder-modal-wrap .tutor-field-type-slider .ui-widget-header {
    background: #dedede;
    border-radius:4px
}

.tutor-quiz-builder-modal-wrap .tutor-field-type-slider .ui-widget-content .ui-state-default {
    background: var(--tutor-primary-color);
    border: 1px solid var(--tutor-primary-color);
    border-radius: 50%;
    margin-top:-2px
}

.tutor-quiz-builder-modal-wrap .tutor-field-type-slider .tutor-field-type-slider-value {
    font-size: 16px;
    font-weight: 600;
    background: var(--tutor-primary-color);
    position: absolute;
    right: 5px;
    top: 50%;
    margin: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 34px;
    width: 43px;
    text-align: center;
    border-radius: 4px;
    color:#fff
}

.tutor-quiz-builder-modal-wrap .tutor-field-type-slider .tutor-field-type-slider-value:before {
    content: "";
    position: absolute;
    border: 7px solid transparent;
    top: 50%;
    border-right-color: var(--tutor-primary-color);
    right: 100%;
    -webkit-transform: translateY(-50%);
    transform:translateY(-50%)
}

.tutor-quiz-answer-wrap {
    display:flex
}

.tutor-quiz-answer {
    background-color: #fff;
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #dedede;
    display: flex;
    line-height: 22px;
    border-radius: 3px;
    margin-bottom:15px
}

.tutor-quiz-answer .tutor-quiz-answer-edit a {
    display: block;
    padding:0px 9px
}

.tutor-quiz-answer-trash-wrap a.answer-trash-btn {
    padding: 0 10px;
    display: inline-block;
    line-height:44px
}

span.tutor-quiz-answer-title {
    flex:1
}

.tutor-quiz-answer-media .option-media-preview {
    margin-bottom:20px
}

.tutor-quiz-answer-media .option-media-preview img {
    max-width: 80px;
    height:auto
}

.tutor-question-answer-image {
    margin-right:10px
}

.tutor-question-answer-image img {
    max-height: 25px;
    width:auto
}

button#quiz-answer-save-btn, button#quiz-answer-edit-btn {
    background-color: var(--tutor-success-button-color);
    color: #fff;
    padding: 10px 15px;
    border: none;
    cursor:pointer
}

button#quiz-answer-save-btn:hover, button#quiz-answer-edit-btn:hover {
    background-color:var(--tutor-success-button-color)
}

.tutor-media-upload-wrap {
    border: 1px solid #dedede;
    display: flex;
    width:130px
}

.tutor-media-upload-wrap img {
    max-width:100%
}

.tutor-media-preview {
    flex:1
}

.tutor-media-upload-btn {
    display: block;
    padding: 10px;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    color:#dedede
}

.tutor-media-upload-trash-wrap {
    border-left:1px solid #dedede
}

.tutor-media-upload-trash {
    color: #dedede;
    display: block;
    line-height: 50px;
    padding:12px
}

.tutor-quiz-answers-form-footer.tutor-quiz-builder-form-row {
    margin-top: 40px;
    margin-bottom:10px
}

.tutor-metabox-add-topics, .tutor-topics-edit-form {
    background-color: #f7f7f7;
    border: 1px solid #dcdfe5;
    margin-top: 25px;
    padding:20px
}

.tutor-course-builder-section {
    margin-bottom:60px
}

.tutor-course-builder-section-title h3 {
    font-size: 20px;
    font-weight: 700;
    color: #1d1f37;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin: 0 0 25px;
    cursor:pointer
}

.tutor-course-builder-section-title h3::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--tutor-primary-color);
    z-index:-1
}

.tutor-course-builder-section-title h3 span, .tutor-course-builder-section-title h3 i {
    float: left;
    background-color: #fff;
    font-size: 20px;
    line-height:20px
}

.tutor-course-builder-section-title h3 i {
    color: var(--tutor-primary-color);
    font-size:14px
}

.tutor-course-builder-section-title h3 span {
    padding:0 15px 0 9px
}

.tutor-frontend-builder-item-scope {
    margin-bottom:30px
}

.tutor-frontend-builder-item-scope:last-child {
    margin-bottom:0
}

.tutor-builder-item-heading {
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 10px;
    display:block
}

.builder-course-thumbnail-upload-wrap > div {
    font-size: var(--tutor-text-size);
    line-height: 25px;
    margin-bottom: 20px;
    font-weight:400
}

.builder-course-thumbnail-img-src {
    position:relative
}

.builder-course-thumbnail-img-src .tutor-course-thumbnail-delete-btn {
    font-size: 10px;
    position: absolute;
    top: -4px;
    left: -4px;
    color: #e53935;
    -webkit-transition: 300ms;
    transition: 300ms;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #fff;
    text-align:center
}

.builder-course-thumbnail-img-src .tutor-course-thumbnail-delete-btn i {
    line-height:20px
}

.tutor-course-builder-header {
    text-align: right;
    font-size:12px
}

.tutor-course-builder-section .course-empty-content {
    margin:15px 0
}

.tutor-course-builder-section .tutor-course-builder-header a {
    color:#393c40
}

.tutor-course-builder-section .tutor-course-builder-header a:first-child {
    padding-right:7px
}

.tutor-course-builder-section .tutor-course-builder-header a:last-child {
    padding-left:7px
}

.tutor-course-builder-section .tutor-course-builder-header {
    margin-top:-15px
}

.tutor-course-builder-section .new-topic-btn-wrap {
    padding: 0;
    margin-top:20px
}

.tutor-course-available-instructors {
    display: flex;
    flex-wrap:wrap
}

.tutor-course-available-instructors .added-instructor-item {
    flex: 0 0 calc(50% - 15px);
    max-width: calc(50% - 15px);
    border: 1px solid #dcdfe5;
    padding: 13px;
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    position: relative;
    margin-bottom:30px
}

.tutor-course-available-instructors .added-instructor-item .instructor-control {
    position: absolute;
    right: 14px;
    top: 50%;
    font-size: 12px;
    transform: translateY(-50%);
    opacity: 0;
    transition:300ms
}

.tutor-course-available-instructors .added-instructor-item .instructor-control a {
    color:red
}

.tutor-course-available-instructors .added-instructor-item:hover .instructor-control {
    opacity:1
}

.tutor-course-available-instructors .added-instructor-item .instructor-icon {
    height: 45px;
    width: 45px;
    overflow: hidden;
    border-radius: 50px;
    margin-right:15px
}

.tutor-course-available-instructors .added-instructor-item .instructor-icon img {
    width:100%
}

.tutor-course-available-instructors .added-instructor-item .instructor-name {
    position:relative
}

.tutor-course-available-instructors .added-instructor-item .instructor-name img {
    display: inline-block;
    margin-left: 10px;
    width:18px
}

.tutor-course-available-instructors .added-instructor-item .instructor-name img:hover + i.instructor-name-tooltip {
    opacity:1
}

.tutor-course-available-instructors .added-instructor-item i.instructor-name-tooltip {
    -webkit-transition: 300ms;
    transition: 300ms;
    opacity: 0;
    position: absolute;
    bottom: 34px;
    right: 9px;
    background: #2a344f;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    color: #fff;
    font-size: 12px;
    font-style: normal;
    padding: 0 8px;
    border-radius: 15px;
    line-height: 20px;
    z-index:1
}

.tutor-course-available-instructors .added-instructor-item i.instructor-name-tooltip::before {
    content: "";
    position: absolute;
    border: 5px solid #2a344f;
    bottom: -3px;
    left: 50%;
    margin-left: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index:-1
}

.tutor-course-available-instructors .added-instructor-item:nth-child(2n) {
    margin-left:30px
}

.tutor-addons-list .plugin-icon {
    height:120px
}

.btn-switch {
    display: inline-block;
    height: 22px;
    position: relative;
    width:40px
}

.btn-switch input {
    display:none
}

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

.btn-slider:before {
    background-color: #fff;
    bottom: 3px;
    content: "";
    height: 16px;
    left: 4px;
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s;
    width:16px
}

input:checked + .btn-slider {
    background-color:var(--tutor-primary-color)
}

input:checked + .btn-slider:before {
    -webkit-transform: translateX(16px);
    transform:translateX(16px)
}

.btn-slider.btn-round {
    border-radius:34px
}

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

.tutor-video-embeded-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width:100%
}

.tutor-video-embeded-wrap iframe, .tutor-video-embeded-wrap object, .tutor-video-embeded-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:100%
}

.select2-selection__rendered [class^=tutor-icon-] {
    display: inline-block;
    vertical-align: top;
    margin-right:6px
}

.select2-results__options [class^=tutor-icon-] {
    color: var(--tutor-primary-color);
    display: inline-block;
    vertical-align: top;
    margin-right:6px
}

.select2-results__option--highlighted [class^=tutor-icon-] {
    color:#fff
}

.tutor-video-metabox-wrap {
    margin-bottom:50px
}

.video-metabox-source-input-wrap {
    padding: 30px;
    background-color: #f4f7f8;
    border: 1px solid #dcdfe5;
    border-radius:3px
}

.video-metabox-source-html5-upload {
    background-color: #fff;
    text-align: center;
    padding: 40px 20px;
    border: 1px solid #dcdfe5;
    border-radius:3px
}

.video-metabox-source-html5-upload p {
    margin-bottom:5px
}

.tutor-video-metabox-wrap p {
    margin: 0;
    padding:0
}

.video-metabox-source-html5-upload .video-upload-icon i {
    font-size: 50px;
    color:var(--tutor-primary-color)
}

.video_source_upload_wrap_html5 {
    margin-top:10px
}

.video-metabox-source-html5-poster {
    padding-top:30px
}

.video_source_wrap_html5 {
    width:100%
}

.builder-course-thumbnail-upload-wrap .button-transparent {
    float: right;
    background:transparent !important
}

.builder-course-thumbnail-upload-wrap .button-transparent:hover {
    background:var(--tutor-primary-color) !important
}

.html5-video-poster {
    height: 100px;
    display: flex;
    align-items:center
}

.html5-video-poster .tutor-builder-course-video-poster-text {
    text-align: left;
    padding-left:20px
}

.html5-video-poster .tutor-builder-course-video-poster-text h5 {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 6px;
    line-height:1
}

.html5-video-poster .tutor-builder-course-video-poster-text span {
    font-size: 14px;
    font-weight:400
}

.html5-video-poster img {
    height: 100%;
    width:auto
}

.no-memberhsip-msg-wrap p {
    margin:0
}

.content-drip-message-wrap.tutor-error-msg {
    margin:40px 50px
}

.content-drip-message-wrap {
    margin:120px
}

.content-drip-wrap-flex {
    display:flex
}

.content-drip-wrap-flex .content-drip-left {
    margin-right:50px
}

.content-drip-wrap-flex ul {
    margin: 0;
    list-style-position:inside
}

.content-drip-wrap-flex ul li a {
    color:var(--tutor-primary-color)
}

.tutor-alert {
    border: 1px solid #f8a201;
    background: #fffff2;
    position: relative;
    border-radius: 3px;
    padding: 20px 25px 20px 95px;
    color: #a86d00;
    margin-bottom:20px
}

.tutor-alert p {
    margin-bottom:10px
}

.tutor-alert p:last-child {
    margin:0
}

.tutor-alert.tutor-alert-danger {
    border: 1px solid #fe1a1a;
    background: #fff2f2;
    color:#a50000
}

.tutor-alert.tutor-alert-success {
    border: 1px solid #69bc0d;
    background: #f6fff2;
    color:#3d7400
}

.tutor-alert::before {
    content: "";
    position: absolute;
    font-size: 30px;
    font-family: "tutor" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 70px;
    top: 0;
    left: 0;
    text-align: center;
    background: #f8a201;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color:#fff
}

.tutor-alert.tutor-alert-danger::before {
    content: "";
    background:#fe1a1a
}

.tutor-alert.tutor-alert-success::before {
    content: "";
    background:#69bc0d
}

.tutor-alert-content p {
    margin:0
}

.gradename-bg {
    text-align: center;
    color: #fff;
    height: 32px;
    min-width: 32px;
    font-size: 16px;
    line-height: 32px;
    padding: 0 8px;
    display: inline-block;
    border-radius: 20px;
    font-weight: bold;
    margin-right:7px
}

.gradename-outline {
    text-align: center;
    height: 32px;
    min-width: 32px;
    font-size: 16px;
    line-height: 26px;
    padding: 0 8px;
    display: inline-block;
    border-radius: 20px;
    border: 2px solid;
    margin-right:7px
}

.generate-course-gradebook-btn-wrap {
    margin:10px 0
}

.gradebook-result-for-label {
    margin: 0;
    padding: 4px 7px;
    background-color: #e8eff1;
    display: inline-block;
    margin-bottom:10px
}

table.course-single-gradebooks {
    border-spacing: 0;
    width: 100%;
    border-collapse: collapse;
    border:1px solid #dcdfe5
}

table.course-single-gradebooks th {
    padding: 1em 1.41575em;
    text-align: left;
    vertical-align: top;
    border-bottom:1px solid #dcdfe5
}

table.course-single-gradebooks th {
    font-weight:600
}

table.course-single-gradebooks thead th {
    background-color: rgba(220, 223, 229, .14);
    padding: 1.41575em;
    vertical-align:middle
}

table.course-single-gradebooks tbody td {
    border-bottom: 1px solid #dcdfe5;
    background-color:#fff !important
}

table.course-single-gradebooks a {
    color:#4b5981
}

.text-label {
    margin: 0;
    padding: 4px 7px;
    background-color: #e8eff1;
    display: inline-block;
    border-radius:3px
}

.text-label.submitted-assignment-grade-pass {
    background-color: #86b223;
    color:#fff
}

.text-label.submitted-assignment-grade-failed {
    background-color: #d71830;
    color:#fff
}

.tutor-bp-message-recipient-header {
    display: flex;
    margin-bottom:20px
}

.tutor-bp-recipient-info-wrap {
    flex-grow:1
}

.tutor-bp-message-recipient-avatar-wrap img {
    width: 70px;
    height: 70px;
    border-radius:50%
}

.tutor-bp-message-recipient-avatar-wrap {
    margin-right:35px
}

.tutor-bp-message-recipient-header .tutor-bp-thread-recipient-name h3 {
    margin: 10px 0 8px !important;
    font-size: 22px;
    font-weight: 600;
    line-height:28px
}

.tutor-bp-message-recipient-header .tutor-bp-thread-recipient-name h4 {
    margin: 0 0 20px !important;
    font-size: 16px;
    line-height: 1;
    font-weight:500
}

.tutor-bp-enrolled-courses-wrap {
    margin:0
}

.tutor-bp-enrolled-courses-wrap .tutor-bp-enrolled-total-course-notice {
    font-weight: 400;
    color: #1c294b;
    margin:10px 0 8px !important
}

.tutor-bp-enrolled-courses-wrap ul {
    padding: 0 0 0 17px;
    margin: 0;
    color:#50616f
}

.tutor-bp-enrolled-courses-wrap ul li a {
    line-height: 1.7;
    display: block;
    color: #54616d;
    padding-left:10px
}

.tutor-bp-enrolled-courses-wrap ul li a:hover {
    color: var(--tutor-primary-color);
    opacity: 1;
    transition: 300ms;
    text-decoration:underline !important
}

.oxy-tutor-element {
    width:100%
}

.tutor-dashboard-header {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #dcdfe5;
    flex-wrap:wrap
}

.tutor-dashboard-header-avatar img {
    display: block;
    width: 150px;
    height: 150px;
    border-radius:50%
}

.tutor-dashboard-header-info {
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding-left: 20px;
    padding-top: 15px;
    padding-bottom:15px
}

.tutor-dashboard-header-button {
    padding-top:15px
}

.tutor-dashboard-header-display-name h4 {
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 10px;
    line-height:34px
}

.tutor-dashboard-header-stats {
    display: flex;
    flex-wrap: wrap;
    line-height:25px
}

.tutor-dashboard-header-stats > div:not(:first-child) {
    margin-left:30px
}

.tutor-dashboard-social-icons {
    display: inline-flex;
    align-items:center
}

.tutor-dashboard-social-icons h4 {
    margin: 0 10px 0 0;
    font-size: var(--tutor-text-size);
    line-height:25px
}

.tutor-dashboard-social-icons a {
    display: inline-block;
    font-size: 12px;
    padding: 0 5px;
    line-height: 25px;
    color: #393c40;
    transition:300ms
}

.tutor-dashboard-social-icons a:hover {
    color:var(--tutor-primary-color)
}

.tutor-dashboard-info-table-wrap {
    margin-bottom:30px
}

.tutor-dashboard-info-table-wrap table {
    margin-bottom: 0;
    border-collapse: collapse;
    border: 1px solid #dcdfe5;
    border-radius: 4px;
    width:100%
}

.tutor-dashboard-info-table-wrap > h3 {
    font-size: 20px;
    font-weight: 500;
    border: 1px solid #dcdfe5;
    border-bottom: none;
    margin: 0;
    padding: 30px;
    border-radius:4px 4px 0 0
}

.tutor-dashboard-info-table-wrap > h3 + table {
    border-radius:0 0 4px 4px
}

.tutor-dashboard-info-table thead {
    background:#fafbfc
}

.tutor-dashboard-info-table thead tr td {
    padding:15px
}

.tutor-dashboard-info-table tbody tr td {
    background: transparent !important;
    padding:20px 15px
}

.tutor-dashboard-info-table thead tr, .tutor-dashboard-info-table tbody tr {
    border:1px solid #dcdfe5
}

.tutor-dashboard-info-table thead tr td:first-child, .tutor-dashboard-info-table tbody tr td:first-child {
    padding-left:25px
}

.tutor-dashboard-info-table span.pending, .tutor-dashboard-info-table span.pass, .tutor-dashboard-info-table span.fail {
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 1px 6px;
    border-radius:2px
}

.tutor-dashboard-info-table span.pending {
    background-color:#f5a623
}

.tutor-dashboard-info-table span.fail {
    background-color:#d71830
}

.tutor-dashboard-info-table span.pass {
    background-color:var(--tutor-success-button-color)
}

.tutor-dashboard-single-review {
    border: 1px solid #dcdfe5;
    border-radius: 4px;
    margin-bottom:30px
}

.tutor-dashboard-review-heading {
    padding: 10px 20px;
    border-bottom: 1px solid #dcdfe5;
    display: flex;
    align-items:center
}

.individual-dashboard-review-body {
    padding:10px 20px
}

.tutor-dashboard-review-title {
    font-size: 18px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight:300
}

.tutor-dashboard-review-title a {
    font-weight: 500;
    color:var(--tutor-primary-color)
}

.tutor-dashboard-review-links {
    white-space: nowrap;
    font-weight:400
}

.tutor-dashboard-review-links a {
    color: #8c94a8;
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    font-size:14px
}

.tutor-dashboard-review-links a i {
    line-height: inherit;
    font-size: 14px;
    margin-right:5px
}

.individual-dashboard-review-body .review-meta {
    font-size: 85%;
    margin: 0;
    color:#8c94a8
}

.individual-star-rating-wrap {
    display: flex;
    align-items:center
}

.tutor-edit-review-modal-wrap .modal-close-wrap a.modal-close-btn {
    color: #222;
    background: none;
    font-size: 20px;
    top:8px
}

.tutor-modal-wrap form {
    margin-bottom:20px
}

.tutor-dashboard-info-cards {
    margin: 0 -15px 15px;
    padding: 0;
    display: flex;
    list-style: none;
    flex-wrap:wrap
}

.tutor-dashboard-info-cards .tutor-dashboard-info-card {
    padding: 15px;
    min-width:33.333%
}

.tutor-dashboard-info-cards .tutor-dashboard-info-card p {
    margin: 0;
    padding: 15px 25px;
    background: #282c36;
    color: #fff;
    border-radius:4px
}

.tutor-dashboard-info-cards .tutor-dashboard-info-card p span.tutor-dashboard-info-val {
    display: block;
    font-weight: 700;
    font-size: 30px;
    line-height:1.618
}

.tutor-dashboard-info-cards .tutor-dashboard-info-card p span span {
    display:inline-block
}

.tutor-dashboard-info-cards .tutor-dashboard-info-card p > * {
    vertical-align:middle
}

.tutor-dashboard-content {
    margin-bottom:60px
}

.tutor-dashboard-content > h2 {
    margin-bottom:20px
}

.tutor-dashboard-content .tutor-quiz-attempt-history tr th, .tutor-dashboard-content .tutor-quiz-attempt-history tr td {
    vertical-align:middle
}

.tutor-dashboard-content .tutor-quiz-attempt-history tr td:first-child {
    padding:15px 13px !important
}

.tutor-dashboard-content .tutor-quiz-attempt-history tr.pass {
    border-left:3px solid var(--tutor-success-button-color)
}

.tutor-dashboard-content .tutor-quiz-attempt-history tr.fail {
    border-left:3px solid #d71830
}

.tutor-dashboard-content .tutor-quiz-attempt-history table span.result-fail, .tutor-dashboard-content .tutor-quiz-attempt-history table span.result-pass {
    width: auto;
    height: auto;
    line-height: 19px;
    padding: 0 5px;
    margin-right:4px
}

.label-course-status {
    background-color: #ccc;
    padding: 3px 5px;
    color: #fff;
    font-size: 12px;
    text-transform:capitalize
}

.label-course-publish {
    background-color:var(--tutor-success-button-color)
}

.tutor-dashboard-content .tutor-quiz-attempt-history table tr th {
    background:#fafbfc
}

.tutor-dashboard-content .tutor-quiz-attempt-history table tr td {
    background:#fff
}

@media (max-width: 768px) {
    .tutor-dashboard-content .tutor-quiz-attempt-history table tr {
        display: flex;
        flex-wrap: wrap;
        box-sizing:border-box
    }

    .tutor-dashboard-content .tutor-quiz-attempt-history table tr th {
        display:none
    }

    .tutor-dashboard-content .tutor-quiz-attempt-history table tr td {
        width:100%
    }

    .tutor-dashboard-content .tutor-quiz-attempt-history table tr td:not(:first-child) {
        text-align:right
    }

    .tutor-dashboard-content .tutor-quiz-attempt-history table tr td:not(:first-child)::before {
        content: attr(title) ": ";
        float: left;
        font-weight:700
    }
}

.tutor-dashboard-content .tutor-quiz-attempt-history table a {
    color: var(--tutor-primary-color);
    font-weight: 700;
    line-height:24px
}

.tutor-dashboard-content .tutor-quiz-attempt-history table a:hover {
    color:var(--tutor-primary-color)
}

.tutor-dashboard-item-group {
    padding: 25px;
    border: 1px solid #dcdfe5;
    border-radius: 4px;
    margin-bottom:30px
}

.tutor-dashboard-item-group > h4 {
    font-size: 20px;
    color: var(--tutor-primary-color);
    font-weight:500
}

.tutor-dashboard-assignment-submitted-table tr td {
    text-align:center
}

.tutor-dashboard-assignment-submitted-table tr td a {
    color: #8c94a8;
    transition:300ms
}

.tutor-dashboard-assignment-submitted-table tr td a:hover {
    color:var(--tutor-primary-color)
}

.tutor-dashboard-assignment-submitted-table tr td, .tutor-dashboard-assignment-submitted-table tr th {
    border:1px solid #dcdfe5
}

.tutor-assignment-review-header {
    margin-bottom:30px
}

.tutor-assignment-review-header h3 {
    margin-bottom: 10px;
    line-height:28px
}

.tutor-assignment-evaluate-wraps h3, .tutor-assignment-review-header h3 a {
    font-size: 22px;
    font-weight: 700;
    color: var(--tutor-text-color);
    display:block
}

.tutor-assignment-review-header p {
    margin: 0;
    color: var(--tutor-text-color);
    font-weight:700
}

.tutor-assignment-review-header p a {
    font-weight: 400;
    color:var(--tutor-text-color)
}

.tutor-assignment-review-header a {
    transition:300ms
}

.tutor-assignment-review-header a:hover {
    color:var(--tutor-primary-color)
}

.tutor-dashboard-assignment-review {
    background: rgba(220, 223, 229, .14);
    border: 1px solid #dcdfe5;
    padding: 25px;
    font-weight: 400;
    border-radius: 4px;
    margin-bottom:40px
}

.tutor-dashboard-assignment-review h5, .tutor-dashboard-assignment-review h4 {
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    color:var(--tutor-text-color)
}

.tutor-dashboard-assignment-review h5 {
    margin-bottom:15px
}

.tutor-dashboard-assignment-files {
    display: flex;
    flex-wrap: wrap;
    margin:-9px
}

.tutor-dashboard-assignment-files .uploaded-files {
    background-color: #fff;
    border: 1px solid #dcdfe5;
    border-radius: 4px;
    margin: 9px;
    transition:300ms
}

.tutor-dashboard-assignment-files .uploaded-files:hover {
    box-shadow:0 5px 10px rgba(0, 0, 0, .1)
}

.tutor-dashboard-assignment-files .uploaded-files a i {
    margin-right: 12px;
    color: #606c8f;
    float: left;
    font-size: 28px;
    line-height:28px
}

.tutor-dashboard-assignment-files .uploaded-files a {
    color: var(--tutor-primary-color);
    display: block;
    overflow: hidden;
    line-height: 28px;
    padding:15px 17px
}

.tutor-assignment-evaluate-row {
    display:flex
}

.tutor-assignment-evaluate-row .tutor-option-field-label {
    flex:0 0 135px
}

.tutor-assignment-evaluate-row .tutor-option-field {
    flex-grow:1
}

.tutor-assignment-evaluate-row .tutor-option-field-label label {
    display: block;
    padding-top:12px
}

.tutor-option-field-label label br {
    display:none
}

.tutor-option-field-label label p {
    margin: 0;
    display:inline-block
}

.tutor-assignment-evaluate-row textarea, .tutor-assignment-evaluate-row .tutor-option-field input {
    border: 1px solid #dcdfe5;
    height: 50px;
    padding: 0 15px;
    border-radius: 4px;
    width: 100px;
    background-color:#fff
}

.tutor-assignment-evaluate-row textarea {
    height: 165px;
    width:100%
}

.tutor-assignment-evaluate-row {
    margin-bottom:60px
}

.tutor-assignment-evaluate-row p.desc {
    margin-bottom: 0;
    margin-top: 6px;
    font-style:italic
}

.tutor-dashboard-profile .tutor-dashboard-profile-item {
    display:flex
}

.tutor-dashboard-profile .tutor-dashboard-profile-item .heading {
    min-width:190px
}

@media (max-width: 480px) {
    .tutor-dashboard-profile .tutor-dashboard-profile-item {
        flex-wrap:wrap
    }

    .tutor-dashboard-profile .tutor-dashboard-profile-item .heading {
        min-width: 100%;
        width: 100%;
        font-weight: 700;
        margin-bottom:6px
    }
}

.tutor-dashboard-profile .tutor-dashboard-profile-item .content {
    -webkit-box-flex: 1;
    flex-grow:1
}

.tutor-dashboard-profile .tutor-dashboard-profile-item .content small {
    font-size: inherit;
    font-style:italic
}

.tutor-dashboard-profile .tutor-dashboard-profile-item .content small a {
    color:var(--tutor-primary-color)
}

.tutor-dashboard-avater img {
    width: 70px;
    height: 70px;
    display: block;
    border-radius:50%
}

.tutor-dashboard-student-info h4 {
    font-size: 18px;
    color: var(--tutor-light-color);
    margin-bottom:0
}

.tutor-dashboard-student-info h4 a {
    color:var(--tutor-text-color)
}

.tutor-dashboard-user-role {
    font-weight:400
}

.tutor-dashboard-inline-links {
    margin-bottom:30px
}

.tutor-dashboard-inline-links ul {
    margin: 0;
    padding: 0;
    border-bottom:1px solid #dfe1e5
}

.tutor-dashboard-inline-links ul li {
    display:inline-block
}

.tutor-dashboard-inline-links ul li a {
    display: block;
    padding: 5px 10px;
    color: var(--tutor-primary-color);
    margin-bottom: -1px;
    line-height:40px
}

.tutor-dashboard-inline-links ul li a:hover, .tutor-dashboard-inline-links ul li.active a {
    color: var(--tutor-primary-color);
    border-bottom: 1px solid var(--tutor-primary-color);
    padding-bottom:4px
}

.tutor-dashboard-student-meta ul li:first-child {
    margin-left:0
}

@media (max-width: 767px) {
    .tutor-dashboard-student-meta ul {
        display: block;
        border: none;
        padding:0
    }

    .tutor-dashboard-student-meta ul li {
        display: inline-block;
        color: var(--tutor-text-color);
        margin: 5px;
        border: 1px solid #ddd;
        padding: 5px 10px;
        border-radius:4px
    }
}

.tutor-dashboard-student-meta ul li strong {
    display: block;
    color: var(--tutor-light-color);
    font-weight:400
}

.tutor-dashboard-permalinks {
    list-style: none;
    margin: 0px 0 20px;
    padding: 20px 0;
    border-right:1px solid #dcdfe5
}

.tutor-dashboard-permalinks li a:hover {
    background-color:#edf0f9
}

.tutor-dashboard-permalinks li.active a {
    background-color: var(--tutor-primary-color);
    color:#fff
}

@media (max-width: 991px) {
    .tutor-dashboard-student .tutor-col-3, .tutor-dashboard-student .tutor-col-9 {
        flex: 0 0 100%;
        max-width:100%
    }
}

.tutor-dashboard-permalinks a {
    display: block;
    color: var(--tutor-text-color);
    padding: 10px 20px;
    line-height:28px
}

.tutor-dashboard-permalinks a:before {
    content: "";
    font-family: "tutor" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 15px;
    vertical-align: middle;
    color: var(--tutor-primary-color);
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    font-size:17px
}

.tutor-dashboard-permalinks a:hover:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.tutor-dashboard-permalinks li.active a:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color:#fff
}

.tutor-dashboard-menu-bio a:before, .tutor-dashboard-menu-my-profile a:before {
    content: ""
}

.tutor-dashboard-menu-enrolled-courses a:before {
    content: ""
}

.tutor-dashboard-menu-courses_taken a:before, .tutor-dashboard-menu-my-courses a:before {
    content: ""
}

.tutor-dashboard-menu-wishlist a:before {
    content: ""
}

.tutor-dashboard-menu-reviews a:before {
    content: ""
}

.tutor-dashboard-menu-quiz-attempts a:before {
    content: ""
}

.tutor-dashboard-menu-earning a:before {
    content: ""
}

.tutor-dashboard-menu-withdraw a:before {
    content: ""
}

.tutor-dashboard-menu-settings a:before {
    content: ""
}

.tutor-dashboard-menu-logout a:before {
    content: ""
}

.tutor-dashboard-menu-purchase_history a:before {
    content: ""
}

.tutor-dashboard-menu-assignments a:before {
    content: ""
}

.tutor-dashboard-content {
    padding-top:30px
}

.tutor-dashboard-content > h3 {
    color: var(--tutor-text-color);
    font-size: 22px;
    font-weight: 500;
    line-height: 23px;
    margin-bottom:20px
}

.tutor-date-range-filter-wrap {
    margin: 15px 0 20px;
    font-size:12px
}

.report-top-sub-menu {
    margin: 0 10px 5px 0;
    display: inline-block;
    font-size:0
}

.report-top-sub-menu a {
    text-decoration: none;
    padding: 5px 8px;
    border: 1px solid #d7dadf;
    color: #aaaeb3;
    white-space: nowrap;
    display: inline-block;
    font-size:12px
}

.report-top-sub-menu a:not(:first-child) {
    margin-left:-1px
}

.report-top-sub-menu a:hover {
    background: #edf0f9;
    color:#333
}

.report-top-sub-menu a.active {
    background-color: var(--tutor-primary-color);
    color: #fff;
    border:1px solid var(--tutor-primary-hover-color)
}

.tutor-date-range-wrap {
    display:inline-block
}

.report-date-range-form {
    display: flex;
    margin-bottom: 0;
    max-width:370px
}

.date-range-input {
    position:relative
}

.date-range-input input {
    border-radius: 0 !important;
    margin: 0 !important;
    border-right: none !important;
    font-size:14px
}

.date-range-input:last-child {
    margin-right:0
}

.date-range-input:last-child button {
    border-radius:0
}

.date-range-input input, .date-range-input input[type=text] {
    border: 1px solid #d7dadf;
    box-shadow: none;
    line-height: 29px;
    margin: 0;
    padding-right: 30px;
    padding-top: 0;
    padding-bottom: 0;
    width:100%
}

.date-range-input i.tutor-icon-calendar {
    position: absolute;
    right: 10px;
    top:7px
}

.date-range-input button {
    background-color: var(--tutor-primary-color);
    color: #fff;
    border: none;
    line-height: 30px;
    padding:0 15px
}

.report-download-csv-icon {
    float:right
}

.report-download-csv-icon a {
    text-decoration:none
}

.tutor-dashboard-statement-table-wrap {
    overflow-x:auto
}

table.tutor-dashboard-statement-table p {
    margin: 0;
    padding:0
}

table.tutor-dashboard-statement-table p.small-text {
    font-size: 12px;
    color:#666
}

.tutor-mycourse-thumbnail {
    flex: 0 0 250px;
    background-size: cover;
    background-position:center
}

.tutor-mycourse-content {
    padding: 20px;
    flex:1
}

@media (max-width: 580px) {
    .tutor-mycourse-thumbnail {
        height:200px
    }

    .tutor-mycourse-thumbnail, .tutor-mycourse-content {
        min-width: 100%;
        width:100%
    }
}

.tutor-mycourse-content h3 {
    margin:0 0 9px
}

.tutor-mycourse-content h3 a:hover {
    color:var(--tutor-primary-color)
}

.tutor-mycourse-rating {
    color: #f8c51c;
    font-size:14px
}

.tutor-mycourse-rating i {
    margin-right:4px
}

.tutor-mycourse-edit, .tutor-mycourse-delete {
    color: var(--tutor-light-color);
    -webkit-transition: 300ms;
    transition:300ms
}

.tutor-mycourse-edit:hover, .tutor-mycourse-delete:hover {
    color:var(--tutor-primary-color)
}

.tutor-mycourse-edit i, .tutor-mycourse-delete i {
    line-height: inherit;
    display: inline-block;
    vertical-align: top;
    color:var(--tutor-primary-color)
}

.tutor-mycourse-delete i {
    color:#f05120
}

.tutor-dashboard-content-inner .tutor-mycourse-wrap {
    display: flex;
    margin-bottom: 30px;
    border: 1px solid #dcdfe5;
    border-radius: 4px;
    flex-direction: row;
    overflow:hidden
}

@media (max-width: 580px) {
    .tutor-dashboard-content-inner .tutor-mycourse-wrap {
        flex-wrap:wrap
    }
}

.tutor-dashboard-content-inner .tutor-mycourse-wrap .tutor-course-status h4 {
    display:none
}

.tutor-dashboard-content-inner .tutor-mycourse-wrap .tutor-mycourse-rating {
    margin-bottom:3px
}

.tutor-dashboard-content-inner .tutor-mycourse-wrap .tutor-mycourse-rating a {
    font-weight: 400;
    margin-left: 5px;
    color:#8c94a8
}

.tutor-dashboard-content-inner .tutor-mycourse-wrap .tutor-mycourse-rating a:hover {
    color:var(--tutor-primary-color)
}

.tutor-dashboard-content-inner .tutor-mycourse-wrap p:last-child {
    margin-bottom:0
}

.tutor-mycourse-content .mycourse-footer {
    display:flex
}

.tutor-mycourse-content .mycourse-footer .tutor-mycourses-stats {
    flex:1
}

.tutor-dashboard-content-inner .tutor-mycourses-stats > * {
    margin-right:8px
}

.tutor-mycourse-status {
    margin-right:15px
}

.tutor-dashboard-content-inner h3 a {
    color: var(--tutor-text-color);
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
    display:block
}

.tutor-dashboard-content-inner .tutor-course-metadata ul {
    display: block;
    list-style: none;
    margin: 0 0 10px;
    padding:0
}

.tutor-dashboard-content-inner .tutor-progress-bar-wrap {
    margin-bottom:0
}

.tutor-dashboard-content-inner .tutor-course-metadata li {
    display: inline-block;
    color: var(--tutor-light-color);
    margin-left:20px
}

.tutor-dashboard-content-inner .tutor-course-metadata li:first-child {
    margin-left:0
}

.tutor-dashboard-content-inner .tutor-course-metadata li span {
    color: var(--tutor-text-color);
    margin-left:5px
}

.ui-datepicker {
    background-color: #fff;
    border: 1px solid #eee;
    display: none;
    margin-top: 4px;
    padding: 5px;
    width:180px
}

.ui-datepicker a, .ui-datepicker a:hover {
    text-decoration:none
}

.ui-datepicker a:hover, .ui-datepicker td:hover a {
    color: #2a6496;
    -webkit-transition: color .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    transition:color .1s ease-in-out
}

.ui-datepicker .ui-datepicker-header {
    margin-bottom: 4px;
    text-align:center
}

.ui-datepicker .ui-datepicker-title {
    font-weight:700
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    cursor: default;
    font-family: "tutor";
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 1;
    margin-top: 2px;
    width:30px
}

.ui-datepicker .ui-datepicker-prev {
    float: left;
    text-align:left
}

.ui-datepicker .ui-datepicker-next {
    float: right;
    text-align:right
}

.ui-datepicker .ui-datepicker-prev:before {
    content: ""
}

.ui-datepicker .ui-datepicker-next:before {
    content: ""
}

.ui-datepicker .ui-icon {
    display:none
}

.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width:100%
}

.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding:0
}

.ui-datepicker .ui-datepicker-calendar td {
    border-radius: 4px;
    -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    -moz-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    transition:background-color .1s ease-in-out, color .1s ease-in-out
}

.ui-datepicker .ui-datepicker-calendar td:hover {
    background-color: #eee;
    cursor:pointer
}

.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration:none
}

.ui-datepicker .ui-datepicker-current-day {
    background-color:#4289cc
}

.ui-datepicker .ui-datepicker-current-day a {
    color:#fff
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #fff;
    cursor:default
}

.ui-datepicker-calendar .ui-state-default {
    border: none;
    background:none
}

.ui-datepicker-calendar .ui-state-default.ui-state-highlight {
    background: #eee;
    padding: 3px;
    display:block
}

.tutor-course-delete-popup {
    text-align: center;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    color:#8c94a8
}

.tutor-course-delete-popup img {
    width: 110px;
    margin:0 auto
}

.tutor-course-delete-popup h3 {
    font-weight: 500;
    font-size: 30px;
    margin:15px 0 25px
}

.tutor-modal-button-group {
    margin-top:55px
}

.tutor-modal-button-group button {
    line-height: 30px;
    padding: 10px 25px;
    color: #c7ccda;
    border: 2px solid #dddfe7;
    border-radius: 2px;
    background: #fff;
    min-width: 220px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: 300ms;
    transition:300ms
}

.tutor-modal-button-group button + button {
    margin-left:20px
}

.tutor-modal-button-group button.tutor-danger {
    background: #f0576a;
    border-color: #f0576a;
    color:#fff
}

.tutor-modal-button-group button:hover {
    background: #fff;
    color: #333;
    border-color:#333
}

.tutor-modal-button-group button.tutor-danger:hover {
    background: #cd4a5a;
    border-color: #cd4a5a;
    color:#fff
}

@media (max-width: 768px) {
    .tutor-modal-button-group button {
        padding: 5px 20px;
        min-width: auto;
        margin-bottom:6px
    }

    .tutor-modal-button-group {
        margin-top:20px
    }
}

.withdraw-method-select-wrap {
    display: flex;
    flex-wrap: wrap;
    margin:0 -15px 40px
}

.withdraw-method-select-wrap .withdraw-method-select {
    -webkit-box-flex: 1;
    flex-grow: 1;
    padding: 0 15px;
    margin-bottom:30px
}

.withdraw-method-select-wrap .withdraw-method-select label {
    display: block;
    padding: 20px;
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 1px solid #dcdfe5;
    border-radius: 4px;
    position:relative
}

.withdraw-method-select-wrap .withdraw-method-select input:checked + label {
    border-color: var(--tutor-success-button-color);
    box-shadow:0 0 0 1px var(--tutor-success-button-color)
}

.withdraw-method-select-wrap .withdraw-method-select label:after {
    content: "";
    position: absolute;
    right: -1px;
    top: -1px;
    border: 1px solid #dcdfe5;
    height: 22px;
    width: 22px;
    text-align: center;
    line-height: 22px;
    color:transparent
}

.withdraw-method-select-wrap .withdraw-method-select input:checked + label:after {
    color: #fff;
    background: var(--tutor-success-button-color);
    border-color: var(--tutor-success-button-color);
    font-family: "tutor" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size:13px
}

.withdraw-method-select-wrap .withdraw-method-select p {
    margin:0
}

.withdraw-method-select-wrap .withdraw-method-select label > p {
    font-size: 20px;
    font-weight: 600;
    color:var(--tutor-primary-color)
}

.withdraw-method-select-wrap .withdraw-method-select label span {
    color: #b0b6c8;
    font-weight:400
}

.withdraw-method-form {
    display: flex;
    flex-wrap: wrap;
    margin:0 -15px
}

.withdraw-method-form > div {
    -webkit-box-flex: 1;
    flex-grow: 1;
    min-width: 50%;
    padding:0 15px 20px
}

@media (max-width: 480px) {
    .withdraw-method-form > div {
        width:100%
    }
}

.withdraw-method-form > div.withdraw-account-save-btn-wrap {
    width:100%
}

.withdraw-form-field-amount input[type=text], .withdraw-method-forms-wrap .withdraw-method-form input:not([type=submit]):not([type=radio]):not([type=checkbox]), .withdraw-method-forms-wrap .withdraw-method-form textarea {
    border: 1px solid #dcdfe5;
    display: block;
    width: 100%;
    background: transparent;
    box-shadow: none;
    border-radius:4px
}

label[for=tutor_withdraw_amount] {
    margin-bottom: 7px;
    display:block
}

.withdraw-form-field-amount input[type=text] {
    margin-bottom: 10px;
    height:45px
}

.withdraw-method-forms-wrap .withdraw-method-form input:not([type=submit]):not([type=radio]):not([type=checkbox]):focus, .withdraw-method-forms-wrap .withdraw-method-form textarea:focus {
    border-color: var(--tutor-primary-color);
    outline:none
}

.withdraw-method-forms-wrap .withdraw-method-form textarea {
    min-height:80px
}

.withdraw-method-forms-wrap .withdraw-method-form label {
    color: #989eaf;
    margin-bottom: 8px;
    display:block
}

.withdraw-method-forms-wrap .withdraw-method-form .withdraw-field-desc {
    font-size: 12px;
    margin: 5px 0 0;
    font-style:italic
}

.tutor-dashboard-assignment-table tr th, .tutor-dashboard-assignment-table tr td {
    border: 1px solid #dcdfe5;
    vertical-align: middle;
    padding:20px
}

.tutor-dashboard-assignment-table tr th:not(:first-child), .tutor-dashboard-assignment-table tr td:not(:first-child) {
    text-align:center
}

.tutor-dashboard-assignment-table tr h5 {
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color:var(--tutor-text-color)
}

.tutor-dashboard-assignment-table tr h5:not(:last-child) {
    margin-bottom:7px
}

.tutor-dashboard-assignment-table tr a {
    font-weight: 400;
    color:var(--tutor-text-color)
}

.tutor-dashboard-assignment-table tr a:hover {
    color: var(--tutor-primary-color);
    transition:300ms
}

.tutor-quiz-attempt-history td:last-child {
    text-align:center
}

.tutor-quiz-attempt-history td:last-child a {
    display: block;
    padding:10px
}

.attempt-review-title {
    font-size: 18px;
    color: var(--tutor-text-size);
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-bottom:60px
}

.attempt-review-title i {
    margin-right: 12px;
    color:var(--tutor-primary-color)
}

.tutor-quiz-attempt-info-row .attempt-view-bottom, .tutor-quiz-attempt-info-row .attempt-view-top {
    display: flex;
    justify-content:space-between
}

.tutor-quiz-attempt-info-row .attempt-view-bottom .attempt-info-col, .tutor-quiz-attempt-info-row .attempt-view-top .attempt-info-col {
    display: inline-flex;
    align-items: center;
    max-width:30%
}

.tutor-quiz-attempt-info-row .attempt-view-bottom .attempt-info-col {
    align-items:flex-start
}

.tutor-quiz-attempt-info-row .attempt-info-content span.result-review-required, .tutor-quiz-attempt-info-row .attempt-info-content span.result-pass, .tutor-quiz-attempt-info-row .attempt-info-content span.result-fail {
    background: #df3247;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    padding: 1px 4px;
    margin-right: 13px;
    border-radius:2px
}

.tutor-quiz-attempt-info-row .attempt-info-content span.result-pass {
    background:var(--tutor-success-button-color)
}

.tutor-quiz-attempt-info-row .attempt-info-content span.result-review-required {
    background:#f5b30d
}

.tutor-quiz-attempt-info-row .attempt-info-content h4, .tutor-quiz-attempt-info-row .attempt-info-content h5 {
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    color: #7a7f85;
    font-weight:400
}

.tutor-quiz-attempt-info-row .attempt-info-content h4 a, .tutor-quiz-attempt-info-row .attempt-info-content h4 {
    font-weight: 700;
    color: var(--tutor-text-color);
    margin-top:7px
}

.tutor-quiz-attempt-info-row .attempt-view-top {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom:1px solid #dcdfe5
}

.tutor-quiz-attempt-info-row .attempt-view-bottom {
    margin-bottom:60px
}

.attempt-user-details {
    display: flex;
    align-items:center
}

.attempt-user-details .attempt-user-avatar {
    padding-right:20px
}

.attempt-user-details .attempt-user-avatar img {
    display: block;
    width: 70px;
    height: 70px;
    border-radius:50%
}

.attempt-user-details .attempt-info-content h4 {
    font-size:18px
}

.attempt-review-notice-wrap {
    display: flex;
    margin-bottom: 60px;
    justify-content:space-between
}

.attempt-review-notice-wrap p {
    margin: 0;
    display: inline-flex;
    align-items:center
}

.attempt-review-notice-wrap p.attempt-review-notice i {
    font-size: 16px;
    color: #f5c813;
    margin-right:9px
}

.attempt-review-notice-wrap p.attempt-review-at > span {
    color: var(--tutor-primary-color);
    margin-right: 7px;
    font-size:16px
}

.attempt-review-notice-wrap p > strong {
    font-weight: 400;
    margin-right:5px
}

.quiz-attempt-answers-wrap table th {
    background: #fcfcfc;
    font-size: 12px;
    text-transform:inherit
}

.quiz-attempt-answers-wrap table th, .quiz-attempt-answers-wrap table td {
    padding: 17px 20px !important;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    vertical-align:middle
}

.quiz-attempt-answers-wrap table th p, .quiz-attempt-answers-wrap table td p {
    margin:0
}

.quiz-attempt-answers-wrap table .quiz-manual-review-action {
    border: 1px solid #d4dadb;
    color: #d4dadb;
    height: 30px;
    width: 30px;
    border-radius: 2px;
    font-size: 13px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    transition:300ms
}

.quiz-attempt-answers-wrap table .quiz-manual-review-action:first-child:hover {
    border: 1px solid var(--tutor-success-button-color);
    color:var(--tutor-success-button-color)
}

.quiz-attempt-answers-wrap table .quiz-manual-review-action:last-child:hover {
    border: 1px solid #df3247;
    color:#df3247
}

.quiz-attempt-answers-wrap table .quiz-manual-review-action:not(:last-child) {
    margin-right:17px
}

.quiz-attempt-answers-wrap table .tutor-status-blocked-context i, .quiz-attempt-answers-wrap table .tutor-status-approved-context i {
    font-size: 12px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    background: var(--tutor-success-button-color);
    color: #fff;
    display: inline-block;
    border-radius: 2px;
    margin-right:6px
}

.quiz-attempt-answers-wrap table .tutor-status-blocked-context i {
    background: #df3247;
    font-size:10px
}

.answer-image-matched-wrap {
    display:flex
}

.answer-image-matched-wrap .image-matching-item {
    margin: 0 5px;
    max-width:70px
}

.answer-image-matched-wrap .image-matching-item .dragged-caption {
    font-size: 14px;
    margin-top:4px
}

.tutor-dashboard-builder-header {
    padding: 10px 0px;
    border-bottom: 2px solid #dcdfe5;
    position: fixed;
    top: 0px;
    background: #fff;
    width: 100%;
    z-index:99
}

@media (max-width: 991px) {
    .tutor-dashboard-builder-header {
        position:static
    }
}

.tutor-dashboard-builder-header .tutor-row {
    justify-content:space-between
}

@media (max-width: 991px) {
    .tutor-dashboard-builder-header .tutor-row .tutor-col-auto {
        flex: 0 0 100%;
        max-width:100%
    }

    .tutor-dashboard-builder-header .tutor-row .tutor-col-auto:first-child {
        margin-bottom:15px
    }
}

.tutor-dashboard-builder-header .tutor-button {
    white-space: nowrap;
    margin-left:auto
}

@media (max-width: 991px) {
    .tutor-dashboard-builder-header .tutor-button {
        padding:6px 10px
    }
}

.tutor-dashboard-builder-header .tutor-dashboard-builder-header-left {
    display: flex;
    align-items: center;
    justify-content:space-between
}

.tutor-dashboard-builder-header .tutor-dashboard-builder-header-left .tutor-dashboard-builder-logo {
    padding: 0 25px;
    position:relative
}

.tutor-dashboard-builder-header .tutor-dashboard-builder-header-left button {
    margin: 0;
    padding: 0px 25px;
    line-height: 30px;
    border: none;
    border-left: 1px solid #dcdfe5;
    background: transparent;
    display: inline-flex;
    color: var(--tutor-text-color);
    transition: 300ms;
    font-weight: 500;
    white-space:nowrap
}

@media (max-width: 991px) {
    .tutor-dashboard-builder-header .tutor-dashboard-builder-header-left button {
        border-left:none
    }
}

.tutor-dashboard-builder-header .tutor-dashboard-builder-header-left button i {
    font-size: 24px;
    line-height: 30px;
    margin-right:9px
}

.tutor-dashboard-builder-header .tutor-dashboard-builder-header-left button:hover {
    color: var(--tutor-primary-color);
    background:transparent
}

.tutor-dashboard-builder-header .tutor-dashboard-builder-header-left button:hover i {
    color:var(--tutor-primary-color)
}

.tutor-dashboard-builder-header .tutor-dashboard-builder-header-right {
    display: flex;
    align-items: center;
    justify-content:space-between
}

.tutor-dashboard-builder-header .tutor-dashboard-builder-header-right a {
    color: var(--tutor-text-color);
    font-weight: 500;
    line-height: 36px;
    padding: 0 25px;
    transition: 300ms;
    white-space:nowrap
}

.tutor-dashboard-builder-header .tutor-dashboard-builder-header-right a i {
    font-size: 36px;
    line-height: 36px;
    display: inline-block;
    vertical-align: top;
    padding-right:9px
}

.tutor-dashboard-builder-header .tutor-dashboard-builder-header-right a:hover {
    color:var(--tutor-primary-color)
}

.tutor-frontend-course-builder-section {
    padding: 113px 0 45px;
    background-color:#fff
}

@media (max-width: 991px) {
    .tutor-frontend-course-builder-section {
        padding-top:60px
    }

    .tutor-frontend-course-builder-section .tutor-col-8, .tutor-frontend-course-builder-section .tutor-col-4 {
        width: 100%;
        max-width: 100%;
        flex:0 0 100%
    }
}

.admin-bar .tutor-dashboard-builder-header {
    top:32px
}

@media (max-width: 783px) {
    .admin-bar .tutor-dashboard-builder-header {
        top:46px
    }
}

.tutor-course-builder-upload-tips {
    position: fixed;
    max-width:370px
}

@media (max-width: 991px) {
    .tutor-course-builder-upload-tips {
        position:static
    }
}

.tutor-course-builder-upload-tips .tutor-course-builder-tips-title {
    font-size: 16px;
    color: #8c94a8;
    font-weight: 700;
    display: flex;
    align-items:center
}

.tutor-course-builder-upload-tips .tutor-course-builder-tips-title i {
    font-size: 24px;
    color: var(--tutor-primary-color);
    margin-right:11px
}

.tutor-course-builder-upload-tips ul {
    margin: 0;
    padding: 0 0 0 35px;
    list-style:none
}

.tutor-course-builder-upload-tips ul li {
    position: relative;
    margin-bottom: 8px;
    line-height:24px
}

.tutor-course-builder-upload-tips ul li::after {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background: #dcdfe5;
    left: -26px;
    top:9px
}

.tutor-course-level-meta {
    display:flex
}

.tutor-course-level-meta label {
    margin: 0 40px 0 0;
    font-weight:600
}

.tutor-frontend-builder-course-price .tutor-form-group input {
    margin-bottom:0
}

.tutor-frontend-builder-course-price .tutor-styled-radio {
    display: flex;
    align-items:center
}

.tutor-course-builder-attachements {
    display: flex;
    margin-left: -30px;
    flex-wrap:wrap
}

.tutor-course-builder-attachements .tutor-added-attachment {
    flex: 0 0 calc(25% - 30px);
    max-width: calc(25% - 30px);
    border: 1px solid #dcdfe5;
    padding: 35px 20px 20px;
    position: relative;
    text-align: center;
    margin-left: 30px;
    margin-bottom: 30px;
    border-radius: 4px;
    transition: 300ms;
    min-width:120px
}

@media (max-width: 480px) {
    .tutor-course-builder-attachements .tutor-added-attachment {
        flex: 0 0 calc(50% - 30px);
        max-width:calc(50% - 30px)
    }
}

.tutor-course-builder-attachements .tutor-added-attachment i {
    font-size: 58px;
    line-height: 58px;
    margin-bottom: 25px;
    display:block
}

.tutor-course-builder-attachements .tutor-added-attachment .tutor-delete-attachment {
    position: absolute;
    height: 22px;
    width: 22px;
    border: 1px solid #dcdfe5;
    text-align: center;
    line-height: 22px;
    top: -1px;
    right: -1px;
    font-size: 10px;
    border-top-right-radius: 4px;
    color: transparent;
    transition:300ms
}

.tutor-course-builder-attachements .tutor-added-attachment:hover, .tutor-course-builder-attachements .tutor-added-attachment:hover .tutor-delete-attachment {
    border-color: #d71830;
    color:#d71830
}

.tutor-course-builder-attachements .tutor-added-attachment span {
    display:block
}

.tutor-course-builder-attachements .tutor-added-attachment span a {
    font-size: 14px;
    display: block;
    line-height: 20px;
    color:#606c8f
}

.tutor-course-builder-btn-group {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap
}

#tutor-metabox-course-settings-tabs {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    margin:1em 0
}

.inside #tutor-metabox-course-settings-tabs {
    border: 0;
    margin:0
}

.settings-tabs-heading {
    padding: 1em;
    border-bottom:1px solid #e5e5e5
}

.settings-tabs-heading h3 {
    font-size: 14px;
    margin: 0;
    line-height:1.4
}

.course-settings-tabs-container {
    display:flex
}

.course-settings-tabs-container .settings-tabs-navs-wrap {
    flex: 0 0 200px;
    background:#f5f5f5
}

.settings-tabs-navs-wrap .settings-tabs-navs {
    margin: 0;
    list-style:none
}

.settings-tabs-navs-wrap .settings-tabs-navs li {
    margin:0
}

.settings-tabs-navs-wrap .settings-tabs-navs li a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    color: #23282d;
    text-decoration: none;
    background: #f5f5f5;
    text-transform: capitalize;
    border-bottom: 1px solid #e5e5e5;
    border-left:3px solid transparent
}

.settings-tabs-navs-wrap .settings-tabs-navs li:last-child a {
    border-bottom:none
}

.settings-tabs-navs-wrap .settings-tabs-navs li a:focus {
    box-shadow:none
}

.settings-tabs-navs-wrap .settings-tabs-navs li.active a {
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5;
    color: var(--tutor-primary-color);
    border-left:3px solid var(--tutor-primary-color)
}

.course-settings-tabs-container .settings-tabs-container {
    padding: 1em;
    flex:1
}

.tutor-field-radio p {
    margin-top:0
}

.lesson-modal-form-wrap .lesson-content-drip-wrap {
    padding: 10px;
    border:1px solid #e4e4e4
}

.lesson-modal-form-wrap .lesson-content-drip-wrap h3 {
    margin:0 0 10px 0
}

.select2-dropdown.increasezindex {
    z-index:9999999999999
}

@media (min-width: 992px) {
    .tutor-option-tooltip.tutor-option-field {
        position:relative
    }

    .tutor-option-tooltip.tutor-option-field p.desc {
        position: absolute;
        left: calc(100% + 16px);
        background: #2a344f;
        width: 160px;
        padding: 10px 13px;
        opacity: 0;
        visibility: hidden;
        transition: 300ms;
        z-index: 98;
        top: 10px;
        color: #fff;
        border-radius: 12px;
        font-size: 12px;
        font-style:normal
    }

    .tutor-option-tooltip.tutor-option-field p.desc::before {
        content: url("data:image/svg+xml,%3Csvg width='14' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8.139C5.339 5.482 8.671 2.903 9.998.403c1.99-3.75 5.481 21.94 1.567 16.037C8.955 12.505 5.1 9.738 0 8.139z' fill='%232A344F' fill-rule='evenodd'/%3E%3C/svg%3E");
        position: absolute;
        left: -10px;
        top:16px
    }

    .tutor-option-tooltip.tutor-option-field:hover p.desc {
        opacity: 1;
        visibility:visible
    }

    .tutor-option-tooltip.tutor-option-field input:focus + p.desc, .tutor-option-tooltip.tutor-option-field textarea:focus + p.desc {
        opacity: 1;
        visibility: visible
    }
}

/*# sourceMappingURL=tutor-front.min.css.map *//* End custom CSS */