body {
  background-image: url(../../images/background.png);
  font-family: Arial, serif;
  font-size: 14px;
  --background-image: url("../../images/learn_pattern_5.png");
}
h1 {
  font-size: 34px;
}
@media (min-width: 1536px) {
    .container {
        max-width: 1280px !important;
    }
}
.container {
  --background-color: white;
}
.btn {
  border: none;
}
.btn-primary {
  --background-color: #a6001c;
  background-color: #1f60aa;
}
.btn-primary:hover {
  --background-color: #4f0511;
  background-color: #2a327f;
}
.btn-warning {
  background-color: #fc8505;
}
.btn-warning:hover {
  background-color: #ff6a00;
}

.rt-table td {
  vertical-align: middle !important;
}
.rt-table th {
  background-color: #ebe6e4;
  color: black;
  text-align: center;
  vertical-align: middle !important;
}
.rt-table-col-id {
  width: 70px;
  text-align: center !important;
}
.rt-table-col-actions {
  width: 125px;
}
.rt-table-col-date {
  width: 100px;
}
.rt-table-col-number {
  text-align: center;
}

.rt-button-row {
  margin-bottom: 15px;
  text-align: right;
}
.rt-button-actions {
  padding: 0px;
}
.rt-button-actions li {
  padding: 10px 20px;
  cursor: pointer;
}
.rt-button-actions li:hover,
.rt-button-actions li:hover * {
  background-color: #1967be;
  color: white;
}
.rt-button-actions ul {
  margin: 0px;
  padding: 0px;
}
.rt-button-actions li form {
  margin: 0px;
}
.rt-button-actions li a {
  margin: 0px;
  padding: 0px;
}
.rt-button-actions li a:hover {
  background-color: inherit;
}

.rt-button-icon {
  cursor: pointer;
  color: #fc8505;
  font-size: 18px;
}

.rt-form form {
  margin-bottom: 20px;
}
.rt-form-label {
}
.rt-form-control {
  margin-top: 12px;
}

.rt-header-top-row {
  background-color: #fdf4ea;
  padding-top: 5px;
  padding-bottom: 5px;
}
.rt-header-support {
}
.rt-header-phone {
  --color: #a6001c !important;
  color: #1f60aa !important;
}
.rt-header-mail,
.rt-header-mail:hover {
  --color: #a6001c;
  color: #1f60aa;
}
.rt-header-user {
  text-align: right;
}
.rt-header-user a {
  color: #a6001c;
  text-decoration: underline;
}
.rt-header-user a:hover {
  text-decoration: none;
}

.rt-header-title-row {
  height: 135px;
  --background-color: #bc1531;
  --background-image: url("/Content/images/header.jpg");
  position: relative;
  background-color: #2a3296;
}
.rt-header-rostrud-logo {
  position: absolute;
  left: 60px;
  top: 10px;
  height: 80px;
}
.rt-header-rostrud-title {
  position: absolute;
  left: 40px;
  top: 95px;
  color: white;
  font-size: 11px;
}
.rt-header-system-title {
  position: absolute;
  left: 190px;
  top: 18px;
  color: white;
  font-size: 24px;
  line-height: 32px;
}

@media screen and (max-width: 980px) {
  .rt-header-system-title {
    font-size: 18px;
  }
  .rt-header-user {
    text-align: left;
  }
}

@media screen and (max-width: 700px) {
  .rt-header-system-title {
    font-size: 14px;
  }
}

@media screen and (max-width: 550px) {
  .rt-header-system-title {
    line-height: 26px;
  }
}

@media screen and (max-width: 480px) {
  .rt-header-system-title {
    font-size: 12px;
    line-height: 20px;
    top: 10px;
  }
}

.rt-nav-row {
  background-color: #fbaf5d;
  padding-top: 5px;
  padding-bottom: 5px;
}
.rt-nav-row .col {
  line-height: 30px;
}
a.rt-nav-level1,
.rt-nav-level1 {
  white-space: nowrap;
  color: black !important;
  cursor: pointer;
  font-weight: bold;
  margin-right: 15px;
}
a.rt-nav-level1:hover {
  color: black;
}
.rt-nav-level2 a:hover {
  background-color: #a6001c !important;
}

