body, h1, h2, h3, h4, h5, h6, a, p, span, ul, ol, li {
    font-family: "Rubik", Arial, sans-serif !important;
}
body {
    background-color: #F4F6F7;
}
a, body, span, text {
    font-family: "Rubik", Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Rubik", Arial, sans-serif !important;
}
.course-content {
    font-family: "Rubik", Arial, sans-serif !important;
}
.course-content h1, h2, h3, h4, h5, h6 {
    font-family: "Rubik", Arial, sans-serif !important;
}
.course-content {
    span:not(.material-icons), text {
        font-family: "Rubik", Arial, sans-serif !important;
    }
}
.ajax-loader {
    background-color: rgba(000, 000, 000, 0.4);
    background-image: url("../img/loader.svg?v=2");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60px 60px;
    border-radius: 0;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100000000;
}

@font-face{font-family:feather;src:url(../fonts/feather.eot?oz8w89);src:url(../fonts/feather.eot?oz8w89#iefix) format("embedded-opentype"),url(../fonts/feather.ttf?oz8w89) format("truetype"),url(../fonts/feather.woff?oz8w89) format("woff"),url(../fonts/feather.svg?oz8w89#feather) format("svg");font-weight:400;font-style:normal;font-display:block}i{font-size:16px;font-family:feather;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.feather-activity:before{content:"\e900"}.feather-airplay:before{content:"\e901"}.feather-alert-circle:before{content:"\e902"}.feather-alert-octagon:before{content:"\e903"}.feather-alert-triangle:before{content:"\e904"}.feather-align-center:before{content:"\e905"}.feather-align-justify:before{content:"\e906"}.feather-align-left:before{content:"\e907"}.feather-align-right:before{content:"\e908"}.feather-anchor:before{content:"\e909"}.feather-aperture:before{content:"\e90a"}.feather-archive:before{content:"\e90b"}.feather-arrow-down:before{content:"\e90c"}.feather-arrow-down-circle:before{content:"\e90d"}.feather-arrow-down-left:before{content:"\e90e"}.feather-arrow-down-right:before{content:"\e90f"}.feather-arrow-left:before{content:"\e910"}.feather-arrow-left-circle:before{content:"\e911"}.feather-arrow-right:before{content:"\e912"}.feather-arrow-right-circle:before{content:"\e913"}.feather-arrow-up:before{content:"\e914"}.feather-arrow-up-circle:before{content:"\e915"}.feather-arrow-up-left:before{content:"\e916"}.feather-arrow-up-right:before{content:"\e917"}.feather-at-sign:before{content:"\e918"}.feather-award:before{content:"\e919"}.feather-bar-chart:before{content:"\e91a"}.feather-bar-chart-2:before{content:"\e91b"}.feather-battery:before{content:"\e91c"}.feather-battery-charging:before{content:"\e91d"}.feather-bell:before{content:"\e91e"}.feather-bell-off:before{content:"\e91f"}.feather-bluetooth:before{content:"\e920"}.feather-bold:before{content:"\e921"}.feather-book:before{content:"\e922"}.feather-book-open:before{content:"\e923"}.feather-bookmark:before{content:"\e924"}.feather-box:before{content:"\e925"}.feather-briefcase:before{content:"\e926"}.feather-calendar:before{content:"\e927"}.feather-camera:before{content:"\e928"}.feather-camera-off:before{content:"\e929"}.feather-cast:before{content:"\e92a"}.feather-check:before{content:"\e92b"}.feather-check-circle:before{content:"\e92c"}.feather-check-square:before{content:"\e92d"}.feather-chevron-down:before{content:"\e92e"}.feather-chevron-left:before{content:"\e92f"}.feather-chevron-right:before{content:"\e930"}.feather-chevron-up:before{content:"\e931"}.feather-chevrons-down:before{content:"\e932"}.feather-chevrons-left:before{content:"\e933"}.feather-chevrons-right:before{content:"\e934"}.feather-chevrons-up:before{content:"\e935"}.feather-chrome:before{content:"\e936"}.feather-circle:before{content:"\e937"}.feather-clipboard:before{content:"\e938"}.feather-clock:before{content:"\e939"}.feather-cloud:before{content:"\e93a"}.feather-cloud-drizzle:before{content:"\e93b"}.feather-cloud-lightning:before{content:"\e93c"}.feather-cloud-off:before{content:"\e93d"}.feather-cloud-rain:before{content:"\e93e"}.feather-cloud-snow:before{content:"\e93f"}.feather-code:before{content:"\e940"}.feather-codepen:before{content:"\e941"}.feather-codesandbox:before{content:"\e942"}.feather-coffee:before{content:"\e943"}.feather-columns:before{content:"\e944"}.feather-command:before{content:"\e945"}.feather-compass:before{content:"\e946"}.feather-copy:before{content:"\e947"}.feather-corner-down-left:before{content:"\e948"}.feather-corner-down-right:before{content:"\e949"}.feather-corner-left-down:before{content:"\e94a"}.feather-corner-left-up:before{content:"\e94b"}.feather-corner-right-down:before{content:"\e94c"}.feather-corner-right-up:before{content:"\e94d"}.feather-corner-up-left:before{content:"\e94e"}.feather-corner-up-right:before{content:"\e94f"}.feather-cpu:before{content:"\e950"}.feather-credit-card:before{content:"\e951"}.feather-crop:before{content:"\e952"}.feather-crosshair:before{content:"\e953"}.feather-database:before{content:"\e954"}.feather-delete:before{content:"\e955"}.feather-disc:before{content:"\e956"}.feather-dollar-sign:before{content:"\e957"}.feather-download:before{content:"\e958"}.feather-download-cloud:before{content:"\e959"}.feather-droplet:before{content:"\e95a"}.feather-edit:before{content:"\e95b"}.feather-edit-2:before{content:"\e95c"}.feather-edit-3:before{content:"\e95d"}.feather-external-link:before{content:"\e95e"}.feather-eye:before{content:"\e95f"}.feather-eye-off:before{content:"\e960"}.feather-facebook:before{content:"\e961"}.feather-fast-forward:before{content:"\e962"}.feather-feather:before{content:"\e963"}.feather-figma:before{content:"\e964"}.feather-file:before{content:"\e965"}.feather-file-minus:before{content:"\e966"}.feather-file-plus:before{content:"\e967"}.feather-file-text:before{content:"\e968"}.feather-film:before{content:"\e969"}.feather-filter:before{content:"\e96a"}.feather-flag:before{content:"\e96b"}.feather-folder:before{content:"\e96c"}.feather-folder-minus:before{content:"\e96d"}.feather-folder-plus:before{content:"\e96e"}.feather-framer:before{content:"\e96f"}.feather-frown:before{content:"\e970"}.feather-gift:before{content:"\e971"}.feather-git-branch:before{content:"\e972"}.feather-git-commit:before{content:"\e973"}.feather-git-merge:before{content:"\e974"}.feather-git-pull-request:before{content:"\e975"}.feather-github:before{content:"\e976"}.feather-gitlab:before{content:"\e977"}.feather-globe:before{content:"\e978"}.feather-grid:before{content:"\e979"}.feather-hard-drive:before{content:"\e97a"}.feather-hash:before{content:"\e97b"}.feather-headphones:before{content:"\e97c"}.feather-heart:before{content:"\e97d"}.feather-help-circle:before{content:"\e97e"}.feather-hexagon:before{content:"\e97f"}.feather-home:before{content:"\e980"}.feather-image:before{content:"\e981"}.feather-inbox:before{content:"\e982"}.feather-info:before{content:"\e983"}.feather-instagram:before{content:"\e984"}.feather-italic:before{content:"\e985"}.feather-key:before{content:"\e986"}.feather-layers:before{content:"\e987"}.feather-layout:before{content:"\e988"}.feather-life-buoy:before{content:"\e989"}.feather-link:before{content:"\e98a"}.feather-link-2:before{content:"\e98b"}.feather-linkedin:before{content:"\e98c"}.feather-list:before{content:"\e98d"}.feather-loader:before{content:"\e98e"}.feather-lock:before{content:"\e98f"}.feather-log-in:before{content:"\e990"}.feather-log-out:before{content:"\e991"}.feather-mail:before{content:"\e992"}.feather-map:before{content:"\e993"}.feather-map-pin:before{content:"\e994"}.feather-maximize:before{content:"\e995"}.feather-maximize-2:before{content:"\e996"}.feather-meh:before{content:"\e997"}.feather-menu:before{content:"\e998"}.feather-message-circle:before{content:"\e999"}.feather-message-square:before{content:"\e99a"}.feather-mic:before{content:"\e99b"}.feather-mic-off:before{content:"\e99c"}.feather-minimize:before{content:"\e99d"}.feather-minimize-2:before{content:"\e99e"}.feather-minus:before{content:"\e99f"}.feather-minus-circle:before{content:"\e9a0"}.feather-minus-square:before{content:"\e9a1"}.feather-monitor:before{content:"\e9a2"}.feather-moon:before{content:"\e9a3"}.feather-more-horizontal:before{content:"\e9a4"}.feather-more-vertical:before{content:"\e9a5"}.feather-mouse-pointer:before{content:"\e9a6"}.feather-move:before{content:"\e9a7"}.feather-music:before{content:"\e9a8"}.feather-navigation:before{content:"\e9a9"}.feather-navigation-2:before{content:"\e9aa"}.feather-octagon:before{content:"\e9ab"}.feather-package:before{content:"\e9ac"}.feather-paperclip:before{content:"\e9ad"}.feather-pause:before{content:"\e9ae"}.feather-pause-circle:before{content:"\e9af"}.feather-pen-tool:before{content:"\e9b0"}.feather-percent:before{content:"\e9b1"}.feather-phone:before{content:"\e9b2"}.feather-phone-call:before{content:"\e9b3"}.feather-phone-forwarded:before{content:"\e9b4"}.feather-phone-incoming:before{content:"\e9b5"}.feather-phone-missed:before{content:"\e9b6"}.feather-phone-off:before{content:"\e9b7"}.feather-phone-outgoing:before{content:"\e9b8"}.feather-pie-chart:before{content:"\e9b9"}.feather-play:before{content:"\e9ba"}.feather-play-circle:before{content:"\e9bb"}.feather-plus:before{content:"\e9bc"}.feather-plus-circle:before{content:"\e9bd"}.feather-plus-square:before{content:"\e9be"}.feather-pocket:before{content:"\e9bf"}.feather-power:before{content:"\e9c0"}.feather-printer:before{content:"\e9c1"}.feather-radio:before{content:"\e9c2"}.feather-refresh-ccw:before{content:"\e9c3"}.feather-refresh-cw:before{content:"\e9c4"}.feather-repeat:before{content:"\e9c5"}.feather-rewind:before{content:"\e9c6"}.feather-rotate-ccw:before{content:"\e9c7"}.feather-rotate-cw:before{content:"\e9c8"}.feather-rss:before{content:"\e9c9"}.feather-save:before{content:"\e9ca"}.feather-scissors:before{content:"\e9cb"}.feather-search:before{content:"\e9cc"}.feather-send:before{content:"\e9cd"}.feather-server:before{content:"\e9ce"}.feather-settings:before{content:"\e9cf"}.feather-share:before{content:"\e9d0"}.feather-share-2:before{content:"\e9d1"}.feather-shield:before{content:"\e9d2"}.feather-shield-off:before{content:"\e9d3"}.feather-shopping-bag:before{content:"\e9d4"}.feather-shopping-cart:before{content:"\e9d5"}.feather-shuffle:before{content:"\e9d6"}.feather-sidebar:before{content:"\e9d7"}.feather-skip-back:before{content:"\e9d8"}.feather-skip-forward:before{content:"\e9d9"}.feather-slack:before{content:"\e9da"}.feather-slash:before{content:"\e9db"}.feather-sliders:before{content:"\e9dc"}.feather-smartphone:before{content:"\e9dd"}.feather-smile:before{content:"\e9de"}.feather-speaker:before{content:"\e9df"}.feather-square:before{content:"\e9e0"}.feather-star:before{content:"\e9e1"}.feather-stop-circle:before{content:"\e9e2"}.feather-sun:before{content:"\e9e3"}.feather-sunrise:before{content:"\e9e4"}.feather-sunset:before{content:"\e9e5"}.feather-tablet:before{content:"\e9e6"}.feather-tag:before{content:"\e9e7"}.feather-target:before{content:"\e9e8"}.feather-terminal:before{content:"\e9e9"}.feather-thermometer:before{content:"\e9ea"}.feather-thumbs-down:before{content:"\e9eb"}.feather-thumbs-up:before{content:"\e9ec"}.feather-toggle-left:before{content:"\e9ed"}.feather-toggle-right:before{content:"\e9ee"}.feather-tool:before{content:"\e9ef"}.feather-trash:before{content:"\e9f0"}.feather-trash-2:before{content:"\e9f1"}.feather-trello:before{content:"\e9f2"}.feather-trending-down:before{content:"\e9f3"}.feather-trending-up:before{content:"\e9f4"}.feather-triangle:before{content:"\e9f5"}.feather-truck:before{content:"\e9f6"}.feather-tv:before{content:"\e9f7"}.feather-twitch:before{content:"\e9f8"}.feather-twitter:before{content:"\e9f9"}.feather-type:before{content:"\e9fa"}.feather-umbrella:before{content:"\e9fb"}.feather-underline:before{content:"\e9fc"}.feather-unlock:before{content:"\e9fd"}.feather-upload:before{content:"\e9fe"}.feather-upload-cloud:before{content:"\e9ff"}.feather-user:before{content:"\ea00"}.feather-user-check:before{content:"\ea01"}.feather-user-minus:before{content:"\ea02"}.feather-user-plus:before{content:"\ea03"}.feather-user-x:before{content:"\ea04"}.feather-users:before{content:"\ea05"}.feather-video:before{content:"\ea06"}.feather-video-off:before{content:"\ea07"}.feather-voicemail:before{content:"\ea08"}.feather-volume:before{content:"\ea09"}.feather-volume-1:before{content:"\ea0a"}.feather-volume-2:before{content:"\ea0b"}.feather-volume-x:before{content:"\ea0c"}.feather-watch:before{content:"\ea0d"}.feather-wifi:before{content:"\ea0e"}.feather-wifi-off:before{content:"\ea0f"}.feather-wind:before{content:"\ea10"}.feather-x:before{content:"\ea11"}.feather-x-circle:before{content:"\ea12"}.feather-x-octagon:before{content:"\ea13"}.feather-x-square:before{content:"\ea14"}.feather-youtube:before{content:"\ea15"}.feather-zap:before{content:"\ea16"}.feather-zap-off:before{content:"\ea17"}.feather-zoom-in:before{content:"\ea18"}.feather-zoom-out:before{content:"\ea19"}
/*# sourceMappingURL=feather.min.css.map */

/*!
 * Cropper.js v1.5.13
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2022-11-20T05:30:43.444Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{max-width: 100%; width: 100% !important; background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}


i {
    font-size: 16px;
    font-family: feather;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* the norm */
#gritter-notice-wrapper {
    position: fixed;
    right: 20px;
    top: 20px;
    width: 230px;
    z-index: 100000;
    text-align: center;
}

#gritter-notice-wrapper.top-left {
    left: 20px;
    right: auto;
}