.rt-page-path-row {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.rt-page-path {
  text-align: left;
  line-height: 30px;
}
.rt-page-path a {
  --color: #a6001c;
  color: #1f60aa;
  text-decoration: none;
}
.rt-page-path a:hover {
  text-decoration: underline;
}

.rt-page-title-row,
.rt-form-title-row {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-bottom: 10px;
}
.rt-page-title,
.rt-form-title {
  margin: 0px;
}
.rt-page-title h1,
.rt-form-title h1 {
  margin: 0px;
  padding: 0px;
  color: black;
}
.rt-form-title .rt-form-control {
  margin-top: 0px;
}

.rt-footer-row {
  height: 110px;
  background-color: #404040;
  position: relative;
}
.rt-footer-logo {
  position: absolute;
  left: 60px;
  top: 15px;
  height: 80px;
}
.rt-footer-links {
  position: absolute;
  left: 190px;
  top: 25px;
}
.rt-footer-links a {
  color: white;
  margin-right: 20px;
  text-decoration: underline;
}
.rt-footer-copyright {
  position: absolute;
  left: 190px;
  top: 60px;
  color: #9d9d9d;
}
.rt-footer-copyright a {
  color: white;
  margin-right: 20px;
  text-decoration: none;
  font-weight: bold;
}
.rt-footer-copyright a:hover {
  text-decoration: underline;
}

.rt-course-tree-item {
  padding: 5px;
  padding-right: 10px;
  position: relative;
}
.rt-course-tree-item:hover {
  background-color: #eee;
}
.rt-course-tree-item:hover .rt-tree-button-right {
  display: inline;
}
.rt-course-tree-item a {
  color: #fc8505;
  text-decoration: underline;
}
.rt-course-tree-item a:hover {
  color: #fc8505;
  text-decoration: none;
}

.rt-course-tree-course {
}
.rt-course-tree-part {
  padding-left: 20px;
  margin-top: 5px;
}
.rt-course-tree-module {
  padding-left: 40px;
  margin-top: 5px;
}
.rt-tree-button-right {
  display: none;
  position: absolute;
  right: 10px;
  top: 6px;
}

.rt-forum-category {
  color: #9b2d30;
}
a.rt-forum-topic {
  color: #fc8505;
  text-decoration: underline;
}
a.rt-forum-topic:hover {
  color: #fc8505;
  text-decoration: none;
}

.rt-course-link {
  margin-top: 5px;
}

.rt-header-library {
  color: #a6001c;
  margin: 0px;
  padding: 0px;
  font-size: 26px;
}
.rt-header-annotation {
  font-size: 18px;
}
.rt-header-library {
  color: #a6001c;
  margin: 0px;
  padding: 0px;
}

.rt-head-fixed tr th {
}

.rt-tree-item_selected {
  background-color: #eee;
  display: inline;
}

input[type="text"] {
  font-size: 1.3em;
}

.loaderIndicatorBlock {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 800;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-color: #cccccc;
  display: none;
}

.authentTable .success {
  background-color: green;
  color: #fff;
}

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

.text-black {
  color: #333333 !important;
}

.text-white {
  color: #fff !important;
}

.middle {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

body.preloader-site {
  --overflow: hidden;
  z-index: 999999;
}

.preloader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999999;
  --background-color: #000;
  --opacity: 0.5;
  background-color: #7f7b7b;
  overflow: hidden;
}

.preloader-site .preloader-wrapper .preloader {
  display: flex;
  position: fixed;
  --top: 50%;
  --left: 50%;
  /*-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
  width: 80px;
}

.preloader-site .preloader-wrapper .preloader-custom,
.preloader-site .preloader-custom {
  display: flex;
  position: fixed;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 80px;
}

.preloading {
  width: 80px;
  height: 80px;
  --background-image: url(/Content/images/preload.gif);
  background-image: url(/Content/images/preloading_cyrcledots.gif);
  background-size: cover;
}

.wrapper1,
.wrapper2 {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}
.wrapper1 {
  height: 20px;
}
.wrapper2 {
}
.div1 {
  height: 20px;
}
.div2 {
  overflow: none;
}

.font-weight-bold {
  font-weight: bold;
}

.btn-normal,
a.btn-normal {
  background: #1f60aa;
  color: #ffffff;
  padding: 3px 11px;
  border-radius: 10px;
}
.btn-normal:hover {
  background: #2a327f;
}
.maincontainer {
  min-height: 90vh;
}

.site-footer {
  margin-top: 50px;
  padding-bottom: 10px;
  --font-family: Roboto-Medium, serif;
}
.footer-support-container {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
}
.site-footer,
.site-footer a {
  color: #4e5361;
}
.site-footer .support-container {
  text-align: left;
  color: #32384c;
  font-family: Roboto, sans-serif;
}
.site-footer .support-container .phone,
.site-footer .support-container .mail {
  margin-left: 25px;
}

.site-footer .copyright-container {
  text-align: right;
}

.site-footer .row {
  display: flex;
  flex: 1 0 100%;
  flex-wrap: wrap;
  margin-right: 0;
  margin-left: 0;
}

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

.site-footer .container {
  width: 90%;
}

.btn_main {
  width: 135px;
  height: 140px;
  margin-right: 45px;
}

.main-wrapper .main-wrapper-inner > .container {
  --width: 100%;
}

#side-menu .side-menu-container ul {
  padding-left: 0;
}

.navbar:before {
  content: none !important;
}

header .navbar .navbar-brand {
  padding: 0;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  color: #373e54;
  font-weight: normal;
  line-height: 1.364;
}

.btn-warning,
.btn-normal {
  background-color: #2780e3 !important;
  border-color: #2780e3 !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning,
.btn-normal:hover {
  background-color: #1967be !important;
  border-color: #1967be !important;
}

/*шкала*/
.proctoring-result.flex-parent {
  display: flex;
  --flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.proctoring-result .input-flex-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  --width: 80vw;
  width: 100%;
  height: 100px;
  max-width: 800px;
  position: relative;
  z-index: 0;
}

.input {
  width: 25px;
  height: 25px;
  --background-color: #2c3e50;
  position: relative;
  border-radius: 50%;
}
.input:hover {
  --cursor: pointer;
}
.proctoring-result .input::before,
.proctoring-result .input::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  background-color: #d1d1d1;
  width: 4vw;
  height: 5px;
  max-width: 50px;
}

.proctoring-result .input::before {
  left: -41px;
}

.proctoring-result .input::after {
  right: -41px;
}

.proctoring-result .input span {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
}
.proctoring-result .input span::before,
.proctoring-result .input span::after {
  visibility: visible;
  position: absolute;
  left: 50%;
}
.proctoring-result .input span::after {
  content: attr(data-time);
  top: 25px;
  transform: translateX(-50%);
  font-size: 14px;
  white-space: nowrap;
}
/*.proctoring-result .input span::before {
  content: attr(data-info);
  top: -65px;
  width: 70px;
  transform: translateX(-5px) rotateZ(-45deg);
  font-size: 12px;
  text-indent: -10px;
}*/

.proctoring-result .description-flex-container {
  width: 80vw;
  font-weight: 400;
  font-size: 22px;
  margin-top: 100px;
  max-width: 1000px;
}
.proctoring-result .description-flex-container p {
  margin-top: 0;
  display: none;
}
.proctoring-result .description-flex-container p.active {
  display: block;
}

.dropdown.open .dropdown-menu > li > a {
  padding-left: 0;
}

.offset-lg-8 {
  margin-left: 66.6666666667%;
}

/* new styles */
/* font Roboto */
@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-MediumItalic.woff2") format("woff2"),
    url("/Content/fonts/Roboto-MediumItalic.woff") format("woff"),
    url("/Content/fonts/Roboto-MediumItalic.ttf") format("truetype"),
    url("/Content/fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic")
      format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-Medium.woff2") format("woff2"),
    url("/Content/fonts/Roboto-Medium.woff") format("woff"),
    url("/Content/fonts/Roboto-Medium.ttf") format("truetype"),
    url("/Content/fonts/Roboto-Medium.svg#Roboto-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-Black.woff2") format("woff2"),
    url("/Content/fonts/Roboto-Black.woff") format("woff"),
    url("/Content/fonts/Roboto-Black.ttf") format("truetype"),
    url("/Content/fonts/Roboto-Black.svg#Roboto-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-Light.woff2") format("woff2"),
    url("/Content/fonts/Roboto-Light.woff") format("woff"),
    url("/Content/fonts/Roboto-Light.ttf") format("truetype"),
    url("/Content/fonts/Roboto-Light.svg#Roboto-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-Regular.woff2") format("woff2"),
    url("/Content/fonts/Roboto-Regular.woff") format("woff"),
    url("/Content/fonts/Roboto-Regular.ttf") format("truetype"),
    url("/Content/fonts/Roboto-Regular.svg#Roboto-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-BlackItalic.woff2") format("woff2"),
    url("/Content/fonts/Roboto-BlackItalic.woff") format("woff"),
    url("/Content/fonts/Roboto-BlackItalic.ttf") format("truetype"),
    url("/Content/fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic")
      format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-Italic.woff2") format("woff2"),
    url("/Content/fonts/Roboto-Italic.woff") format("woff"),
    url("/Content/fonts/Roboto-Italic.ttf") format("truetype"),
    url("/Content/fonts/Roboto-Italic.svg#Roboto-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-LightItalic.woff2") format("woff2"),
    url("/Content/fonts/Roboto-LightItalic.woff") format("woff"),
    url("/Content/fonts/Roboto-LightItalic.ttf") format("truetype"),
    url("/Content/fonts/Roboto-LightItalic.svg#Roboto-LightItalic")
      format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-Bold.woff2") format("woff2"),
    url("/Content/fonts/Roboto-Bold.woff") format("woff"),
    url("/Content/fonts/Roboto-Bold.ttf") format("truetype"),
    url("/Content/fonts/Roboto-Bold.svg#Roboto-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-Thin.woff2") format("woff2"),
    url("/Content/fonts/Roboto-Thin.woff") format("woff"),
    url("/Content/fonts/Roboto-Thin.ttf") format("truetype"),
    url("/Content/fonts/Roboto-Thin.svg#Roboto-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-BoldItalic.woff2") format("woff2"),
    url("/Content/fonts/Roboto-BoldItalic.woff") format("woff"),
    url("/Content/fonts/Roboto-BoldItalic.ttf") format("truetype"),
    url("/Content/fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  src: url("/Content/fonts/Roboto-ThinItalic.woff2") format("woff2"),
    url("/Content/fonts/Roboto-ThinItalic.woff") format("woff"),
    url("/Content/fonts/Roboto-ThinItalic.ttf") format("truetype"),
    url("/Content/fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

.page-title {
  font-family: Roboto;
  font-size: 24px;
  font-weight: bold;
  color: #484a51;
  margin-bottom: 40px;
}

.faq-category-list {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}

.faq-category-list-item {
  list-style: none;
  flex-basis: 33.333333%;
  margin-bottom: 30px;
}

.faq-category-list-item .inner {
  height: 190px;
  background-color: #222a8a;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 15px;
  position: relative;
  align-items: center;
}

.faq-category-list-item .inner:not(:nth-child(3n)) {
  margin-right: 30px;
}

.faq-category-list-item:hover .inner {
  background-color: #0d1ee2;
}

.faq-category-list-item .faq-category-icon {
  max-height: 70px;
  max-width: 100px;
}

.faq-category-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.faq-category-title {
  font-weight: 200;
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 1.25;
}

.page-subtitle {
  font-family: Roboto;
  font-size: 20px;
  font-weight: normal;
  color: #535468;
  margin-bottom: 30px;
}

.faq-question {
  padding-left: 0;
  margin-bottom: 30px;
}

.faq-question-item {
  list-style: none;
}

.faq-question-item-inner {
}

.faq-question-item-title {
  font-size: 16px;
  font-family: Roboto;
  font-weight: normal;
  cursor: pointer;
  display: flex;
  color: #fff;
  background-color: #0b147c;
  padding: 15px 10px;
  border-radius: 10px;
  position: relative;
  padding-right: 50px;
}

.faq-question-item-title::after {
  content: "";
  height: 100%;
  position: absolute;
  display: flex;
  width: 50px;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16.5px' height='21.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M1.741,0.910 L13.724,11.005 L1.741,20.090 '/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  bottom: 0;
}

.faq-question-item-title[aria-expanded="true"] {
  background-color: #0d1ee2;
}

.faq-question-item-title[aria-expanded="true"]::after {
  transform: rotate(90deg);
}

.faq-question-item-answer {
  background-color: #ededf2;
  padding: 20px;
  font-family: Roboto;
  font-size: 16px;
  line-height: 1.5;
}

.faq-question-item-answer ul {
  margin-bottom: 10px;
}

.lk-container {
  font-family: Roboto, sans-serif;
}

.user-info-container {
  font-family: Roboto, sans-serif;
  flex-grow: 1;
}

.user-info-container .user-info {
  width: 100%;
  font-size: 14px;
}

.user-info-container .user-info td {
  padding-bottom: 15px;
}

.user-info-container .user-info .user-info-param,
.user-info-container .user-info .user-info-value {
}

.user-info-container .user-info .user-info-value {
  font-weight: bold;
}

.user-info-container .user-info .user-info-param {
  width: 60%;
}

.user-rating-container {
  width: 300px;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.user-rating {
  width: 206px;
  height: 103px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  font-size: 30px;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-weight: bold;
}

.userpic-container {
  width: 236px;
}

.userpic-container .userpic {
  width: 210px;
  height: auto;
  padding-right: 15px;
}

.userpic-holder {
  width: 195px;
  height: 217px;
  color: #47496a;
  border: 1px solid #47496a;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  border-radius: 3px;
}

.user-rating-legend {
  margin-top: 15px;
  font-size: 11px;
  font-family: Roboto;
  padding: 2px 5px;
  line-height: 1;
}

.user-rating-legend div {
  width: 100%;
  padding: 3px;
}

.user-rating .user-rating-text {
  line-height: 1;
  letter-spacing: 0.2px;
  margin-left: 7px;
  display: inline-block;
  padding-bottom: 3px;
}

.user-rating.user-rating-middle-high {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='449.7px' height='216.1px' viewBox='0 0 449.7 216.1' style='enable-background:new 0 0 449.7 216.1;' xml:space='preserve' %3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bclip-path:url(%23SVGID_4_);%7D .st2%7Bopacity:0.5;clip-path:url(%23SVGID_6_);%7D .st3%7Bclip-path:url(%23SVGID_8_);%7D .st4%7Bclip-path:url(%23SVGID_12_);%7D .st5%7Bclip-path:url(%23SVGID_16_);%7D .st6%7Bclip-path:url(%23SVGID_20_);%7D .st7%7Bclip-path:url(%23SVGID_6_);fill:%23D3CFCF;%7D .st8%7Bclip-path:url(%23SVGID_6_);fill:%23D1AF1E;%7D .st9%7Bclip-path:url(%23SVGID_24_);fill:url(%23SVGID_25_);%7D .st10%7Bclip-path:url(%23SVGID_27_);fill:url(%23SVGID_28_);%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='449.7' height='216.1'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st0'%3E%3Cdefs%3E%3Crect id='SVGID_3_' x='-38.5' width='526.3' height='262.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st1'%3E%3Cdefs%3E%3Crect id='SVGID_5_' x='-38.5' width='526.3' height='262.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_6_'%3E%3Cuse xlink:href='%23SVGID_5_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_7_' x='190.2' y='178.8' width='297.6' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_8_'%3E%3Cuse xlink:href='%23SVGID_7_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st3'%3E%3Cdefs%3E%3Crect id='SVGID_9_' x='190.2' y='178.8' width='297.6' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_10_'%3E%3Cuse xlink:href='%23SVGID_9_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_10_);'%3E%3Cimage style='overflow:visible;' width='1240' height='349' xlink:href='3F826DED.png' transform='matrix(0.24 0 0 0.24 190.2417 178.812)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_11_' x='-38.5' y='178.8' width='301' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_12_'%3E%3Cuse xlink:href='%23SVGID_11_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st4'%3E%3Cdefs%3E%3Crect id='SVGID_13_' x='-38.5' y='178.8' width='301' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_14_'%3E%3Cuse xlink:href='%23SVGID_13_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_14_);'%3E%3Cimage style='overflow:visible;' width='1254' height='349' xlink:href='3F826DEF.png' transform='matrix(0.24 0 0 0.24 -38.4783 178.812)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_15_' x='190.2' y='178.8' width='297.6' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_16_'%3E%3Cuse xlink:href='%23SVGID_15_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st5'%3E%3Cdefs%3E%3Crect id='SVGID_17_' x='190.2' y='178.8' width='297.6' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_18_'%3E%3Cuse xlink:href='%23SVGID_17_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_18_);'%3E%3Cimage style='overflow:visible;' width='1240' height='349' xlink:href='3F826DEA.png' transform='matrix(0.24 0 0 0.24 190.2417 178.812)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_19_' x='-38.5' y='178.8' width='301' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_20_'%3E%3Cuse xlink:href='%23SVGID_19_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st6'%3E%3Cdefs%3E%3Crect id='SVGID_21_' x='-38.5' y='178.8' width='301' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_22_'%3E%3Cuse xlink:href='%23SVGID_21_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_22_);'%3E%3Cimage style='overflow:visible;' width='1254' height='349' xlink:href='3F826DEB.png' transform='matrix(0.24 0 0 0.24 -38.4783 178.812)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath class='st7' d='M171.7,180.3L61.4,70C24.9,108.4,1.8,159.6-0.3,216.3h157.1C158.1,202.7,163.5,190.3,171.7,180.3'/%3E%3Cpath class='st7' d='M218,155.4V0C161.1,1.6,109.6,24.4,70.8,60.7L181,170.9C191.3,162.4,204,156.8,218,155.4'/%3E%3Cpath class='st8' d='M266.4,169.4L376.8,59.1C338.2,23.7,287.3,1.6,231.2,0v155.4C244.4,156.7,256.5,161.7,266.4,169.4'/%3E%3Cpath class='st7' d='M292.5,216.3h157.1c-2.2-57.4-25.9-109.4-63.3-147.9L276,178.5C285,188.8,291,201.9,292.5,216.3'/%3E%3C/g%3E%3Cg class='st1'%3E%3Cdefs%3E%3Cpath id='SVGID_23_' d='M125.6,220.2h197.3c0-54.5-44.2-98.7-98.7-98.7C169.8,121.5,125.6,165.7,125.6,220.2'/%3E%3C/defs%3E%3CclipPath id='SVGID_24_'%3E%3Cuse xlink:href='%23SVGID_23_' style='overflow:visible;'/%3E%3C/clipPath%3E%3ClinearGradient id='SVGID_25_' gradientUnits='userSpaceOnUse' x1='-38.4783' y1='262.6964' x2='-37.4783' y2='262.6964' gradientTransform='matrix(104.189 -124.1676 -124.1676 -104.189 36786.5742 22840.7148)'%3E%3Cstop offset='0' style='stop-color:%23DFDFDF'/%3E%3Cstop offset='2.965963e-02' style='stop-color:%23E1E1E1'/%3E%3Cstop offset='0.3074' style='stop-color:%23F2F2F2'/%3E%3Cstop offset='0.6135' style='stop-color:%23FCFCFC'/%3E%3Cstop offset='1' style='stop-color:%23FFFFFF'/%3E%3C/linearGradient%3E%3Cpolygon class='st9' points='77,179.4 207.1,24.4 371.5,162.3 241.4,317.4 '/%3E%3C/g%3E%3Cg class='st1'%3E%3Cdefs%3E%3Crect id='SVGID_26_' x='-38.5' width='526.3' height='262.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_27_'%3E%3Cuse xlink:href='%23SVGID_26_' style='overflow:visible;'/%3E%3C/clipPath%3E%3ClinearGradient id='SVGID_28_' gradientUnits='userSpaceOnUse' x1='-38.4783' y1='262.572' x2='-37.4783' y2='262.572' gradientTransform='matrix(201.327 0 0 -201.327 7870.2964 53033.6953)'%3E%3Cstop offset='0' style='stop-color:%23FFFFFF'/%3E%3Cstop offset='0.3865' style='stop-color:%23FCFCFC'/%3E%3Cstop offset='0.6926' style='stop-color:%23F2F2F2'/%3E%3Cstop offset='0.9703' style='stop-color:%23E1E1E1'/%3E%3Cstop offset='1' style='stop-color:%23DFDFDF'/%3E%3C/linearGradient%3E%3Cpath class='st10' d='M224.2,121.5v1.5c-53.7,0.1-97.1,43.5-97.2,97.2h-1.5v-1.5h197.3v1.5h-1.5c-0.1-53.7-43.5-97.1-97.2-97.2 L224.2,121.5V120c55.3,0,100.2,44.8,100.2,100.2v1.5H124.1v-1.5c0-55.3,44.8-100.2,100.2-100.2L224.2,121.5z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.user-rating.user-rating-low {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='449.5px' height='216.3px' viewBox='0 0 449.5 216.3' style='enable-background:new 0 0 449.5 216.3;' xml:space='preserve' %3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bclip-path:url(%23SVGID_4_);%7D .st2%7Bopacity:0.5;clip-path:url(%23SVGID_6_);%7D .st3%7Bclip-path:url(%23SVGID_8_);%7D .st4%7Bclip-path:url(%23SVGID_12_);%7D .st5%7Bclip-path:url(%23SVGID_16_);%7D .st6%7Bclip-path:url(%23SVGID_20_);%7D .st7%7Bclip-path:url(%23SVGID_6_);fill:%237B7989;%7D .st8%7Bclip-path:url(%23SVGID_6_);fill:%23D3CFCF;%7D .st9%7Bclip-path:url(%23SVGID_24_);fill:url(%23SVGID_25_);%7D .st10%7Bclip-path:url(%23SVGID_27_);fill:url(%23SVGID_28_);%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='449.5' height='216.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st0'%3E%3Cdefs%3E%3Crect id='SVGID_3_' x='-38.2' width='526.3' height='262.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st1'%3E%3Cdefs%3E%3Crect id='SVGID_5_' x='-38.2' width='526.3' height='262.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_6_'%3E%3Cuse xlink:href='%23SVGID_5_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_7_' x='190.7' y='178.8' width='297.4' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_8_'%3E%3Cuse xlink:href='%23SVGID_7_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st3'%3E%3Cdefs%3E%3Crect id='SVGID_9_' x='190.7' y='178.8' width='297.4' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_10_'%3E%3Cuse xlink:href='%23SVGID_9_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_10_);'%3E%3Cimage style='overflow:visible;' width='1239' height='349' xlink:href='FFAC655.png' transform='matrix(0.24 0 0 0.24 190.7189 178.809)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_11_' x='-38.2' y='178.8' width='301.2' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_12_'%3E%3Cuse xlink:href='%23SVGID_11_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st4'%3E%3Cdefs%3E%3Crect id='SVGID_13_' x='-38.2' y='178.8' width='301.2' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_14_'%3E%3Cuse xlink:href='%23SVGID_13_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_14_);'%3E%3Cimage style='overflow:visible;' width='1255' height='349' xlink:href='FFAC657.png' transform='matrix(0.24 0 0 0.24 -38.2411 178.809)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_15_' x='190.7' y='178.8' width='297.4' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_16_'%3E%3Cuse xlink:href='%23SVGID_15_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st5'%3E%3Cdefs%3E%3Crect id='SVGID_17_' x='190.7' y='178.8' width='297.4' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_18_'%3E%3Cuse xlink:href='%23SVGID_17_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_18_);'%3E%3Cimage style='overflow:visible;' width='1239' height='349' xlink:href='FFAC652.png' transform='matrix(0.24 0 0 0.24 190.7189 178.809)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_19_' x='-38.2' y='178.8' width='301.2' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_20_'%3E%3Cuse xlink:href='%23SVGID_19_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st6'%3E%3Cdefs%3E%3Crect id='SVGID_21_' x='-38.2' y='178.8' width='301.2' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_22_'%3E%3Cuse xlink:href='%23SVGID_21_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_22_);'%3E%3Cimage style='overflow:visible;' width='1255' height='349' xlink:href='FFAC653.png' transform='matrix(0.24 0 0 0.24 -38.2411 178.809)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath class='st7' d='M172,180.3L61.7,70C25.2,108.4,2.2,159.6,0,216.3h157.1C158.5,202.7,163.9,190.3,172,180.3'/%3E%3Cpath class='st8' d='M218.3,155.4V0C161.5,1.6,109.9,24.4,71.1,60.7l110.2,110.2C191.6,162.4,204.3,156.8,218.3,155.4'/%3E%3Cpath class='st8' d='M266.8,169.4L377.1,59.1C338.5,23.7,287.6,1.6,231.6,0v155.4C244.7,156.7,256.8,161.7,266.8,169.4'/%3E%3Cpath class='st8' d='M292.8,216.3h157.1c-2.2-57.4-25.9-109.4-63.3-147.9L276.4,178.5C285.4,188.8,291.3,201.9,292.8,216.3'/%3E%3C/g%3E%3Cg class='st1'%3E%3Cdefs%3E%3Cpath id='SVGID_23_' d='M125.9,220.2h197.3c0-54.5-44.2-98.7-98.7-98.7C170.1,121.5,125.9,165.7,125.9,220.2'/%3E%3C/defs%3E%3CclipPath id='SVGID_24_'%3E%3Cuse xlink:href='%23SVGID_23_' style='overflow:visible;'/%3E%3C/clipPath%3E%3ClinearGradient id='SVGID_25_' gradientUnits='userSpaceOnUse' x1='-38.2411' y1='262.6934' x2='-37.2411' y2='262.6934' gradientTransform='matrix(104.189 -124.1676 -124.1676 -104.189 36761.8203 22869.8516)'%3E%3Cstop offset='0' style='stop-color:%23DFDFDF'/%3E%3Cstop offset='2.965963e-02' style='stop-color:%23E1E1E1'/%3E%3Cstop offset='0.3074' style='stop-color:%23F2F2F2'/%3E%3Cstop offset='0.6135' style='stop-color:%23FCFCFC'/%3E%3Cstop offset='1' style='stop-color:%23FFFFFF'/%3E%3C/linearGradient%3E%3Cpolygon class='st9' points='77.3,179.4 207.4,24.4 371.8,162.3 241.7,317.4 '/%3E%3C/g%3E%3Cg class='st1'%3E%3Cdefs%3E%3Crect id='SVGID_26_' x='-38.2' width='526.3' height='262.6'/%3E%3C/defs%3E%3CclipPath id='SVGID_27_'%3E%3Cuse xlink:href='%23SVGID_26_' style='overflow:visible;'/%3E%3C/clipPath%3E%3ClinearGradient id='SVGID_28_' gradientUnits='userSpaceOnUse' x1='-38.2411' y1='262.569' x2='-37.2411' y2='262.569' gradientTransform='matrix(201.327 0 0 -201.327 7822.8774 53033.0938)'%3E%3Cstop offset='0' style='stop-color:%23FFFFFF'/%3E%3Cstop offset='0.3865' style='stop-color:%23FCFCFC'/%3E%3Cstop offset='0.6926' style='stop-color:%23F2F2F2'/%3E%3Cstop offset='0.9703' style='stop-color:%23E1E1E1'/%3E%3Cstop offset='1' style='stop-color:%23DFDFDF'/%3E%3C/linearGradient%3E%3Cpath class='st10' d='M224.6,121.5v1.5c-53.7,0.1-97.1,43.5-97.2,97.2h-1.5v-1.5h197.3v1.5h-1.5c-0.1-53.7-43.5-97.1-97.2-97.2 L224.6,121.5V120c55.3,0,100.2,44.8,100.2,100.2v1.5H124.4v-1.5c0-55.3,44.8-100.2,100.2-100.2L224.6,121.5z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.user-rating.user-rating-middle-low {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='449.8px' height='216.3px' viewBox='0 0 449.8 216.3' style='enable-background:new 0 0 449.8 216.3;' xml:space='preserve' %3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bclip-path:url(%23SVGID_4_);%7D .st2%7Bopacity:0.5;clip-path:url(%23SVGID_6_);%7D .st3%7Bclip-path:url(%23SVGID_8_);%7D .st4%7Bclip-path:url(%23SVGID_12_);%7D .st5%7Bclip-path:url(%23SVGID_16_);%7D .st6%7Bclip-path:url(%23SVGID_20_);%7D .st7%7Bclip-path:url(%23SVGID_6_);fill:%23D3CFCF;%7D .st8%7Bclip-path:url(%23SVGID_6_);fill:%23A3180D;%7D .st9%7Bclip-path:url(%23SVGID_24_);fill:url(%23SVGID_25_);%7D .st10%7Bclip-path:url(%23SVGID_27_);fill:url(%23SVGID_28_);%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='449.8' height='216.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st0'%3E%3Cdefs%3E%3Crect id='SVGID_3_' x='-38.2' width='526.3' height='262.5'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st1'%3E%3Cdefs%3E%3Crect id='SVGID_5_' x='-38.2' width='526.3' height='262.5'/%3E%3C/defs%3E%3CclipPath id='SVGID_6_'%3E%3Cuse xlink:href='%23SVGID_5_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_7_' x='190.8' y='178.8' width='297.4' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_8_'%3E%3Cuse xlink:href='%23SVGID_7_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st3'%3E%3Cdefs%3E%3Crect id='SVGID_9_' x='190.8' y='178.8' width='297.4' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_10_'%3E%3Cuse xlink:href='%23SVGID_9_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_10_);'%3E%3Cimage style='overflow:visible;' width='1239' height='349' xlink:href='FBA83265.png' transform='matrix(0.24 0 0 0.24 190.7687 178.751)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_11_' x='-38.2' y='178.8' width='301.2' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_12_'%3E%3Cuse xlink:href='%23SVGID_11_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st4'%3E%3Cdefs%3E%3Crect id='SVGID_13_' x='-38.2' y='178.8' width='301.2' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_14_'%3E%3Cuse xlink:href='%23SVGID_13_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_14_);'%3E%3Cimage style='overflow:visible;' width='1255' height='349' xlink:href='FBA83267.png' transform='matrix(0.24 0 0 0.24 -38.1913 178.751)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_15_' x='190.8' y='178.8' width='297.4' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_16_'%3E%3Cuse xlink:href='%23SVGID_15_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st5'%3E%3Cdefs%3E%3Crect id='SVGID_17_' x='190.8' y='178.8' width='297.4' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_18_'%3E%3Cuse xlink:href='%23SVGID_17_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_18_);'%3E%3Cimage style='overflow:visible;' width='1239' height='349' xlink:href='FBA83262.png' transform='matrix(0.24 0 0 0.24 190.7687 178.751)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_19_' x='-38.2' y='178.8' width='301.2' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_20_'%3E%3Cuse xlink:href='%23SVGID_19_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st6'%3E%3Cdefs%3E%3Crect id='SVGID_21_' x='-38.2' y='178.8' width='301.2' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_22_'%3E%3Cuse xlink:href='%23SVGID_21_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_22_);'%3E%3Cimage style='overflow:visible;' width='1255' height='349' xlink:href='FBA83263.png' transform='matrix(0.24 0 0 0.24 -38.1913 178.751)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath class='st7' d='M172,180.3L61.7,70C25.2,108.4,2.2,159.6,0,216.3h157.1C158.5,202.7,163.9,190.3,172,180.3'/%3E%3Cpath class='st8' d='M218.3,155.4V0C161.5,1.6,109.9,24.4,71.1,60.7l110.2,110.2C191.6,162.4,204.3,156.8,218.3,155.4'/%3E%3Cpath class='st7' d='M266.8,169.4L377.1,59.1C338.5,23.7,287.6,1.6,231.6,0v155.4C244.7,156.7,256.8,161.7,266.8,169.4'/%3E%3Cpath class='st7' d='M292.8,216.3h157.1c-2.2-57.4-25.9-109.4-63.3-147.9L276.4,178.5C285.4,188.8,291.3,201.9,292.8,216.3'/%3E%3C/g%3E%3Cg class='st1'%3E%3Cdefs%3E%3Cpath id='SVGID_23_' d='M125.9,220.2h197.3c0-54.5-44.2-98.7-98.7-98.7C170.1,121.5,125.9,165.7,125.9,220.2'/%3E%3C/defs%3E%3CclipPath id='SVGID_24_'%3E%3Cuse xlink:href='%23SVGID_23_' style='overflow:visible;'/%3E%3C/clipPath%3E%3ClinearGradient id='SVGID_25_' gradientUnits='userSpaceOnUse' x1='-38.1913' y1='262.6354' x2='-37.1913' y2='262.6354' gradientTransform='matrix(104.189 -124.1676 -124.1676 -104.189 36749.4297 22869.9902)'%3E%3Cstop offset='0' style='stop-color:%23DFDFDF'/%3E%3Cstop offset='2.965963e-02' style='stop-color:%23E1E1E1'/%3E%3Cstop offset='0.3074' style='stop-color:%23F2F2F2'/%3E%3Cstop offset='0.6135' style='stop-color:%23FCFCFC'/%3E%3Cstop offset='1' style='stop-color:%23FFFFFF'/%3E%3C/linearGradient%3E%3Cpolygon class='st9' points='77.3,179.4 207.4,24.4 371.8,162.3 241.7,317.4 '/%3E%3C/g%3E%3Cg class='st1'%3E%3Cdefs%3E%3Crect id='SVGID_26_' x='-38.2' width='526.3' height='262.5'/%3E%3C/defs%3E%3CclipPath id='SVGID_27_'%3E%3Cuse xlink:href='%23SVGID_26_' style='overflow:visible;'/%3E%3C/clipPath%3E%3ClinearGradient id='SVGID_28_' gradientUnits='userSpaceOnUse' x1='-38.1913' y1='262.511' x2='-37.1913' y2='262.511' gradientTransform='matrix(201.327 0 0 -201.327 7812.8511 53021.4141)'%3E%3Cstop offset='0' style='stop-color:%23FFFFFF'/%3E%3Cstop offset='0.3865' style='stop-color:%23FCFCFC'/%3E%3Cstop offset='0.6926' style='stop-color:%23F2F2F2'/%3E%3Cstop offset='0.9703' style='stop-color:%23E1E1E1'/%3E%3Cstop offset='1' style='stop-color:%23DFDFDF'/%3E%3C/linearGradient%3E%3Cpath class='st10' d='M224.6,121.5v1.5c-53.7,0.1-97.1,43.5-97.2,97.2h-1.5v-1.5h197.3v1.5h-1.5c-0.1-53.7-43.5-97.1-97.2-97.2 L224.6,121.5V120c55.3,0,100.2,44.8,100.2,100.2v1.5H124.4v-1.5c0-55.3,44.8-100.2,100.2-100.2L224.6,121.5z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.user-rating.user-rating-high {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='448.9px' height='216.3px' viewBox='0 0 448.9 216.3' style='enable-background:new 0 0 448.9 216.3;' xml:space='preserve' %3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);%7D .st1%7Bclip-path:url(%23SVGID_4_);%7D .st2%7Bopacity:0.5;clip-path:url(%23SVGID_6_);%7D .st3%7Bclip-path:url(%23SVGID_8_);%7D .st4%7Bclip-path:url(%23SVGID_12_);%7D .st5%7Bclip-path:url(%23SVGID_16_);%7D .st6%7Bclip-path:url(%23SVGID_20_);%7D .st7%7Bclip-path:url(%23SVGID_6_);fill:%23D3CFCF;%7D .st8%7Bclip-path:url(%23SVGID_6_);fill:%231C8C29;%7D .st9%7Bclip-path:url(%23SVGID_24_);fill:url(%23SVGID_25_);%7D .st10%7Bclip-path:url(%23SVGID_27_);fill:url(%23SVGID_28_);%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='448.9' height='216.3'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st0'%3E%3Cdefs%3E%3Crect id='SVGID_3_' x='-38.3' width='526.3' height='262.5'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st1'%3E%3Cdefs%3E%3Crect id='SVGID_5_' x='-38.3' width='526.3' height='262.5'/%3E%3C/defs%3E%3CclipPath id='SVGID_6_'%3E%3Cuse xlink:href='%23SVGID_5_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_7_' x='190.7' y='178.8' width='297.4' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_8_'%3E%3Cuse xlink:href='%23SVGID_7_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st3'%3E%3Cdefs%3E%3Crect id='SVGID_9_' x='190.7' y='178.8' width='297.4' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_10_'%3E%3Cuse xlink:href='%23SVGID_9_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_10_);'%3E%3Cimage style='overflow:visible;' width='1239' height='349' xlink:href='2E3CB453.png' transform='matrix(0.24 0 0 0.24 190.6606 178.751)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_11_' x='-38.3' y='178.8' width='301.2' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_12_'%3E%3Cuse xlink:href='%23SVGID_11_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st4'%3E%3Cdefs%3E%3Crect id='SVGID_13_' x='-38.3' y='178.8' width='301.2' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_14_'%3E%3Cuse xlink:href='%23SVGID_13_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_14_);'%3E%3Cimage style='overflow:visible;' width='1255' height='349' xlink:href='2E3CB451.png' transform='matrix(0.24 0 0 0.24 -38.2994 178.751)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_15_' x='190.7' y='178.8' width='297.4' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_16_'%3E%3Cuse xlink:href='%23SVGID_15_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st5'%3E%3Cdefs%3E%3Crect id='SVGID_17_' x='190.7' y='178.8' width='297.4' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_18_'%3E%3Cuse xlink:href='%23SVGID_17_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_18_);'%3E%3Cimage style='overflow:visible;' width='1239' height='349' xlink:href='2E3CB457.png' transform='matrix(0.24 0 0 0.24 190.6606 178.751)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg class='st2'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_19_' x='-38.3' y='178.8' width='301.2' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_20_'%3E%3Cuse xlink:href='%23SVGID_19_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg class='st6'%3E%3Cdefs%3E%3Crect id='SVGID_21_' x='-38.3' y='178.8' width='301.2' height='83.8'/%3E%3C/defs%3E%3CclipPath id='SVGID_22_'%3E%3Cuse xlink:href='%23SVGID_21_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cg style='clip-path:url(%23SVGID_22_);'%3E%3Cimage style='overflow:visible;' width='1255' height='349' xlink:href='2E3CB450.png' transform='matrix(0.24 0 0 0.24 -38.2994 178.751)'%3E%3C/image%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cpath class='st7' d='M172,180.3L61.7,70C25.2,108.4,2.2,159.6,0,216.3h157.1C158.5,202.7,163.9,190.3,172,180.3'/%3E%3Cpath class='st7' d='M218.3,155.4V0C161.5,1.6,109.9,24.4,71.1,60.7l110.2,110.2C191.6,162.4,204.3,156.8,218.3,155.4'/%3E%3Cpath class='st7' d='M266.8,169.4L377.1,59.1C338.5,23.7,287.6,1.6,231.6,0v155.4C244.7,156.7,256.8,161.7,266.8,169.4'/%3E%3Cpath class='st8' d='M292.8,216.3h157.1c-2.2-57.4-25.9-109.4-63.3-147.9L276.4,178.5C285.4,188.8,291.3,201.9,292.8,216.3'/%3E%3C/g%3E%3Cg class='st1'%3E%3Cdefs%3E%3Cpath id='SVGID_23_' d='M125.9,220.2h197.3c0-54.5-44.2-98.7-98.7-98.7C170.1,121.5,125.9,165.7,125.9,220.2'/%3E%3C/defs%3E%3CclipPath id='SVGID_24_'%3E%3Cuse xlink:href='%23SVGID_23_' style='overflow:visible;'/%3E%3C/clipPath%3E%3ClinearGradient id='SVGID_25_' gradientUnits='userSpaceOnUse' x1='-38.2994' y1='262.6354' x2='-37.2994' y2='262.6354' gradientTransform='matrix(104.189 -124.1676 -124.1676 -104.189 36760.6914 22856.5664)'%3E%3Cstop offset='0' style='stop-color:%23DFDFDF'/%3E%3Cstop offset='2.965963e-02' style='stop-color:%23E1E1E1'/%3E%3Cstop offset='0.3074' style='stop-color:%23F2F2F2'/%3E%3Cstop offset='0.6135' style='stop-color:%23FCFCFC'/%3E%3Cstop offset='1' style='stop-color:%23FFFFFF'/%3E%3C/linearGradient%3E%3Cpolygon class='st9' points='77.3,179.4 207.4,24.4 371.8,162.3 241.7,317.4 '/%3E%3C/g%3E%3Cg class='st1'%3E%3Cdefs%3E%3Crect id='SVGID_26_' x='-38.3' width='526.3' height='262.5'/%3E%3C/defs%3E%3CclipPath id='SVGID_27_'%3E%3Cuse xlink:href='%23SVGID_26_' style='overflow:visible;'/%3E%3C/clipPath%3E%3ClinearGradient id='SVGID_28_' gradientUnits='userSpaceOnUse' x1='-38.2994' y1='262.511' x2='-37.2994' y2='262.511' gradientTransform='matrix(201.327 0 0 -201.327 7834.6162 53021.4141)'%3E%3Cstop offset='0' style='stop-color:%23FFFFFF'/%3E%3Cstop offset='0.3865' style='stop-color:%23FCFCFC'/%3E%3Cstop offset='0.6926' style='stop-color:%23F2F2F2'/%3E%3Cstop offset='0.9703' style='stop-color:%23E1E1E1'/%3E%3Cstop offset='1' style='stop-color:%23DFDFDF'/%3E%3C/linearGradient%3E%3Cpath class='st10' d='M224.6,121.5v1.5c-53.7,0.1-97.1,43.5-97.2,97.2h-1.5v-1.5h197.3v1.5h-1.5c-0.1-53.7-43.5-97.1-97.2-97.2 L224.6,121.5V120c55.3,0,100.2,44.8,100.2,100.2v1.5H124.4v-1.5c0-55.3,44.8-100.2,100.2-100.2L224.6,121.5z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.user-rating-title {
  text-align: center;
  padding-top: 20px;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 900;
  color: #535468;
  margin-bottom: 23px;
}