#gritter-notice-wrapper.bottom-right {
    top: auto;
    left: auto;
    bottom: 20px;
    right: 20px;
}

#gritter-notice-wrapper.bottom-left {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
}

.gritter-item-wrapper {
    position: relative;
    margin: 0 0 10px 0;
    /*background:url('../image/gritter/ie-spacer.gif'); *//* ie7/8 fix */
    background: rgba(228, 46, 47, 0.92) none repeat scroll 0 0;
    border-radius: 5px;
}

.success-gritter {
    background-color: #52b35d !important;
}

.gritter-top {
    /*background:url(../image/gritter/gritter.png) no-repeat left -30px;*/
    height: 10px;
}

.hover .gritter-top {
    background-position: right -30px;
}

.gritter-bottom {
    /*background:url(../image/gritter/gritter.png) no-repeat left bottom;*/
    height: 8px;
    margin: 0;
}

.hover .gritter-bottom {
    background-position: bottom right;
}

.gritter-item {
    display: block;
    /*background:url(../image/gritter/gritter.png) no-repeat left -40px;*/
    /* background: rgba(153, 40, 18, 0.92) none repeat scroll 0 0;*/
    color: #eee;
    padding: 2px 11px 8px 11px;
    font-size: 11px;
    font-family: verdana;
}

.hover .gritter-item {
    background-position: right -40px;
}

.gritter-item p {
    padding: 0;
    margin: 0;
    word-wrap: break-word;
    font-family: Tahoma;
    font-size: 14px;
}

.gritter-close {
    position: absolute;
    top: 5px;
    right: 3px;
    background: url(gritter/gritter.png) no-repeat left top;
    cursor: pointer;
    width: 30px;
    height: 30px;
    text-indent: -9999em;
}

.gritter-title {
    font-family: Tahoma;
    font-size: 17px;
    padding: 0 0 7px;
    text-transform: uppercase;
}

.gritter-image {
    width: 48px;
    height: 48px;
    float: left;
}

.gritter-with-image,
.gritter-without-image {
    padding: 0;
}

.gritter-with-image {
    width: 220px;
    float: right;
}

/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item,
.gritter-light .gritter-bottom,
.gritter-light .gritter-top,
.gritter-light .gritter-close {
    background-image: url(gritter/gritter-light.png);
    color: #222;
}

.gritter-light .gritter-title {
    text-shadow: none;
}

.bg-soft-success {
    background-color: #3eaa70 !important;
    color: white !important;
    font-size: 12px !important;
}
.list-alert {
    bottom: 1.5rem;
    left: 50%;
    margin-bottom: 0;
    min-width: 350px;
    position: fixed;
    transform: translateX(-50%);
    z-index: 1030;
}
.alert-dark {
    background-color: #12263f;
    border-color: #12263f;
    color: #fff;
}
.btn-white-20 {
    background-color: rgba(255, 255, 255, .2);
    border-color: transparent;
    color: #fff;
}
#action .btn {
    display: inline-block;
}
.custom-modal {
    --bs-modal-width: 800px;
}
.alert-danger {
    padding-left: 20px;
}
.form-control {
    padding: 7px 10px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 9px;
}
.select2-container .select2-selection {
    min-height: 36px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}