.lk-container-top {
  display: flex;
  margin-bottom: 80px;
}

.nav-tabs {
  display: flex;
  padding-left: 0;
  list-style: none;
  font-family: Roboto;
  font-size: 16px;
  font-weight: normal;
  color: #2f304c;
  float: left;
  margin-bottom: 50px;
}

.nav-tabs .nav-item-tab {
  outline: none;
  border: none;
}

.nav-tabs .nav-item-tab .nav-link {
  color: inherit;
  outline: none;
  padding-bottom: 10px;
  border: none;
  border-bottom: 2px solid #d0d1dd;
  width: 100%;
  display: flex;
  padding-right: 30px;
}

.nav-tabs .nav-item-tab.active .nav-link {
  border: none;
  border-bottom: 2px solid #0b147c;
  background: inherit;
  text-decoration: none;
}

.nav-tabs .nav-item-tab .nav-link:hover {
  text-decoration: none;
  background: inherit;
}

.buttons-container {
  display: flex;
}

.justify-end {
  justify-content: flex-end;
}

.file-upload,
.btn-cancel {
  cursor: pointer;
  display: inline-block;
  justify-content: center;
  align-items: center;
  font-family: Roboto;
  font-size: 14px !important;
  padding: 9px 45px !important;
  border-radius: 5px !important;
  border: 1px solid #040b5b;
  color: #535468;
  line-height: 1.42857143;
  margin-bottom: 0;
}
.btn-cancel:hover {
  background-color: #2780e3;
  color: #fff;
}