.br-10 {
    border-radius: 10px;
}
.grey-background {
    background-color: #F3F4F6;
}
.edit-icon a {
    font-size: 11px !important;
    color: #283c50;
    font-weight: 500;
}

.edit-icon {
    margin-bottom: 0px;
    text-align: left;
}

.edit-icon i {
    margin-right: 4px;
    font-size: 11px;
}
.table-custom td {
    border: none !important;
}
.image-list .card-body {
    border: 1px solid;
    padding: 3px;
    border-radius: 3px;
    margin-bottom: 25px;
    position: relative;
}
.image-list .delete-icon {
    top: 10px;
    right: 10px;
    position: absolute;
    background-color: #ea4d4d;
    color: #ffffff !important;
}
.image-list .delete-icon i {
    font-size: 16px;
}
.image-list .img-fluid {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-same {
    aspect-ratio: 1 / 1 !important;
    object-fit: cover;
}
.img-same-1-4 {
    aspect-ratio: 1.4 / 1 !important;
    object-fit: cover;
}
.blue-link {
    color: #337ab7;
    text-decoration: none !important;
}
.advertisement-list p {
    font-weight: 500;
    color: #000000;
}

.nxl-header {
    z-index: 10000;
}
.select2-container {
    z-index: 999;
}

.modal-open .nxl-header {
    z-index: 100;
}
.advertisement-item .item-checkbox {
    position: absolute;
    right: 14px;
    top: 10px;
}
.nxl-container .help-center-content-header {
    height: auto;
    min-height: auto;
    max-height: 100%;
}
.client-selection-section {
    top: 0px;
    min-height: auto;
}
.card-footer nav {
    margin: auto;
}
.edit-icon-position {
    position: absolute;
    right: 10px;
}
.mr-10 {
    margin-right: 10px;
}
.mr-5 {
    margin-right: 5px;
}
#action.fade:not(.show){
    display: none;
}
.ui-datepicker {
    z-index: 10000;
}
.range-item {
    padding-right: 15px;
}
.range-item span {
    font-size: 20px;
    font-weight: bold;
    margin-right: 2px;
    margin-left: 2px;
}
.row-filter {
    background-color: #EEE;
    padding-bottom: 23px;
    border-radius: 10px;
}
.row-filter .form-label {
    font-weight: 650 !important;
}
.text-right {
    text-align: right;
}
.question-name {
    font-weight: 500;
}
/*.form-control {
    border-color: #b5b9bf !important;
}*/
.select2-container .select2-selection {
    border-color: #b5b9bf;
}
.topic-list a {
    font-size: 16px !important;
}
.topic-content {
    color: #0c1322 !important;
}
ul.pagination-common-style li a {
    border-color: #000000;
}
.question-item {
    color: #0c1322 !important;
    font-size: 18px;
}
.form-check-input {
    border: 2px solid rgba(15, 15, 15, 0.35);
}
.question-item.answered {

}
.answered .form-check-input[type="radio"] {
    pointer-events: none;
}
.form-check-input:disabled {
    opacity: 1;
}
.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
    opacity: 1;
}
.ml-1 {
    margin-left: 5px;
}

.total-count {
    color: #181717;
    font-weight: bold;
}
.wd-30 {
    max-width: 30px;
    width: 30px;
}
.wd-50 {
    max-width: 50px !important;
    width: 50px !important;
}
.wd-70 {
    max-width: 70px;
    width: 70px;
}
.wd-80 {
    max-width: 80px;
    width: 80px;
}
.wd-100 {
    max-width: 100px;
    width: 100px;
}
.wd-110 {
    max-width: 110px;
    width: 110px;
}
.wd-200 {
    max-width: 200px;
    width: 200px;
}
.form-label {
    font-weight: 550;
    color: #68687b;
}
.col-form-label {
    font-weight: 550;
}
hr {
    background-color: #e3e6ea;
    margin-top: 30px;
    opacity: 1;
    margin-bottom: 30px;
}
.hr-horizontal {
    margin-top: 30px;
    margin-bottom: 30px;
}
.mt-0 {
    margin-top: 0px !important;
}
.modal-custom {
    .modal-title {
        font-size: 29px;
        color: #131214;
        font-weight: normal;
    }
    .col-form-label {
        color: #131214;
        font-size: 14px;
        padding-top: 0px;
    }
    .form-control, .form-select, .select2-selection span {
        font-weight: 550;
        color: #6b6b75 !important;
    }
    .form-control {
        padding: 7px 20px;
        border-color: #e3e6ea !important;;
    }
}
.btn-burger {
    width: 35px;
    height: 35px;
    line-height: 33px !important;
}
.btn-burger i {
    line-height: 35px !important;
    font-size: 16px !important;
}
.sub-menu .active-page a {
    text-decoration: underline;
    font-weight: 600;
}
.select2-selection i {
    margin-right: 5px;
    font-weight: 600;
}
.select2-results i {
    margin-right: 5px;
}
.widget-popular-product-title {
    white-space: normal !important;
}
.filter-content {
    .select2-container .select2-selection {

    }
   /* .mt-3 {
        margin-top: 0px !important;
    }*/
}
.ml-2 {
    margin-left: 5px;
}
.table-blue th {
    background-color: #D6ECFE !important;
    color: #2983D0 !important;
}
.table-white th {
    background-color: #ffffff !important;
    color: #2983D0 !important;
}
.table-fixed {
    table-layout: fixed;
    width: 100%;
    background: #f7f9fc !important;
}
/*.logo img {
    max-width: 60%;
}*/
/*.app-sidebar .logo {
    padding: 25px 30px;
    text-align: center;
}*/
.badge-pink {
    color: white;
    background-color: #F99DE5;
}
.avatar-bg-1 {
    background-color: #4D87F0 !important;
    color: white !important;
}
.avatar-bg-2 {
    background-color: #F98AE1 !important;
    color: white !important;
}
.avatar-bg-3 {
    background-color: #59D584 !important;
    color: white !important;
}
.avatar-bg-4 {
    background-color: #74C9E8 !important;
    color: white !important;
}
.avatar-bg-5 {
    background-color: #ECD359 !important;
    color: white !important;
}
.pre-title {
    font-weight: 550;
}
.group-title .badge.badge-style-bordered {
    font-weight: 400;
}
.schedule-item:hover {
    .btn-add {
        display: block !important;
    }
}
.search-form {
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 2px;
    }
    .select2-selection {
        padding: 7px 36px 8px 18px;
    }
}
.form-control::placeholder {
    color: #bdbaba;
}
.column-100 {
    max-width: 100px;
    width: 100px;
}
.column-150 {
    max-width: 150px;
    width: 150px;
}
.column-200 {
    max-width: 200px;
    width: 200px;
}
.column-300 {
    max-width: 300px;
    width: 300px;
}
.column-500 {
    max-width: 500px;
    width: 500px;
}
.edit-icon a {
    font-size: 11px !important;
    color: #24292e;
    font-weight: 500;
    text-decoration: none;
}
.edit-icon i {
    color: #037afb;
    font-weight: 500;
}
.btn-outline-add {
    width: 100%;
    border: 1px solid #e0e6ee;
    color: #8d8da6 !important;
    padding: 20px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 16px;
}
.questionnaire-form .logo img {
    max-width: 200px;
    margin-bottom: 20px;
}
.user-form-table td, .user-form-table th {
    max-width: 40px !important;
    width: 40px !important;
    text-align: center;
}
.user-form-table tr th:first-child, .user-form-table tr td:first-child {
    min-width: 85px;
}
.auth-form-content {
    border-radius: 10px;
    width: 550px;
}
.auth-form-content .logo img {
    max-width: 150px;
}
.auth-form-content h3 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.btn-white {
    background-color: white;
}
.range-group i {
    font-size: 14px;
    margin-right: 0px;
}
.range-group button {
    text-align: center;
}
.range-group .btn-outline-dark {
    border-color: #dbdbdb;
}
.schedule-table td {
    padding: 10px !important;
}
.schedule-event {
    font-size: 11px;
}
.schedule-event .alert-title {
    margin-bottom: 0px !important;
    font-size: 11px !important;
}
.schedule-table thead .day-column{
    font-size: 12px;
}
.schedule-lesson-type {
    font-weight: 600;
}
.row-count {
    text-align: right;
    margin-bottom: 5px;
}
.blue-bg {
    background-color: #d6e8f2;
}
.font-12 {
    font-size: 12px;
}
.font-13 {
    font-size: 13px !important;
}
.iti {
    width: 100%;
}
.btn-custom {
    min-width: 300px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border: none !important;
    background: transparent !important;
}
.select2-container .select2-search--inline {
    display: none;
}
.user-form-schedule {
    color: green;
    font-size: 16px;
}
.div-delete-icon {
    color: red;
    font-size: 20px;
}
.feedback-content {
    height: 100vh;
}
.feedback-content .logo img {
    max-width: 320px;
}
.feedback-content .btn {
    min-width: 450px;
    padding: 15px;
    font-size: 17px;
    background-color: #55cd6c;
    border-color: #55cd6c;
}
.feedback-content .btn i {
    font-size: 23px;
}
.founder-img {
    border-radius: 50%;
    max-width: 90px !important;
}

.founder-item {
    padding-right: 20px;
    border-right: 1px solid #689FFE;
    margin-right: 20px;
}
a.link {
    color: #283c50;
    font-weight: 600;
    transition: all .3s ease;
    text-decoration: none;
}
.fw-medium {
    font-weight: 500 !important;
}
.success-modal .success-icon {
    font-size: 50px;
    color: green;
    margin-bottom: 30px;
}
.schedule-red-icon {
    color: #f07171;
    font-size: 20px;
}
.schedule-green-icon {
    color: #29ca29;
    font-size: 20px;
}
/*.modal-body .select2-container {
    z-index: 9999 !important;
}*/
.delete-item-icon {
    position: absolute;
    right: 10px;
    color: #f07171;
    margin-right: 10px;
    text-align: right;
    font-weight: bold;
    font-size: 23px;
}
.sidebar-none .logo {
    top: 0 !important;
    width: auto !important;
    border-radius: 0 !important;
    height: 70px;
    padding: 15px 0;
    background: white;
}
.sidebar-none .logo img {
    max-width: 30%;
}
.sidebar-none .app-sidebar {
    height: auto;
}
.default-container {
    margin: 10px auto;
}
.app-content .page-description h1 {
    font-weight: 400;
}
.description-text {
    color: #909aa7;
}
.description-text p {
    margin-bottom: 0px;
}
.gray-container {
    background-color: #f5f7fa;
    border-radius: 10px;
}
.task-type-item {
    background-color: white;
    padding: 10px;
    margin: 10px;
    width: 30%;
    border-radius: 6px;
    cursor: pointer;
}
.task-type-item .card-img {
    border-radius: 0;
}
.task-type-item .card-img-overlay {
    border-radius: 0;
    background: rgba(0,0,0,0.3);
}
.task-type-item .card-title {
    font-size: 14px;
    margin-top: 10px;
}
.app-content .content-menu {
    width: 450px;
}
.page-title {
    border-bottom: 1px solid #efeff7;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.task-item {
    border-top: 1px solid #efeff7;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}
.sidebar-white {
    background-color: white;
}
.sidebar-course {
    border-left: none !important;
    padding: 0px !important;
    right: 320px !important;
    padding-top: 35px !important;
}
.sidebar-course .card {
    min-height: 200px;
}
.app-content .content-menu {
    width: 300px;
}
.sidebar-course .page-title {
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
    font-size: 20px;
}
.sidebar-course .list-unstyled a {
    color: #898D8F !important;
}
.sidebar-course .list-unstyled a.active {
    color: #131214 !important;
}
.green-btn {
    background-color: #55cd6c !important;
    border-color: #55cd6c !important;
}
.modal-task {
    & .form-label {
        color: #8d8da6;
        font-size: 16px;
        font-family: "Open Sans", sans-serif;
    }

    .card-body {
        max-width: 100%;
        box-shadow: 0 0 16px 0 #8b8bb91a;
        margin-bottom: 15px;
        padding: 20px 30px 30px;
        border-radius: 10px;
        border: 1px solid #eee;
    }
}
.task-body {
    border: 2px solid #f5f7fa;
    border-radius: 8px;
    padding: 20px;
    font-size: 18px;

    .question-item {
        font-size: 18px;
    }
}

.task-title {
    font-size: 18px;
    line-height: 27px;
    display: flex;
    margin-bottom: 25px !important;
}
.task_content {
    font-size: 18px;
    font-family: Rubik;
}
.task_content {
    h1, h2, h3, h4, h5, h6 {
        font-size: 20px;
    }
}
.task-title-label {
    padding: 0px 10px;
    font-weight: 500;
}
.task-title-label p {
    margin: 4px 0;
    line-height: 28px;
}
.task-title-number {
    background-color: #E5F0FF;
    color: #2983D0 !important;
    font-size: 14px;
    padding: 0px 10px;
    border-radius: 5px;
    font-weight: 500;
    max-height: 29px;
    margin-top: 1px;
}
.textarea-custom {
    border: 2px solid #EBEBEE;
    border-radius: 8px;
    padding: 10px;
    width: 100%;
    font-size: 16px;
}
.alert.alert-style-light.alert-primary {
    background: #dff0fe;
    color: #4897EC;
}

.color-picker {
    display: flex;
    align-items: center;
    gap: 10px;
}

.color-option {
    position: relative;
}

.color-option input[type="radio"] {
    display: none;
}

.color-circle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    border: 3px solid transparent;
    transition: border-color 0.2s;
}