.file-upload:hover {
  background-color: #535468;
  color: #fff;
}

.file-upload input[type="file"] {
  display: none;
}

.media-gallery-sub {
  border: 1px solid #9b9db7;
  padding: 50px 25px;
}

.btn-type-2 {
  font-family: Roboto;
  font-size: 14px !important;
  color: #fff !important;
  padding: 9px 45px !important;
  border-radius: 5px !important;
}

.btn-type-2.btn-primary {
  color: #0b147c;
  background-color: #0b147c !important;
}

.btn-type-2.btn-primary:hover {
  background-color: #2780e3 !important;
}

.folder-list {
  font-family: Roboto;
  display: flex;
  flex-wrap: wrap;
  /*padding-right: 100px;*/
  padding-left: 0;
  list-style: none;
}

.folder-list .folder-list-item {
  width: 293px;
  min-height: 243px;
  border: 1px solid #9b9db7;
  padding: 20px 25px;
  position: relative;
  margin-bottom: 40px;
  background-color: #f2f7fc;
}

.folder-list .folder-list-item .list-item-actions {
  top: -5px;
  right: -15px;
  position: absolute;
  font-size: 25px;
  color: #47496a;
  cursor: pointer;
}

.folder-list .folder-list-item-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

.folder-list-item-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.folder-list .folder-list-item .folder-img-container {
  width: 100%;
  height: 150px;
  margin-bottom: 15px;
  background-color: #9b9db7;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.folder-list .folder-list-item:not(:nth-child(3n)) {
  margin-right: 80px;
}