.color-option input:checked + .color-circle {
    border-color: #6cd2ff; /* голубая обводка при выборе */
    box-shadow: 0 0 0 2px #6cd2ff33;
}
.color-option {
    display: inherit;
}
.counter-box {
    display: flex;
    justify-content: flex-start;
    gap: 5px;
    font-size: 13px;
    color: #acacbf;
    background: #F4F6F7;
    padding: 6px 14px 1px;
    border-radius: 8px;
    border: 1px solid #eceef3;
    width: 100%;
    margin-bottom: 15px;
}

.counter-box b {
    color: #6E7375;
    font-weight: 500;
}
.btn-remove {
    text-align: center;
    background-color: #f5f5fa;
    border-radius: 5px;
    margin-top: 47px !important;
    width: 20px;
}
.btn-remove i {
    color: #8d8da6;
}
.pl-0 {
    padding-left: 0;
}
.gray-bg {
    background-color: #F4F6F7;
    border-radius: 8px;
    padding: 10px;
}
.alert.alert-style-light.alert-warning .table * {
    border-color: #ff9500 !important;
}
.alert.alert-style-light.alert-primary .table * {
    border-color: #055EFE !important;
}

.avatar .avatar-title {
    background-color: #33A1FD;
    color: white;
}
.empty-content {
    text-align: center;
    margin-bottom: 30px;
    padding-top: 100px;
}
.empty-content .card-title {
    font-size: 20px;
    color: #8d8da6;
}
.empty-content img {
    max-width: 150px;
    margin-bottom: 50px;
}
.chapter_input {
    font-size: 30px;
    font-weight: 450;
}
.p-0 {
    padding: 0 !important;
}
.image-uploader {
    background: #f7f9fc;
    border-radius: 5px;
    padding: 40px 30px;
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    margin-top: 20px;

    /* Кнопка удаления */
    .delete-image-btn {
        position: absolute;
        top: 8px;
        right: 8px;
        background: rgba(0,0,0,0.6);
        border: none;
        color: #fff;
        font-size: 18px;
        line-height: 1;
        width: 28px;
        height: 28px;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .delete-image-btn:hover {
        background: rgba(0,0,0,0.8);
    }
}

.image-uploader-inner {
    text-align: center;
    width: 100%;
    max-width: 380px;
}

.image-uploader-title {
    font-size: 18px;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 18px;
}

.btn-upload {
    background: #52c2ff;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 32px;
    cursor: pointer;
    transition: 0.2s;
}
.btn-upload i {
    color: white;
}
.btn-upload:hover {
    background: #42aef0;
}
.preview-wrapper {
    position: relative;
    width: 100%;
    display: none;
}

.finalPreview {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 14px;
    display: none;
}
.section_grade_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.section_grade_title p {
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: #525266;
    margin-bottom: 5px;
}
.section_grade_title p span {
    color: #b8b8cc;
}
.section_grade .progress {
    height: 8px;
    border-radius: 3px;
}
table {
    .section_grade_title p {
        font-size: 11px;
    }
    .section_grade_title {
        margin-top: 0;
    }
    .section_grade .progress {
        height: 5px;
    }
    .progress {
        background-color: #d4d9dd;
    }
}
.note-toolbar .note-btn {
    font-size: 14px !important;
    padding: 3px 7px !important;
}

/* уменьшаем иконки (т.к. они font-awesome-like) */
.note-toolbar .note-btn i {
    font-size: 14px !important;
}
.table .drag-handle {
    padding: 10px 0px !important;
}
.table .drag-handle i {
    color: #689FFE;
}
.task-page-title {
    border-bottom: 0 !important;
    margin-bottom: 0;
    padding-bottom: 5px;
}
.task-add-icon {
    text-align: center;
    position: absolute;
    width: 100%;
    margin-top: -47px;
    opacity: 0;
}
.task-add-icon i {
    font-size: 34px;
    color: #61acfc;
    cursor: pointer;
}
.task-item:hover {
    .task-add-icon {
        opacity: 1;
    }
}
.profile-sidebar {
    display: flex;
    padding: 25px;
}
.back-btn {
    background-color: #f5f5fa;
    height: 100%;
    border: none;
    border-radius: 7px;
    margin-right: 15px;
}
.back-btn .material-icons {
    color: #8d8da6;
}
.profile-bio {
    padding: 10px 30px;
    flex: 1;
}
.profile-bio span {
    font-size: 11px;
}
.custom-tabs {
    .nav-link {
        font-family: Rubik;
        color: #b8b8cc;
        opacity: 1;
    }
}
.review-type-star i {
    font-size: 17px;
    color: #fed548;
    vertical-align: middle;
}
.review-type-star .widget-popular-product-rating-num {
    vertical-align: middle;
    margin-left: 5px;
    color: #919ba7;
    font-size: 13px;
}
.button-upload {
    font-weight: 500;
}
.profile-dropdown-item-image .avatar {
    width: 100%;
    height: 100%;
    line-height: 47px;
}
.document_list .avatar {
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
    margin-right: 5px;
    border-radius: 4px;
    border: 1px solid #4b4646;
}
.document_list .avatar i {
    position: absolute;
    right: -7px;
    top: -13px;
    color: red;
    font-size: 18px;
    font-weight: bold;
}
.avatar-img {
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100% !important;
}
.goal-item img {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
}
.material-icons {
    font-family: 'Material Icons' !important;
}
.tilu .app-menu .hide-sidebar-toggle-button {
    z-index: 10000;
}
.btn-info {
    color: #2983D0;
    background-color: #D6ECFE;
    border-color: #D6ECFE;
    font-weight: 450;
}
.btn-info .material-icons {
    line-height: 18px;
}
.btn-primary, .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #33A1FD;
    border-color: #33A1FD;
}
.lesson-info .tilu-btn i {
    margin-left: 5px;
}
.lesson-info .tilu-btn .star-icon {
    margin-left: 0px;
    font-size: 28px;
    margin-right: -4px;
}
.btn-success, .btn-success.disabled, .btn-success:disabled {
    color: #23A15D;
    background-color: #C5F0D8;
    border-color: #E8FAF0;
    font-weight: 450;
}
.status-done {
    color: #2da22d;
}
.status-waiting {
    color: orange;
}
.status-fix {
    color: #ff4857;
}
.report-table td {
    vertical-align: middle;
    text-align: center;
}
.custom-check {
    width: 30px;
    margin: auto;
}
.custom-check .form-check-input[type="checkbox"] {
    width: 22px;
    height: 22px;
}
.table-blue-second th {
    background-color: #6997EA !important;
    color: black !important;
}
.ping-bg {
    background-color: #E484CF !important;
    box-shadow: none !important;
}
.alert.alert-danger {
    background: #f76974;
}
.tilu .words-list .item .icon .avatar {
    border-radius: 12px;
    width: 80px;
    height: 80px;
    line-height: 80px;
}
.disabled-form .app-content {
    textarea, input {
        pointer-events: none;
        cursor: not-allowed;
    }
}
.font-black {
    color: #24292e !important;
}
.schedule-statistic {
    font-weight: 500;
}
.comment-icon {
    color: #F5B8E8;
    font-size: 15px;
    margin-left: 20px;
    margin-top: 7px;
}
.lesson-time {
    font-size: 12px;
    color: #68687b;
}
.lesson-submit-date {
    font-size: 10px;
}
.lesson-check-time {
    border-top: 1px solid black;
    font-size: 10px;
}
.status-lock {
    color: #bac2bb;
}
.bg-pink,  tr.bg-pink {
    background-color: #F5E4F1 !important;
    box-shadow: none !important;
}
.bg-red,  tr.bg-red {
    background-color: #f3c7d4 !important;
    box-shadow: none !important;
}
.color-red {
    color: #db4545;
}
.fade-toggle {
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.fade-toggle.show {
    opacity: 1;
    pointer-events: auto;
}

.input-write {
    width: calc(1ch * attr(data-length));
}

.auto-textarea {
    resize: none !important;        /* убираем ручной resize */
    overflow: hidden !important;    /* убираем скролл */
}
.teacher-card {
    padding: 24px 24px 21px !important;
}
.teacher-card p {
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 16px;
}
.teacher-card span {
    font-weight: 400;
    color: #6E7375;
    font-size: 15px;
}
.teacher-card .text-block {
    padding-left: 10px;
}
.vocabulary-variant-item {
    cursor: pointer;
}
.article-screen .file-manager-recent-file-actions {
    background-color: #D6ECFE;
    border: none !important;
    border-radius: 10px;
    padding: 6px 5px 0px 7px !important;
    height: auto !important;
    margin-top: 0px !important;
}
.article-screen .file-manager-recent-file-actions i {
    color: #33A1FD !important;
    font-size: 25px;
}
.article-sidebar {
    max-height: 90%;
}
.lang-dropdown {
    position: absolute;
    top: 32px;
    right: 40px;
    list-style: none;
    z-index: 2;
}
.lang-dropdown a {
    color: #7b8c9d !important;
}
.navbar .lang-dropdown .dropdown-menu {
    margin-top: 0;
    top: calc(100% + 10px) !important;
}
.lang-dropdown i {
    margin-top: -2px;
}
.lang-dropdown .nav-link {
    display: flex;
    align-items: center;
}
.lang-dropdown .material-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-right: 3px;
}