.folder-list .folder-list-item-title {
  font-size: 16px;
  font-weight: 400;
  color: #47496a;
  line-height: 1.25;
  text-align: center;
}

.action-links {
  padding-left: 0;
  list-style: none;
  padding: 10px 20px;
}

.action-links li {
  margin-bottom: 10px;
}

.action-links .action-link {
  font-size: 14px;
  color: #47496a;
}

.dropdown-menu-actions {
  top: 10px;
  left: 25px;
  box-shadow: 2.516px 1.634px 6px 0px rgba(0, 0, 0, 0.23);
  border: none !important;
}

.file-list {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.file-list .file-list-item {
  width: auto;
  padding-right: 35px;
  margin-bottom: 30px;
}

.file-list .file-list-item:nth-child(6n) {
  padding-right: 15px;
}

.file-list .file-list-item .file-list-item-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

.file-list .file-list-item:hover .file-list-item-inner .file-remove,
.file-list .file-list-item:hover .file-list-item-inner .file-download {
  opacity: 1;
}

.file-list .file-list-item .file-list-item-inner .file-remove,
.file-list .file-list-item .file-list-item-inner .file-download {
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: -15px;
  background-repeat: no-repeat;
  background-size: 11px;
  width: 11px;
  height: 11px;
  display: block;
  opacity: 0;
}

.file-list .file-list-item .file-list-item-inner .file-remove {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='5.7px' height='5.7px' viewBox='0 0 5.7 5.7' style='enable-background:new 0 0 5.7 5.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bclip-path:url(%23SVGID_2_);fill:%23726E6E;%7D%0A%3C/style%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' y='0' width='5.7' height='5.7'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' style='overflow:visible;'/%3E%3C/clipPath%3E%3Cpath class='st0' d='M0.3,5.7c-0.1,0-0.1,0-0.2-0.1C0,5.5,0,5.3,0.1,5.2l5.1-5.1C5.3,0,5.5,0,5.6,0.1c0.1,0.1,0.1,0.3,0,0.4 L0.5,5.6C0.4,5.6,0.4,5.7,0.3,5.7'/%3E%3Cpath class='st0' d='M5.4,5.7c-0.1,0-0.1,0-0.2-0.1L0.1,0.5C0,0.4,0,0.2,0.1,0.1C0.2,0,0.4,0,0.5,0.1l5.1,5.1 c0.1,0.1,0.1,0.3,0,0.4C5.5,5.6,5.5,5.7,5.4,5.7'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.file-list .file-list-item .file-list-item-inner .file-download {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 471.2 471.2' style='enable-background:new 0 0 471.2 471.2;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M457.7,230.15c-7.5,0-13.5,6-13.5,13.5v122.8c0,33.4-27.2,60.5-60.5,60.5H87.5c-33.4,0-60.5-27.2-60.5-60.5v-124.8 c0-7.5-6-13.5-13.5-13.5s-13.5,6-13.5,13.5v124.8c0,48.3,39.3,87.5,87.5,87.5h296.2c48.3,0,87.5-39.3,87.5-87.5v-122.8 C471.2,236.25,465.2,230.15,457.7,230.15z'/%3E%3Cpath d='M226.1,346.75c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4l85.8-85.8c5.3-5.3,5.3-13.8,0-19.1c-5.3-5.3-13.8-5.3-19.1,0l-62.7,62.8 V30.75c0-7.5-6-13.5-13.5-13.5s-13.5,6-13.5,13.5v273.9l-62.8-62.8c-5.3-5.3-13.8-5.3-19.1,0c-5.3,5.3-5.3,13.8,0,19.1 L226.1,346.75z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
}
.file-list .file-list-item .file-title {
  font-size: 14px;
  font-family: Roboto;
  color: #47496a;
  font-weight: 400;
  margin: 0;
  overflow: hidden;
  height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.file-list .file-list-item .file-img-container {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: auto;
  height: 150px;
  max-height: 300px;
  justify-content: center;
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #9b9db7;
}
.file-list .file-list-item .file-img-container {
  width: auto;
  height: 150px;
}

.file-list .file-list-item .file-img-container img,
.file-list .file-list-item .file-img-container video {
  width: 100%;
  height: auto;
  max-height: 100%;
}
.img-container {
  position: relative;
  max-width: 100%;
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}

.img-container .file-download.big {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1000;
}
.img-container:hover .file-download.big {
  display: block;
}

.file-download.big {
  background-color: #fff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 471.2 471.2' style='enable-background:new 0 0 471.2 471.2;' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M457.7,230.15c-7.5,0-13.5,6-13.5,13.5v122.8c0,33.4-27.2,60.5-60.5,60.5H87.5c-33.4,0-60.5-27.2-60.5-60.5v-124.8 c0-7.5-6-13.5-13.5-13.5s-13.5,6-13.5,13.5v124.8c0,48.3,39.3,87.5,87.5,87.5h296.2c48.3,0,87.5-39.3,87.5-87.5v-122.8 C471.2,236.25,465.2,230.15,457.7,230.15z'/%3E%3Cpath d='M226.1,346.75c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4l85.8-85.8c5.3-5.3,5.3-13.8,0-19.1c-5.3-5.3-13.8-5.3-19.1,0l-62.7,62.8 V30.75c0-7.5-6-13.5-13.5-13.5s-13.5,6-13.5,13.5v273.9l-62.8-62.8c-5.3-5.3-13.8-5.3-19.1,0c-5.3,5.3-5.3,13.8,0,19.1 L226.1,346.75z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 14px;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 8px 8px 12px -8px rgba(0, 0, 0, 0.64);
}
.media-subtitle {
  font-size: 24px;
  font-family: Roboto;
  font-weight: 400;
  color: #47496a;
  margin-top: 0;
  margin-bottom: 25px;
}

.folder-description {
  font-size: 24px;
  font-family: Roboto;
  font-weight: 400;
  color: #47496a;
  font-size: 16px;
  margin-bottom: 45px;
  line-height: 1.25;
}

.create-folder-form-container {
  padding-top: 10px;
  padding-right: 300px;
}

.form-group-2 {
  width: 100%;
  display: flex;
  margin-bottom: 30px;
  color: #47496a;
  font-family: Roboto;
}

.form-group-2 .label-2 {
  width: 165px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding-right: 10px;
  word-break: break-word;
  font-weight: normal;
  font-weight: 400;
  font-size: 14px;
}

.wider-label .form-group-2 .label-2 {
  width: 260px;
}

.form-group-2 .input-control-container {
  flex-grow: 1;
}

.form-group-2 .input-control {
  width: 100%;
  border: 1px solid #47496a;
  border-radius: 5px;
  background-color: transparent;
  line-height: 1;
}

.form-group-2 .input-control,
.form-group-2 .input-control-textarea {
  font-size: 14px;
  padding: 10px 15px;
  font-weight: 500;
}

.form-group-2 .input-control-textarea {
  height: 80px;
}

.checkbox-control {
  display: flex;
}

.checkbox-control .switch-label {
  width: 45px;
  height: 24px;
  border-radius: 12px;
  background-color: #47496a;
  position: relative;
  cursor: pointer;
}

.checkbox-control input:checked + input + .switch-label,
.checkbox-control input:checked + .switch-label {
  background-color: #0d1ee2;
}

.checkbox-control .switch-label,
.checkbox-control input:checked + .switch-label:before,
.checkbox-control input:checked + input + .switch-label:before {
  transform: translateX(18px);
}

.checkbox-control .switch-label:before {
  transition: 0.2s transform ease-in-out;
  content: "";
  position: absolute;
  width: 21px;
  height: 21px;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  top: calc(50% - 10.5px);
  left: 3px;
}

.checkbox-control input {
  display: none;
}

.label-file-upload {
  margin-left: auto;
  margin-bottom: 0;
  cursor: pointer;
  background-color: #47496a;
  display: flex;
  width: 113px;
  height: 22px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  justify-content: center;
  align-items: center;
}

.input-control-file {
  display: flex;
  align-items: center;
}

.label-file-upload input[type="file"] {
  display: none;
}

.LockOff {
  display: none;
  visibility: hidden;
}

.LockOn {
  display: block;
  visibility: visible;
  position: absolute;
  z-index: 900;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 3000px;
  background-color: #ccc;
  text-align: center;
  filter: alpha(opacity=75);
  opacity: 0.5;
}

.LockOnContent {
  display: block;
  visibility: visible;
  z-index: 999;
  background-color: white;
  text-align: center;
  height: 100px;
  width: 300px;
  position: absolute;
  border: 1px solid black;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); /* Yep! */
  width: 300px;
  height: 80px;
}

.test-container {
  display: flex;
  width: 100%;
}

.test-container .test-main-part {
  width: 945px;
  padding-right: 60px;
}

.col {
  flex-grow: 1;
  flex-shrink: 0;
}

.exam-question-title {
  color: #535468;
  font-size: 18px;
  font-family: Roboto;
  margin-bottom: 30px;
  margin-top: 0;
  font-weight: bold;
  line-height: 1.333;
}

.countdown-container-container {
  display: flex;
  justify-content: center;
}

.countdown-container {
  padding: 5px 15px;
  min-width: 105px;
  height: 49px;
  background-color: #d7dde2;
  color: #5e6785;
  border: 5px solid #cdd1db;
  border-radius: 10px;
  font-size: 27px;
  font-weight: bold;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

.question-nav-container {
}

.question-nav {
  display: flex;
  padding-left: 0;
  list-style: none;
  flex-wrap: wrap;
  margin-right: 5px;
}

.question-nav-item {
  display: flex;
  flex: 1 0 20%;
  margin-bottom: 5px;
}

.question-nav-item-link {
  color: inherit;
  width: 34px;
  height: 34px;
  background-color: #f2f9fe;
  border: 1px solid #636693;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #535468;
}

.question-nav-item.active .question-nav-item-link,
.question-nav-item-link:hover {
  color: #fff;
  background-color: #0d1ee2;
}

.test-video-container {
  border: 1px solid #535468;
  background-color: #b7b7c3;
  width: 195px;
  height: 148px;
  position: relative;
  overflow-y: auto;
}

.video-and-proctoring-container {
  display: flex;
  margin-bottom: 35px;
}

.proctoring-messages-container,
.test-video-container {
  flex-shrink: 0;
}

.proctoring-messages-container {
  padding: 12px 10px;
  line-height: 1.1;
  background-color: #e2e2e8;
  width: 195px;
  height: 148px;
  margin-left: 15px;
  overflow-y: auto;
}

.test-video-container video {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.proctoring-error-title {
  color: #535468;
  font-weight: bold;
  font-size: 14px;
  margin-top: 0;
}

.proctoring-messages-container p {
  font-size: 12px !important;
  margin-bottom: 5px;
}

.proctoring-messages-container .error-time {
  color: #f81d1d;
  display: inline-block;
  margin-right: 10px;
}

.custom-checkbox {
  font-family: Roboto;
  display: flex;
  align-items: center;
}

.custom-checkbox label {
  cursor: pointer;
  font-size: 12px;
  color: #3e405a;
  display: flex;
  align-items: center;
}

.custom-checkbox label:before {
  content: "";
  display: flex;
  width: 27px;
  height: 27px;
  flex-shrink: 0;
  border: 1px solid #707288;
  margin-right: 13px;
}

.custom-checkbox input {
  display: none;
}

.custom-checkbox input:checked + input + label,
.custom-checkbox input:checked + label:before {
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16.5px' height='15.5px'%3E%3Cpath fill-rule='evenodd' stroke='rgb(226, 13, 60)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M1.500,9.500 L4.500,13.500 L14.500,1.500 '/%3E%3C/svg%3E");
}

.question-nav-item-passed .question-nav-item-link {
  color: #fff;
  background-color: #0b147c;
}

.question-nav-item-marked .question-nav-item-link {
  position: relative;
}

.question-nav-item-marked .question-nav-item-link:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 13px;
  height: 10px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='13px' height='10px'%3E%3Cpath fill-rule='evenodd' fill='rgb(248, 29, 29)' d='M0.000,-0.000 L13.000,-0.000 L13.000,10.000 L0.000,-0.000 Z'/%3E%3C/svg%3E");
}

.btn-blue {
  border: solid 1px #2780e3;
  color: #2780e3;
}

.btn-blue a:hover {
  color: #2780e3;
}

/*для модальных окон*/
.swal2-modal {
  font-size: 15px !important;
  padding: 10px !important;
}

.swal2-title {
  padding: 0px;
}

.swal2-modal .form-group {
  display: flex;
  align-items: flex-end;
}
.swal2-modal .form-group .form-label {
  font-size: 14px;
  color: #3e405a;
  display: block;
  width: 100%;
  text-align: left;
}

.swal2-modal .form-group .input-control {
  font-size: 16px;
  min-height: 41px;
  border-radius: 5px;
  border: 1px solid #5e6672;
  width: 100%;
  margin-top: 8px;
  background-color: transparent;
  padding: 0 15px;
  font-family: inherit;
}

.swal2-modal .btn {
  --display: inline-flex !important;
  margin: auto;
}

.swal2-modal .swal2-actions {
  margin: inherit !important;
}

.btn:focus {
  outline: none !important;
}

.collapse.in {
  visibility: visible !important;
}