.app-auth-sign-in .app-auth-background {
    background: none;
}

.table-gray {
    background-color: #F1F3F4;
}
.table-gray th {
    color: #363434;
}
.table-bordered-black, .table-bordered-black tr, .table-bordered-black td  {
    border: 1px solid #9e9c9c !important;
}
.table-bordered-black thead {
    border-bottom: 1px solid #9e9c9c !important;
}
.contenteditable-editor {
    border: 2px solid #EBEBEE;
    border-radius: 8px;
    padding: 10px;
}
.card-header-student {
    border-bottom: none;
    background-color: white;
}
.page-head .grade-body {
    margin-bottom: 20px;
}
.grade-body a {
    text-decoration: none;
}
.toolbar {
    position: fixed;
    display: none;
    background: black;
    color: white;
    padding: 5px;
    border-radius: 6px;
    z-index: 9999;
}

.toolbar button {
    color: #fff;
    background: none;
    border: none;
    cursor: pointer;
    margin: 0 5px;
}
.contenteditable-editor i {
    font-size: 18px;
    font-style: italic !important;
}
.highlight-toolbar {
    position: absolute;
    display: none;
    padding: 4px 6px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2);
    z-index: 9999;
    gap: 4px;
}

.highlight-toolbar button {
    border: none;
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

button[data-color="yellow"] { background: #facc15; }
button[data-color="blue"]   { background: #3b82f6; }
button[data-color="red"]    { background: #ef4444; }

button[data-color="yellow"] { background: #facc15; }
button[data-color="#79cb79"]   { background: #4aaf4a; }
button[data-color="#ee9898"]    { background: #d55; }
button[data-color="#79c1ec"]    { background: #2d81b4; }

.highlight-yellow { background-color: #fff59d; }
.highlight-blue   { background-color: #bfdbfe; }
.highlight-red    { background-color: #fecaca; }

.recommendation-item {
    border-radius: 12px;
    padding: 24px;
    border: 1px solid #E5E7EB;
}
.icon-star {
    background-image: url("/img/star.png");
    background-size: 35px 35px;
    width: 35px;
    height: 35px;
    display: inline-block;
}
.recommendation-item h3 {
    margin-bottom: 20px;
}
.recommendation-description {
    background-color: #E8F5FA;
    color: #131214;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #33A1FD;
    font-size: 16px;
    margin-bottom: 30px !important;
}
.recommendation-description h6 {
    font-size: 18px;
    margin-bottom: 15px;
}
.recommendation-user-info {
    border: 1px solid #D4D4D4;
    border-radius: 8px;
    padding: 16px;
    font-size: 16px;
    background-color: #FDFDFD;
}
.recommendation-user-info strong {
    font-weight: 500;
    margin-left: 5px;
}
.recommendation-user-info i {
    margin-right: 10px;
}
.recommendation-test-item {
    margin-bottom: 30px;
}
.recommendation-test-item h5 {
    font-size: 20px;
    margin-bottom: 20px;
}
.recommendation-type-label {
    font-size: 24px;
    margin-bottom: 20px;
}
.recommendation-item .form-check label{
    font-size: 15px;
}
.recommendation-item .recommendation-description:last-child, .recommendation-item .recommendation-test-item:last-child, .recommendation-item .test-content .form-check:last-child {
    margin-bottom: 0px !important;
}
.recommendation-item .test-variant-item {
    min-width: 200px;
}
.recommendation-item .test-variant-part {
    padding: 10px;
}
.recommendation-item .form-check .test-variant-part:first-child {
    border-right: 1px solid #E6E9EB;
}
.recommendation-item .form-check .test-variant-part:last-child {
    padding-left: 20px;
}
.test-content .form-check.active {
    border-color: #33A1FD;
}
.recommendation-item .form-check.active .test-variant-part:first-child {
    border-color: #33A1FD;
}
.tilu.app-auth-sign-in > .app-logo {
    z-index: 100;
}
.leaderboard-content {
    padding: 0px !important;
}
.leaderboard-title {
    padding: 20px 20px 18px 20px;
}
.leaderboard-content .grade_result {
    margin-top: 0px;
    padding-top: 0px;
    border-top: 1px solid #E6E9EB;
}
.leaderboard .row:first-child {
    border-bottom: 1px solid #E6E9EB;
}
.tilu .grade_result .leaderboard {
    margin-bottom: 0px;
}
.tilu .card.leaderboard .table-block .row {
    border-radius: 0;
}
.tilu .card.leaderboard .table-block .row .name {
    font-size: 17px;
}
.tilu .card.leaderboard .table-block .row .xp {
    font-size: 17px;
}
.tilu .card.leaderboard .table-block .row .rank {
    padding-right: 0px;
    font-size: 16px;
    font-weight: 500;
    width: 40px;
}
.tilu .card.leaderboard .table-block .row .avatar-wrap {
    flex: 1;
    width: auto;
}
.tilu .card.leaderboard .table-block .row .avatar-wrap .avatar {
    line-height: 50px;
}
.tilu .card.leaderboard .table-block .row .avatar-wrap .avatar-title {
    font-size: 15px;
    width: 100%;
}
.avatar-active-title {
    border: 1px solid #ec4fcf !important;
}
@media screen and (min-width: 480px) {
    .table-fixed {
        position: sticky;
        left: 0;
        background: #f7f9fc;
        z-index: 2;
    }
    .table-second-fixed {
        left: 32px;
        position: sticky;
        background: #f7f9fc;
        z-index: 2;
    }
}
@media screen and (min-width: 990px) {
    .tilu.app-auth-sign-in > .trial-card {
        min-height: 600px;
        height: auto;
    }
    .auth-form-description {
        max-height: 200px;
        overflow: scroll;
    }
    .questionnaire-form {
        overflow: scroll;
    }
}
@media screen and (max-width: 990px) {

    .trial-form {
        height: auto;
    }
    .tilu.app-auth-sign-in > .card .app-auth-background .mobile {
        height: auto;
    }
    .app.full-width-header .app-sidebar .logo, .app.sidebar-hidden.full-width-header .app-sidebar .logo.hidden-sidebar-logo {
        border-bottom: 1px solid #E6E9EB;
    }
    .article-screen {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .tilu .card.leaderboard .table-block .row {
        min-width: 600px;
    }
    .questionnaire-form {
        padding-top: 100px !important;
    }
    .recommendation-item .form-check .test-variant-part:first-child {
        border-right: none !important;
    }
    .app-auth-sign-in {
        height: auto;
    }
    .lang-select {
        top: 20px;
        right: 10px;
    }
    .task_content {
        font-size: 16px;
    }
    .chapter_input {
        font-size: 20px;
    }
    .founder-img {
        max-width: 70px !important;
    }
    .founder-item {
        padding-right: 10px;
        margin-right: 10px;
    }
    .feedback-content .logo {
        padding: 10px;
    }
    .feedback-content .logo img {
        max-width: 100%;
    }
    .feedback-content {
        height: auto;
        padding-top: 200px;
    }
    .feedback-content .btn {
        width: 95%;
        min-width: auto !important;
    }
    .auth-form-content {
        width: 100%;
    }

    .questionnaire-form .logo img {
        max-width: 150px;
    }
    .questionnaire-form {
        padding-left: 20px;
        padding-right: 20px;
    }
    .table-fixed {
        position: sticky;
        left: 0;
        z-index: 2;
        background-color: white !important;
    }
    .btn-custom {
        width: 100%;
    }
    .user-form-table td, .user-form-table th {
        padding: 5px !important;
        font-size: 12px;
    }
    .user-form-table .time-column {
        font-size: 11px;
    }
    .user-form-content .app-container {
        padding: 0px !important;
    }
    .user-form-content {
        background-color: white;
    }

}