@charset "UTF-8";
@font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?81t57j"); src: url("fonts/icomoon.eot?81t57j#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?81t57j") format("truetype"), url("fonts/icomoon.woff?81t57j") format("woff"), url("fonts/icomoon.svg?81t57j#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: inherit; display: inline-block; vertical-align: top; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-join-community:before { content: "\e9b2"; }

.icon-programs:before { content: "\e9b3"; }

.icon-seeker:before { content: "\e9b4"; }

.icon-skills:before { content: "\e9b5"; }

.icon-staff:before { content: "\e9b6"; }

.icon-accept-user:before { content: "\e95f"; }

.icon-active:before { content: "\e9ac"; }

.icon-activity:before { content: "\e983"; }

.icon-assignment:before { content: "\e953"; }

.icon-add-user:before { content: "\e937"; }

.icon-analytics:before { content: "\e908"; }

.icon-analytics-2:before { content: "\e955"; }

.icon-analytics-3:before { content: "\e975"; }

.icon-answer:before { content: "\e923"; }

.icon-assessment:before { content: "\e90f"; }

.icon-asset:before { content: "\e93c"; }

.icon-arrow-left:before { content: "\e941"; }

.icon-arrow-right:before { content: "\e942"; }

.icon-arrow-up:before { content: "\e943"; }

.icon-arrow-down:before { content: "\e944"; }

.icon-arrow-back:before { content: "\e965"; }

.icon-arrow-forward:before { content: "\e966"; }

.icon-attention:before { content: "\e93b"; }

.icon-award:before { content: "\e9a2"; }

.icon-awards:before { content: "\e979"; color: inherit; }
.icon-awards:after { content: "\e97d"; margin-left: -1em; color: white; }

.icon-badge:before { content: "\e931"; }

.icon-career-advice:before, .icon-coaching:before { content: "\e984"; }

.icon-book-2:before { content: "\e97e"; }

.icon-bookmark:before { content: "\e95e"; }

.icon-bow:before { content: "\e98a"; }

.icon-breadcrumbs:before { content: "\e93d"; }

.icon-bug:before { content: "\e99c"; }

.icon-bulb:before { content: "\e993"; }

.icon-calendar:before { content: "\e92b"; }

.icon-calendar-2:before { content: "\e92e"; }

.icon-change:before { content: "\e96c"; }

.icon-changes:before { content: "\e94d"; }

.icon-chat:before { content: "\e99b"; }

.icon-check:before { content: "\e916"; }

.icon-check-list:before { content: "\e995"; padding-right: 5px; font-size: 14px; }

.icon-close:before { content: "\e946"; }

.icon-cloud:before { content: "\e90c"; }

.icon-cloud-2:before { content: "\e93e"; }

.icon-code:before { content: "\e952"; }

.icon-comments:before { content: "\e92d"; }

.icon-organization:before { content: "\e964"; }

.icon-organization-2:before { content: "\e93a"; }

.icon-company:before { content: "\e918"; }

.icon-competency:before { content: "\e97c"; }

.icon-competency-2:before { content: "\e9a5"; }

.icon-cover-letter:before { content: "\e926"; }

.icon-dots:before { content: "\e9a8"; }

.icon-download:before { content: "\e968"; }

.icon-drive:before { content: "\e901"; }

.icon-evidence:before { content: "\e980"; }

.icon-external:before { content: "\e95d"; }

.icon-facebook:before { content: "\e99f"; }

.icon-file:before { content: "\e93f"; }

.icon-filter:before { content: "\e949"; }

.icon-folder:before { content: "\e934"; }

.icon-folder-2:before { content: "\e960"; }

.icon-folder-3:before { content: "\e96e"; }

.icon-followers:before { content: "\e936"; }

.icon-forbidden:before { content: "\e98e"; }

.icon-gallery:before { content: "\e958"; }

.icon-gear:before { content: "\e90b"; }

.icon-gear-2:before { content: "\e932"; }

.icon-get:before { content: "\e996"; }

.icon-goal:before { content: "\e9b0"; }

.icon-graduate:before { content: "\e917"; }

.icon-graduate-2:before { content: "\e98c"; }

.icon-group:before, .icon-user:before { content: "\e904"; }

.icon-group-2:before { content: "\e989"; }

.icon-hand:before { content: "\e94c"; }

.icon-hash:before { content: "\e976"; }

.icon-help:before { content: "\e912"; }

.icon-home:before { content: "\e920"; }

.icon-home-2:before { content: "\e92f"; }

.icon-id-card:before { content: "\e994"; }

.icon-inbox:before { content: "\e91d"; }

.icon-iu:before { content: "\e91a"; }

.icon-key:before { content: "\e9a1"; }

.icon-keyboard:before { content: "\e992"; }

.icon-laptop:before { content: "\e98b"; }

.icon-layers:before { content: "\e914"; }

.icon-letter:before { content: "\e967"; }

.icon-link:before { content: "\e90e"; }

.icon-link-external:before { content: "\e91b"; }

.icon-list:before { content: "\e950"; padding-right: 5px; font-size: 14px; }

.icon-lock:before { content: "\e969"; }

.icon-login:before { content: "\e940"; }

.icon-logout:before { content: "\e913"; }

.icon-manager:before { content: "\e9a3"; }

.icon-map:before { content: "\e921"; }

.icon-media:before { content: "\e929"; }

.icon-megaphone:before { content: "\e982"; }

.icon-message:before { content: "\e957"; }

.icon-more:before { content: "\e92a"; }
@media (max-width: 1099px) { .icon-more:before { top: -36px; left: 22px; position: inherit; } }
@media (max-width: 739px) { .icon-more:before { top: -38px; left: 22px; position: inherit; } }

.icon-more-v:before { content: "\e92a"; display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.icon-network:before { content: "\e933"; }

.icon-news:before { content: "\e925"; }

.icon-note:before { content: "\e951"; }

.icon-notes:before { content: "\e911"; }

.icon-notes-2:before { content: "\e94e"; }

.icon-noview:before { content: "\e96d"; }

.icon-numbers:before { content: "\e97a"; }

.icon-office:before { content: "\e95a"; }

.icon-other-user:before { content: "\e930"; }

.icon-outcome:before { content: "\e959"; }

.icon-path:before { content: "\e9a7"; }

.icon-pdf:before { content: "\e971"; }

.icon-people:before { content: "\e95b"; }

.icon-picture:before { content: "\e928"; }

.icon-pitch:before { content: "\e998"; }

.icon-photo:before { content: "\e92c"; }

.icon-pilot:before { content: "\e9ae"; }

.icon-pin:before { content: "\e9a0"; }

.icon-plan:before { content: "\e90d"; }

.icon-play:before { content: "\e938"; }

.icon-play-2:before { content: "\e94b"; }

.icon-interview:before { content: "\e902"; }

.icon-paper-clip:before { content: "\e9af"; }

.icon-player:before { content: "\e991"; }

.icon-plus:before { content: "\e96b"; }

.icon-portfolio:before { content: "\e96a"; }

.icon-pricing:before { content: "\e956"; }

.icon-printer:before { content: "\e9ad"; }

.icon-privacy:before { content: "\e91c"; }

.icon-interview-question:before { content: "\e922"; }

.icon-question-2:before { content: "\e99a"; }

.icon-question-3:before { content: "\e95c"; }

.icon-quizz:before { content: "\e987"; }

.icon-testimonial:before { content: "\e978"; }

.icon-refresh:before { content: "\e919"; }

.icon-refresh-2:before { content: "\e99e"; }

.icon-report:before { content: "\e9ab"; }

.icon-resume:before { content: "\e905"; }

.icon-rubric:before, .icon-grid:before { content: "\e91e"; }

.icon-samples:before { content: "\e974"; }

.icon-save:before { content: "\e988"; }

.icon-setting:before { content: "\e973"; }

.icon-server:before { content: "\e947"; }

.icon-sort:before { content: "\e94a"; }

.icon-speaker:before { content: "\e990"; }

.icon-state:before { content: "\e9a6"; }

.icon-stats:before { content: "\e924"; }

.icon-suitcase:before { content: "\e945"; }

.icon-suitcase-2:before { content: "\e97f"; }

.icon-tag:before { content: "\e909"; }

.icon-text:before { content: "\e963"; }

.icon-text-2:before { content: "\e999"; }

.icon-ticket:before { content: "\e910"; }

.icon-occupation:before { content: "\e915"; }

.icon-time:before { content: "\e962"; }

.icon-tool:before { content: "\e94f"; }

.icon-tools:before { content: "\e939"; }

.icon-transfer:before { content: "\e972"; }

.icon-tv:before { content: "\e935"; }

.icon-type:before { content: "\e97b"; }

.icon-university:before { content: "\e98d"; }

.icon-upload:before { content: "\e903"; }

.icon-upload-2:before { content: "\e961"; }

.icon-user:before { content: "\e948"; }

.icon-user-2:before { content: "\e900"; }

.icon-user-female:before { content: "\e91f"; }

.icon-user-female-o:before { content: "\e985"; }

.icon-user-guide:before { content: "\e99d"; }

.icon-user-male:before { content: "\e96f"; }

.icon-user-male-o:before { content: "\e986"; }

.icon-user-male-o-2:before { content: "\e90a"; }

.icon-users:before, .icon-user:before { content: "\e970"; }

.icon-users-2:before { content: "\e907"; }

.icon-warning:before { content: "\e9b1"; }

.icon-verified:before { content: "\e981"; }

.icon-verified-2:before { content: "\e9aa"; }

.icon-verified-3:before { content: "\e9a9"; }

.icon-view:before { content: "\e906"; }

.icon-web:before { content: "\e977"; }

.icon-window-code:before { content: "\e997"; }

.icon-wish-list:before { content: "\e954"; }

.icon-zip:before { content: "\e98f"; }

@font-face { font-family: 'calenstyle-iconfont'; src: url("fonts/calenstyle-iconfont.eot"); src: url("fonts/calenstyle-iconfont.eot?#iefix") format("embedded-opentype"), url("fonts/calenstyle-iconfont.ttf") format("truetype"), url("fonts/calenstyle-iconfont.woff") format("woff"), url("fonts/calenstyle-iconfont.svg#calenstyle-iconfont") format("svg"); font-weight: normal; font-style: normal; }
[class^="cs-icon-"], [class*=" cs-icon-"] { font-family: 'calenstyle-iconfont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.cs-icon-Climbing:before { content: "\e601"; }

.cs-icon-Hiking:before { content: "\e602"; }

.cs-icon-Swimming:before { content: "\e603"; }

.cs-icon-Gym:before { content: "\e604"; }

.cs-icon-Cycling:before { content: "\e605"; }

.cs-icon-Running:before { content: "\e606"; }

.cs-icon-Movie:before { content: "\e633"; }

.cs-icon-Calendar:before { content: "\e61a"; }

.cs-icon-Theatre:before { content: "\e600"; }

.cs-icon-Anniversary:before { content: "\e607"; }

.cs-icon-Meeting:before { content: "\e608"; }

.cs-icon-Medical:before { content: "\e609"; }

.cs-icon-Drink:before { content: "\e60a"; }

.cs-icon-Food:before { content: "\e60b"; }

.cs-icon-Lunch:before { content: "\e60c"; }

.cs-icon-Dinner:before { content: "\e60d"; }

.cs-icon-Work:before { content: "\e610"; }

.cs-icon-Travel:before { content: "\e611"; }

.cs-icon-Competition:before { content: "\e60e"; }

.cs-icon-Gift:before { content: "\e60f"; }

.cs-icon-iPod:before { content: "\e612"; }

.cs-icon-Shopping:before { content: "\e613"; }

.cs-icon-Guitar:before { content: "\e614"; }

.cs-icon-Violin:before { content: "\e615"; }

.cs-icon-Camera:before { content: "\e616"; }

.cs-icon-Singing:before { content: "\e617"; }

.cs-icon-Default:before { content: "\e618"; }

.cs-icon-Heart:before { content: "\e619"; }

.cs-icon-Music:before { content: "\e61b"; }

.cs-icon-Podium:before { content: "\e61d"; }

.cs-icon-Basketball:before { content: "\e61e"; }

.cs-icon-Tennis:before { content: "\e61f"; }

.cs-icon-Football:before { content: "\e620"; }

.cs-icon-AmericanFootball:before { content: "\e621"; }

.cs-icon-Archery:before { content: "\e622"; }

.cs-icon-Golf:before { content: "\e623"; }

.cs-icon-TennisRacquet:before { content: "\e624"; }

.cs-icon-Pingpong:before { content: "\e625"; }

.cs-icon-Birthday:before { content: "\e626"; }

.cs-icon-Bowling:before { content: "\e06d"; }

.cs-icon-Coffee:before { content: "\e015"; }

.cs-icon-Task:before { content: "\e629"; }

.cs-icon-done-all:before { content: "\e62a"; }

.cs-icon-Painting:before { content: "\e62e"; }

.cs-icon-Study:before { content: "\e62f"; }

.cs-icon-Call:before { content: "\e630"; }

.cs-icon-PrevArrow:before { content: "\e62d"; }

.cs-icon-NextArrow:before { content: "\e631"; }

.cs-icon-Prev:before { content: "\e62b"; }

.cs-icon-Next:before { content: "\e62c"; }

.cs-icon-Important:before { content: "\e61c"; }

.cs-icon-Info:before { content: "\e627"; }

.cs-icon-Expand:before { content: "\e628"; }

.cs-icon-Contract:before { content: "\e632"; }

.cs-icon-Mark:before { content: "\e635"; }

.cs-icon-Event:before { content: "\f0a2"; }

html { height: 100%; min-height: 100%; width: 100%; }

body { background: #F1F1F1; height: 100%; min-height: 100%; font-family: 'Lato', Helvetica, sans-serif; font-size: 13px; font-weight: 400; color: #1C2430; }
body.body-overflow { overflow: hidden !important; }
@media (max-width: 739px) { body.body-overflow { position: relative !important; } }
@media (max-width: 1099px) { body.body-overflow { position: relative !important; } }
body.home-page { background-color: #FFF; }
body.home-page .page__content { padding-top: 0 !important; }
body.home-page .page { background-color: transparent; }
body:before { display: none; visibility: hidden; }
@media (max-width: 1099px) { body { overflow-x: hidden !important; }
  body.body-overflow header { z-index: 3; } }

img { border: 0; max-width: 100%; }

a { color: #2869CB; text-decoration: none; }
a > .fa-angle-right { font-size: 18px; margin-left: 5px; vertical-align: middle; line-height: inherit; }
a > .icon--xl { color: #443F3F; margin-right: 10px; font-size: 18px; vertical-align: sub; }
a:hover, a:focus, a:active { text-decoration: none; }

button, a, label { cursor: pointer; }
@media (max-width: 1099px) { button:hover, button:focus, button:active, a:hover, a:focus, a:active, label:hover, label:focus, label:active { outline: none; } }

button { background-color: transparent; border-radius: 0; }

figure { margin: 0; }

.page { -ms-touch-action: chained; width: 100%; }
.page .page__body { position: relative; }
.page .page__content { padding-top: 66px; margin-left: 250px; }
.hide-column .page .page__body:before { display: none; }
.hide-column .page .page__content { margin-left: 0; }
.with-banner .page .page__content { padding-top: 146px; }
@media (min-width: 1100px) { .page .page__body:before { background-color: #1C2430; width: 250px; height: 100%; position: absolute; left: 0; content: ''; outline: 5px solid rgba(0, 0, 0, 0.13); z-index: 2; }
  .page .page__body:focus { outline: none; } }
@media (max-width: 1099px) { .page { transition: all 300ms ease 0s; webkit-transition: all 300ms ease 0s; }
  .page .page__content { margin-left: 0; }
  .page.open { overflow: hidden; height: 100vh; } }

.wrapper { position: relative; width: calc(100% - 160px); margin: 40px 77px 40px 80px; padding: 0; }
.wrapper.wrapper--auto { min-height: 0px; margin-bottom: 0px; margin-left: 0px; }
.wrapper.wrapper--md { max-width: 1150px; margin: 40px auto; }
@media (min-width: 1100px) { .wrapper { min-height: 70vh; } }
@media (max-width: 1099px) { .wrapper { margin: 0 20px; width: calc(100% - 40px); }
  .wrapper.wrapper--md { margin: 55px auto 40px; } }
@media (max-width: 739px) { .wrapper { margin: 0; width: 100%; }
  .wrapper > .row.row--no-margin { margin-left: 0; margin-right: 0; }
  .wrapper > .row.row--no-margin > div { padding-left: 0; padding-right: 0; } }

.sidebar { background-color: #1C2430 !important; }
.sidebar .sidebar__content { padding: 35px 0 57px; position: relative; }
.sidebar .sidebar__avatar { width: 150px; height: 150px; display: block; margin: 0 auto 20px; padding: 6px; border-radius: 100%; position: relative; }
.sidebar .sidebar__avatar > i { font-size: 60px; line-height: 134px; color: rgba(255, 255, 255, 0.9); }
.sidebar .sidebar__avatar img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: block; width: 100%; }
.sidebar .sidebar__avatar .status { width: 26px; height: 26px; position: absolute; right: 3px; top: -3px; z-index: 3; border-radius: 100%; text-align: center; padding: 0; }
@media (max-width: 1099px) { .sidebar .sidebar__avatar .status { top: 25px; } }
@media (max-width: 739px) { .sidebar .sidebar__avatar .status { top: 0 !important; } }
.sidebar .sidebar__avatar .status i { font-size: 16px; line-height: 26px; margin: 0; }
.sidebar .sidebar__avatar .dropdown { position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; text-align: center; opacity: 0; visibility: hidden; }
@media (max-width: 1099px) { .sidebar .sidebar__avatar .dropdown { top: 36px; left: 1px; width: 70px; height: 70px; } }
@media (max-width: 739px) { .sidebar .sidebar__avatar .dropdown { top: 12px; left: 1px; width: 70px; height: 70px; } }
.sidebar .sidebar__avatar .dropdown .btn-empty { color: #FFF; font-size: 30px; line-height: 54px; display: block; height: 100%; width: 100%; }
.sidebar .sidebar__avatar .dropdown .dropdown-menu { margin-top: -30%; }
@media (max-width: 739px) { .sidebar .sidebar__avatar .dropdown .dropdown-menu { margin: -21px -120px -50px !important; } }
@media (max-width: 1099px) { .sidebar .sidebar__avatar .dropdown .dropdown-menu { margin: -22px -100px -50px; } }
.sidebar .sidebar__avatar:hover .dropdown { opacity: 1; visibility: visible; }
.sidebar .sidebar__text { padding: 0 20px 20px; text-align: center; }
.sidebar .sidebar__text h4 { color: #FFF; }
.sidebar .sidebar__text h4 a { color: #FFF; }
.sidebar .sidebar__text p { font-size: 12px; color: #96A0AF; margin-bottom: 0; }
.sidebar .sidebar__text p > i { font-size: 14px; margin-right: 10px; vertical-align: middle; }
.sidebar .sidebar__text p.sep { margin-bottom: 25px; }
.sidebar .sidebar__text p.sep:empty { margin-bottom: 0; }
.sidebar .sidebar__text > a { color: #FFF; line-height: 30px; }
.sidebar .sidebar__text > a > img { border-radius: 50%; width: 30px; margin-right: 13px; vertical-align: top; }
.sidebar .sidebar__text .details { color: #96A0AF; font-size: 12px; padding-top: 20px; text-align: left; }
.sidebar .sidebar__text .details a { color: #96A0AF; }
.sidebar .sidebar__text .details .row { margin-bottom: 10px; }
.sidebar .sidebar__socials { padding: 20px 0; text-align: center; }
.sidebar .sidebar__socials a { font-size: 20px; color: rgba(255, 255, 255, 0.7); margin: 0 5px; }
@media (min-width: 1100px) { .sidebar .sidebar__socials a:hover, .sidebar .sidebar__socials a:active, .sidebar .sidebar__socials a:focus { opacity: 0.6; } }
.sidebar .sidebar__actions { padding: 0 20px 20px; text-align: center; }
.sidebar .sidebar__actions:after { content: ''; display: table; clear: both; }
.sidebar .sidebar__actions .item { float: left; text-align: right; }
.sidebar .sidebar__actions .item:first-child { width: calc(100% - 45px); }
.sidebar .sidebar__actions .item:last-child { width: 45px; padding-top: 8px; }
.sidebar .sidebar__actions .item .btn { width: 130px; color: #FFF; background: #2869CB; }
.sidebar .sidebar__actions .item .btn.btn--more { text-align: left; position: relative; }
.sidebar .sidebar__actions .item .btn.btn--more > i { margin-right: 5px; font-size: 24px; }
.sidebar .sidebar__actions .item .btn.btn--more:after { width: 40px; text-align: center; font-family: "icomoon"; font-size: 16px; line-height: 32px; content: '\e944'; position: absolute; top: 5px; right: 0; border-left: 1px solid rgba(255, 255, 255, 0.6); }
@media (min-width: 1100px) { .sidebar .sidebar__actions .item .btn:hover { background-color: #2869CB; color: #FFF; } }
.sidebar .sidebar__actions .item .dropdown-menu a > span > b { display: none; font-weight: 400; }
.sidebar .sidebar__actions .btn-empty { font-size: 28px; color: #96A0AF; }
@media (min-width: 1100px) { .sidebar { position: fixed; left: 0; top: 0; z-index: 3; margin-top: 66px; max-height: calc(100vh - 57px); width: 250px; }
  .sidebar .sidebar__content { width: 250px; }
  .sidebar .sidebar__avatar { border: 1px solid rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.33); -moz-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.33); box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.33); }
  .sidebar .sidebar__text a > img { border: 2px solid #171E28; -webkit-box-shadow: 0 0 3px 0 rgba(240, 242, 245, 0.43); -moz-box-shadow: 0 0 3px 0 rgba(240, 242, 245, 0.43); box-shadow: 0 0 3px 0 rgba(240, 242, 245, 0.43); }
  .sidebar > .ps-scrollbar-y-rail { width: 5px; z-index: 5; }
  .sidebar > .ps-scrollbar-y-rail > .ps-scrollbar-y { width: 5px; }
  .with-banner .sidebar { margin-top: 146px; } }
@media (max-width: 1099px) { .sidebar .sidebar_avatar-mobile { display: inline-block; position: absolute; top: 60%; z-index: 1; } }
@media (max-width: 1099px) and (max-width: 1099px) { .sidebar .sidebar_avatar-mobile .se-avatar--organization, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice, .sidebar .sidebar_avatar-mobile .se-avatar--question, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide, .sidebar .sidebar_avatar-mobile .se-avatar--occupation, .sidebar .sidebar_avatar-mobile .se-avatar--interview, .sidebar .sidebar_avatar-mobile .se-avatar--file { width: 220px; height: 220px; font-size: 40px; border: 10px solid white; box-shadow: 0.5px 1px 1px 0.7px rgba(115, 113, 113, 0.29); -webkit-box-shadow: 0.5px 1px 1px 0.7px rgba(115, 113, 113, 0.29); border-radius: 100%; }
  .sidebar .sidebar_avatar-mobile .se-avatar--organization > i.icon-organization, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice > i.icon-organization, .sidebar .sidebar_avatar-mobile .se-avatar--question > i.icon-organization, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide > i.icon-organization, .sidebar .sidebar_avatar-mobile .se-avatar--occupation > i.icon-organization, .sidebar .sidebar_avatar-mobile .se-avatar--interview > i.icon-organization, .sidebar .sidebar_avatar-mobile .se-avatar--file > i.icon-organization { line-height: 174px; font-size: 32px; color: white; font-size: 63px; position: inherit; top: 201px; padding: 10px 0 0 68px; }
  .sidebar .sidebar_avatar-mobile .se-avatar--organization > i.icon-occupation, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice > i.icon-occupation, .sidebar .sidebar_avatar-mobile .se-avatar--question > i.icon-occupation, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide > i.icon-occupation, .sidebar .sidebar_avatar-mobile .se-avatar--occupation > i.icon-occupation, .sidebar .sidebar_avatar-mobile .se-avatar--interview > i.icon-occupation, .sidebar .sidebar_avatar-mobile .se-avatar--file > i.icon-occupation { line-height: 174px; font-size: 32px; color: white; font-size: 80px; position: inherit; top: 201px; padding: 10px 0 0 60px; }
  .sidebar .sidebar_avatar-mobile .se-avatar--organization > i.icon-interview-question, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice > i.icon-interview-question, .sidebar .sidebar_avatar-mobile .se-avatar--question > i.icon-interview-question, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide > i.icon-interview-question, .sidebar .sidebar_avatar-mobile .se-avatar--occupation > i.icon-interview-question, .sidebar .sidebar_avatar-mobile .se-avatar--interview > i.icon-interview-question, .sidebar .sidebar_avatar-mobile .se-avatar--file > i.icon-interview-question { line-height: 174px; font-size: 32px; color: white; font-size: 80px; position: inherit; top: 201px; padding: 10px 0 0 60px; }
  .sidebar .sidebar_avatar-mobile .se-avatar--organization > i.icon-career-advice, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice > i.icon-career-advice, .sidebar .sidebar_avatar-mobile .se-avatar--question > i.icon-career-advice, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide > i.icon-career-advice, .sidebar .sidebar_avatar-mobile .se-avatar--occupation > i.icon-career-advice, .sidebar .sidebar_avatar-mobile .se-avatar--interview > i.icon-career-advice, .sidebar .sidebar_avatar-mobile .se-avatar--file > i.icon-career-advice { line-height: 174px; font-size: 32px; color: white; font-size: 80px; position: inherit; top: 201px; padding: 10px 0 0 60px; }
  .sidebar .sidebar_avatar-mobile .se-avatar--organization > i.icon-user-guide, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice > i.icon-user-guide, .sidebar .sidebar_avatar-mobile .se-avatar--question > i.icon-user-guide, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide > i.icon-user-guide, .sidebar .sidebar_avatar-mobile .se-avatar--occupation > i.icon-user-guide, .sidebar .sidebar_avatar-mobile .se-avatar--interview > i.icon-user-guide, .sidebar .sidebar_avatar-mobile .se-avatar--file > i.icon-user-guide { line-height: 174px; font-size: 32px; color: white; font-size: 80px; position: inherit; top: 201px; padding: 10px 0 0 60px; }
  .sidebar .sidebar_avatar-mobile .se-avatar--organization > i.icon-interview, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice > i.icon-interview, .sidebar .sidebar_avatar-mobile .se-avatar--question > i.icon-interview, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide > i.icon-interview, .sidebar .sidebar_avatar-mobile .se-avatar--occupation > i.icon-interview, .sidebar .sidebar_avatar-mobile .se-avatar--interview > i.icon-interview, .sidebar .sidebar_avatar-mobile .se-avatar--file > i.icon-interview { line-height: 174px; font-size: 32px; color: white; font-size: 80px; position: inherit; top: 201px; padding: 10px 0 0 60px; }
  .sidebar .sidebar_avatar-mobile .se-avatar--organization > i.icon-file, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice > i.icon-file, .sidebar .sidebar_avatar-mobile .se-avatar--question > i.icon-file, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide > i.icon-file, .sidebar .sidebar_avatar-mobile .se-avatar--occupation > i.icon-file, .sidebar .sidebar_avatar-mobile .se-avatar--interview > i.icon-file, .sidebar .sidebar_avatar-mobile .se-avatar--file > i.icon-file { line-height: 174px; font-size: 32px; color: white; font-size: 80px; position: inherit; top: 201px; padding: 10px 0 0 60px; } }
@media (max-width: 1099px) and (max-width: 739px) { .sidebar .sidebar_avatar-mobile .se-avatar--organization, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice, .sidebar .sidebar_avatar-mobile .se-avatar--question, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide, .sidebar .sidebar_avatar-mobile .se-avatar--occupation, .sidebar .sidebar_avatar-mobile .se-avatar--interview, .sidebar .sidebar_avatar-mobile .se-avatar--file { width: 120px; height: 120px; border: 6px solid white; box-shadow: 0.5px 1px 1px 0.7px rgba(115, 113, 113, 0.29); -webkit-box-shadow: 0.5px 1px 1px 0.7px rgba(115, 113, 113, 0.29); border-radius: 100%; }
  .sidebar .sidebar_avatar-mobile .se-avatar--organization > i.icon-organization, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice > i.icon-organization, .sidebar .sidebar_avatar-mobile .se-avatar--question > i.icon-organization, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide > i.icon-organization, .sidebar .sidebar_avatar-mobile .se-avatar--occupation > i.icon-organization, .sidebar .sidebar_avatar-mobile .se-avatar--interview > i.icon-organization, .sidebar .sidebar_avatar-mobile .se-avatar--file > i.icon-organization { line-height: 81px; font-size: 12px; color: white; font-size: 32px; position: inherit; top: 201px; padding: 10px 0 0 39px; }
  .sidebar .sidebar_avatar-mobile .se-avatar--organization > i.icon-occupation, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice > i.icon-occupation, .sidebar .sidebar_avatar-mobile .se-avatar--question > i.icon-occupation, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide > i.icon-occupation, .sidebar .sidebar_avatar-mobile .se-avatar--occupation > i.icon-occupation, .sidebar .sidebar_avatar-mobile .se-avatar--interview > i.icon-occupation, .sidebar .sidebar_avatar-mobile .se-avatar--file > i.icon-occupation { line-height: 81px; font-size: 12px; color: white; font-size: 45px; position: inherit; top: 201px; padding: 14px 0 0 32px; }
  .sidebar .sidebar_avatar-mobile .se-avatar--organization > i.icon-interview-question, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice > i.icon-interview-question, .sidebar .sidebar_avatar-mobile .se-avatar--question > i.icon-interview-question, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide > i.icon-interview-question, .sidebar .sidebar_avatar-mobile .se-avatar--occupation > i.icon-interview-question, .sidebar .sidebar_avatar-mobile .se-avatar--interview > i.icon-interview-question, .sidebar .sidebar_avatar-mobile .se-avatar--file > i.icon-interview-question { line-height: 81px; font-size: 12px; color: white; font-size: 45px; position: inherit; top: 201px; padding: 14px 0 0 32px; }
  .sidebar .sidebar_avatar-mobile .se-avatar--organization > i.icon-career-advice, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice > i.icon-career-advice, .sidebar .sidebar_avatar-mobile .se-avatar--question > i.icon-career-advice, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide > i.icon-career-advice, .sidebar .sidebar_avatar-mobile .se-avatar--occupation > i.icon-career-advice, .sidebar .sidebar_avatar-mobile .se-avatar--interview > i.icon-career-advice, .sidebar .sidebar_avatar-mobile .se-avatar--file > i.icon-career-advice { line-height: 81px; font-size: 12px; color: white; font-size: 45px; position: inherit; top: 201px; padding: 14px 0 0 32px; }
  .sidebar .sidebar_avatar-mobile .se-avatar--organization > i.icon-user-guide, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice > i.icon-user-guide, .sidebar .sidebar_avatar-mobile .se-avatar--question > i.icon-user-guide, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide > i.icon-user-guide, .sidebar .sidebar_avatar-mobile .se-avatar--occupation > i.icon-user-guide, .sidebar .sidebar_avatar-mobile .se-avatar--interview > i.icon-user-guide, .sidebar .sidebar_avatar-mobile .se-avatar--file > i.icon-user-guide { line-height: 81px; font-size: 12px; color: white; font-size: 45px; position: inherit; top: 201px; padding: 14px 0 0 32px; }
  .sidebar .sidebar_avatar-mobile .se-avatar--organization > i.icon-interview, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice > i.icon-interview, .sidebar .sidebar_avatar-mobile .se-avatar--question > i.icon-interview, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide > i.icon-interview, .sidebar .sidebar_avatar-mobile .se-avatar--occupation > i.icon-interview, .sidebar .sidebar_avatar-mobile .se-avatar--interview > i.icon-interview, .sidebar .sidebar_avatar-mobile .se-avatar--file > i.icon-interview { line-height: 81px; font-size: 12px; color: white; font-size: 45px; position: inherit; top: 201px; padding: 14px 0 0 32px; }
  .sidebar .sidebar_avatar-mobile .se-avatar--organization > i.icon-file, .sidebar .sidebar_avatar-mobile .se-avatar--career-advice > i.icon-file, .sidebar .sidebar_avatar-mobile .se-avatar--question > i.icon-file, .sidebar .sidebar_avatar-mobile .se-avatar--user-guide > i.icon-file, .sidebar .sidebar_avatar-mobile .se-avatar--occupation > i.icon-file, .sidebar .sidebar_avatar-mobile .se-avatar--interview > i.icon-file, .sidebar .sidebar_avatar-mobile .se-avatar--file > i.icon-file { line-height: 81px; font-size: 12px; color: white; font-size: 45px; position: inherit; top: 201px; padding: 14px 0 0 32px; } }
@media (max-width: 1099px) { .sidebar .sidebar_avatar-mobile .dropdown { top: 9px; left: 9px; width: 203px; height: 203px; position: absolute; background-color: rgba(0, 0, 0, 0.6); border-radius: 100%; transition: 0.5s ease-in-out; text-align: center; opacity: 0; visibility: hidden; }
  .sidebar .sidebar_avatar-mobile .dropdown .btn-empty { color: #FFF; font-size: 43px; display: block; height: 100%; width: 100%; }
  .sidebar .sidebar_avatar-mobile:hover .dropdown { opacity: 1; visibility: visible; }
  .sidebar .sidebar_avatar-mobile .status { top: 0; right: 40px; width: 40px; height: 40px; position: absolute; z-index: 3; border-radius: 100%; text-align: center; padding: 0; }
  .sidebar .sidebar_avatar-mobile .status i { font-size: 27px; line-height: 40px; margin: 0; }
  .sidebar .sidebar_avatar-mobile .pr-avatar { width: 220px; height: 220px; font-size: 40px; }
  .sidebar .sidebar_avatar-mobile > img, .sidebar .sidebar_avatar-mobile > .pr-avatar { border: 10px solid white; box-shadow: 0.5px 1px 1px 0.7px rgba(115, 113, 113, 0.29); -webkit-box-shadow: 0.5px 1px 1px 0.7px rgba(115, 113, 113, 0.29); width: 220px; height: 220px; font-size: 40px; border-radius: 100%; }
  .sidebar .sidebar__avatar { width: 72px; height: 72px; padding: 1px; display: table-cell; vertical-align: middle; }
  .sidebar .sidebar__avatar .pr-avatar { width: 68px; height: 68px; font-size: 22px; line-height: 68px; }
  .sidebar .sidebar__avatar > img, .sidebar .sidebar__avatar > .pr-avatar { border: 1px solid rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.33); -moz-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.33); box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.33); }
  .sidebar .sidebar__socials { display: none; }
  .sidebar .sidebar__text { width: calc(100% - 124px); padding: 0 0 0 20px; display: table-cell; vertical-align: middle; text-align: left; }
  .sidebar .sidebar__text h4 br { display: none; }
  .sidebar .sidebar__text h4:only-child { margin-bottom: 0; }
  .sidebar .sidebar__text > a { display: inline-block; }
  .sidebar .sidebar__text > a > img { width: 22px; vertical-align: middle; }
  .sidebar .sidebar__text p { font-size: 13px; color: rgba(255, 255, 255, 0.7); }
  .sidebar .sidebar__actions { width: 50px; padding: 0px; display: table-cell; vertical-align: middle; }
  .sidebar .sidebar__actions.sidebar-mobile-view { display: block; position: absolute; top: 67px; right: 10px; }
  .sidebar .sidebar__actions.sidebar-mobile-view .btn-empty { color: #FFF; font-size: 43px; }
  .sidebar .sidebar__actions .btn-empty { color: #FFF; }
  .sidebar .sidebar__content { display: flex !important; width: 100%; padding: 66px 10px 15px; justify-content: center !important; align-items: center !important; }
  .page__content .sidebar:first-child { margin-left: 20px; margin-right: 20px; } }
@media (max-width: 1099px) and (max-width: 1099px) { .page__content .sidebar:first-child { margin: 0; } }
@media (max-width: 1099px) { .page__content .sidebar:first-child .sidebar__content { padding: 75px 10px 25px; } }
@media (max-width: 1099px) and (max-width: 739px) { .page__content .sidebar:first-child .sidebar__content { padding: 0 0 0 10px !important; height: 94px !important; } }
@media (max-width: 1099px) and (max-width: 1099px) { .page__content .sidebar:first-child .sidebar__content { padding: 25px 30px; height: 192px; } }
@media (max-width: 1099px) { .pr-banner + .sidebar { background-color: rgba(43, 48, 54, 0.7); position: absolute; width: 100%; top: 66px; left: 0; z-index: 3; }
  .pr-banner + .sidebar .sidebar__content { padding: 25px 30px; height: 192px; display: flex !important; justify-content: center !important; align-items: center !important; }
  .pr-banner + .sidebar .sidebar__avatar { vertical-align: middle; }
  .pr-banner + .sidebar .sidebar__avatar .status { top: 27px; } }
@media (max-width: 739px) { .sidebar .sidebar_avatar-mobile { display: inline-block; position: absolute; top: 60% !important; }
  .sidebar .sidebar_avatar-mobile .dropdown { top: 5px; left: 5px; width: 109px !important; height: 109px !important; position: absolute; background-color: rgba(0, 0, 0, 0.6); border-radius: 100%; transition: 0.5s ease-in-out; text-align: center; opacity: 0; visibility: hidden; }
  .sidebar .sidebar_avatar-mobile .dropdown .btn-empty { color: #FFF; font-size: 30px; display: block; height: 100%; width: 100%; }
  .sidebar .sidebar_avatar-mobile:hover .dropdown { opacity: 1; visibility: visible; }
  .sidebar .sidebar_avatar-mobile .status { top: 3px; right: 14px; width: 26px; height: 26px; position: absolute; z-index: 3; border-radius: 100%; text-align: center; padding: 0; }
  .sidebar .sidebar_avatar-mobile .status i { font-size: 16px; line-height: 26px; margin: 0; }
  .sidebar .sidebar_avatar-mobile .pr-avatar { width: 120px !important; height: 120px !important; font-size: 22px !important; line-height: 68px; }
  .sidebar .sidebar_avatar-mobile > img, .sidebar .sidebar_avatar-mobile > .pr-avatar { border: 6px solid white; box-shadow: 0.5px 1px 1px 0.7px rgba(115, 113, 113, 0.29); -webkit-box-shadow: 0.5px 1px 1px 0.7px rgba(115, 113, 113, 0.29); width: 120px !important; height: 120px !important; font-size: 22px !important; line-height: 68px; border-radius: 100%; }
  .sidebar .sidebar__actions { width: 50px; padding: 0px; display: table-cell; vertical-align: middle; }
  .sidebar .sidebar__actions.sidebar-mobile-view { display: block; position: absolute; top: 32px; right: 0; }
  .sidebar .sidebar__actions.sidebar-mobile-view .btn-empty { color: #FFF; font-size: 28px; }
  .sidebar .sidebar__actions .btn-empty { color: #FFF; } }
@media (max-width: 739px) { .sidebar .sidebar__text h2 { font-size: 14px; margin-bottom: 0; }
  .sidebar .sidebar__text p { font-size: 11px; }
  .sidebar .sidebar__text > a { font-size: 11px; line-height: 22px; }
  .sidebar .sidebar__text > a > img { width: 16px; margin-right: 8px; }
  .page__content .sidebar:first-child { margin-left: 0px; margin-right: 0px; border-left: 0; border-right: 0; }
  .pr-banner + .sidebar .sidebar__content { padding: 0 0 0 10px; height: 94px; }
  .pr-banner + .sidebar .sidebar__avatar .status { top: 3px; } }

.box-shadow { -webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); margin-bottom: 20px; }
[role="tablist"] .box-shadow { margin-top: 40px; }

.row { margin-bottom: 20px; }
.row.row--no-margin { margin-bottom: 0; }

.inline { display: inline; position: relative; }

.ui-loader { background: #F1F1F1; display: none; }
.ui-loader h1 { margin: 0; font-size: 10px; }

._active { display: block; }

.hidden, ._hidden { display: none; }

.nowrap { white-space: nowrap; }

.circle { width: 22px; height: 22px; font-size: 11px; line-height: 20px; text-align: center; font-style: normal; border: 1px solid #ACACAC; display: inline-block; vertical-align: baseline; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin-left: 5px; }
.circle.circle--lg { width: 36px; height: 36px; line-height: 34px; }
.circle.circle--nb { border: 0; }

.relative { position: relative; }

.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }

h1 { font-size: 40px; font-weight: 900; margin: 0 0 10px; }
@media (max-width: 739px) { h1 { font-size: 30px; } }

h2 { font-size: 24px; font-weight: 900; margin: 0 0 5px; }

h3 { font-size: 20px; font-weight: 700; margin: 0 0 10px; }

h4 { font-size: 18px; font-weight: 700; margin: 0 0 10px; }

h5 { font-size: 16px; font-weight: 700; margin: 0 0 5px; }

h6 { font-size: 13px; font-weight: 700; text-transform: capitalize; margin: 0; }

h1, h2, h3, h4, h5, h6 { line-height: 1.4; }
h1.text-normal, h2.text-normal, h3.text-normal, h4.text-normal, h5.text-normal, h6.text-normal { font-weight: 400; }
h1.text-normal-mobile, h2.text-normal-mobile, h3.text-normal-mobile, h4.text-normal-mobile, h5.text-normal-mobile, h6.text-normal-mobile { font-weight: 700; font-size: 30px; margin-bottom: 12px; }
h1.text-normal-mobile > a, h2.text-normal-mobile > a, h3.text-normal-mobile > a, h4.text-normal-mobile > a, h5.text-normal-mobile > a, h6.text-normal-mobile > a { color: #3d3d3d; }

.fade.in { opacity: 1; }

blockquote { padding: 3px 10px; margin-top: 5px; border-left: 3px solid #a0a0a0; }
blockquote > p { margin-bottom: 0; font-style: italic; }

.dropdown-menu { font-size: 12px; border: 0; border-radius: 0; padding: 0; margin: 0; min-width: 6rem; -webkit-box-shadow: 0px 6px 39px -5px rgba(0, 0, 0, 0.36); -moz-box-shadow: 0px 6px 39px -5px rgba(0, 0, 0, 0.36); box-shadow: 0px 6px 39px -5px rgba(0, 0, 0, 0.36); }
.dropdown-menu.scale-menu { min-width: 550px; }
.dropdown-menu.dateranges { position: relative; }
.dropdown-menu.dropdown-menu-right { right: 0; left: auto; }
@media (max-width: 739px) { .dropdown-menu.dropdown-menu-right { top: auto; } }
@media (max-width: 1099px) { .dropdown-menu.dropdown-menu-right { top: auto; }
  .dropdown-menu.dropdown-menu-right.dropdown-menu-mobile { top: 83px; right: 0; } }
.dropdown-menu .dropdown-item { padding: 0; border-bottom: 1px solid rgba(202, 202, 202, 0.5); }
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active { background-color: #F1F1F1; font-weight: 600; color: inherit; }
.dropdown-menu .dropdown-item:last-child { border-bottom: 0; }
.dropdown-menu li a { line-height: 36px; color: #1C2430; padding: 0px 20px; display: block; text-transform: capitalize; white-space: nowrap; }
.dropdown-menu li a > img { width: 30px; display: inline-block; margin-right: 10px; }
@media (max-width: 739px) { .dropdown-menu li a { white-space: normal; } }
.dropdown-menu li.dropdown-action > span, .dropdown-menu li.dropdown-action > button { width: 100%; display: block; line-height: 36px; color: #1C2430; padding: 0px 20px; text-align: left; white-space: nowrap; }
.dropdown-menu li.active a { font-weight: bold; }
@media (min-width: 1100px) { .dropdown-menu li.dropdown-action { cursor: pointer; }
  .dropdown-menu li.dropdown-action:hover, .dropdown-menu li.dropdown-action:active { text-decoration: none; color: #262626; background-color: #f5f5f5; } }
.dropdown-menu:not(.list-color) > li a .glyphicon, .dropdown-menu:not(.list-color) > li a .fa, .dropdown-menu:not(.list-color) > li a [class^="icon-"] { width: 30px; display: inline-block; line-height: 36px; font-size: 16px; color: #443F3F; vertical-align: top; }
.dropdown-menu:not(.list-color) > li a .glyphicon:after, .dropdown-menu:not(.list-color) > li a .fa:after, .dropdown-menu:not(.list-color) > li a [class^="icon-"]:after { top: 0; left: 5px; line-height: inherit; }
.dropdown-menu:not(.list-color) > li a .glyphicon.thin, .dropdown-menu:not(.list-color) > li a .fa.thin, .dropdown-menu:not(.list-color) > li a [class^="icon-"].thin { font-size: 10px; width: 18px; }
.dropdown-menu:not(.list-color) > li a .glyphicon.thin.color-th-black, .dropdown-menu:not(.list-color) > li a .fa.thin.color-th-black, .dropdown-menu:not(.list-color) > li a [class^="icon-"].thin.color-th-black { color: #000; }
.dropdown-menu:not(.list-color) > li a .glyphicon.thin.color-th-dark, .dropdown-menu:not(.list-color) > li a .fa.thin.color-th-dark, .dropdown-menu:not(.list-color) > li a [class^="icon-"].thin.color-th-dark { color: #2B343E; }
.dropdown-menu:not(.list-color) > li a .glyphicon.thin.color-th-gray, .dropdown-menu:not(.list-color) > li a .fa.thin.color-th-gray, .dropdown-menu:not(.list-color) > li a [class^="icon-"].thin.color-th-gray { color: #4E596C; }
.dropdown-menu:not(.list-color) > li a .glyphicon.thin.color-th-white, .dropdown-menu:not(.list-color) > li a .fa.thin.color-th-white, .dropdown-menu:not(.list-color) > li a [class^="icon-"].thin.color-th-white { color: #CCC; }
.dropdown-menu:not(.list-color) > li a .glyphicon.thin.color-th-red, .dropdown-menu:not(.list-color) > li a .fa.thin.color-th-red, .dropdown-menu:not(.list-color) > li a [class^="icon-"].thin.color-th-red { color: #E04934; }
.dropdown-menu:not(.list-color) > li a .glyphicon.thin.color-th-blue, .dropdown-menu:not(.list-color) > li a .fa.thin.color-th-blue, .dropdown-menu:not(.list-color) > li a [class^="icon-"].thin.color-th-blue { color: #0367B6; }
.dropdown-menu:not(.list-color) > li a .glyphicon.thin.color-th-purple, .dropdown-menu:not(.list-color) > li a .fa.thin.color-th-purple, .dropdown-menu:not(.list-color) > li a [class^="icon-"].thin.color-th-purple { color: #513962; }
.dropdown-menu:not(.list-color) > li a .glyphicon.thin.color-th-green, .dropdown-menu:not(.list-color) > li a .fa.thin.color-th-green, .dropdown-menu:not(.list-color) > li a [class^="icon-"].thin.color-th-green { color: #27BC89; }
.dropdown-menu:not(.list-color) > li a .glyphicon.thin.color-th-orange, .dropdown-menu:not(.list-color) > li a .fa.thin.color-th-orange, .dropdown-menu:not(.list-color) > li a [class^="icon-"].thin.color-th-orange { color: #EB7B3F; }
.dropdown-menu:not(.list-color) > li a .glyphicon.thin.color-th-caribbean, .dropdown-menu:not(.list-color) > li a .fa.thin.color-th-caribbean, .dropdown-menu:not(.list-color) > li a [class^="icon-"].thin.color-th-caribbean { color: #4FBBD0; }
.dropdown-menu:not(.list-color) > li a .glyphicon.thin.color-th-brown, .dropdown-menu:not(.list-color) > li a .fa.thin.color-th-brown, .dropdown-menu:not(.list-color) > li a [class^="icon-"].thin.color-th-brown { color: #864021; }
.open > .dropdown-menu { display: block; }
.open > .dropdown-menu.scale-menu { min-width: 498px; position: absolute; left: -233px; margin-top: 10px; padding-bottom: 3px; }
@media (min-width: 1100px) { .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } }

@media (max-width: 1099px) { .header__right .dropdown-backdrop { visibility: hidden; z-index: -1; } }

@media (min-width: 768px) { .modal-dialog { width: 94%; max-width: 800px; margin: 30px auto 70px; }
  .modal--sm { max-width: 320px; }
  .modal--sm .modal-body { min-height: 0; } }
@media (min-width: 992px) { .modal--lg { max-width: 1080px; } }
.modal-backdrop.in { opacity: 0.9; filter: alpha(opacity=90); }

.modal-content { border-radius: 0; border: 0; }

.modal.in .modal-dialog { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

@media (max-width: 1099px) { .modal.in .modal-dialog { overflow: hidden; } }
.progress { border-radius: 0; height: 4px; }
.progress .progress-bar { background-color: #83CD5B; height: 4px; }
.tooltip-inner .progress { margin-top: 5px; }

.tooltip { font-size: 11px; }
.tooltip--rubric { margin-top: 20px; margin-left: 32px; }
.tooltip--rubric .tooltip-arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid rgba(0, 0, 0, 0.9); position: absolute; bottom: -6px; left: 10px; }

.tooltip-inner { padding-top: 10px; padding-bottom: 10px; background-color: #000000; border-radius: 10px; color: #ffffff; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.26); width: 270px; max-width: 300px; text-align: left; margin-top: 3px; }

.alert { border: 0; border-radius: 0; }
.alert.alert-danger { color: #FFFFFF; background-color: #E96464; }
.alert p { margin-bottom: 0; }

.nav-item.completed { font-weight: bold; }
.nav-item.completed > a:before { font-family: "icomoon"; font-size: 15px; font-weight: bold; color: #2DB674; line-height: 18px; content: "\e916"; position: relative; right: 5px; border-radius: 50%; }
.nav-item.completed > a.active { font-weight: normal; }

@media (max-width: 1440px) { .row.justify-content-center .col-md-2 { max-width: 33%; flex: 0 0 33%; margin-top: 10px; } }
.dropdown.responsivetabs-more { font-size: 31px; bottom: 8px; }

@media (max-width: 1099px) { .col-md-5 { max-width: 60%; } }
@media (max-width: 739px) { .col-md-5 { max-width: 100%; } }
.btn { height: 40px; font-size: 11px; font-weight: 700; font-family: 'Lato', sans-serif; line-height: 40px; color: #FFF !important; padding: 0 15px; min-width: 140px; vertical-align: top; transition: none; -moz-osx-font-smoothing: grayscale; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); border-radius: 0.2rem; border: 0; }
.btn > i { font-size: 14px; vertical-align: top; margin-right: 5px; }
.btn.btn--low { height: 32px; line-height: 30px; }
@media (max-width: 739px) { .btn.btn--low { margin-right: 50px; } }
.btn.btn--black, .box-small.active .btn.radio { color: #FFF; background: #3c444f; }
.btn.btn--blue { color: #FFF; background: #2869CB; }
.btn.btn--blue-profile { color: #FFF; background: #2869CB; width: 40px; height: 40px; min-width: 184px; background: #2869CB; font-size: 12px; line-height: 3; margin: 17px 0; }
@media (max-width: 1099px) { .btn.btn--blue-profile { color: #FFF; background: #2869CB; width: 66px; height: 60px; min-width: 230px; background: #2869CB; font-size: 15px; line-height: 4; margin: 17px 0; } }
.btn.btn--brown { color: #FFF; background: #864021; }
.btn.btn--green { color: #FFF; background: #27bc89; filter: grayscale(10%); }
.btn.btn--light { color: #1C2430 !important; border: 1px solid #CDD5E0; background: white; }
.btn.btn--light-green { color: #FFF; background: #83BF3B; }
.btn.btn--orange { color: #FFF; background: #ea7c11; }
.btn.btn--purple { color: #FFF; background: #6b4773; }
.btn.btn--red { color: #FFF; background: #e3523f; }
.btn.btn--revert { color: #FFF; border: 1px solid #555F71; background: #464e5b; }
.btn.btn--sea { color: #FFF; background: #61c6da; }
.btn.btn--white { color: #FFF; border: 1px solid rgba(255, 255, 255, 0.7); background: transparent; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.btn.btn--add-circle { position: relative; display: block; width: 35px; height: 35px; background: #2869CB; border-radius: 50%; box-shadow: 0 0 5px gray; font-size: 35px; line-height: 27px; font-weight: normal; min-width: 0; top: 5px; margin-left: auto; margin-right: 15px; padding: 2px; }
.btn.btn--add-circle.circle-menu { margin-right: 0; margin-right: 0; }
.btn.btn--add-circle.btn--add-evidence { background: unset; margin-right: 0px; margin-bottom: -30px; top: -76px; }
.btn.btn--add-circle-scale { display: block; width: 40px; height: 40px; background: #2869cb; border-radius: 50%; box-shadow: 0 0 5px gray; font-size: 30px; line-height: 28px; font-weight: normal; min-width: 0; padding: 0 0px 4px 0; }
.btn.btn--base { color: #0B8FCF !important; border: 1px solid #0B8FCF; background: transparent; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.btn + .btn { /* margin-left: 4px; */ }
.btn.w-40 { width: 40px; min-width: 0; }
.btn.full-width { width: 100%; }
.btn.disabled, .btn[disabled] { opacity: 0.7; cursor: text; }
@media (min-width: 1100px) { .btn:hover, .btn:active, .btn:focus { opacity: 0.9; }
  .btn:hover.disabled, .btn:hover[disabled], .btn:active.disabled, .btn:active[disabled], .btn:focus.disabled, .btn:focus[disabled] { opacity: 0.7; cursor: text; }
  .btn.btn--revert:not[disabled]:hover, .btn.btn--revert:not[disabled]:active, .btn.btn--revert:not[disabled]:focus, .btn.btn--light:not[disabled]:hover, .btn.btn--light:not[disabled]:active, .btn.btn--light:not[disabled]:focus { color: #1C2430; }
  .btn.btn--white:not[disabled]:hover, .btn.btn--white:not[disabled]:active, .btn.btn--white:not[disabled]:focus { background-color: #FFF; color: #1C2430; }
  .btn.btn--base:not[disabled]:hover, .btn.btn--base:not[disabled]:active, .btn.btn--base:not[disabled]:focus { background-color: #FFF; } }

.btn-empty { font-family: "Lato"; font-size: 24px; line-height: 1; background-color: transparent; border: 0; color: #1C2430; display: inline-block; }
.btn-empty > i { vertical-align: baseline; }
.btn-empty > span { font-size: 13px; vertical-align: text-bottom; line-height: 28px; }
.btn-empty > span.list-group__title { font-size: 15px; vertical-align: initial; }
.btn-empty.btn-empty--lg > i { font-size: 30px; }
.btn-empty.btn-empty--white { color: #FFF; }
@media (min-width: 1100px) { .btn-empty:active { box-shadow: none; } }

.btn-toggle { line-height: 42px; }
.btn-toggle i { font-size: 18px; margin-left: 8px; }
.btn-toggle.active { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.btn-toggle.active i:before { content: "\f106"; }
.btn-toggle--white { color: #FFF; }
.btn-toggle.btn-empty { font-size: 13px; font-weight: 400; }

.btn-action { background-color: transparent; border: 0; line-height: 32px; color: #1C2430; display: inline-block; margin: 0 0 0 20px; }
.btn-action > *:first-child { font-size: 18px; margin-right: 10px; }
.btn-action > img { width: 30px; vertical-align: top; display: inline-block; margin-top: 7px; }
.btn-action .fa { margin-top: 2px; }
.btn-action .caret { margin-left: 5px; }
.btn-action > span { text-transform: capitalize; }
.btn-action[disabled] { opacity: 0.5; }

.btn-circle { font-family: 'Lato', sans-serif; background-color: #FFF; color: #1C2430; font-size: 13px; line-height: 30px; margin-right: 10px; width: 30px; height: 30px; text-align: center; border-radius: 50%; border: 1px solid #D0D2D4; display: inline-block; position: relative; }
.btn-circle > i { border-radius: 100%; }
.btn-circle .count { background-color: #1C2430; width: 20px; height: 20px; color: #FFF; font-size: 10px; font-weight: 400; position: absolute; top: -10px; right: -10px; line-height: 18px; border-radius: 100%; }
.btn-circle.active { background-color: #1C2430; border-color: #1C2430; color: #FFF; }
.btn-circle.btn-circle--white { background-color: transparent; color: #FFF; border: 1px solid rgba(255, 255, 255, 0.52); }
.btn-circle.btn-circle--white .count { background-color: #FFF; border: 1px solid #FFF; color: #1C2430; }
.btn-circle.btn-circle--white.active { color: #1C2430; background-color: #FFF; border-color: #FFF; }
.btn-circle.btn-circle--white.active .count { border-color: #8D959C; }
.btn-circle.btn--sm { font-size: 11px; line-height: 26px; width: 26px; height: 26px; border-color: #1C2430; }
.btn-circle.btn--lg { font-size: 24px; line-height: 36px; width: 38px; height: 38px; }
@media (min-width: 1100px) { .btn-circle:hover { background-color: #1C2430; border-color: #1C2430; color: #EFEFEF; }
  .btn-circle:hover .count { border-color: #8D959C; }
  .btn-circle.btn-circle--white:hover { background-color: #FFF; border-color: #FFF; color: #1C2430 !important; } }

.btn-border { background-color: transparent; border: 0; line-height: 32px; color: #1C2430; border-bottom: 2px solid; padding: 0 15px; display: inline-block; }
.btn-border .caret { margin-left: 5px; }

.ico-btn { border-radius: 50% !important; text-align: center; text-decoration: none !important; color: #96a0b0 !important; transition: .2s; justify-content: center !important; display: inline-flex !important; font-size: 0; }
.ico-btn:hover .sf-bg-circle { color: #535962; padding: 0.15em; background-color: rgba(183, 183, 183, 0.2); border: 1px solid rgba(183, 183, 183, 0); }
.ico-btn:active .sf-bg-circle { color: #535962; padding: 0.15em; background-color: rgba(183, 183, 183, 0.2); border: 1px solid rgba(183, 183, 183, 0); }
.ico-btn:focus .sf-bg-circle { color: #535962; padding: 0.15em; background-color: rgba(183, 183, 183, 0.2); border: 1px solid rgba(183, 183, 183, 0); }
.ico-btn .sf-bg-circle { color: #96A0B1; padding: 0.15em; border: 1px solid rgba(183, 183, 183, 0.2); transition: all .2s; cursor: pointer; text-decoration: none !important; border-radius: 50%; margin-right: unset !important; }
.ico-btn .sf-bg-circle.sf-sm { padding: 0.05em !important; }

.ico-btn[data-tooltip] { position: relative; z-index: 2; cursor: pointer; }
.ico-btn[data-tooltip]:before { visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 0.3s; position: absolute; bottom: 45px; margin-bottom: 7px; padding: 10px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #1F1F1F; color: #fff; content: attr(data-tooltip); font-size: 11px; }
.ico-btn[data-tooltip]:after { visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 0.3s; position: absolute; bottom: 47px; width: 0; border-top: 5px solid #1F1F1F; border-right: 5px solid transparent; border-left: 5px solid transparent; content: " "; font-size: 0; line-height: 0; }
.ico-btn[data-tooltip]:hover:before { visibility: visible; opacity: 1; }
.ico-btn[data-tooltip]:hover:after { visibility: visible; opacity: 1; }

.ico-btn.light:hover .sf-bg-circle { color: #F1F2F4 !important; }
.ico-btn.light:focus .sf-bg-circle { color: #F1F2F4 !important; }
.ico-btn.light:active .sf-bg-circle { color: #F1F2F4 !important; }

.btn-transition { transition: all .2s !important; text-shadow: none !important; }

.btn-transition.btn--light { border-color: #D3D8DE !important; opacity: 1; }
.btn-transition.btn--light:hover { border-color: #88909B !important; opacity: 1; }

.btn.sf-btn { font-size:12px; white-space: nowrap; display: flex !important; align-items: center !important; text-shadow: none !important; min-width: unset !important; height: unset !important; border-radius: 3px; transition: all .2s; }

.btn.sf-btn.btn--light { background: #FFF !important; border-color: #DDDDDD; color: #1B2430 !important; }
.btn.sf-btn.btn--light:hover { background: rgba(183, 183, 183, 0.2) !important; }
.btn.sf-btn.btn--light:focus { background: rgba(183, 183, 183, 0.2) !important; }

.btn.sf-btn.btn--gray { border: solid 1px; background: #F9F9F9 !important; border-color: #EDEDED !important; color: #1B2430 !important; }
.btn.sf-btn.btn--gray:hover { background: #E7E7E7 !important; border-color: #DCDCDC !important; }
.btn.sf-btn.btn--gray:focus { background: #E7E7E7 !important; border-color: #DCDCDC !important; }

.btn.sf-btn.btn--blue:hover { background: #0D6BF2 !important; }
.btn.sf-btn.btn--blue:focus { background: #0D6BF2 !important; }

.sf-ico-btn.btn--gray i { color: var(--nav-grey-regular); }

.sf-ico-btn i { font-size: 26px !important; margin-left: -5px; padding-right: 5px; transition: color .4s; color: var(--nav-grey-regular); }
.sf-ico-btn i.sf { font-size: 26px !important; margin-left: -5px; padding-right: 5px; }
.sf-ico-btn:hover i.sf { color: #313C49; }
.sf-ico-btn:focus i.sf { color: #313C49; }

.sf-ico-btn.btn--blue i { color: #FFFFFF; }
.sf-ico-btn.btn--blue:hover i { color: #FFFFFF; }
.sf-ico-btn.btn--blue:focus i { color: #FFFFFF; }

.btn.btn--color { color: #1B2430 !important; border: solid 1px; border-color: #e7e7e7; background: transparent; transition: all .4s ease; position: relative; z-index: 1; line-height: 42px; }
.btn.btn--color:hover { border-color: transparent; }
.btn.btn--color:hover::before { opacity: 0.5; transition: all .2s ease; }
.btn.btn--color:hover i { color: unset !important; }
.btn.btn--color::before { content: ''; position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); top: -1px; left: -1px; z-index: -1; opacity: 0.1; border-radius: 3px; transition: all .4s ease; line-height: 42px; }
.btn.btn--color:focus::before { opacity: 0.5; transition: all .2s ease; }

.btn.btn-color-1 i { color: var(--tile-color-1); }
.btn.btn-color-1:focus::before { background: var(--tile-color-1); }

.btn.btn-color-2 i { color: var(--tile-color-2) !important; }
.btn.btn-color-2:focus::before { background: var(--tile-color-2); }

.btn.btn-color-3 i { color: var(--tile-color-3); }
.btn.btn-color-3:focus::before { background: var(--tile-color-3); }

.btn.btn-color-4 i { color: var(--tile-color-4); }
.btn.btn-color-4:focus::before { background: var(--tile-color-4); }

.btn.btn-color-5 i { color: var(--tile-color-5); }
.btn.btn-color-5:focus::before { background: var(--tile-color-5); }

.btn.btn-color-6 i { color: var(--tile-color-6); }
.btn.btn-color-6:focus::before { background: var(--tile-color-6); }

.btn.btn-color-7 i { color: var(--tile-color-7); }
.btn.btn-color-7:focus::before { background: var(--tile-color-7); }

.btn.btn-color-8 i { color: var(--tile-color-8); }
.btn.btn-color-8:focus::before { background: var(--tile-color-8); }

.btn.btn-color-9 i { color: var(--tile-color-9); }
.btn.btn-color-9:focus::before { background: var(--tile-color-9); }

.btn.btn--color.btn-color-1:hover::before { background: var(--tile-color-1); }

.btn.btn--color.btn-color-2:hover::before { background: var(--tile-color-2); }

.btn.btn--color.btn-color-3:hover::before { background: var(--tile-color-3); }

.btn.btn--color.btn-color-4:hover::before { background: var(--tile-color-4); }

.btn.btn--color.btn-color-5:hover::before { background: var(--tile-color-5); }

.btn.btn--color.btn-color-6:hover::before { background: var(--tile-color-6); }

.btn.btn--color.btn-color-7:hover::before { background: var(--tile-color-7); }

.btn.btn--color.btn-color-8:hover::before { background: var(--tile-color-8); }

.btn.btn--color.btn-color-9:hover::before { background: var(--tile-color-9); }

.btns-in-table .btn.btn--color { border: none !important; border-radius: 0 !important; margin-bottom: 1px !important; }
.btns-in-table .btn.btn--color:not(:last-child) { border-bottom: 1px solid #E5E5E5 !important; }
.btns-in-table .btn.btn--color::before { content: ''; position: absolute; width: 100%; height: calc(100% + 1px); top: -1px; left: 0; z-index: -1; border-radius: 0; }

select.bs-select-hidden, select.selectpicker { display: none !important; }

select { height: 32px; background-color: transparent; padding-right: 25px; padding-left: 13px; }

.bootstrap-select { font-family: 'Lato', Helvetica, sans-serif; position: relative; width: auto; display: inline-block; }
.bootstrap-select > .dropdown-toggle { width: 100%; padding-right: 15px; padding-left: 15px; z-index: 1; height: 40px; border: 1px solid #E5E7EA; color: #252A33; border-radius: 0px; }
.bootstrap-select > .dropdown-toggle .filter-option { display: inline-block; overflow: hidden; text-align: left; line-height: 34px; max-width: calc(100% - 10px); display: block; display: -webkit-box; max-height: 34px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 739px) { .bootstrap-select > .dropdown-toggle .filter-option { max-width: 90%; } }
.bootstrap-select > .dropdown-toggle .filter-option > i { width: 30px; text-align: center; font-size: 14px; }
.bootstrap-select > .dropdown-toggle .filter-option > img { width: 16px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; vertical-align: top; margin-right: 5px; margin-top: 8px; }
.bootstrap-select > .dropdown-toggle .filter-option .small { font-size: 10px; color: #6A7382; }
.bootstrap-select > .dropdown-toggle .filter-option .thin { font-size: 10px; width: 18px; }
.bootstrap-select > .dropdown-toggle .filter-option .thin.color-th-dark { color: #2B343E; }
.bootstrap-select > .dropdown-toggle .filter-option .thin.color-th-gray { color: #4E596C; }
.bootstrap-select > .dropdown-toggle .filter-option .thin.color-th-white { color: #CCC; }
.bootstrap-select > .dropdown-toggle .filter-option .thin.color-th-red { color: #E04934; }
.bootstrap-select > .dropdown-toggle .filter-option .thin.color-th-blue { color: #0367B6; }
.bootstrap-select > .dropdown-toggle .filter-option .thin.color-th-purple { color: #513962; }
.bootstrap-select > .dropdown-toggle .filter-option .thin.color-th-green { color: #27BC89; }
.bootstrap-select > .dropdown-toggle .filter-option .thin.color-th-orange { color: #EB7B3F; }
.bootstrap-select > .dropdown-toggle .filter-option .thin.color-th-caribbean { color: #4FBBD0; }
.bootstrap-select > .dropdown-toggle .filter-option .thin.color-th-brown { color: #864021; }
.bootstrap-select > .dropdown-toggle .caret { position: absolute; top: 50%; right: 8px; margin-top: -2px; vertical-align: middle; }
@media (max-width: 739px) { .bootstrap-select > .dropdown-toggle .caret { position: relative; right: 0; float: right; } }
.bootstrap-select > .dropdown-toggle.btn-empty { font-size: 13px; }
.bootstrap-select .bs-caret { width: 10px; float: right; }
@media (max-width: 739px) { .bootstrap-select .bs-caret { float: none; } }
.bootstrap-select > select { position: fixed; bottom: 0; left: 0; display: block !important; width: 0 !important; height: 0 !important; padding: 0 !important; opacity: 1 !important; border: none; }
.bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2; }
.bootstrap-select.full-width { width: 100% !important; }
.bootstrap-select.select--white > .dropdown-toggle, .box.box--black .bootstrap-select > .dropdown-toggle, .box.box--dark .bootstrap-select > .dropdown-toggle, .box.box--gray .bootstrap-select > .dropdown-toggle, .box.box--red .bootstrap-select > .dropdown-toggle, .box.box--blue .bootstrap-select > .dropdown-toggle, .box.box--purple .bootstrap-select > .dropdown-toggle, .box.box--green .bootstrap-select > .dropdown-toggle, .box.box--orange .bootstrap-select > .dropdown-toggle, .box.box--caribbean .bootstrap-select > .dropdown-toggle, .box.box--brown .bootstrap-select > .dropdown-toggle { color: #a0abbb; border: 1px solid rgba(255, 255, 255, 0.4); }
.bootstrap-select.select--white .caret, .box.box--black .bootstrap-select .caret, .box.box--dark .bootstrap-select .caret, .box.box--gray .bootstrap-select .caret, .box.box--red .bootstrap-select .caret, .box.box--blue .bootstrap-select .caret, .box.box--purple .bootstrap-select .caret, .box.box--green .bootstrap-select .caret, .box.box--orange .bootstrap-select .caret, .box.box--caribbean .bootstrap-select .caret, .box.box--brown .bootstrap-select .caret { color: #6B7581; }
.bootstrap-select.select-stats > .dropdown-toggle:before { content: ''; background-color: #323844; width: 18px; height: 18px; display: inline-block; vertical-align: top; margin-right: 5px; border-radius: 100%; background-image: linear-gradient(210deg, rgba(0, 0, 0, 0) 50%, #f1f1f1 50%), linear-gradient(90deg, #f1f1f1 50%, rgba(0, 0, 0, 0) 50%); }
.bootstrap-select.select-stats .filter-option { display: none; }
.bootstrap-select.select-action > .dropdown-toggle { border: 0; height: 32px; padding-left: 5px; padding-right: 5px; }
.bootstrap-select.select-action .dropdown-menu li { border-bottom: 0; }
.bootstrap-select.select-action .dropdown-menu .divider { border-bottom: 1px solid #a2a2a2; margin: 0 20px; }
.bootstrap-select.select-action .dropdown-header { padding: 0; }
.bootstrap-select.select-action .filter-option { padding-right: 10px; }
.bootstrap-select.select-action .filter-option:before { font-family: 'icomoon' !important; font-size: 18px; margin-right: 10px; content: "\e972"; vertical-align: bottom; }
.bootstrap-select.select--icons .dropdown-menu > li { float: left; width: 50%; text-align: center; border-bottom: 0; }
.bootstrap-select.select--icons .dropdown-menu > li > a { padding: 5px 10px; font-size: 24px; }
.bootstrap-select.select--sm .dropdown-toggle { border: 0px; font-size: 12px; line-height: 20px; height: 20px; color: #2869CB; }
.bootstrap-select.select--sm .dropdown-toggle .filter-option { line-height: 20px; }
.bootstrap-select.select--border { vertical-align: middle; }
.bootstrap-select.select--border .dropdown-toggle { border: 0; border-bottom: 2px solid #1C2430; }
.bootstrap-select.select--border .dropdown-toggle .filter-option { font-weight: 600; }
.bootstrap-select.disabled { opacity: 0.5; }
.bootstrap-select.select--disabled > .dropdown-toggle.disabled, .bootstrap-select.select--disabled > .dropdown-toggle[disabled] { opacity: 0.5; }
.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle { border-color: #b94a48; }

.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*="col-"].dropdown-menu-right, .row .bootstrap-select[class*="col-"].dropdown-menu-right { float: right; }
.form-inline .bootstrap-select, .form-horizontal .bootstrap-select, .form-group .bootstrap-select { margin-bottom: 0; }
.form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control { padding: 0; }
.form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; }
.form-inline .bootstrap-select .form-control { width: 100%; }
.bootstrap-select.disabled, .bootstrap-select > .disabled { cursor: not-allowed; }
.bootstrap-select.bs-container { position: absolute; height: 0 !important; padding: 0 !important; }
.bootstrap-select.bs-container .dropdown-menu { z-index: 1060; }
.bootstrap-select[class*="col-"] .dropdown-toggle { width: 100%; }
.bootstrap-select .dropdown-menu { min-width: 100%; z-index: 1; }
@media (max-width: 739px) { .bootstrap-select .dropdown-menu { min-width: 80px; position: relative; } }
.bootstrap-select .dropdown-menu.inner { position: static; float: none; margin: 0; }
.bootstrap-select .dropdown-menu li { position: relative; border-bottom: 1px solid rgba(202, 202, 202, 0.5); }
.bootstrap-select .dropdown-menu li:last-child { border-bottom: 0; }
.bootstrap-select .dropdown-menu li.active small { color: #fff; }
.bootstrap-select .dropdown-menu li.disabled a { cursor: not-allowed; }
.bootstrap-select .dropdown-menu li a { user-select: none; outline: none; white-space: nowrap; }
@media (max-width: 739px) { .bootstrap-select .dropdown-menu li a { white-space: normal; } }
.bootstrap-select .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; }
.bootstrap-select .dropdown-menu li a [class^=" icon-"], .bootstrap-select .dropdown-menu li a [class^=" fa-"] { width: 30px; text-align: center; font-size: 16px; }
.bootstrap-select .dropdown-menu li a > img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 20px; margin: 8px 5px 8px 0; vertical-align: top; }
.bootstrap-select .dropdown-menu li a span.small { font-size: 10px; color: #6A7382; }
.bootstrap-select .dropdown-menu li a span.check-mark { display: none; }
.bootstrap-select .dropdown-menu li a span.text { display: inline-block; }
.bootstrap-select .dropdown-menu li small { padding-left: 0.5em; }
.bootstrap-select .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: whitesmoke; border: 1px solid #e3e3e3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; }
.bootstrap-select .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; }
.bootstrap-select.fit-width .dropdown-toggle .filter-option { position: static; }
.bootstrap-select.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; }
.bootstrap-select.show-tick .dropdown-menu li.selected a span.check-mark { position: absolute; display: inline-block; right: 15px; line-height: 35px; }
.bootstrap-select.show-tick .dropdown-menu li.selected a span.check-mark:before { font-family: "icomoon"; content: "\e916"; }
.bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: 34px; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle { z-index: 1061; }
.bootstrap-select.show-menu-arrow .dropdown-toggle:before { content: ''; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; }
.bootstrap-select.show-menu-arrow .dropdown-toggle:after { content: ''; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { bottom: auto; top: -3px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { bottom: auto; top: -3px; border-top: 6px solid white; border-bottom: 0; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { right: 12px; left: auto; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { right: 13px; left: auto; }
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { display: block; }

.bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; }

.bs-actionsbox { width: 100%; }
.bs-actionsbox .btn-group button { width: 50%; }

.bs-donebutton { float: left; width: 100%; }
.bs-donebutton .btn-group button { width: 100%; }

.bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; }
.bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; }

.long-select { white-space: normal; display: inline-block; font-size: 13px !important; line-height: 27px !important; }
.long-select .ls-label { margin-right: 5px !important; }
.long-select .filter-option { font-size: 13px !important; color: #2869CB !important; cursor: pointer; text-overflow: inherit !important; overflow: unset !important; padding: 0 !important; line-height: 18px !important; display: inline-table !important; }
.long-select .dropdown-menu.open { position: absolute; width: fit-content; }
.long-select .dropdown-menu.open [aria-expanded="true"] { display: inline-table !important; width: fit-content; }
.long-select .dropdown-menu li a { line-height: 18px !important; padding: 10px 35px 10px 15px; }
.long-select li.selected a { color: #2869CB; }
.long-select li.selected::before { color: #2869CB; content: ""; display: block; box-sizing: border-box; position: absolute; right: 15px; top: 8px; width: 6px; height: 10px; border-width: 0 2px 2px 0; border-style: solid; transform-origin: bottom left; transform: rotate(45deg); }
.long-select li:hover { background: #F8F9FA !important; }
.long-select .select--sm { padding: 0 !important; margin: 0 5px 0 0 !important; white-space: nowrap; display: inline-block; }
.long-select .select--sm::after { display: none !important; }
.long-select .select--sm .bs-caret { margin-left: 10px; }
.long-select .select--sm .caret { position: absolute !important; right: 0 !important; margin-top: -2px !important; float: right !important; }
.long-select .dropdown-toggle { display: inline-block !important; padding: 0 !important; margin: 0 !important; -webkit-appearance: none !important; -moz-appearance: none !important; }
.long-select .dropdown-toggle::after { display: none !important; }

.checkbox, .radio { display: inline-block; margin-bottom: 10px; }
.checkbox input, .radio input { position: absolute; overflow: hidden; width: 0; height: 0; opacity: 0; }
.checkbox > span, .checkbox > .item__name:not(:first-child), .radio > span, .radio > .item__name:not(:first-child) { padding-left: 30px; position: relative; line-height: 20px; cursor: pointer; margin-bottom: 0; vertical-align: top; text-align: left; min-height: 20px; display: inline-block; }
.checkbox > span h4, .checkbox > .item__name:not(:first-child) h4, .radio > span h4, .radio > .item__name:not(:first-child) h4 { font-size: 16px; font-weight: 600; margin: 0 0 5px; }
.checkbox > span:empty, .checkbox > .item__name:not(:first-child):empty, .radio > span:empty, .radio > .item__name:not(:first-child):empty { padding-left: 20px; }
.checkbox > span.btn, .checkbox > .item__name:not(:first-child).btn, .radio > span.btn, .radio > .item__name:not(:first-child).btn { margin-bottom: 0; padding-left: 0; padding-right: 0; line-height: 42px; text-align: center; }
.checkbox > span.btn:before, .checkbox > .item__name:not(:first-child).btn:before, .radio > span.btn:before, .radio > .item__name:not(:first-child).btn:before { display: none; }
.checkbox input:checked + span.btn, .radio input:checked + span.btn { color: #FFF !important; border-color: #2869CB; background: #2869CB; }
.checkbox input:checked + span.btn:after, .radio input:checked + span.btn:after { display: none; }
.checkbox input:checked[disabled] + span:before, .radio input:checked[disabled] + span:before { background-color: #F1F1F1; border: 1px solid #D9DBE2; }
.checkbox input:checked[disabled] + span:after, .radio input:checked[disabled] + span:after { color: #D9DBE2; }
.checkbox input[disabled] + span:before, .radio input[disabled] + span:before { background-color: #F1F1F1; border: 1px solid #D9DBE2; }
.checkbox input[disabled] + span:after, .radio input[disabled] + span:after { color: #D9DBE2; }
.checkbox.inline, .radio.inline { display: inline-block; vertical-align: top; }
.checkbox.inline + p, .radio.inline + p { display: inline-block; margin-left: 20px; line-height: 20px; max-width: calc(100% - 50px); }
.checkbox.inline.completed + p, .radio.inline.completed + p { font-weight: 600; }
.checkbox.true-false > span, .radio.true-false > span { padding-left: 50px; line-height: 40px; margin-right: 50px; }
.checkbox.true-false > span:before, .radio.true-false > span:before { content: ''; width: 40px; height: 40px; border: 4px solid #ECEDEF; border-radius: 50%; top: 0; margin-top: 0; }
.checkbox.true-false > span:after, .radio.true-false > span:after { width: 40px; height: 40px; font-family: "Lato", Arial; font-size: 12px; font-weight: 600; line-height: 40px; color: #443F3F; content: attr(data-value); top: 0; }
.checkbox.true-false input:checked + span, .radio.true-false input:checked + span { color: #476399; }
.checkbox.true-false input:checked + span:before, .radio.true-false input:checked + span:before { border: 4px solid #476399; background-color: #476399; }
.checkbox.true-false input:checked + span:after, .radio.true-false input:checked + span:after { font-family: "Lato", Arial; content: attr(data-value); color: #FFF; }
.checkbox.color-assessment input:checked + span:after, .radio.color-assessment input:checked + span:after { background-color: #555FA8; }
.checkbox.color-assignment input:checked + span:after, .radio.color-assignment input:checked + span:after { background-color: #0C4C73; }
.checkbox.color-badge input:checked + span:after, .radio.color-badge input:checked + span:after { background-color: #29ABC3; }
.checkbox.color-career-advice input:checked + span:after, .radio.color-career-advice input:checked + span:after { background-color: #5C7DBC; }
.checkbox.color-letter input:checked + span:after, .radio.color-letter input:checked + span:after { background-color: #7ABF0D; }
.checkbox.color-interview input:checked + span:after, .radio.color-interview input:checked + span:after { background-color: #0B8FCF; }
.checkbox.color-occupation input:checked + span:after, .radio.color-occupation input:checked + span:after { background-color: #7F97B6; }
.checkbox.color-organization input:checked + span:after, .radio.color-organization input:checked + span:after { background-color: #A75A7B; }
.checkbox.color-outcome input:checked + span:after, .radio.color-outcome input:checked + span:after { background-color: #C58042; }
.checkbox.color-pitch input:checked + span:after, .radio.color-pitch input:checked + span:after { background-color: #D26565; }
.checkbox.color-portfolio input:checked + span:after, .radio.color-portfolio input:checked + span:after { background-color: #E56161; }
.checkbox.color-question input:checked + span:after, .checkbox.color-interview_question input:checked + span:after, .radio.color-question input:checked + span:after, .radio.color-interview_question input:checked + span:after { background-color: #F35E24; }
.checkbox.color-quiz input:checked + span:after, .radio.color-quiz input:checked + span:after { background-color: #33C1B2; }
.checkbox.color-resume input:checked + span:after, .radio.color-resume input:checked + span:after { background-color: #2A5CC0; }
.checkbox.color-rubric input:checked + span:after, .radio.color-rubric input:checked + span:after { background-color: #92A0DC; }
.checkbox.color-user input:checked + span:after, .checkbox.color-user input:checked + span:after, .radio.color-user input:checked + span:after, .radio.color-user input:checked + span:after { background-color: #D64C4C; }
@media (min-width: 1100px) { .checkbox input:focus + span:before, .radio input:focus + span:before { -webkit-box-shadow: 0px 0px 3px 2px rgba(102, 175, 233, 0.7); -moz-box-shadow: 0px 0px 3px 2px rgba(102, 175, 233, 0.7); box-shadow: 0px 0px 3px 2px rgba(102, 175, 233, 0.7); } }

.checkbox > span:before, .checkbox > .item__name:not(:first-child):before { background-color: #FFF; content: ''; width: 20px; height: 20px; border: 1px solid #D9DBE2; border-radius: 1px; position: absolute; top: 0; left: 0; margin-top: 0; }
.checkbox > span:after, .checkbox > .item__name:not(:first-child):after { width: 20px; height: 20px; font-family: 'FontAwesome'; font-size: 10px; line-height: 20px; position: absolute; top: 0; left: 0; color: #FFF; text-align: center; }
.checkbox input:checked + span, .checkbox input:checked + .item__name:not(:first-child) { font-weight: 600; }
.checkbox input:checked + span:after, .checkbox input:checked + .item__name:not(:first-child):after { content: '\f00c'; }
.checkbox input:checked + span:before, .checkbox input:checked + .item__name:not(:first-child):before { border: 1px solid #34C787; background-color: #34C787; }
.checkbox input:checked + span.complete, .checkbox input:checked + .item__name:not(:first-child).complete { color: #34C787; text-decoration: line-through; }
.checkbox input:checked + span.complete:after, .checkbox input:checked + .item__name:not(:first-child).complete:after { content: ''; background-color: #34C787; width: 12px; height: 12px; top: 4px; }
.checkbox input:checked + span.btn, .checkbox input:checked + .item__name:not(:first-child).btn { background-color: #0B8FCF; color: #FFF; }
.checkbox.completed input + span { color: #34C787; }
.checkbox.completed input + span:before { border: 1px solid #34C787; background-color: #34C787; }
.checkbox.checkbox--box { margin: 20px; text-align: center; display: inline-block; cursor: pointer; -webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1); }
.checkbox.checkbox--box > span { font-size: 11px; text-align: center; width: 120px; min-height: 120px; padding: 25px 10px 10px; }
.checkbox.checkbox--box > span > img { width: 30px; height: 30px; border-radius: 100%; margin: 0 auto 15px; display: block; }
.checkbox.checkbox--box > span > span { display: block; }
.checkbox.checkbox--box > span:before, .checkbox.checkbox--box > span:after { display: none; }
.checkbox.checkbox--box.checkbox--dark > span { background-color: #434B57; color: #FFF; }
.checkbox.checkbox--box.checkbox--dark input:checked + span { background-color: #0B7ACF; }
@media (max-width: 739px) { .checkbox.checkbox--box > span { width: 200px; } }

.radio > span:before { background-color: #FFF; content: ''; width: 20px; height: 20px; border: 1px solid #D9DBE2; position: absolute; top: 0; left: 0; margin-top: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.radio > span:after { width: 20px; font-family: 'FontAwesome'; font-size: 9px; line-height: 20px; position: absolute; top: 0; left: 0; color: #FFF; text-align: center; }
.radio input:checked + span:before { background-color: #34C787; }
.radio input:checked + span:after { content: '\f111'; }
.radio.color-green input:checked + span:before { background-color: #3DB928; }
.radio.color-blue input:checked + span:before { background-color: #0E5DC9; }
.radio.color-purple input:checked + span:before { background-color: #935EAA; }
.radio.color-gray input:checked + span:before { background-color: #4E5B84; }
.radio.color-red input:checked + span:before { background-color: #C70A0A; }
.radio.color-very-stronlgy-like input:checked + span:before { background-color: #0e5dc9; }
.radio.color-strongly-like input:checked + span:before { background-color: #0e5dc9; }
.radio.color-like input:checked + span:before { background-color: #0e5dc9; }
.radio.color-unsure input:checked + span:before { background-color: #0e5dc9; }
.radio.color-dislike input:checked + span:before { background-color: #0e5dc9; }
.radio.color-strongly-dislike input:checked + span:before { background-color: #0e5dc9; }
.radio.color-scale-green input:checked + span:before { background-color: #3DB928; }

input[type="text"], input[type="password"], input[type="email"], textarea, .input { background-color: #FFF; display: block; width: 100%; border: 1px solid #E5E7EA; color: #1C2430; box-shadow: none; border-radius: 0; -webkit-appearance: none; }
input[type="text"].datepicker, input[type="password"].datepicker, input[type="email"].datepicker, textarea.datepicker, .input.datepicker { display: inline-block; position: relative; }
input[type="text"].start, input[type="password"].start, input[type="email"].start, textarea.start, .input.start { text-align: left; margin-bottom: 0; }
input[type="text"].input--md, input[type="password"].input--md, input[type="email"].input--md, textarea.input--md, .input.input--md { height: 40px; }
input[type="text"].input--white, .box.box--black input[type="text"].input, .box.box--dark input[type="text"].input, .box.box--gray input[type="text"].input, .box.box--red input[type="text"].input, .box.box--blue input[type="text"].input, .box.box--purple input[type="text"].input, .box.box--green input[type="text"].input, .box.box--orange input[type="text"].input, .box.box--caribbean input[type="text"].input, .box.box--brown input[type="text"].input, input[type="password"].input--white, .box.box--black input[type="password"].input, .box.box--dark input[type="password"].input, .box.box--gray input[type="password"].input, .box.box--red input[type="password"].input, .box.box--blue input[type="password"].input, .box.box--purple input[type="password"].input, .box.box--green input[type="password"].input, .box.box--orange input[type="password"].input, .box.box--caribbean input[type="password"].input, .box.box--brown input[type="password"].input, input[type="email"].input--white, .box.box--black input[type="email"].input, .box.box--dark input[type="email"].input, .box.box--gray input[type="email"].input, .box.box--red input[type="email"].input, .box.box--blue input[type="email"].input, .box.box--purple input[type="email"].input, .box.box--green input[type="email"].input, .box.box--orange input[type="email"].input, .box.box--caribbean input[type="email"].input, .box.box--brown input[type="email"].input, textarea.input--white, .box.box--black textarea.input, .box.box--black textarea, .box.box--dark textarea.input, .box.box--dark textarea, .box.box--gray textarea.input, .box.box--gray textarea, .box.box--red textarea.input, .box.box--red textarea, .box.box--blue textarea.input, .box.box--blue textarea, .box.box--purple textarea.input, .box.box--purple textarea, .box.box--green textarea.input, .box.box--green textarea, .box.box--orange textarea.input, .box.box--orange textarea, .box.box--caribbean textarea.input, .box.box--caribbean textarea, .box.box--brown textarea.input, .box.box--brown textarea, .input.input--white, .box.box--black .input, .box.box--dark .input, .box.box--gray .input, .box.box--red .input, .box.box--blue .input, .box.box--purple .input, .box.box--green .input, .box.box--orange .input, .box.box--caribbean .input, .box.box--brown .input { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.25); color: #FFF; }
input[type="text"].input--white::-webkit-input-placeholder, .box.box--black input[type="text"].input::-webkit-input-placeholder, .box.box--dark input[type="text"].input::-webkit-input-placeholder, .box.box--gray input[type="text"].input::-webkit-input-placeholder, .box.box--red input[type="text"].input::-webkit-input-placeholder, .box.box--blue input[type="text"].input::-webkit-input-placeholder, .box.box--purple input[type="text"].input::-webkit-input-placeholder, .box.box--green input[type="text"].input::-webkit-input-placeholder, .box.box--orange input[type="text"].input::-webkit-input-placeholder, .box.box--caribbean input[type="text"].input::-webkit-input-placeholder, .box.box--brown input[type="text"].input::-webkit-input-placeholder, input[type="password"].input--white::-webkit-input-placeholder, .box.box--black input[type="password"].input::-webkit-input-placeholder, .box.box--dark input[type="password"].input::-webkit-input-placeholder, .box.box--gray input[type="password"].input::-webkit-input-placeholder, .box.box--red input[type="password"].input::-webkit-input-placeholder, .box.box--blue input[type="password"].input::-webkit-input-placeholder, .box.box--purple input[type="password"].input::-webkit-input-placeholder, .box.box--green input[type="password"].input::-webkit-input-placeholder, .box.box--orange input[type="password"].input::-webkit-input-placeholder, .box.box--caribbean input[type="password"].input::-webkit-input-placeholder, .box.box--brown input[type="password"].input::-webkit-input-placeholder, input[type="email"].input--white::-webkit-input-placeholder, .box.box--black input[type="email"].input::-webkit-input-placeholder, .box.box--dark input[type="email"].input::-webkit-input-placeholder, .box.box--gray input[type="email"].input::-webkit-input-placeholder, .box.box--red input[type="email"].input::-webkit-input-placeholder, .box.box--blue input[type="email"].input::-webkit-input-placeholder, .box.box--purple input[type="email"].input::-webkit-input-placeholder, .box.box--green input[type="email"].input::-webkit-input-placeholder, .box.box--orange input[type="email"].input::-webkit-input-placeholder, .box.box--caribbean input[type="email"].input::-webkit-input-placeholder, .box.box--brown input[type="email"].input::-webkit-input-placeholder, textarea.input--white::-webkit-input-placeholder, .box.box--black textarea.input::-webkit-input-placeholder, .box.box--black textarea::-webkit-input-placeholder, .box.box--dark textarea.input::-webkit-input-placeholder, .box.box--dark textarea::-webkit-input-placeholder, .box.box--gray textarea.input::-webkit-input-placeholder, .box.box--gray textarea::-webkit-input-placeholder, .box.box--red textarea.input::-webkit-input-placeholder, .box.box--red textarea::-webkit-input-placeholder, .box.box--blue textarea.input::-webkit-input-placeholder, .box.box--blue textarea::-webkit-input-placeholder, .box.box--purple textarea.input::-webkit-input-placeholder, .box.box--purple textarea::-webkit-input-placeholder, .box.box--green textarea.input::-webkit-input-placeholder, .box.box--green textarea::-webkit-input-placeholder, .box.box--orange textarea.input::-webkit-input-placeholder, .box.box--orange textarea::-webkit-input-placeholder, .box.box--caribbean textarea.input::-webkit-input-placeholder, .box.box--caribbean textarea::-webkit-input-placeholder, .box.box--brown textarea.input::-webkit-input-placeholder, .box.box--brown textarea::-webkit-input-placeholder, .input.input--white::-webkit-input-placeholder, .box.box--black .input::-webkit-input-placeholder, .box.box--dark .input::-webkit-input-placeholder, .box.box--gray .input::-webkit-input-placeholder, .box.box--red .input::-webkit-input-placeholder, .box.box--blue .input::-webkit-input-placeholder, .box.box--purple .input::-webkit-input-placeholder, .box.box--green .input::-webkit-input-placeholder, .box.box--orange .input::-webkit-input-placeholder, .box.box--caribbean .input::-webkit-input-placeholder, .box.box--brown .input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); }
input[type="text"].input--white::-moz-placeholder, .box.box--black input[type="text"].input::-moz-placeholder, .box.box--dark input[type="text"].input::-moz-placeholder, .box.box--gray input[type="text"].input::-moz-placeholder, .box.box--red input[type="text"].input::-moz-placeholder, .box.box--blue input[type="text"].input::-moz-placeholder, .box.box--purple input[type="text"].input::-moz-placeholder, .box.box--green input[type="text"].input::-moz-placeholder, .box.box--orange input[type="text"].input::-moz-placeholder, .box.box--caribbean input[type="text"].input::-moz-placeholder, .box.box--brown input[type="text"].input::-moz-placeholder, input[type="password"].input--white::-moz-placeholder, .box.box--black input[type="password"].input::-moz-placeholder, .box.box--dark input[type="password"].input::-moz-placeholder, .box.box--gray input[type="password"].input::-moz-placeholder, .box.box--red input[type="password"].input::-moz-placeholder, .box.box--blue input[type="password"].input::-moz-placeholder, .box.box--purple input[type="password"].input::-moz-placeholder, .box.box--green input[type="password"].input::-moz-placeholder, .box.box--orange input[type="password"].input::-moz-placeholder, .box.box--caribbean input[type="password"].input::-moz-placeholder, .box.box--brown input[type="password"].input::-moz-placeholder, input[type="email"].input--white::-moz-placeholder, .box.box--black input[type="email"].input::-moz-placeholder, .box.box--dark input[type="email"].input::-moz-placeholder, .box.box--gray input[type="email"].input::-moz-placeholder, .box.box--red input[type="email"].input::-moz-placeholder, .box.box--blue input[type="email"].input::-moz-placeholder, .box.box--purple input[type="email"].input::-moz-placeholder, .box.box--green input[type="email"].input::-moz-placeholder, .box.box--orange input[type="email"].input::-moz-placeholder, .box.box--caribbean input[type="email"].input::-moz-placeholder, .box.box--brown input[type="email"].input::-moz-placeholder, textarea.input--white::-moz-placeholder, .box.box--black textarea.input::-moz-placeholder, .box.box--black textarea::-moz-placeholder, .box.box--dark textarea.input::-moz-placeholder, .box.box--dark textarea::-moz-placeholder, .box.box--gray textarea.input::-moz-placeholder, .box.box--gray textarea::-moz-placeholder, .box.box--red textarea.input::-moz-placeholder, .box.box--red textarea::-moz-placeholder, .box.box--blue textarea.input::-moz-placeholder, .box.box--blue textarea::-moz-placeholder, .box.box--purple textarea.input::-moz-placeholder, .box.box--purple textarea::-moz-placeholder, .box.box--green textarea.input::-moz-placeholder, .box.box--green textarea::-moz-placeholder, .box.box--orange textarea.input::-moz-placeholder, .box.box--orange textarea::-moz-placeholder, .box.box--caribbean textarea.input::-moz-placeholder, .box.box--caribbean textarea::-moz-placeholder, .box.box--brown textarea.input::-moz-placeholder, .box.box--brown textarea::-moz-placeholder, .input.input--white::-moz-placeholder, .box.box--black .input::-moz-placeholder, .box.box--dark .input::-moz-placeholder, .box.box--gray .input::-moz-placeholder, .box.box--red .input::-moz-placeholder, .box.box--blue .input::-moz-placeholder, .box.box--purple .input::-moz-placeholder, .box.box--green .input::-moz-placeholder, .box.box--orange .input::-moz-placeholder, .box.box--caribbean .input::-moz-placeholder, .box.box--brown .input::-moz-placeholder { color: rgba(255, 255, 255, 0.6); }
input[type="text"].input--white:-ms-input-placeholder, .box.box--black input[type="text"].input:-ms-input-placeholder, .box.box--dark input[type="text"].input:-ms-input-placeholder, .box.box--gray input[type="text"].input:-ms-input-placeholder, .box.box--red input[type="text"].input:-ms-input-placeholder, .box.box--blue input[type="text"].input:-ms-input-placeholder, .box.box--purple input[type="text"].input:-ms-input-placeholder, .box.box--green input[type="text"].input:-ms-input-placeholder, .box.box--orange input[type="text"].input:-ms-input-placeholder, .box.box--caribbean input[type="text"].input:-ms-input-placeholder, .box.box--brown input[type="text"].input:-ms-input-placeholder, input[type="password"].input--white:-ms-input-placeholder, .box.box--black input[type="password"].input:-ms-input-placeholder, .box.box--dark input[type="password"].input:-ms-input-placeholder, .box.box--gray input[type="password"].input:-ms-input-placeholder, .box.box--red input[type="password"].input:-ms-input-placeholder, .box.box--blue input[type="password"].input:-ms-input-placeholder, .box.box--purple input[type="password"].input:-ms-input-placeholder, .box.box--green input[type="password"].input:-ms-input-placeholder, .box.box--orange input[type="password"].input:-ms-input-placeholder, .box.box--caribbean input[type="password"].input:-ms-input-placeholder, .box.box--brown input[type="password"].input:-ms-input-placeholder, input[type="email"].input--white:-ms-input-placeholder, .box.box--black input[type="email"].input:-ms-input-placeholder, .box.box--dark input[type="email"].input:-ms-input-placeholder, .box.box--gray input[type="email"].input:-ms-input-placeholder, .box.box--red input[type="email"].input:-ms-input-placeholder, .box.box--blue input[type="email"].input:-ms-input-placeholder, .box.box--purple input[type="email"].input:-ms-input-placeholder, .box.box--green input[type="email"].input:-ms-input-placeholder, .box.box--orange input[type="email"].input:-ms-input-placeholder, .box.box--caribbean input[type="email"].input:-ms-input-placeholder, .box.box--brown input[type="email"].input:-ms-input-placeholder, textarea.input--white:-ms-input-placeholder, .box.box--black textarea:-ms-input-placeholder, .box.box--dark textarea:-ms-input-placeholder, .box.box--gray textarea:-ms-input-placeholder, .box.box--red textarea:-ms-input-placeholder, .box.box--blue textarea:-ms-input-placeholder, .box.box--purple textarea:-ms-input-placeholder, .box.box--green textarea:-ms-input-placeholder, .box.box--orange textarea:-ms-input-placeholder, .box.box--caribbean textarea:-ms-input-placeholder, .box.box--brown textarea:-ms-input-placeholder, .input.input--white:-ms-input-placeholder, .box.box--black .input:-ms-input-placeholder, .box.box--dark .input:-ms-input-placeholder, .box.box--gray .input:-ms-input-placeholder, .box.box--red .input:-ms-input-placeholder, .box.box--blue .input:-ms-input-placeholder, .box.box--purple .input:-ms-input-placeholder, .box.box--green .input:-ms-input-placeholder, .box.box--orange .input:-ms-input-placeholder, .box.box--caribbean .input:-ms-input-placeholder, .box.box--brown .input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); }
input[type="text"].input--white:-moz-placeholder, .box.box--black input[type="text"].input:-moz-placeholder, .box.box--dark input[type="text"].input:-moz-placeholder, .box.box--gray input[type="text"].input:-moz-placeholder, .box.box--red input[type="text"].input:-moz-placeholder, .box.box--blue input[type="text"].input:-moz-placeholder, .box.box--purple input[type="text"].input:-moz-placeholder, .box.box--green input[type="text"].input:-moz-placeholder, .box.box--orange input[type="text"].input:-moz-placeholder, .box.box--caribbean input[type="text"].input:-moz-placeholder, .box.box--brown input[type="text"].input:-moz-placeholder, input[type="password"].input--white:-moz-placeholder, .box.box--black input[type="password"].input:-moz-placeholder, .box.box--dark input[type="password"].input:-moz-placeholder, .box.box--gray input[type="password"].input:-moz-placeholder, .box.box--red input[type="password"].input:-moz-placeholder, .box.box--blue input[type="password"].input:-moz-placeholder, .box.box--purple input[type="password"].input:-moz-placeholder, .box.box--green input[type="password"].input:-moz-placeholder, .box.box--orange input[type="password"].input:-moz-placeholder, .box.box--caribbean input[type="password"].input:-moz-placeholder, .box.box--brown input[type="password"].input:-moz-placeholder, input[type="email"].input--white:-moz-placeholder, .box.box--black input[type="email"].input:-moz-placeholder, .box.box--dark input[type="email"].input:-moz-placeholder, .box.box--gray input[type="email"].input:-moz-placeholder, .box.box--red input[type="email"].input:-moz-placeholder, .box.box--blue input[type="email"].input:-moz-placeholder, .box.box--purple input[type="email"].input:-moz-placeholder, .box.box--green input[type="email"].input:-moz-placeholder, .box.box--orange input[type="email"].input:-moz-placeholder, .box.box--caribbean input[type="email"].input:-moz-placeholder, .box.box--brown input[type="email"].input:-moz-placeholder, textarea.input--white:-moz-placeholder, .box.box--black textarea:-moz-placeholder, .box.box--dark textarea:-moz-placeholder, .box.box--gray textarea:-moz-placeholder, .box.box--red textarea:-moz-placeholder, .box.box--blue textarea:-moz-placeholder, .box.box--purple textarea:-moz-placeholder, .box.box--green textarea:-moz-placeholder, .box.box--orange textarea:-moz-placeholder, .box.box--caribbean textarea:-moz-placeholder, .box.box--brown textarea:-moz-placeholder, .input.input--white:-moz-placeholder, .box.box--black .input:-moz-placeholder, .box.box--dark .input:-moz-placeholder, .box.box--gray .input:-moz-placeholder, .box.box--red .input:-moz-placeholder, .box.box--blue .input:-moz-placeholder, .box.box--purple .input:-moz-placeholder, .box.box--green .input:-moz-placeholder, .box.box--orange .input:-moz-placeholder, .box.box--caribbean .input:-moz-placeholder, .box.box--brown .input:-moz-placeholder { color: rgba(255, 255, 255, 0.6); }
input[type="text"].input--gray, input[type="password"].input--gray, input[type="email"].input--gray, textarea.input--gray, .input.input--gray { background-color: #F1F1F1; border: 1px solid #F1F1F1; }
input[type="text"][disabled], input[type="text"][readonly], input[type="password"][disabled], input[type="password"][readonly], input[type="email"][disabled], input[type="email"][readonly], textarea[disabled], textarea[readonly], .input[disabled], .input[readonly] { background-color: #F9F9F9; cursor: not-allowed; opacity: 0.5; border: 1px solid #CDCDCD; }
.has-error > input[type="text"], .has-error > input[type="password"], .has-error > input[type="email"], .has-error > textarea, .has-error > .input { border-color: #a94442; }
input[type="text"].correct, input[type="password"].correct, input[type="email"].correct, textarea.correct, .input.correct { background-color: #DBF7E2; border: 1px solid #38CE5F; color: #38CE5F; }
input[type="text"].incorrect, input[type="password"].incorrect, input[type="email"].incorrect, textarea.incorrect, .input.incorrect { background-color: #F8E7E6; border: 1px solid #C33C39; color: #C33C39; }
@media (min-width: 1100px) { input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, .input:focus { outline: none; border: 1px solid #0B8FCF; } }

input[type="text"], input[type="password"], input[type="email"], .input { height: 40px; padding: 0 15px; }

textarea { height: 180px; resize: none; line-height: 18px; padding: 13px 20px 0; }
textarea.input { padding-top: 9px; }
textarea.h-80 { height: 80px !important; }

.date-wrapper { position: relative; width: 150px; }
@media (max-width: 739px) { .date-wrapper.left-mobile-form { width: 100%; } }
.date-wrapper:after { font-family: "icomoon"; content: '\e92e'; position: absolute; right: 12px; top: calc(50% - 10px); font-size: 18px; line-height: 1; color: #1C2430; }
.date-wrapper .input { padding-right: 40px; text-align: left; }
.date-wrapper .dropdown-menu { width: 100%; }
.date-wrapper.full-width { width: 100%; }
.date-wrapper.date-wrapper--dark:after { color: #6B7581; }
@media (min-width: 1100px) { .date-wrapper .dropdown-menu li > span:hover { background-color: transparent; } }
@media (max-width: 739px) { .date-wrapper { width: 115px; }
  .date-wrapper:after { right: 7px; } }

.auto-wrapper { position: relative; width: 100%; padding: 10px 20px 0; }
.auto-wrapper:after { font-family: "FontAwesome"; content: '\f002'; position: absolute; left: 32px; top: calc(50% - 2px); font-size: 14px; line-height: 1; color: #1C2430; }
.auto-wrapper .input { padding-left: 40px; text-align: left; font-size: 11px; }
.auto-wrapper.auto-wrapper--dark:after { color: #68707C; }

.form-group { margin-bottom: 20px; position: relative; }
.form-group label { font-size: 12px; line-height: 20px; margin-bottom: 10px; cursor: auto; }
.form-group .help-block { line-height: 40px; }

.has-error .help-block, .has-error + .help-block { color: #a94442; }
.has-error ul { list-style-type: none; margin: 0; padding: 0; }
.has-error ul li { margin-top: 5px; line-height: 1.3; color: #a94442; }

.fake-file { position: relative; overflow: hidden; }
.fake-file input[type="file"] { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }
.fake-file.btn + .fake-file__path { line-height: 44px; margin-left: 10px; }

.search-wrapper { position: relative; }
.search-wrapper:after { font-family: "FontAwesome"; content: '\f002'; position: absolute; right: 15px; top: 0; font-size: 16px; line-height: 40px; }
.search-wrapper .input { padding-right: 40px; }
.header__search .search-wrapper:after { line-height: 30px; }
@media (min-width: 1100px) { .search-wrapper .input:focus { outline: 0; box-shadow: none; border: 0; border-bottom: 2px solid rgba(202, 202, 202, 0.5); } }

.bootstrap-datetimepicker-widget .list-unstyled { margin-bottom: 0; }

/*
.datepicker { padding: .4em; .table-condensed { width: 263px; font-size: .9em; table-layout: fixed; thead { tr:nth-child(2) { th:nth-child(odd) { background-color: #F8F8F8; } } } th { border-bottom: 1px solid #C2C2C2; text-align: center; line-height: 24px; &.picker-switch { text-align: center; font-size: 14px; font-weight: bold; } } td { border: 0; padding: 1px; text-align: center; width: 24px; height: 24px; line-height: 24px; cursor: pointer; &:nth-child(odd) { background-color: #F8F8F8; } &.active, &:hover { background-color: $color-text; color: #FFF; } } }
}

.ui-timepicker-wrapper { overflow-y: auto; max-height: 150px; width: 100px; background: #FFF; -webkit-box-shadow: 0px 6px 39px -5px rgba(0,0,0,0.36); -moz-box-shadow: 0px 6px 39px -5px rgba(0,0,0,0.36); box-shadow: 0px 6px 39px -5px rgba(0,0,0,0.36); outline: none; z-index: 10052; margin: 0;
}

.ui-timepicker-list { margin: 0; padding: 0; list-style: none; li { line-height: 36px; color: $color-text; padding: 0 5px; cursor: pointer; white-space: nowrap; margin: 0; border-bottom: 1px solid rgba(202, 202, 202, 0.5); } &:hover { .ui-timepicker-duration { color: $color-text-muted; } .ui-timepicker-selected { background: #FFFFFF; color: $color-text; } }
}

.ui-timepicker-duration { margin-left: 5px; color: $color-text-muted;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover { background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration { color: $color-text-muted;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: $color-text-muted; cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: #f2f2f2;
}
*/
.btn-switch { display: inline-block; line-height: 24px; position: relative; }
.btn-switch > input { position: absolute; overflow: hidden; width: 0; height: 0; opacity: 0; }
.btn-switch > span { color: #535962; padding-left: 76px; line-height: 24px; display: inline-block; }
@media (max-width: 1099px) { .btn-switch > span span { padding-top: 10px; } }
.btn-switch > span:before { background-color: #FFF; width: 62px; height: 24px; content: ''; border: 1px solid #999EA7; border-radius: 12px; display: block; position: absolute; left: 0; top: calc(50% - 12px); }
.btn-switch > span:after { width: 30px; height: 18px; background-color: #999EA7; border-radius: 9px; font-size: 9px; line-height: 18px; color: #FFF; text-align: center; content: "OFF"; display: block; top: calc(50% - 9px); position: absolute; left: 27px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.btn-switch > input:checked + span:before { border-color: #28C25B; }
.btn-switch > input:checked + span:after { background-color: #28C25B; left: 4px; content: "ON"; }

.radio-label-vertical-wrapper { padding-bottom: 0; position: relative; display: inline-block; margin-bottom: 0; }

.radio-label-vertical-wrapper:before { content: ' '; display: block; width: 100%; height: 30px; background: #ff00001c; position: absolute; bottom: 0; }

.radio-label-vertical-wrapper label:not(.radio-label-vertical) { display: block; width: 100%; }

.radio-label-vertical-wrapper-next { padding-bottom: 0; position: relative; display: inline-block; margin-bottom: 0; }

.radio-label-vertical-wrapper-next:before { content: ' '; display: block; width: 100%; height: 30px; background: #2db67429; position: absolute; bottom: 0; }

.radio-label-vertical-wrapper-next label:not(.radio-label-vertical) { display: block; width: 100%; }

.radio-label-vertical { position: relative; display: inline-block; vertical-align: middle; padding: 0 15px; text-align: center; cursor: pointer; }

.radio-label-vertical input { position: absolute; top: 28px; left: 50%; margin-left: -6px; display: block; cursor: pointer; }

header { width: 100%; height: 66px; background: #FFF; position: fixed; top: 0; left: 0; z-index: 11; font-size: 13px; }
header:before { display: block; position: absolute; content: ""; bottom: -4px; border-bottom: 4px solid rgba(0, 0, 0, 0.06); width: 100%; left: 0; right: 0; z-index: 9; }
header:after { width: 100%; height: calc(100% - 66px); top: 66px; left: 0; background-color: rgba(0, 0, 0, 0.6); position: fixed; content: ''; opacity: 0; visibility: hidden; -webkit-transition: 0.2ms ease-in-out; -moz-transition: 0.2ms ease-in-out; -o-transition: 0.2ms ease-in-out; transition: 0.2ms ease-in-out; }
header .header__link { font-size: 12px; color: #000; line-height: 66px; text-decoration: none; padding: 0 10px; margin-right: 20px; display: block; cursor: pointer; float: right; }
header .header__link i { margin-right: 7px; font-size: 24px; }
header .header__logo { float: left; }
header .header__logo > a { background: url("/images/sf-logo-whitbg.svg") no-repeat; background-size: cover !important; width: 188px; height: 41px; margin: 12px 20px 13px; display: block; }
header .header__search { float: left; padding: 10px 20px 16px; position: relative; }
header .header__search .header__search__wrap { float: left; }
header .header__search .header__search__wrap:before { font-family: "FontAwesome"; content: '\f002'; position: absolute; top: 15px; left: 30px; line-height: 30px; }
header .header__search .header__search__wrap .input { width: 170px; padding: 0 37px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; border-top: 0; border-left: 0; border-right: 0; border-bottom-color: rgba(29, 29, 29, 0.53); }
header .header__search .header__search__wrap .input.wide { width: 320px; border-bottom-color: #000; }
header .header__search .header__search__key { text-transform: none; font-weight: 600; overflow: hidden; max-width: 175px; height: 26px; word-break: break-all; display: inline-block; vertical-align: top; }
header .header__search .top-list { left: auto; top: 55px; width: 320px; }
header .header__right { float: right; position: relative; font-size: 13px; }
header .header__right .header__short-search { font-size: 20px; color: #FFF; line-height: 66px; width: 50px; float: left; text-align: center; display: none; }
header .header__right .header__user { float: left; }
header .header__right .header__user .notification { top: 6px; right: 8px; }
header .header__right .header__user .community-name { background-color: #3D4450; background-position: center center; line-height: 22px; padding: 15px; color: #FFF; font-weight: 600; }
header .header__right .header__user > .dropdown-toggle { background-color: transparent; white-space: nowrap; padding: 13px 10px; line-height: 40px; border-radius: 0; }
header .header__right .header__user > .dropdown-toggle img { float: left; width: 40px; border-radius: 50%; margin-right: 12px; }
header .header__right .header__user > .dropdown-toggle span { line-height: 40px; }
header .header__right .header__user > .dropdown-toggle .caret { margin-left: 7px; margin-right: 3px; }
header .header__right .header__user > .dropdown-toggle > .short { display: none; }
header .header__right .header__user > .dropdown-toggle .border { font-size: 11px; color: #7A7E86; padding: 5px 8px; margin-top: 3px; border: 1px solid #C9CCD0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
header .header__right .header__user > .dropdown-toggle .border.border--s1 { color: #0000E6; border-color: #0000E6; }
header .header__right .header__user > .dropdown-toggle .border.border--s1 + .caret { border-top-color: #0000E6; }
header .header__right .header__user > .dropdown-toggle .border.border--s2 { background-color: #66CCFF; color: #0000E6; border-color: #0000E6; }
header .header__right .header__user > .dropdown-toggle .border.border--s2 + .caret { border-top-color: #0000E6; }
header .header__right .header__user > .dropdown-toggle .border.border--s3 { background-color: #000000; color: #FFFC00; border-color: #000000; }
header .header__right .header__user > .dropdown-toggle .border.border--s4 { background-color: #CCCC99; color: #2A2A99; border-color: #000000; }
header .header__right .header__user > .dropdown-menu { left: auto; right: 0; top: 66px; width: 290px; }
header .header__right .header__user > .dropdown-menu.top-list--sm { width: 170px; }
header .header__right .header__user > .dropdown-menu.top-list--lg { width: 400px; padding-bottom: 10px; }
header .header__right .header__user .top-list__option:first-child { border-top: 0; }
header .header__right .header__user--dark { background-color: #2A3037; border-left: 5px solid #EDEDED; }
header .header__right .header__user--dark > a { width: 205px; text-align: center; }
header .header__right .header__user--dark .avatar { color: #FFF; padding: 13px 0 13px 15px; margin-right: 10px; height: 66px; }
header .header__right .header__user--dark .avatar figure { border: 0; padding: 0; margin-right: 7px; }
header .header__right .header__user--dark .avatar > span { display: inline-block; float: none; max-width: 135px; }
header .header__right .header__user--dark > .dropdown-toggle { color: #FFF; font-size: 22px; position: relative; }
header .header__right .header__user--dark > .dropdown-toggle:before { background-color: rgba(255, 255, 255, 0.4); width: 1px; height: 60%; content: ''; position: absolute; left: 0; top: 20%; }
header .header__right .header__user--dark.open > .dropdown-toggle { background-color: #2A3037; }
header .header__right .header__dropdown { float: left; margin: 10px 0; position: static; }
header .header__right .header__dropdown .dropdown-toggle { background-color: transparent; width: 42px; font-size: 16px; line-height: 44px; color: #999EA7; text-align: center; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; }
header .header__right .header__dropdown .dropdown-toggle i { vertical-align: middle; }
header .header__right .header__dropdown .dropdown-toggle i.icon-asset { font-size: 23px; }
header .header__right .header__dropdown .dropdown-toggle:after { width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #999EA7 transparent transparent transparent; position: absolute; bottom: -4px; left: calc(50% - 4px); }
header .header__right .header__dropdown .dropdown-toggle.active { color: #1C2430; }
header .header__right .header__dropdown .dropdown-menu { left: auto; top: 66px; width: 320px; margin-left: -140px; }
header .header__right .header__dropdown.open .dropdown-toggle { background-color: #999EA7; color: #FFF; }
header .header__right .header__dropdown.open .dropdown-toggle:after { content: ''; }
header .accessibility-active { background-color: #0B67AF !important; }
header.open:after { opacity: 1; visibility: visible; }
@media (min-width: 1100px) { header .header__search .header__search__wrap .input:focus { width: 320px; border-bottom-color: #000; }
  header .header__right .header__user--name > a > span, header .header__right .header__user--name > button > span { display: block; display: -webkit-box; max-height: 40px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-width: 160px; float: left; }
  header .header__right .header__user--name > a .caret, header .header__right .header__user--name > button .caret { margin-top: 16px; } }
@media (max-width: 1368px) { header .header__right .header__user > .dropdown-toggle > .short { display: inline-block; }
  header .header__right .header__user > .dropdown-toggle > .long { display: none; }
  header .header__right .header__user--name > .avatar > span { display: none; } }
@media (max-width: 1260px) { header .header__right .header__user--name > a > span, header .header__right .header__user--name > button > span { max-width: 120px; } }
@media (max-width: 1099px) { header { transition: all 300ms ease 0s; left: 0; background-color: #363D47; padding-left: 0; }
  header .header__logo > a { width: 153px; height: 30px; margin: 18px 8px; background: url("/images/logo-tablet.png") no-repeat; }
  header .header__link { color: #FFF; }
  header .header__search { background-color: #FFF; width: 100%; position: absolute; top: 66px; left: 0; display: none; }
  header .header__search .header__search__wrap { width: 100%; }
  header .header__search .header__search__wrap .input { width: 100%; }
  header .header__search .header__search__wrap .input.wide { width: 100%; }
  header .header__search .top-list { left: 0; top: 55px; width: 100%; }
  header .header__search.active { display: block; }
  header .header__right .header__dropdown, header .header__right .header__bookmarks { display: none; }
  header .header__right .header__short-search { display: block; }
  header .header__right .header__user > .dropdown-toggle { padding: 13px 10px; }
  header .header__right .header__user > .dropdown-toggle img { margin-right: 10px; width: 40px; }
  header .header__right .header__user > .dropdown-toggle > .short, header .header__right .header__user > .dropdown-toggle > .long, header .header__right .header__user > .dropdown-toggle > .caret, header .header__right .header__user > .dropdown-toggle > .icon-more { display: none; }
  header .header__right .header__user > .dropdown-menu { position: fixed; right: -120%; overflow-x: hidden !important; overflow-y: scroll !important; -ms-overflow-style: -ms-autohiding-scrollbar !important; -webkit-overflow-scrolling: touch !important; transition: all 300ms ease 0s; display: block; }
  header .header__right .header__user.header__user--dark { border-left: 0; width: auto; height: -webkit-fill-available; }
  header .header__right .header__user.header__user--dark > a { width: auto; }
  header .header__right .header__user.header__user--dark > .dropdown-toggle:before { display: none; }
  header .header__right .header__user.header__user--dark > .dropdown-toggle img { margin: 0 auto; }
  header .header__right .header__user.open > .dropdown-menu { right: 0; }
  header.open { left: 300px; z-index: 3; }
  header.open .main-menu { left: 0; }
  header.open ~ .page__body { left: 300px; z-index: 2 !important; overflow: hidden; height: 100vh; }
  header.open ~ .page__body .wrapper .actions, header.open ~ .page__body .sidebar__content .actions, header.open ~ .page__body .wrapper .actions:before, header.open ~ .page__body .sidebar__content .actions:before { left: 300px; }
  .page.open header .header__right .header__user--name.open:after { width: 100%; height: calc(100% - 66px); top: 66px; left: 0; background-color: rgba(0, 0, 0, 0.6); position: fixed; content: ''; -webkit-transition: 0.2ms ease-in-out; -moz-transition: 0.2ms ease-in-out; -o-transition: 0.2ms ease-in-out; transition: 0.2ms ease-in-out; } }
@media (max-width: 739px) { header .header__logo { width: 20%; }
  header .header__logo > a { width: 28px; height: 28px; margin: 19px auto; background: url("/images/logo-mobile.png") no-repeat; }
  header .header__link { margin-right: 0; }
  header .header__right { width: 60%; }
  header .header__right .header__short-search, header .header__right .header__user { width: 33.3333% !important; }
  header .header__right .header__user .dropdown-toggle { width: 100%; text-align: center; }
  header .header__right .header__user .dropdown-toggle img { margin-right: 0px; float: none; }
  header .header__right .header__user .dropdown-menu.top-list--lg { width: 80%; }
  header.open { left: 260px; }
  header.open ~ .page__body { left: 260px; }
  header.open ~ .page__body .wrapper .actions, header.open ~ .page__body .sidebar__content .actions, header.open ~ .page__body .wrapper .actions:before, header.open ~ .page__body .sidebar__content .actions:before { left: 260px; position: inherit; } }

.notification { background-color: #EC1E20; width: 18px; height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; color: #FFF; font-size: 9px; line-height: 18px; position: absolute; z-index: 1; display: none; margin-left: -5px; }
.notification:empty { display: none; }
@media (max-width: 1099px) { .notification { display: block; } }

.main-menu__switch { height: 66px; width: 62px; background: #F5F5F5; text-decoration: none; text-align: center; line-height: 66px; color: #363D47; font-size: 18px; cursor: pointer; float: left; display: block; }
@media (min-width: 1100px) { .main-menu__switch:hover { background: #C6C6C6; color: #F5F5F5; } }
@media (max-width: 1099px) { .main-menu__switch { background-color: #363D47; font-size: 20px; color: #FFF; } }
@media (max-width: 739px) { .main-menu__switch { width: 20%; } }

.main-menu { width: 250px; overflow: hidden; position: fixed; top: 64px; left: 0; z-index: 8; transition: all 300ms ease 0s; background: #FFF; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
.main-menu .main-menu__content { background: #FFF url("/images/bg-menu.jpg") no-repeat right bottom; background-size: 100% auto; position: relative; padding: 10px; z-index: 20; -moz-box-shadow: 3px 0px 5px -2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 0px 5px -2px rgba(0, 0, 0, 0.1); box-shadow: 3px 0px 5px -2px rgba(0, 0, 0, 0.1); }
.main-menu .main-menu__content:after { content: ''; display: table; clear: both; }
@media (max-width: 1099px) { .main-menu { width: 300px; height: 100vh; top: 0; left: -300px; display: block; overflow: auto; }
  .main-menu .main-menu__content { padding: 0; height: 100%; } }
@media (max-width: 739px) { .main-menu { width: 260px; } }

.top-list .top-list__header { padding: 8px 25px; border-bottom: 1px solid #E8E8E8; }
.top-list .top-list__header:after { content: ''; display: table; clear: both; }
.top-list .top-list__header h6 { float: left; line-height: 26px; }
.top-list .top-list__header h6 > span { font-weight: 400; color: #443F3F; }
.top-list .top-list__header > a { display: block; float: right; line-height: 26px; }
.top-list .top-list__header > span { line-height: 26px; font-weight: 600; margin-left: 15px; float: left; text-decoration: underline; }
.top-list .top-list__header .top-list__add { width: 26px; height: 26px; border: 1px solid #000; font-size: 16px; line-height: 22px; color: #000; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; float: right; display: block; }
.top-list .top-list__header .top-list__back { width: 52px; height: 26px; font-size: 20px; line-height: 26px; color: #1C2430; text-align: left; float: left; margin: 0; cursor: pointer; }
.top-list .top-list__header .top-list__submenu { float: right; position: relative; }
.top-list .top-list__header .top-list__submenu button { line-height: 26px; font-size: 18px; }
.top-list .top-list__header.top-list__header--bg { background-color: #F8F9F9; border-bottom: 0; }
.top-list .top-list__header.top-list__header--bg:before { font-family: "FontAwesome"; content: '\f002'; position: absolute; right: 30px; top: 8px; font-size: 14px; line-height: 26px; }
.top-list .top-list__header.top-list__header--no-border { border-bottom: 0; }
.top-list .top-list__footer { text-align: center; border-top: 1px solid #E8E8E8; }
.top-list .top-list__footer > a:not(.btn) { font-size: 11px; font-weight: 600; color: #1C2430; line-height: 36px; display: block; }
.top-list .top-list__footer > .btn { margin-top: 15px; margin-bottom: 15px; display: inline-block; line-height: inherit; padding: inherit; }
@media (min-width: 1100px) { .top-list .top-list__footer > .btn:hover { color: #FFF; opacity: 1; } }
.top-list .top-list__content { position: relative; overflow: hidden; height: 170px; }
.top-list .top-list__content .info-list { padding: 0; border-spacing: 0; }
@media (min-width: 1100px) { .top-list .top-list__content .info-list .info-list__row:hover { background-color: #F8F9F9; } }
.top-list .top-list__content.top-list__content--lg { height: auto; }
.top-list .top-list__content.top-list__content--lg .info-list .info-list__content { padding-top: 8px; padding-bottom: 8px; vertical-align: top; }
.top-list .top-list__option { margin: 0 20px; padding: 10px 0; border-top: 1px solid #E8E8E8; }
.top-list .top-list__option > a, .top-list .top-list__option > .visible--mobile > a { color: #1C2430; line-height: 30px; display: block; position: relative; }
.top-list .top-list__option > a > i, .top-list .top-list__option > .visible--mobile > a > i { width: 50px; font-size: 16px; text-align: center; line-height: 30px; color: #999EA7; }
.top-list .top-list__option hr { margin-top: 10px; margin-bottom: 10px; }
.top-list.top-list--sm .top-list__content { height: auto; }
.top-list.top-list--search { width: 420px; }
.top-list.top-list--search .top-list__header { padding: 20px 5px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.top-list.top-list--search .top-list__header p { font-size: 16px; margin: 0; }
.top-list.top-list--search .top-list__header p + p { margin-left: 5px; }
.top-list.top-list--search .top-list__content { margin: 0; width: 100% !important; height: auto !important; position: static !important; box-shadow: none; max-height: 600px; overflow-y: auto; }
.top-list.top-list--search .ui-menu-item { border-bottom: 0; cursor: inherit; }
@media (min-width: 1100px) { .top-list .top-list__option a:hover { background-color: #F8F9F9; }
  .top-list.top-list--search .ui-menu-item-wrapper.ui-state-active { color: inherit; }
  .top-list.top-list--search .ui-menu-item-wrapper.ui-state-active a { color: #FFF; opacity: 1; } }

.bookmarks { background-color: #FFF; width: 560px; max-height: calc(100vh - 57px); position: fixed; top: 66px; right: 170px; z-index: 14; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: inherit; display: none; -moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.1); }
.bookmarks .bookmarks__left, .bookmarks .bookmarks__right { position: relative; overflow: hidden; }
.bookmarks .bookmarks__left .browse__header, .bookmarks .bookmarks__right .browse__header { padding: 7px 10px 7px 20px; }
.bookmarks .bookmarks__left { width: 252px; border-right: 2px solid #DFE1E2; }
.bookmarks .bookmarks__right { width: calc(100% - 254px); }
.bookmarks.open { display: flex; }
@media (min-width: 1100px) { .bookmarks .menu .menu__category .menu__title:hover { background-color: #F8F9F9; }
  .bookmarks .menu .menu__category .menu__title[aria-expanded="true"]:hover { background-color: #2D333E; } }

.accessibility { padding: 10px 20px 0; }
.accessibility .style { font-weight: 600; line-height: 28px; color: #7A7E86; width: 30px; border: 1px solid #C9CCD0; margin: 5px; display: inline-block; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.accessibility .style--1 { color: #0000E6; border-color: #0000E6; }
.accessibility .style--2 { background-color: #66CCFF; color: #0000E6; border-color: #0000E6; }
.accessibility .style--3 { background-color: #000000; color: #FFFC00; border-color: #000000; }
.accessibility .style--4 { background-color: #CCCC99; color: #2A2A99; border-color: #000000; }
.accessibility .font { font-size: 14px; font-weight: 600; color: #7A7E86; line-height: 40px; margin: 0 5px; display: inline-block; }
.accessibility .font--md { font-size: 18px; }
.accessibility .font--lg { font-size: 30px; }
.accessibility .font.active { text-decoration: underline; }

.communities { margin: 0 20px; padding-bottom: 15px; border-top: 6px solid rgba(202, 202, 202, 0.5); }
.communities > p { font-size: 13px; line-height: 40px; padding: 0 5px; margin: 0; }
.communities .communities__item { background-color: #2D343E; background-size: cover; background-position: center center; padding: 22px 15px; color: #FFF; }
.communities .communities__item > p { font-size: 14px; font-weight: 600; margin: 0; }
.communities .communities__item > a { color: #FFF; line-height: 30px; display: block; position: relative; }
.communities .communities__item > a > i { width: 25px; font-size: 16px; vertical-align: top; line-height: 30px; display: inline-block; }
.communities .communities__item + .communities__item { margin-top: 8px; }

.top-banner { background-size: cover; background-position: center; width: 100%; height: 80px; position: fixed; top: 66px; left: 0; background-color: #000; z-index: 4; }
.top-banner .top-banner__content { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; height: 80px; margin: 0 auto; justify-content: center; }
.top-banner .top-banner__avatar { width: 44px; height: 44px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); margin-right: 20px; }
.top-banner .top-banner__avatar img, .top-banner .top-banner__avatar i { border-radius: 50%; display: block; }
.top-banner .top-banner__title { color: #FFF; display: block; }
.top-banner .top-banner__type { font-size: 12px; color: #443F3F; display: block; }

.open-w { background-color: #0B7ACF; width: 478px; position: fixed; top: 66px; right: 15px; z-index: 5; margin-top: 20px; -webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); }
.open-w:before { width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #0B7ACF; position: absolute; top: -11px; left: 15px; content: ''; }
.open-w .open-w__header { margin: 0 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; align-items: center; }
.open-w .open-w__close { font-size: 24px; color: #FFF; }
.open-w .open-w__title { padding: 30px 15px 10px 0; width: calc(100% - 25px); }
.open-w .open-w__title h3 { font-size: 16px; color: #FFF; margin: 0 0 5px; }
.open-w .open-w__title p { color: #A7D2F3; }
.open-w .open-w__footer { background-color: #FFF; text-align: center; padding: 25px; }
.open-w .open-w__bottom { background-color: #F1F1F1; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; align-items: center; }
.open-w .open-w__bottom p { font-size: 11px; line-height: 50px; margin-bottom: 0; width: calc(100% - 60px); text-align: center; }
.open-w .open-w__bottom p > i { font-size: 20px; }
.open-w .open-w__content { padding: 22px 25px 30px; }
.open-w .open-w__prev, .open-w .open-w__next { width: 30px; }
.open-w .open-w__prev i, .open-w .open-w__next i { font-size: 30px; color: #000; line-height: 50px; }
.open-w .open-w__message { background-color: rgba(255, 255, 255, 0.16); border-radius: 10px; padding: 17px 25px; color: #FFF; font-style: italic; margin-top: 20px; }
.open-w .open-w__user { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0 15px; }
.open-w .open-w__user > figure { width: 72px; height: 72px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); }
.open-w .open-w__user > figure img, .open-w .open-w__user > figure i { border-radius: 50%; display: block; }
.open-w .open-w__user .open-w__name { width: calc(100% - 72px); padding-left: 20px; }
.open-w .open-w__user .open-w__name h4 { color: #FFF; font-size: 14px; font-weight: 400; margin: 0 0 6px; }
.open-w .open-w__user .open-w__name h5 { font-size: 10px; color: rgba(255, 255, 255, 0.34); text-transform: uppercase; margin: 0 0 3px; }
.open-w .open-w__user .open-w__name p { font-size: 11px; color: #A7D2F3; margin-bottom: 0; }
.open-w .open-w__user .open-w__name p > a { color: #A7D2F3; text-decoration: underline; }
.open-w .open-w__by { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; padding: 20px 15px 0; margin-top: 25px; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.open-w .open-w__by > figure { width: 30px; height: 30px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); }
.open-w .open-w__by > figure img, .open-w .open-w__by > figure i { border-radius: 50%; display: block; }
.open-w .open-w__by .open-w__name { width: calc(100% - 30px); padding-left: 15px; }
.open-w .open-w__by .open-w__name h5 { font-size: 10px; color: rgba(255, 255, 255, 0.34); text-transform: uppercase; margin-bottom: 0; }
.open-w .open-w__by .open-w__name p { font-size: 12px; color: #FFF; margin-bottom: 0; }
.open-w .open-w__by .open-w__name p > span { font-size: 10px; color: #A7D2F3; }
.open-w .open-w__by .open-w__name p > span > a { color: #A7D2F3; text-decoration: underline; }
.open-w .open-w__partners { text-align: center; }
.open-w .open-w__partners p { font-size: 18px; color: #FFF; }
.open-w .open-w__partners p > span { font-size: 14px; display: block; }
.open-w .open-w__logo { padding-bottom: 20px; }
.open-w .open-w__logo figure { width: 150px; height: 150px; padding: 6px; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 100%; display: inline-block; -webkit-box-shadow: 0px 0px 6px 0px rgba(55, 63, 74, 0.43); -moz-box-shadow: 0px 0px 6px 0px rgba(55, 63, 74, 0.43); box-shadow: 0px 0px 6px 0px rgba(55, 63, 74, 0.43); position: relative; }
.open-w .open-w__logo figure > img { display: block; border-radius: 100%; }
.open-w .open-w__logo figure:first-child { margin-right: -20px; z-index: 2; }
.open-w .open-w__logo figure:last-child { z-index: 1; }

.shortcut { position: fixed; bottom: 50%; right: 0; z-index: 1; border-left: 3px solid rgba(0, 0, 0, 0.13); border-top: 3px solid rgba(0, 0, 0, 0.13); border-bottom: 3px solid rgba(0, 0, 0, 0.13); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.shortcut .feedback { background-color: #243040; width: 56px; color: #FFF; font-size: 16px; line-height: 56px; text-align: center; display: block; padding: 35px 0 27px; }
.shortcut .feedback span { font-size: 16px; font-weight: 600; display: block; margin-top: -10px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
@media (max-width: 1099px) { .shortcut { display: none; } }

#footer { margin-left: 250px; position: relative; padding-top: 20px; padding-bottom: 50px; padding-left: 5px; padding-right: 5px; background: none; font-size: 12px; }
.hide-column #footer { margin-left: 0; padding-bottom: 0; }
@media (max-width: 1099px) { #footer { margin-left: 0; } }
#footer .row { margin-bottom: 0; margin-right: 0; margin-left: 0; }
#footer li { list-style-type: none; }
#footer a { display: inline-flex; align-items: center; text-decoration: none; color: #535962; transition: all .2s; }
#footer a i { font-size: 36px; color: #88909B; transition: all .2s; padding: 2px; }
#footer a:hover { color: #535962; }
#footer a:hover i { color: #535962; }
#footer p { color: #535962; }
#footer .links ul li { display: inline-block; }
#footer .links a { display: inline-flex; align-items: center; padding: 6px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; justify-content: center; }
#footer .social { padding: 0; }
#footer .social a { display: inline-flex; align-items: center; }
#footer .copy { display: inline-flex; align-items: flex-end; justify-content: flex-end; margin-bottom: 10px; }
#footer .copy span { white-space: pre; }

@media (max-width: 1099px) { #footer .row > div { flex: 0 0 100%; max-width: 100%; display: flex; justify-content: center; text-align: center !important; }
  #footer .links a { font-size: 14px; } }
@media (min-width: 1100px) { #footer { padding-bottom: 0; }
  #footer a i { font-size: 26px; }
  #footer .links a { font-size: 12px; padding: 10px 15px; width: inherit; justify-content: start; }
  #footer .links a:hover[target="_blank"]:after { transform: translateY(-5px); opacity: 1; }
  #footer .links a[target="_blank"]:after { font: normal normal normal 32px/1 'skillsfirst-icons'; content: "\eacf"; font-size: 15px; margin-right: -15px; color: #535962; transition: all .2s; transform: translateY(0); opacity: 0; } }
.bottom-banner { background: #000; padding: 125px 105px; position: relative; z-index: 1; }
.bottom-banner:before { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; height: 30%; display: block; content: ''; background: transparent; background: -moz-linear-gradient(top, rgba(35, 48, 63, 0) 0%, #23303f 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35, 48, 63, 0)), color-stop(100%, #23303f)); background: -webkit-linear-gradient(top, rgba(35, 48, 63, 0) 0%, #23303f 100%); background: -o-linear-gradient(top, rgba(35, 48, 63, 0) 0%, #23303f 100%); background: -ms-linear-gradient(top, rgba(35, 48, 63, 0) 0%, #23303f 100%); background: linear-gradient(to bottom, rgba(35, 48, 63, 0) 0%, #23303f 100%); }
.bottom-banner .bottom-banner__wrapper { width: auto; margin: 0 auto; display: table; position: relative; z-index: 5; }
.bottom-banner .bottom-banner__avatar { display: table-cell; width: 150px; vertical-align: top; }
.bottom-banner .bottom-banner__avatar .bottom-banner__title { width: 152px; height: 152px; padding: 6px; border: 1px solid rgba(0, 0, 0, 0.17); border-radius: 100%; -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.33); -moz-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.33); box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.33); }
.bottom-banner .bottom-banner__content { display: table-cell; padding-left: 55px; vertical-align: middle; color: #FFF; }
.bottom-banner .bottom-banner__content h2 { font-size: 44px; font-weight: 300; margin: 0 0 10px; }
.bottom-banner .bottom-banner__content p { font-size: 18px; font-weight: 300; margin-bottom: 0; }
.bottom-banner .bottom-banner__content a { margin: 20px 0 0; width: 200px; border-radius: 0; }
.bottom-banner.banner-api { background-image: url("/images/bottom-banners/bg-api.jpg"); background-size: cover; }
.bottom-banner.banner-assessments { background-image: url("/images/bottom-banners/bg-assessments.jpg"); background-size: cover; }
.bottom-banner.banner-badges { background-image: url("/images/bottom-banners/bg-badges.jpg"); background-size: cover; }
.bottom-banner.banner-assignments { background-image: url("/images/bottom-banners/bg-challenges.jpg"); background-size: cover; }
.bottom-banner.banner-organizations { background-image: url("/images/bottom-banners/bg-communities.jpg"); background-size: cover; }
.bottom-banner.banner-letters { background-image: url("/images/bottom-banners/bg-letters.jpg"); background-size: cover; }
.bottom-banner.banner-interviews { background-image: url("/images/bottom-banners/bg-interviews.jpg"); background-size: cover; }
.bottom-banner.banner-occupations { background-image: url("/images/bottom-banners/bg-occupations.jpg"); background-size: cover; }
.bottom-banner.banner-outcomes { background-image: url("/images/bottom-banners/bg-outcomes.jpg"); background-size: cover; }
.bottom-banner.banner-portfolios { background-image: url("/images/bottom-banners/bg-portfolios.jpg"); background-size: cover; }
.bottom-banner.banner-pitches { background-image: url("/images/bottom-banners/bg-assessments.jpg"); background-size: cover; }
.bottom-banner.banner-quizzes { background-image: url("/images/bottom-banners/bg-quizzes.jpg"); background-size: cover; }
.bottom-banner.banner-questions { background-image: url("/images/bottom-banners/bg-questions.jpg"); background-size: cover; }
.bottom-banner.banner-resumes { background-image: url("/images/bottom-banners/bg-resumes.jpg"); background-size: cover; }
.bottom-banner.banner-rubrics { background-image: url("/images/bottom-banners/bg-rubrics.jpg"); background-size: cover; }
.bottom-banner.banner-users { background-image: url("/images/bottom-banners/bg-users.jpg"); background-size: cover; }
.bottom-banner.banner-user-guide { background-image: url("/images/bottom-banners/bg-user-guide.jpg"); background-size: cover; }
@media (max-width: 1099px) { .bottom-banner { padding: 100px 40px; } }
@media (max-width: 739px) { .bottom-banner { padding: 50px 5% 75px; background-size: auto 100%; background-position: center center; }
  .bottom-banner .bottom-banner__wrapper { display: block; width: 100%; }
  .bottom-banner .bottom-banner__avatar { display: block; margin: 0 auto 30px; }
  .bottom-banner .bottom-banner__content { display: block; width: 100%; padding-left: 0; text-align: center; }
  .bottom-banner .bottom-banner__content h2 { font-size: 30px; margin-bottom: 15px; }
  .bottom-banner .bottom-banner__content p { height: auto; margin-bottom: 20px; } }

.br-banner { background-size: cover; background-position: center; color: #FFF; }
.br-banner.table { padding: 5px 30px; }
.br-banner.table .table__cell { border: 0; }
.br-banner.table .table__cell:first-child { width: calc(100% - 135px); }
.br-banner--1 { background-image: url("/images/banners/b-1.jpg"); }
.br-banner--2 { background-image: url("/images/banners/b-2.jpg"); }
.br-banner--3 { background-image: url("/images/banners/b-3.jpg"); }
.br-banner--4 { background-image: url("/images/banners/b-4.jpg"); }
.br-banner--5 { background-image: url("/images/banners/b-5.jpg"); }
.br-banner--6 { background-image: url("/images/banners/b-6.jpg"); }
.br-banner--7 { background-image: url("/images/banners/b-7.jpg"); }
.br-banner--8 { background-image: url("/images/banners/b-8.jpg"); }
.br-banner--9 { background-image: url("/images/banners/b-9.jpg"); }
.br-banner--10 { background-image: url("/images/banners/b-10.jpg"); }
.br-banner--11 { background-image: url("/images/banners/b-11.jpg"); }
.br-banner--12 { background-image: url("/images/banners/b-12.jpg"); }
.br-banner--13 { background-image: url("/images/banners/b-13.jpg"); }
.br-banner--14 { background-image: url("/images/banners/b-14.jpg"); }
.br-banner--15 { background-image: url("/images/banners/b-15.jpg"); }
.br-banner--16 { background-image: url("/images/banners/b-16.jpg"); }
.br-banner--17 { background-image: url("/images/banners/b-17.jpg"); }
.br-banner--18 { background-image: url("/images/banners/b-18.jpg"); }
.br-banner--19 { background-image: url("/images/banners/b-19.jpg"); }
.br-banner--20 { background-image: url("/images/banners/b-20.jpg"); }
.br-banner--21 { background-image: url("/images/banners/b-21.jpg"); }
.br-banner--22 { background-image: url("/images/banners/b-22.jpg"); }
.br-banner--23 { background-image: url("/images/banners/b-23.jpg"); }
.br-banner--24 { background-image: url("/images/banners/b-24.jpg"); }
.br-banner--25 { background-image: url("/images/banners/b-25.jpg"); }
@media (max-width: 1099px) { .br-banner.table { padding: 5px 20px; } }
@media (max-width: 739px) { .br-banner.table { display: block; text-align: center; }
  .br-banner.table .table__cell { display: block; }
  .br-banner.table .table__cell:first-child, .br-banner.table .table__cell:last-child { width: 100%; }
  .br-banner.table .table__cell:last-child { padding-top: 0; } }

.br-watch { background-size: cover; background-position: center; padding: 20px 10%; margin-bottom: 20px; }
.br-watch > a { color: #FFF; padding: 10px 0 10px 80px; display: block; position: relative; }
.br-watch > a > small, .br-watch > a > span { display: block; }
.br-watch > a > span { font-size: 22px; font-weight: 600; }
.br-watch > a:before { position: absolute; left: 0; top: calc(50% - 30px); font-family: "icomoon"; font-size: 60px; line-height: 1; content: "\e938"; }
.br-watch--1 { background-image: url("/images/banners/b-xl-1.jpg"); }
.br-watch--2 { background-image: url("/images/banners/b-xl-2.jpg"); }
.br-watch--3 { background-image: url("/images/banners/b-xl-3.jpg"); }
.br-watch--4 { background-image: url("/images/banners/b-xl-4.jpg"); }
.br-watch--5 { background-image: url("/images/banners/b-xl-5.jpg"); }
.br-watch--6 { background-image: url("/images/banners/b-xl-6.jpg"); }
.br-watch--7 { background-image: url("/images/banners/b-xl-7.jpg"); }
.br-watch--8 { background-image: url("/images/banners/b-xl-8.jpg"); }
@media (max-width: 739px) { .br-watch { padding: 20px 5%; }
  .br-watch > a { padding-left: 70px; }
  .br-watch > a > span { font-size: 16px; }
  .br-watch > a:before { font-size: 50px; top: calc(50% - 26px); } }

.cookies { background-color: rgba(41, 48, 55, 0.9); width: 100%; position: fixed; bottom: 0; left: 0; z-index: 20; padding: 20px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.cookies p { color: #FFF; margin-bottom: 0; }
.cookies a { color: #FFF; text-decoration: underline; }
.cookies .cookies__right { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.cookies .cookies__right .btn { margin: 0 20px; }
@media (max-width: 1099px) { .cookies p { max-width: 50%; } }
@media (max-width: 739px) { .cookies { display: block; }
  .cookies p { max-width: 80%; }
  .cookies .cookies__right { margin-left: 0; margin-top: 20px; position: relative; justify-content: center; }
  .cookies .cookies__right .btn-empty { position: absolute; top: -130%; right: 0; } }

.error-page { background-position: top center; background-color: #233141; position: relative; }
.error-page:before { font-size: 500px; font-weight: 800; line-height: 1; color: rgba(9, 13, 19, 0.18); margin: 0; width: 100%; position: absolute; top: 30px; z-index: 1; text-align: center; }
.error-page .error-page__content { max-width: 1150px; margin: 0 auto; padding: 290px 0; min-height: auto; position: relative; z-index: 1; }
.error-page .error-page__content:after { font-size: 300px; font-weight: 100; line-height: 1; color: rgba(119, 147, 179, 0.22); margin: 0; position: absolute; top: calc(50% - 170px); right: 0; z-index: 1; }
.error-page h1 { font-size: 36px; font-weight: 400; color: #FFF; vertical-align: top; line-height: 60px; margin: 0 0 15px; }
.error-page h1 > i { font-size: 45px; margin-left: 10px; color: #68707B; }
.error-page p { font-size: 14px; color: #9BAFC7; max-width: 40%; margin-bottom: 15px; position: relative; z-index: 1; }
.error-page p > a { margin-left: 15px; }
.error-page p > a > i { margin-right: 5px; }
.error-page p.color-white { margin-bottom: 3px; }
.error-page .logo { width: 260px; display: inline-block; margin-bottom: 100px; }
.error-page.error-page-403 { background-image: url("/images/bg-error-403.jpg"); background-size: cover; }
.error-page.error-page-403:before, .error-page.error-page-403 .error-page__content:after { content: '403'; }
.error-page.error-page-404 { background-image: url("/images/bg-error-404.jpg"); background-size: cover; }
.error-page.error-page-404:before, .error-page.error-page-404 .error-page__content:after { content: '404'; }
.error-page.error-page-500 { background-image: url("/images/bg-error-500.jpg"); background-size: cover; }
.error-page.error-page-500:before, .error-page.error-page-500 .error-page__content:after { content: '500'; }
.error-page.error-page-application { background-image: url("/images/bg-error-application.jpg"); background-size: cover; min-height: 100vh; }
.error-page.error-page-application h1, .error-page.error-page-application p { color: #FF6A7C; margin-left: 60px; }
.error-page.error-page-application h1 > i { font-size: 60px; vertical-align: middle; }
.error-page.error-page-application p { max-width: none; }
.error-page.error-page-maintenance { background-image: url("/images/bg-error-application.jpg"); background-size: cover; min-height: 100vh; }
.error-page.error-page-maintenance h1, .error-page.error-page-maintenance p { margin-left: 60px; }
.error-page.error-page-maintenance p { color: rgba(255, 255, 255, 0.73); max-width: 70%; }
@media (max-width: 1368px) { .error-page .error-page__content { padding: 240px 0; } }
@media (max-width: 1099px) { .error-page:before { font-size: 350px; }
  .error-page .error-page__content { padding: 150px 30px; }
  .error-page .error-page__content:after { font-size: 200px; } }
@media (max-width: 739px) { .error-page:before { font-size: 160px; }
  .error-page p { max-width: none; }
  .error-page .logo { max-width: 80%; margin: 0 auto 50px; }
  .error-page .error-page__content { padding: 190px 30px 100px; text-align: center; }
  .error-page .error-page__content:after { font-size: 150px; right: 0; left: 0; text-align: center; width: 100%; top: 50px; }
  .error-page.error-page-maintenance p { max-width: 100%; }
  .error-page.error-page-application .error-page__content, .error-page.error-page-maintenance .error-page__content { padding-top: 70px; }
  .error-page.error-page-application h1, .error-page.error-page-application p, .error-page.error-page-maintenance h1, .error-page.error-page-maintenance p { margin-left: 0; } }

.ps-container { -ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none; height: 100%; }
@media (max-width: 739px) { .ps-container { height: auto; } }
@media (max-width: 1099px) { .ps-container { height: auto; } }
@supports (-ms-overflow-style: none) { .ps-container { overflow: auto !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps-container { overflow: auto !important; } }
.ps-container.ps-active-x > .ps-scrollbar-x-rail, .ps-container.ps-active-y > .ps-scrollbar-y-rail { display: block; background-color: transparent; }
.ps-container > .ps-scrollbar-x-rail { display: none; position: absolute; /* please don't change 'position' */ opacity: 0; transition: background-color .2s linear, opacity .2s linear; bottom: 0px; /* there must be 'bottom' for ps-scrollbar-x-rail */ height: 15px; }
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position: absolute; /* please don't change 'position' */ background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; bottom: 2px; /* there must be 'bottom' for ps-scrollbar-x */ height: 6px; }
.ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x { height: 11px; }
.ps-container > .ps-scrollbar-y-rail { display: none; position: absolute; /* please don't change 'position' */ opacity: 0; transition: background-color .2s linear, opacity .2s linear; right: 0; /* there must be 'right' for ps-scrollbar-y-rail */ width: 15px; }
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position: absolute; /* please don't change 'position' */ background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; right: 2px; /* there must be 'right' for ps-scrollbar-y */ width: 6px; }
.ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y { width: 11px; }
@media (min-width: 1100px) { .ps-container:hover > .ps-scrollbar-x-rail, .ps-container:hover > .ps-scrollbar-y-rail { opacity: 0.6; } }

.load__container { width: 100%; height: 49px; text-align: center; }
.modal .load__container { position: absolute; top: 50%; margin-top: -40px; }

.load__content { width: 49px; height: 49px; margin: 0 auto; border: 3px solid white; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: cssload-spin 950ms infinite linear; -o-animation: cssload-spin 950ms infinite linear; -ms-animation: cssload-spin 950ms infinite linear; -webkit-animation: cssload-spin 950ms infinite linear; -moz-animation: cssload-spin 950ms infinite linear; }
.load__content.load__content--small { width: 21px; height: 21px; margin: 0 auto; border: 2px solid white; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: cssload-spin 950ms infinite linear; -o-animation: cssload-spin 950ms infinite linear; -ms-animation: cssload-spin 950ms infinite linear; -webkit-animation: cssload-spin 950ms infinite linear; -moz-animation: cssload-spin 950ms infinite linear; }
.load__content.load__content--small.load__content--small_filter { margin-top: -8px; margin-right: 35px; }

.load__full { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.8); z-index: 3; text-align: center; }
.load__full .load__content { position: absolute; left: 0; right: 0; top: 50%; margin-top: -25px; border: 3px solid black; border-left-color: transparent; border-right-color: transparent; }
.load__full.load__full--dark { background-color: rgba(0, 0, 0, 0.6); }
.load__full.load__full--dark .load__content { border-top-color: #FFF; border-bottom-color: #FFF; }
.load__full.load__full--transparent { background-color: transparent; }
.load__full.load__full--transparent .load__content { border-top-color: #FFF; border-bottom-color: #FFF; }

.load__fix { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 2000; background: rgba(0, 0, 0, 0.8); text-align: center; }
.load__fix .load__content { position: absolute; left: 0; right: 0; top: 50%; margin-top: -25px; }

.modal-body__left .load__fix { position: absolute; background: rgba(0, 0, 0, 0.4); }

.btn-load { position: relative; }
.btn-load:before { content: ''; width: 14px; height: 14px; position: absolute; right: 12px; top: 12px; border: 1px solid black; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: cssload-spin 950ms infinite linear; -o-animation: cssload-spin 950ms infinite linear; -ms-animation: cssload-spin 950ms infinite linear; -webkit-animation: cssload-spin 950ms infinite linear; -moz-animation: cssload-spin 950ms infinite linear; }
@media (min-width: 1100px) { .btn-load:hover:before { border-color: white; border-left-color: transparent; border-right-color: transparent; } }

.btn-load--white { position: relative; }
.btn-load--white:before { content: ''; width: 14px; height: 14px; position: absolute; right: 12px; top: 12px; border: 1px solid white; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: cssload-spin 950ms infinite linear; -o-animation: cssload-spin 950ms infinite linear; -ms-animation: cssload-spin 950ms infinite linear; -webkit-animation: cssload-spin 950ms infinite linear; -moz-animation: cssload-spin 950ms infinite linear; }

.is-loading-black span { position: relative; }
.is-loading-black span:after { content: ''; width: 14px; height: 14px; display: inline-block; position: absolute; top: 0; margin-left: 5px; border: 1px solid black; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: cssload-spin 950ms infinite linear; -o-animation: cssload-spin 950ms infinite linear; -ms-animation: cssload-spin 950ms infinite linear; -webkit-animation: cssload-spin 950ms infinite linear; -moz-animation: cssload-spin 950ms infinite linear; }
.is-loading-black[data-toggle="dropdown"] span:after { left: -30px; top: 4px; }

.is-loading span { position: relative; }
.is-loading span:before { content: ''; width: 14px; height: 14px; display: inline-block; position: absolute; top: 17px; right: 30px; margin-left: 5px; border: 1px solid white; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: cssload-spin 950ms infinite linear; -o-animation: cssload-spin 950ms infinite linear; -ms-animation: cssload-spin 950ms infinite linear; -webkit-animation: cssload-spin 950ms infinite linear; -moz-animation: cssload-spin 950ms infinite linear; }
.is-loading.category-list__item span { position: static; }
.is-loading.category-list__item span:before { top: 14px; right: 16px; }
.is-loading.item__more span:before { top: 4px; right: -10px; }

.btn.is-loading { position: relative; }
.btn.is-loading:before { content: ''; width: 14px; height: 14px; display: inline-block; position: absolute; top: calc(50% - 7px); right: 5px; margin-left: 5px; border: 1px solid white; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; animation: cssload-spin 950ms infinite linear; -o-animation: cssload-spin 950ms infinite linear; -ms-animation: cssload-spin 950ms infinite linear; -webkit-animation: cssload-spin 950ms infinite linear; -moz-animation: cssload-spin 950ms infinite linear; }

@keyframes cssload-spin { 100% { transform: rotate(360deg); transform: rotate(360deg); } }
@-o-keyframes cssload-spin { 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } }
@-ms-keyframes cssload-spin { 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes cssload-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes cssload-spin { 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } }
.ico-btn.ico-loader { pointer-events: none; }
.ico-btn.ico-loader i:before { content: "" !important; display: inline-flex !important; animation: cssload-spin 950ms infinite linear; -o-animation: cssload-spin 950ms infinite linear; -ms-animation: cssload-spin 950ms infinite linear; -webkit-animation: cssload-spin 950ms infinite linear; -moz-animation: cssload-spin 950ms infinite linear; }

.list-color, .list-color-container ul.dropdown-menu { list-style-type: none; margin: 0; padding: 0; }
.list-color li, .list-color-container ul.dropdown-menu li { border-bottom: 1px solid rgba(232, 232, 232, 0.7); }
.list-color li a, .list-color-container ul.dropdown-menu li a { font-size: 13px; color: #212121; line-height: 30px; padding: 10px; display: block; vertical-align: middle; cursor: pointer; }
.list-color li a > [class*="icon-"], .list-color-container ul.dropdown-menu li a > [class*="icon-"] { width: 44px; font-size: 16px; color: #B5B5B5; line-height: 30px; text-align: center; display: inline-block; vertical-align: middle; border-left-style: solid; border-left-width: 2px; padding-left: 10px; }
.list-color li a > [class*="icon-"]:after, .list-color-container ul.dropdown-menu li a > [class*="icon-"]:after { line-height: 30px; top: 0; left: 5px; }
.list-color li a > span, .list-color-container ul.dropdown-menu li a > span { display: inline-block; vertical-align: middle; }
.list-color li a.more:after, .list-color-container ul.dropdown-menu li a.more:after { font-family: "FontAwesome"; content: '\f105'; }
.list-color li a.main-menu--api > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--api > [class*="icon-"] { border-left-color: #3A414C; }
.list-color li a.main-menu--assessment > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--assessment > [class*="icon-"] { border-left-color: #555FA8; }
.list-color li a.main-menu--assignment > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--assignment > [class*="icon-"] { border-left-color: #0C4C73; }
.list-color li a.main-menu--badge > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--badge > [class*="icon-"] { border-left-color: #29ABC3; }
.list-color li a.main-menu--organization > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--organization > [class*="icon-"] { border-left-color: #A75A7B; }
.list-color li a.main-menu--career-advice > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--career-advice > [class*="icon-"] { border-left-color: #5C7DBC; }
.list-color li a.main-menu--cover-letter > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--cover-letter > [class*="icon-"] { border-left-color: #7ABF0D; }
.list-color li a.main-menu--competency > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--competency > [class*="icon-"] { border-left-color: #FE8F26; }
.list-color li a.main-menu--file > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--file > [class*="icon-"] { border-left-color: #4E596C; }
.list-color li a.main-menu--folder > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--folder > [class*="icon-"] { border-left-color: #394C6F; }
.list-color li a.main-menu--interview > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--interview > [class*="icon-"] { border-left-color: #0B8FCF; }
.list-color li a.main-menu--network > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--network > [class*="icon-"] { border-left-color: #A75A7B; }
.list-color li a.main-menu--question > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--question > [class*="icon-"] { border-left-color: #F35E24; }
.list-color li a.main-menu--occupation > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--occupation > [class*="icon-"] { border-left-color: #7F97B6; }
.list-color li a.main-menu--outcome > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--outcome > [class*="icon-"] { border-left-color: #C58042; }
.list-color li a.main-menu--pitch > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--pitch > [class*="icon-"] { border-left-color: #D26565; }
.list-color li a.main-menu--portfolio > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--portfolio > [class*="icon-"] { border-left-color: #E56161; }
.list-color li a.main-menu--quiz > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--quiz > [class*="icon-"] { border-left-color: #33C1B2; }
.list-color li a.main-menu--resume > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--resume > [class*="icon-"] { border-left-color: #2A5CC0; }
.list-color li a.main-menu--rubric > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--rubric > [class*="icon-"] { border-left-color: #92A0DC; }
.list-color li a.main-menu--lesson > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--lesson > [class*="icon-"] { border-left-color: #5C7DBC; }
.list-color li a.main-menu--user > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--user > [class*="icon-"] { border-left-color: #4E596C; }
.list-color li a.main-menu--testimonial > [class*="icon-"], .list-color-container ul.dropdown-menu li a.main-menu--testimonial > [class*="icon-"] { border-left-color: #7F97B6; }
.list-color li:last-child, .list-color-container ul.dropdown-menu li:last-child { border-bottom: 0; }
.list-color.list-color--half li, .list-color-container ul.dropdown-menu.list-color--half li { width: 50%; display: block; float: left; }

.list-color-container ul.dropdown-menu { width: 580px; }
.list-color-container ul.dropdown-menu li { width: 50%; display: block; float: left; }

.ui-menu { -webkit-box-shadow: 0px 6px 39px -5px rgba(0, 0, 0, 0.36); -moz-box-shadow: 0px 6px 39px -5px rgba(0, 0, 0, 0.36); box-shadow: 0px 6px 39px -5px rgba(0, 0, 0, 0.36); }
.ui-menu .ui-menu-item { font-size: 12px; font-weight: normal; line-height: 36px; color: #1C2430; display: block; padding: 0px 20px; white-space: nowrap; border-bottom: 1px solid rgba(202, 202, 202, 0.5); }
.ui-menu .ui-menu-item:last-child { border-bottom: 0; }
.ui-menu .ui-menu-item.ui-state-focus { border-bottom: 1px solid rgba(202, 202, 202, 0.5); background-color: #F5F5F5; }

.breadcrumbs { background-color: #FFF; padding: 22px 30px 20px; font-size: 11px; line-height: 12px; color: #443F3F; border-bottom: 1px solid rgba(202, 202, 202, 0.5); }
.breadcrumbs:after { content: ''; display: table; clear: both; }
.breadcrumbs i { font-size: 16px; margin: 0 8px; position: relative; line-height: 30px; }
.breadcrumbs .breadcrumbs__content { max-width: 1150px; margin: 0 auto; }
.breadcrumbs .breadcrumbs__hidden, .breadcrumbs .breadcrumbs__constans { display: block; float: left; position: relative; z-index: 8; }
@media (max-width: 739px) { .breadcrumbs .breadcrumbs__hidden, .breadcrumbs .breadcrumbs__constans { z-index: 2; } }
@media (max-width: 1099px) { .breadcrumbs .breadcrumbs__hidden, .breadcrumbs .breadcrumbs__constans { z-index: 2; } }
.breadcrumbs .breadcrumbs__switch { display: none; text-align: center; cursor: pointer; }
.breadcrumbs .breadcrumbs__switch i { margin: 0; font-size: 20px; color: #2869CB; }
.breadcrumbs .breadcrumbs__constans p { margin: 0; display: inline; }
@media (max-width: 1099px) { .breadcrumbs { margin: 0; padding-top: 20px; width: auto; top: 119px; }
  .breadcrumbs.breadcrumbs.banner { padding-top: 170px; margin: 0 20px; } }
@media (max-width: 739px) { .breadcrumbs { margin: 0; width: 100%; padding: 6px 5px 6px; line-height: 30px; border-left: 0; border-right: 0; border-bottom: 1px solid #D5D7D9; }
  .breadcrumbs.breadcrumbs.banner { padding-top: 94px; margin: 0; }
  .breadcrumbs .breadcrumbs__hidden { width: 60px; }
  .breadcrumbs .breadcrumbs__hidden + .breadcrumbs__constans { width: calc(100% - 60px); }
  .breadcrumbs .breadcrumbs__switch { display: block; height: 30px; }
  .breadcrumbs .breadcrumbs__list { position: absolute; top: 30px; left: 0; z-index: 10; display: none; }
  .breadcrumbs .breadcrumbs__list i { display: none; }
  .breadcrumbs .breadcrumbs__list a { background-color: #FFF; display: table; font-size: 13px; margin-top: 10px; padding: 0 10px; white-space: nowrap; -webkit-box-shadow: -2px 2px 5px 0px rgba(207, 207, 207, 0.5); -moz-box-shadow: -2px 2px 5px 0px rgba(207, 207, 207, 0.5); box-shadow: -2px 2px 5px 0px rgba(207, 207, 207, 0.5); }
  .breadcrumbs .breadcrumbs__constans p { display: block; display: -webkit-box; max-height: 30px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-width: 50%; float: left; }
  .breadcrumbs.open { z-index: 120; } }
@media (max-width: 739px) and (max-width: 739px) { .breadcrumbs.open { position: relative; top: 0; } }
@media (max-width: 739px) and (max-width: 1099px) { .breadcrumbs.open { position: relative; top: 0; } }
@media (max-width: 739px) { .breadcrumbs.open .breadcrumbs__switch { background-color: #FFF; -webkit-box-shadow: -2px 2px 5px 0px rgba(207, 207, 207, 0.5); -moz-box-shadow: -2px 2px 5px 0px rgba(207, 207, 207, 0.5); box-shadow: -2px 2px 5px 0px rgba(207, 207, 207, 0.5); }
  .breadcrumbs.open .breadcrumbs__switch + .breadcrumbs__list { display: block; } }
@media (max-width: 1099px) { .breadcrumbs { margin: 0; width: 100%; padding: 6px 5px 6px; line-height: 30px; border-left: 0; border-right: 0; border-bottom: 1px solid #D5D7D9; }
  .breadcrumbs.breadcrumbs.banner { padding-top: 94px; margin: 0; }
  .breadcrumbs .breadcrumbs__hidden { width: 60px; }
  .breadcrumbs .breadcrumbs__hidden + .breadcrumbs__constans { width: calc(100% - 60px); }
  .breadcrumbs .breadcrumbs__switch { display: block; height: 30px; }
  .breadcrumbs .breadcrumbs__list { position: absolute; top: 30px; left: 0; z-index: 10; display: none; }
  .breadcrumbs .breadcrumbs__list i { display: none; }
  .breadcrumbs .breadcrumbs__list a { background-color: #FFF; display: table; font-size: 13px; margin-top: 10px; padding: 0 10px; white-space: nowrap; -webkit-box-shadow: -2px 2px 5px 0px rgba(207, 207, 207, 0.5); -moz-box-shadow: -2px 2px 5px 0px rgba(207, 207, 207, 0.5); box-shadow: -2px 2px 5px 0px rgba(207, 207, 207, 0.5); }
  .breadcrumbs .breadcrumbs__constans p { display: block; display: -webkit-box; max-height: 30px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-width: 50%; float: left; }
  .breadcrumbs.open { z-index: 120; } }
@media (max-width: 1099px) and (max-width: 739px) { .breadcrumbs.open { position: relative; top: 0; } }
@media (max-width: 1099px) and (max-width: 1099px) { .breadcrumbs.open { position: relative; top: 0; } }
@media (max-width: 1099px) { .breadcrumbs.open .breadcrumbs__switch { background-color: #FFF; -webkit-box-shadow: -2px 2px 5px 0px rgba(207, 207, 207, 0.5); -moz-box-shadow: -2px 2px 5px 0px rgba(207, 207, 207, 0.5); box-shadow: -2px 2px 5px 0px rgba(207, 207, 207, 0.5); }
  .breadcrumbs.open .breadcrumbs__switch + .breadcrumbs__list { display: block; } }

.breadcrumbs__overflow { background-color: rgba(255, 255, 255, 0.92); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; }
@media (max-width: 739px) { .breadcrumbs__overflow { opacity: 0; } }
@media (max-width: 1099px) { .breadcrumbs__overflow { opacity: 0; } }

.iframe-wrapper { padding-bottom: 56.25%; height: 0; position: relative; }
.iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.iframe-wrapper + .iframe-wrapper { margin-top: 20px; }

.touch_scrollbar { overflow-x: hidden !important; overflow-y: scroll !important; -ms-overflow-style: -ms-autohiding-scrollbar !important; -webkit-overflow-scrolling: touch !important; }

.owl-dots { text-align: center; }
.owl-dots .owl-dot { display: inline-block; zoom: 1; }
.owl-dots .owl-dot > span { display: block; width: 12px; height: 12px; margin: 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: transparent; border: 1px solid #838A95; cursor: pointer; }
.owl-dots .owl-dot.active span { background: #838A95; }

.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; text-align: center; }
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }

.no-js .owl-carousel { display: block; }

.pagination { text-align: center; padding: 20px 10px; border-top: 1px solid rgba(202, 202, 202, 0.5); border-bottom: 1px solid rgba(202, 202, 202, 0.5); }
.pagination > a:not(.btn), .pagination > span { display: inline-block; line-height: 36px; color: #1C2430; }
.pagination > a:not(.btn), .pagination > span { display: inline-block; line-height: 36px; color: #1C2430; }
.pagination .pagination__prev > i, .pagination .pagination__next > i { font-size: 18px; vertical-align: top; line-height: inherit; }
.pagination .pagination__prev.disabled, .pagination .pagination__next.disabled { color: #443F3F; }
.pagination .pagination__prev { margin-right: 30px; }
.pagination .pagination__prev > i { margin-right: 5px; }
.pagination .pagination__next { margin-left: 30px; }
.pagination .pagination__next > i { margin-left: 5px; }
.pagination .pagination__sep { color: #443F3F; width: 36px; }
.pagination .pagination__item, .pagination .pagination__last { width: 36px; height: 36px; font-size: 11px; line-height: 36px; }
.pagination .pagination__item.current, .pagination .pagination__last.current { border: 2px solid #E1E1E1; line-height: 32px; }
@media (max-width: 739px) { .pagination .pagination__item:not(.current) { display: none; } }

.inbox .inbox__content { position: relative; margin-bottom: 10px; }
.inbox .inbox__footer { padding: 20px; }
.inbox .inbox__footer figure { width: 40px; height: 40px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); float: left; margin-right: 20px; }
.inbox .inbox__footer figure img, .inbox .inbox__footer figure i { border-radius: 50%; display: block; }
.inbox .inbox__footer textarea { background-color: #FFF; height: 80px !important; width: calc(100% - 60px); float: left; }
.inbox .inbox__button { padding-top: 15px; text-align: right; clear: both; }
.inbox .inbox__button button { font-size: 14px; line-height: 30px; }
.inbox .inbox__button button > i { font-size: 24px; line-height: 30px; vertical-align: top; margin-right: 10px; }

.message { background-color: #FFF; padding: 0 15px; }
.message .message__header { border-bottom: 1px solid rgba(202, 202, 202, 0.5); padding: 5px 0 5px 11px; }
.message .message__header:after { content: ''; display: table; clear: both; }
.message .message__header .browse-list { width: 70%; float: left; }
.message .message__header > p { float: left; line-height: 30px; font-weight: 900; margin-bottom: 0; max-width: calc(100% - 420px); display: block; display: -webkit-box; max-height: 30px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.message .message__header > p i { text-align: center; font-size: 18px; position: relative; color: #999EA7; margin-right: 7px; width: 20px; line-height: 30px; }
.message .message__action { padding: 15px 0; float: right; }
.message .message__action > a, .message .message__action > .dropdown { float: left; }
.message .message__action > .sep { float: left; border-left: 1px solid rgba(202, 202, 202, 0.5); height: 30px; width: 1px; }
.message .message__action > .link { color: #1C2430; line-height: 30px; display: inline-block; margin: 0 15px; }
.message .message__action > .link > i { margin-right: 3px; }
.message .message__title { padding-top: 10px; padding-bottom: 15px; }
.message .message__title:after { content: ''; display: table; clear: both; }
.message .message__title > i { font-size: 30px; float: left; width: 60px; text-align: center; margin-left: 5px; }
.message .message__title .title { float: left; padding-left: 10px; }
.message .message__title .title h3 { font-size: 16px; font-weight: 600; color: #000000; margin: 10px 0 5px; }
.message .message__title .title p { color: #443F3F; margin-bottom: 0; }
.message .message__title .date { float: right; padding: 10px; }
.message .message__content { padding: 10px 20px; position: relative; }
@media (max-width: 739px) { .message .message__header { padding: 15px 0; }
  .message .message__header .browse-list { width: 100%; float: none; }
  .message .message__header > p { float: none; max-width: 100%; }
  .message .message__action { float: none; width: 100%; margin-top: 5px; padding-bottom: 0; border-top: 1px solid rgba(202, 202, 202, 0.5); }
  .message .message__action:after { content: ''; display: table; clear: both; }
  .message .message__action > .link { margin: 0 5px; }
  .message .message__title > i { width: 50px; margin-left: 0px; }
  .message .message__title .date { float: none; clear: both; padding: 10px 0 0 60px; }
  .message .message__content { padding: 10px; } }

.know-banner { background-color: #3D4859; background-position: top right; background-repeat: no-repeat; padding: 25px 30px; }
.know-banner span { font-size: 18px; color: #FFF; }
.know-banner--1 { background-image: url("/images/banners/know-1.jpg"); background-size: auto 100%; }
.know-banner--2 { background-image: url("/images/banners/know-2.jpg"); background-size: auto 100%; }

.code-box { border: 1px solid #E5E7EA; margin: 10px 0; padding: 15px; }
.code-box:after { content: ''; display: table; clear: both; }
.code-box > span { display: block; float: left; width: calc(100% - 80px); }
.code-box > a { width: 80px; float: right; text-align: right; }

.drop { background: #FFF url("/images/bg-drop.jpg") no-repeat center center; background-size: cover; }
.drop .drop__content { padding: 130px 35px 20px; margin: 0px !important; }
.drop .drop__content--sm { padding: 50px 35px 0px; }
.drop .drop__header { width: 80%; margin-left: 20%; padding-left: 180px; position: relative; }
.drop .drop__header:before { font-family: 'icomoon' !important; content: "\e903"; position: absolute; left: 0; color: #E56861; font-size: 140px; line-height: 1; }
.drop .drop__header h2 { font-size: 30px; font-weight: 300; }
.drop .drop__header p { font-size: 14px; }
.drop .drop__upload { float: left; width: 40%; }
.drop .dropzone { display: inline-block; position: relative; z-index: 3; }
.drop .drop__preview { padding-top: 20px; }
.drop.drop--inline .drop__content { padding: 15px 20px 20px; display: table; width: 100%; }
.drop.drop--inline .drop__header { width: 70%; padding-left: 80px; margin-left: 0; display: table-cell; }
.drop.drop--inline .drop__header:before { font-size: 60px; top: 50%; margin-top: -30px; }
.drop.drop--inline .drop__header h2 { font-size: 14px; font-weight: 400; margin: 5px 0; }
.drop.drop--inline .drop__header p { font-size: 12px; opacity: 0.55; }
.drop.drop--inline .drop__upload { width: 30%; padding-left: 2%; float: none; display: table-cell; vertical-align: middle; }
@media (max-width: 1099px) { .drop .drop__content { padding: 80px 35px 20px; }
  .drop .drop__header { width: 90%; margin-left: 10%; }
  .drop .drop__header:before { font-size: 100px; } }
@media (max-width: 739px) { .drop .drop__content { padding: 30px 15px 40px; }
  .drop .drop__header { width: 100%; padding-left: 0; padding-top: 70px; margin-left: 0; text-align: center; }
  .drop .drop__header:before { font-size: 80px; top: 0; width: 100%; }
  .drop .drop__header .btn { width: 90%; margin: 0 auto 10px; }
  .drop .dropzone { display: block; }
  .drop.drop--inline .drop__content { padding: 10px 5px 15px; }
  .drop.drop--inline .drop__header { padding: 30px 0 0 20px; text-align: left; }
  .drop.drop--inline .drop__header:before { top: 15px; left: 28%; font-size: 50px; }
  .drop.drop--inline .drop__upload .btn { width: 100%; } }

.drop-progress { padding: 15px 25px; }
.drop-progress .drop-progress__top { padding: 30px 20px 0; margin-bottom: 2px; }
.drop-progress .drop-progress__top .progress-extended { margin-bottom: 7px; }
.drop-progress .drop-progress__top .progress-extended:after { content: ''; display: table; clear: both; }
.drop-progress .drop-progress__top .progress-extended .progress-extended__amount { float: left; font-weight: 700; }
.drop-progress .drop-progress__top .progress-extended .progress-extended__status { float: right; color: #443F3F; }
.drop-progress .drop-progress__top .progress-extended .progress-extended__status > b { margin-left: 20px; color: #1C2430; }
.drop-progress .files { border-top: 1px solid rgba(202, 202, 202, 0.5); padding: 20px; }
.drop-progress .files > p { margin-bottom: 10px; padding: 12px 20px; line-height: 18px; }
.drop-progress .files:empty { display: none; }

.dz-preview { position: relative; display: inline-block; vertical-align: top; margin: 15px; }
.dz-preview .dz-remove { background-color: #2B343E; width: 20px; height: 20px; font-size: 12px; text-align: center; display: block; cursor: pointer; border: 1px solid #FFF; color: #FFF; line-height: 18px; border-radius: 50%; position: absolute; top: -7px; right: -7px; z-index: 11; }
.dz-preview .dz-remove:before { font-family: 'icomoon'; content: "\e946"; }
.dz-preview .dz-details .dz-size { display: none; opacity: 0; }
.dz-preview .dz-details .dz-filename { width: 50px; }
.dz-preview .dz-details .dz-filename span { display: block; display: -webkit-box; max-height: 12px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 10px; color: #FFF; }
.dz-preview .dz-image { background-color: #2B343E; overflow: hidden; width: 50px; height: 50px; position: relative; display: block; z-index: 10; margin-bottom: 5px; }
.dz-preview .dz-image img { background-color: #2B343E; display: block; }
.dz-preview .dz-progress { opacity: 1; z-index: 1000; pointer-events: none; position: absolute; height: 8px; left: 50%; top: 50%; margin-top: -8px; width: 50px; margin-left: -25px; -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; }
.dz-preview .dz-progress .dz-upload { background: #FFF; position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; }
.dz-preview .dz-success-mark, .dz-preview .dz-error-mark { pointer-events: none; opacity: 0; z-index: 500; position: absolute; display: block; top: 50%; left: 50%; margin-left: -12px; margin-top: -12px; }
.dz-preview .dz-success-mark svg, .dz-preview .dz-error-mark svg { display: block; width: 24px; height: 24px; }
.dz-preview .dz-error-message { pointer-events: none; z-index: 1000; position: absolute; display: block; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; border-radius: 8px; font-size: 13px; top: 130px; left: -10px; width: 140px; background: #be2626; background: linear-gradient(to bottom, #be2626, #a92222); padding: 0.5em 1.2em; color: white; }
.dz-preview .dz-error-message:after { content: ''; position: absolute; top: -6px; left: 64px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #be2626; }
.dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dz-preview.dz-error .dz-error-mark { opacity: 1; -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dz-preview.dz-error .dz-error-message { display: block; }
.dz-preview.dz-error:hover .dz-error-message { opacity: 1; pointer-events: auto; }
.dz-preview.dz-processing .dz-progress { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.dz-preview.dz-complete .dz-progress { opacity: 0; -webkit-transition: opacity 0.4s ease-in; -moz-transition: opacity 0.4s ease-in; -ms-transition: opacity 0.4s ease-in; -o-transition: opacity 0.4s ease-in; transition: opacity 0.4s ease-in; }
.dz-preview:not(.dz-processing) .dz-progress { -webkit-animation: pulse 6s ease infinite; -moz-animation: pulse 6s ease infinite; -ms-animation: pulse 6s ease infinite; -o-animation: pulse 6s ease infinite; animation: pulse 6s ease infinite; }

.ck-editor { margin-top: -8px !important; }

.ck-editor__top .ck-sticky-panel .ck-toolbar { background-color: transparent !important; }

.ck-toolbar { border: 0 !important; padding: .4em 0 !important; }

.ck-editor-toolbar .ck-button.ck-disabled, .ck-editor-toolbar .ck-button:not(:hover):not(:focus):not(.ck-on) { background-color: transparent !important; }

.ck-editor__editable { background-color: #FFF !important; border-color: #E5E7EA !important; border-radius: 0px !important; min-height: 160px; }
.ck-editor__editable.ck-focused { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border: 1px solid #0B8FCF !important; }
.ck-editor__editable ul, .ck-editor__editable ol { padding-left: 20px; margin-bottom: 0; }
.ck-editor__editable blockquote { margin-bottom: 0; }

.ck-editor__editable_inline { padding: 10px 15px !important; }
.ck-editor__editable_inline p { margin-bottom: 0; }

.ck-reset_all.ck-rounded-corners, .ck-reset_all.ck-rounded-corners * { z-index: 9999 !important; }

.form--nb { border-top: none; }
.form .form__content { padding: 0 0 30px; }
.form .form__title { padding: 20px 40px; border-bottom: 1px solid #F1F1F1; }
.form .form__title p { font-size: 16px; font-weight: 600; margin: 0; }
.form .form__item { padding: 10px 60px 10px 40px; }
.form .form__item > button { font-size: 14px; color: #443F3F; padding: 5px 0 5px 30px; margin: 5px 0 0; text-align: left; position: relative; }
.form .form__item > button > span:first-child { width: 30px; position: absolute; top: 5px; left: 0; }
.form .form__item > button > span:last-child { display: block; font-size: 13px; color: #443F3F; }
.form .form__item > button > span.required__asterix { color: #F35E24; display: inline-block; padding-left: 3px; font-size: 17px; font-weight: 700; }
.form .form__item > button + div:not(.row) { padding: 20px 0px 10px 30px; width: 50%; }
@media (max-width: 739px) { .form .form__item > button + div:not(.row) { width: 100%; } }
@media (max-width: 1099px) { .form .form__item > button + div:not(.row) { width: 100%; } }
.form .form__item.form__item:hover { background-color: #F9F9F9; border-left: 3px solid #F35E24; border-spacing: 0; padding: 10px 60px 10px 37px; }
.form .form__item:first-child { padding-top: 30px; }
.form .form__item:first-child:first-child:hover { padding-top: 30px; }
.form .form__item.bg-light > button, .form .form__item.completed > button { font-weight: 600; color: #1C2430; }
.form .form__item.bg-light > button > span:last-child, .form .form__item.completed > button > span:last-child { font-weight: 400; color: #443F3F; }
.form .form__item.bg-light > button > span.required__asterix, .form .form__item.completed > button > span.required__asterix { color: #F35E24; }
.form .form__item.completed > button:after { font-family: "icomoon"; font-size: 10px; color: #FFF; line-height: 18px; content: "\e916"; background-color: #2DB674; width: 18px; height: 18px; text-align: center; display: block; position: absolute; right: -30px; top: 7px; border-radius: 50%; }
.form.form--nb { border: 0; }
.form.form--sm .form__item { padding: 30px 20px 0; }
@media (max-width: 739px) { .form .form__item { padding: 10px 20px; }
  .form .form__item > button { padding-right: 30px; }
  .form .form__item.completed > button:after { right: 0; }
  .form.form--sm .form__item { padding: 30px 0 0; } }

.select-list__content.col-md-5 { padding-left: 0; margin-top: 20px; }

.step-slider { position: relative; padding-top: 50px; max-width: 35%; }
.step-slider .left, .step-slider .right { font-size: 14px; color: #9BA2AD; position: absolute; top: 16px; }
.step-slider .left { left: 0; }
.step-slider .right { right: 0; }
.step-slider .ui-widget { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.step-slider .ui-widget-content { background-color: #EFF2F6; height: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.step-slider .ui-slider > p { position: relative; padding-top: 15px; color: #9BA2AD; }
.step-slider .ui-slider > p > span { position: absolute; }
.step-slider .ui-slider > p > span:nth-child(1) { left: 0%; }
.step-slider .ui-slider > p > span:nth-child(2) { left: 10%; }
.step-slider .ui-slider > p > span:nth-child(3) { left: 21%; }
.step-slider .ui-slider > p > span:nth-child(4) { left: 32.5%; }
.step-slider .ui-slider > p > span:nth-child(5) { left: 43.5%; }
.step-slider .ui-slider > p > span:nth-child(6) { left: 54.5%; }
.step-slider .ui-slider > p > span:nth-child(7) { left: 66%; }
.step-slider .ui-slider > p > span:nth-child(8) { left: 77%; }
.step-slider .ui-slider > p > span:nth-child(9) { left: 88%; }
.step-slider .ui-slider > p > span:nth-child(10) { left: 97%; }
.step-slider .ui-slider > p.step-slider__value { margin-bottom: 0; position: absolute; bottom: -34px; font-size: 14px; font-weight: 600; color: #006EC5; }
.step-slider .ui-slider .ui-slider-handle { background-color: #006EC5; width: 16px; height: 16px; border-radius: 50%; margin-top: -4px; border: 0px !important; }
.step-slider .slider__progress { height: 4px; width: 0; background-color: #006EC5; }
@media (max-width: 739px) { .step-slider { max-width: 100%; margin-bottom: 30px; } }

.tips { background-color: #75BAF0; padding: 22px 0; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 21px; overflow: hidden; position: relative; }
.tips:before, .tips:after { background-color: rgba(255, 255, 255, 0.13); position: absolute; z-index: 1; height: 100%; top: 0; right: -4%; content: ''; transform: skewX(140deg); }
.tips:before { width: 40%; }
.tips:after { width: 32%; }
.tips .tips__icon { width: 150px; padding: 0 10px; color: #FFF; text-align: center; }
.tips .tips__icon h2 { font-family: 'Montserrat', sans-serif; }
.tips .tips__icon h2 > i { margin-right: 10px; }
.tips .tips__content { width: calc(100% - 430px); padding-left: 30px; border-left: 1px dotted #FFF; }
.tips .tips__content * { position: relative; z-index: 2; }
.tips .tips__content p { margin-bottom: 0; }
.tips .tips__content ul { list-style: decimal outside; padding: 0; margin: 0 0 0 14px; }
.tips .tips__content ul li { margin-top: 10px; }
.tips .tips__content ul a { font-weight: 600; color: inherit; text-decoration: underline; }
.tips .tips__action { width: 280px; margin-left: auto; text-align: center; position: relative; z-index: 2; }
@media (max-width: 1099px) { .tips .tips__icon { width: 130px; }
  .tips .tips__action { width: 180px; }
  .tips .tips__content { width: calc(100% - 310px); } }
@media (max-width: 739px) { .tips { flex-wrap: wrap; }
  .tips:before, .tips:after { right: -40%; }
  .tips:before { width: 70%; }
  .tips:after { width: 62%; }
  .tips .tips__icon { width: 100%; margin-bottom: 10px; }
  .tips .tips__action { width: 100%; padding: 20px 0 0; text-align: center; }
  .tips .tips__content { width: 100%; border-left: 0; padding: 0 20px; } }

.path { padding: 30px 20px 20px; }
.path .path__top { margin-left: 20px; padding-bottom: 20px; }
@media (max-width: 739px) { .path { padding: 20px 0px 20px; } }

.comparison { background-color: #F6F6F6; width: calc(100% - 44px); margin: 22px; padding: 12px 0; display: inline-block; }
.comparison .comparison__top { background-color: #FFF; padding: 25px 30px; margin: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.comparison .comparison__top > .btn { margin-left: auto; }
.comparison .comparison__content { margin: 0 9px; }
.comparison .comparison__content .owl-stage { display: flex; margin: 0 auto; }
.comparison .comparison__content .owl-item { background-color: #FFF; }
.comparison .item { background-color: #FFF; height: 100%; display: flex; flex-direction: column; }
.comparison .item .item__top { padding: 25px 15px; min-height: 115px; text-align: center; border-bottom: 3px solid #F6F6F6; }
.comparison .item .item__top p { font-weight: 600; margin-bottom: 5px; }
.comparison .item .item__top a img { height: 18px; margin-right: 5px; vertical-align: top; display: inline-block; }
.comparison .item .item__content { padding: 20px 18px; text-align: left; }
.comparison .item .item__row { margin-bottom: 25px; }
.comparison .item .item__row p { margin: 0; }
.comparison .item .item__sublist p { color: #768394; margin-top: 10px; }
.comparison .item .item__bottom { padding: 12px 20px; margin-top: auto; border-top: 3px solid #F6F6F6; }
.comparison .item .item__bottom .btn { width: 80%; }
.comparison .owl-prev, .comparison .owl-next { background-color: #6064BB; width: 30px; height: 30px; position: absolute; border-radius: 100%; cursor: pointer; color: #FFF; line-height: 30px; text-align: center; font-size: 20px; top: 40px; }
.comparison .owl-prev.disabled, .comparison .owl-next.disabled { opacity: 0.6; }
.comparison .owl-prev { left: -15px; }
.comparison .owl-next { right: -15px; }
.comparison .owl-dots { padding-top: 20px; }
@media (max-width: 739px) { .comparison { margin: 0; width: 100%; }
  .comparison .comparison__top { padding: 20px 15px; }
  .comparison .item .item__top { min-height: auto; }
  .comparison .owl-prev, .comparison .owl-next { top: 30px; }
  .comparison .owl-prev { left: -5px; }
  .comparison .owl-next { right: -5px; } }

.chkx-link { margin-bottom: 25px; }
.chkx-link:after { content: ''; display: table; clear: both; }
.chkx-link label { float: left; }
.chkx-link label + div { float: left; margin-left: 20px; max-width: calc(100% - 50px); line-height: 20px; }
.chkx-link label + div p { color: #443F3F; margin: 5px 0 0; }
.chkx-link.checked label + div a:first-child { color: #34C787; font-weight: 600; }

.main-alert { background-color: #ED494E; position: fixed; top: 100px; right: 30px; z-index: 10; color: #FFF; width: 300px; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.main-alert .main-alert__icon { font-size: 24px; }
.main-alert .main-alert__close { background-color: transparent; border: 0; color: #FFF; font-size: 20px; align-self: flex-start; }
.main-alert .main-alert__content { margin: 0 5px 0 15px; }
.main-alert .main-alert__content a { color: #FFF; font-weight: 600; }

.tagsinput { background-color: #FFF; border: 1px solid #E5E7EA; color: #1C2430; box-shadow: none; width: 100%; display: inline-block; padding: 12px 15px 4px; vertical-align: middle; max-width: 100%; line-height: 22px; cursor: text; }
.tagsinput > div { display: inline-block; }
.tagsinput input { border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0 6px; width: auto; height: 30px; margin: 0 0 6px; max-width: inherit; display: inline-block; }
.tagsinput input:focus { border: none !important; box-shadow: none !important; }
.tagsinput .tag { background-color: #FFF; font-size: 11px; font-weight: 400; margin-right: 20px; margin-bottom: 10px; padding: 5px 10px; color: #1C2430; border-radius: 0; -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); display: inline-block; }
.tagsinput .tag > a { margin-left: 8px; cursor: pointer; }
.tagsinput .tag > a:after { font-family: "icomoon"; content: "\e946"; padding: 0px 2px; }

.flexdatalist-results { position: absolute; top: 0; left: 0; border: 1px solid #444; border-top: none; background: #fff; z-index: 100000; max-height: 300px; overflow-y: auto; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); color: #1C2430; list-style: none; margin: 0; padding: 0; }
.flexdatalist-results li { border-bottom: 1px solid rgba(202, 202, 202, 0.5); line-height: 36px; color: #1C2430; padding: 0px 20px; }
.flexdatalist-results li span.highlight { font-weight: 700; text-decoration: underline; }
.flexdatalist-results li.active { color: #262626; background-color: #f5f5f5; cursor: pointer; }
.flexdatalist-results li.no-results { font-style: italic; color: #888; }
.flexdatalist-results li.group { background: #F3F3F4; color: #666; padding: 8px 8px; }
.flexdatalist-results li .group-item-count { font-size: 85%; color: #777; display: inline-block; padding-left: 10px; }

.flexdatalist-multiple { width: 100%; margin: 0; list-style: none; text-align: left; cursor: text; background-color: #FFF; border: 1px solid #E5E7EA; color: #1C2430; display: inline-block; padding: 1px 15px; vertical-align: middle; max-width: 100%; line-height: 22px; }
.flexdatalist-multiple:after { content: ''; display: block; clear: both; }
.flexdatalist-multiple.disabled { background-color: #EEE; cursor: default; }
.flexdatalist-multiple li { display: inline-block; position: relative; }
.flexdatalist-multiple li.value { background-color: #FFF; font-size: 11px; font-weight: 400; margin-right: 20px; margin-top: 5px; padding: 5px 30px 5px 10px; color: #1C2430; border-radius: 0; -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); display: inline-block; }
.flexdatalist-multiple li.value span.fdl-remove { font-weight: 700; padding: 2px 5px; font-size: 20px; line-height: 20px; cursor: pointer; position: absolute; top: 2px; right: 0; }
.flexdatalist-multiple li.toggle { cursor: pointer; transition: opacity ease-in-out 300ms; }
.flexdatalist-multiple li.toggle.disabled { text-decoration: line-through; opacity: 0.80; }

.flexdatalist-multiple li.input-container, .flexdatalist-multiple li.input-container input { border: none; height: auto; padding: 0; font-size: 11px; line-height: 22px !important; }

.flexdatalist-multiple li.input-container input { min-width: 100px; margin: 10px 0; padding: 3px 2px; }

.tab-title { font-size: 14px; letter-spacing: 2px; line-height: 28px; color: rgba(255, 255, 255, 0.9); text-transform: uppercase; padding: 20px 0; text-align: center; position: relative; }
.tab-title span { font-weight: 300; font-style: italic; color: rgba(255, 255, 255, 0.6); }
.tab-title .dropdown { position: absolute; right: 0; top: 15px; }
.tab-title .dropdown > .btn { color: #FFF; }

.nav-tabs { border-bottom: 0; }
.nav-tabs .nav-item { margin-bottom: 0; }
.nav-tabs li { display: block; float: left; }
.nav-tabs li a, .nav-tabs li > span { line-height: 20px; padding: 20px 15px; color: #1C2430; display: block; border-bottom: 2px solid #FFF; position: relative; }
.nav-tabs li a .notification, .nav-tabs li > span .notification { font-style: normal; margin-left: 5px; position: static; }
.nav-tabs li a > span, .nav-tabs li > span > span { color: #443F3F; margin-left: 10px; display: inline-block; }
.nav-tabs li a > span:empty, .nav-tabs li > span > span:empty { display: none; }
.nav-tabs li a.active, .nav-tabs li > span.active { color: #2869CB; border-bottom: 2px solid #2869CB; }
.nav-tabs li a.active > span, .nav-tabs li > span.active > span { color: #443F3F; }
.nav-tabs li.active a { color: #2869CB; border-bottom: 2px solid #2869CB; }
.nav-tabs li.active a > span { color: #443F3F; }
.nav-tabs li.disabled a { color: #443F3F; }

.dynamic-tabs { width: 100%; float: left; }

.dynamic-tabs-container { position: relative; }

.dynamic-tabs-container .dynamic-tabs { padding-right: 50px; }

.dynamic-tabs-container .tabs-dropdown { position: absolute; right: 0; margin-right: 0 !important; padding: 10px 15px; }

.dynamic-tabs-container .tabs-dropdown.navbar-nav { margin: 0 !important; align-items: flex-end; }

.dynamic-tabs-container .tabs-dropdown .dropdown-toggle { position: relative; display: block; color: black; }

.tabs:after { content: ''; display: table; clear: both; }
.tabs .tabs__switch { background-color: #FFF; color: #2869CB; line-height: 16px; padding: 18px 20px; position: relative; border-bottom: 2px solid #2869CB; }
.tabs .tabs__switch i { position: absolute; top: 18px; right: 20px; font-size: 14px; }
@media (max-width: 1099px) { .tabs .tabs__switch { cursor: pointer; } }
.tabs > .pull-right { width: 35%; text-align: right; padding: 24px 30px 0 0; }
.tabs > ul { list-style-type: none; margin: 0; padding: 0; width: 65%; float: left; }
.tabs > ul:after { content: ''; display: table; clear: both; }
.tabs > ul.tabs100 { width: 100%; }
.tabs > ul li { display: block; float: left; }
.tabs > ul li a, .tabs > ul li > span { line-height: 20px; padding: 20px 15px; color: #1C2430; display: block; border-bottom: 2px solid #FFF; position: relative; }
.tabs > ul li a .notification, .tabs > ul li > span .notification { font-style: normal; margin-left: 5px; position: static; }
.tabs > ul li a > span, .tabs > ul li > span > span { color: #443F3F; margin-left: 10px; display: inline-block; }
.tabs > ul li a > span:empty, .tabs > ul li > span > span:empty { display: none; }
.tabs > ul li a.active, .tabs > ul li > span.active { color: #2869CB; border-bottom: 2px solid #2869CB; }
.tabs > ul li a.active > span, .tabs > ul li > span.active > span { color: #443F3F; }
.tabs > ul li.active a { color: #2869CB; border-bottom: 2px solid #2869CB; }
.tabs > ul li.active a > span { color: #443F3F; }
.tabs > ul li.disabled a { color: #443F3F; }
.tabs.tabs--border { border-top: 1px solid rgba(202, 202, 202, 0.5); border-bottom: 1px solid rgba(202, 202, 202, 0.5); }
.tabs.tabs--bb { border-bottom: 1px solid rgba(202, 202, 202, 0.5); }
.tabs.tabs--bb--np { padding-left: 30px; }
.tabs.tabs--margin { margin: 0 20px; }
.tabs.tabs--dark { border-bottom: 1px solid #6B7685; }
@media (max-width: 739px) { .tabs.tabs--dark { margin: 0 15px; } }
.tabs.tabs--dark .tabs__switch { background-color: transparent; }
@media (max-width: 739px) { .tabs.tabs--dark .tabs__switch { color: #8fbcff; border-bottom: 2px solid #8fbcff; } }
@media (max-width: 1099px) { .tabs.tabs--dark .tabs__switch { color: #8fbcff; border-bottom: 2px solid #8fbcff; } }
.tabs.tabs--dark > ul > li > a, .tabs.tabs--dark > ul > li > span { color: #FFF; border-bottom: 2px solid transparent; }
.tabs.tabs--dark > ul > li > a > span, .tabs.tabs--dark > ul > li > span > span { color: #6B7685; }
.tabs.tabs--dark > ul > li.active a { color: #3C97DD; border-bottom: 2px solid #3C97DD; }
.tabs ~ .tab__content { display: none; position: relative; }
.tabs ~ .tab__content:after { content: ''; display: table; clear: both; }
.tabs ~ .tab__content .tab__title { border-bottom: 1px solid #6B7685; padding: 20px 0; }
.tabs ~ .tab__content .tab__title:after { content: ''; display: table; clear: both; }
.tabs ~ .tab__content .tab__title h3 { font-size: 13px; color: #FFF; line-height: 32px; margin: 0; padding: 0 12px; float: left; }
.tabs ~ .tab__content .tab__title h3 > span { margin: 0 5px; opacity: 0.3; display: inline-block; }
.tabs ~ .tab__content .tab__title .dropdown { float: right; }
.tabs ~ .tab__content .tab__title .dropdown .btn-empty { color: #FFF; }
.tabs ~ .tab__content .tab__title .dropdown .btn-empty > span { font-size: 24px; }
.tabs ~ .tab__content.tab__content--no-padding { padding: 0; }
.tabs ~ .tab__content.active { display: block; }
.browse__header-text .tabs > ul { width: 100%; }
@media (max-width: 1099px) { .tabs { position: relative; }
  .tabs > ul { width: 100%; }
  .tabs > ul li a, .tabs > ul li > span { padding: 25px 10px; }
  #main-entities-filter-panels .tabs > ul { width: 65%; }
  .tabs.tabs--mobile > ul { display: none; background-color: #F6F6F6; width: 100%; position: absolute; left: 0; z-index: 3; }
  .tabs.tabs--mobile > ul li { width: 100%; text-align: center; }
  .tabs.tabs--mobile > ul li a { border-bottom: 0; }
  .tabs.tabs--mobile > ul li.active { display: none; }
  .tabs.open .tabs__switch + ul { display: block; width: 100%; } }
@media (max-width: 739px) { .tabs .tabs__switch { padding: 18px 0; cursor: pointer; }
  .tabs .tabs__switch i { right: 0; }
  .tabs > .pull-right { width: 100%; padding: 15px 0; }
  .tabs > .pull-right > .inline, .tabs > .pull-right > .btn-action { width: 49%; display: inline-block; text-align: center; }
  .tabs > .pull-right > .inline { border-right: 1px solid rgba(202, 202, 202, 0.5); }
  .tabs > .pull-right .btn-action { margin: 0; }
  .tabs.tabs--mobile > ul, .tabs.tabs--phone > ul { -webkit-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.34); -moz-box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.34); box-shadow: 0px 3px 5px 0px rgba(168, 168, 168, 0.34); }
  .tabs.tabs--mobile > ul li, .tabs.tabs--phone > ul li { width: 100%; }
  .tabs.tabs--mobile > ul li a, .tabs.tabs--mobile > ul li > span, .tabs.tabs--phone > ul li a, .tabs.tabs--phone > ul li > span { padding: 15px; text-align: center; }
  #main-entities-filter-panels .tabs > ul { width: 100%; }
  .tabs.tabs--phone > ul { display: none; background-color: #F6F6F6; width: 100%; position: absolute; left: 0; z-index: 3; }
  .tabs.tabs--phone > ul li { width: 100%; text-align: center; }
  .tabs.tabs--phone > ul li a { border-bottom: 0; }
  .tabs.tabs--phone > ul li.active { display: none; }
  .tabs.tabs--margin { margin: 0; }
  .tabs.tabs--dark > ul { background-color: #2B343E; } }

.tab__content { display: none; }
.tab__content.active { display: block; }

.tabs-dark { background-color: #242D3A; }
.tabs-dark > ul { position: relative; list-style-type: none; margin: 0; padding: 0; }
.tabs-dark > ul:after { content: ''; display: table; clear: both; }
.tabs-dark > ul > li { width: 10%; display: block; float: left; text-align: center; }
.tabs-dark > ul > li a { display: block; font-size: 12px; color: #FFF; line-height: 48px; position: relative; }
.tabs-dark > ul > li.active > a { color: #4EA8EF; border-bottom: 2px solid #4EA8EF; }
@media (min-width: 1100px) { .tabs-dark > ul > li:hover > a { color: #4EA8EF; border-bottom: 2px solid #4EA8EF; } }
@media (max-width: 739px) { .tabs-dark > ul > li { width: 40%; } }

@media (min-width: 740px) { .tabs-filled { padding: 16px 0; }
  .tabs-filled li.dropdown { bottom: 0; }
  .tabs-filled li a { border-bottom: none !important; line-height: 42px; margin: 3px; border-radius: 0.2rem; transition: background .3s; }
  .tabs-filled li a:not(.dropdown-toggle) { padding: 15px; background: #F9F9F9; }
  .tabs-filled li a:hover { background: #DBE8FE; }
  .tabs-filled li a:not(.tab-add).active:after { content: ''; width: 8px; height: 8px; position: absolute; top: 4px; right: 4px; border-radius: 6px; background: #2869CB; }
  .tabs-filled li a.dropdown-toggle { padding: 7px !important; background: transparent; border-radius: 50%; }
  .tabs-filled li a.dropdown-toggle:hover { background: #F9F9F9; }
  .tabs-filled li a.active { color: #535962 !important; background: #DBE8FE; }
  .tabs-filled li.tab-add a { background: #2869CB; color: #FFF !important; transition: background .3s; }
  .tabs-filled li.tab-add a:hover { background: #2b7cf4; }
  .tabs-filled li.dropdown.open .dropdown-menu { padding: 10px 0; }
  .tabs-filled li.dropdown.open .dropdown-menu li { float: none; }
  .tabs-filled li.dropdown.open .dropdown-menu li.nav-item a { margin: 5px 10px; } }

.menu { overflow: visible !important; }
.menu .menu__close { width: 100%; background-color: #717883; position: fixed; z-index: 1; padding: 0 20px; font-size: 15px; line-height: 66px; color: #FFF; border-bottom: none; display: none; }
.menu .menu__close i { width: 38px; font-size: 18px; line-height: 1; vertical-align: middle; position: relative; text-align: center; display: inline-block; top: -2px; }
.menu .menu__head { line-height: 20px; padding: 15px 10px; color: #FFF; background-image: linear-gradient(to right, #96a0af 15%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 7px 1px; background-repeat: repeat-x; display: block; }
.menu .menu__head > span { font-size: 12px; color: #96A0AF; text-transform: uppercase; letter-spacing: 2px; display: block; text-align: center; overflow: auto; }
.menu .menu__head + .menu__title { background-image: linear-gradient(to right, #96a0af 15%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 7px 1px; background-repeat: repeat-x; }
.menu .menu__title { width: 100%; vertical-align: top; text-align: left; display: inline-flex; color: #BEC8D5; cursor: pointer; font-size: 13px; line-height: 48px; padding: 0 10px; border-radius: 0; }
.menu .menu__title:after { content: ''; display: table; clear: both; }
.menu .menu__title > i, .menu .menu__title > span { float: left; position: relative; }
.menu .menu__title > i { font-size: 16px; width: 40px; text-align: center; color: #96A0AF; }
.menu .menu__title > i + span { width: calc(100% - 40px); }
.menu .menu__title > span { width: 100%; display: block; vertical-align: top; line-height: 20px; padding: 14px 0; }
.menu .menu__title > span > i { float: right; }
.menu .menu__title > span.border-bookmark { width: 40px; height: 40px; padding: 2px; margin: 10px 10px 0px 7px; }
.menu .menu__title > span.border-bookmark > img { border-radius: 50%; }
.menu .menu__title > span.text-bookmark { padding: 10px; }
.menu .menu__title.more { cursor: pointer; }
.menu .menu__title.more > span:after { font-family: "FontAwesome"; font-size: 18px; color: #6C7481; position: absolute; right: 11px; top: 14px; content: '\f105'; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.menu .menu__title.active, .menu .menu__title[aria-expanded="true"] { border-left: 3px solid #006EC5; background-color: #242D3A; color: #FFFFFF; }
.menu .menu__title[aria-expanded="true"] > span:after { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.menu .menu__title[aria-expanded="true"] + div { border-left: 3px solid #006EC5; background-color: #242D3A; }
.menu .menu__back { line-height: 24px; font-weight: 600; padding: 12px 10px; color: #FFF; background-image: linear-gradient(to right, #96a0af 15%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 7px 1px; background-repeat: repeat-x; cursor: pointer; display: block; }
.menu .menu__back i { width: 34px; font-size: 16px; line-height: 1; vertical-align: middle; position: relative; text-align: center; display: inline-block; top: -2px; }
.bookmarks .menu .menu__title { color: #1C2430; }
.bookmarks .menu .menu__title.active, .bookmarks .menu .menu__title[aria-expanded="true"] { border-left: 3px solid #D2D2D2; background-color: #F1F1F1; color: #242D3A; }
.bookmarks .menu .menu__title[aria-expanded="true"] + div { border-left: 3px solid #D2D2D2; background-color: #F1F1F1; }
@media (min-width: 1100px) { .menu { width: 250px; position: relative; overflow: hidden; }
  .menu .menu__title:nth-child(2) { background-image: linear-gradient(to right, #96a0af 10%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 8px 1px; background-repeat: repeat-x; } }
@media (max-width: 1099px) { .menu { width: 100vw; height: 100vh; background-color: #FFFFFF; position: fixed; top: 0; left: 0; transform: translate3d(-100vw, 0, 0); transition: transform 0.3s cubic-bezier(0, 0.52, 0, 1); overflow: scroll !important; z-index: 13; padding-bottom: 120px; }
  .menu.modal-menu__action { height: 100%; }
  .menu.open { transform: translate3d(0vw, 0, 0); }
  .menu .menu__close { display: block; position: sticky; position: -webkit-sticky; top: 0; border-bottom: none; }
  .menu .menu__close + .menu__title { margin-top: 0; }
  .menu .menu__title { font-size: 15px; }
  .menu .menu__title > i { font-size: 18px; }
  .menu .menu__title > span { color: #1C2430; }
  .menu .menu__title > span:after { font-size: 32px; top: 10px; }
  .menu .menu__title.active > span, .menu .menu__title[aria-expanded="true"] > span { color: #FFF; }
  .menu .menu__content { padding-bottom: 67px; }
  .menu .menu__back { color: #1C2430; padding: 0 20px; line-height: 66px; } }

.category-list { padding-bottom: 10px; }
.category-list .menu__title { padding-left: 45px; }
.category-list .menu__title > span { padding: 10px 0; }
.category-list .menu__title > span:after { top: 10px; }
.category-list .category-list__item { color: #BEC8D5; line-height: 16px; padding: 12px 25px 12px 50px; display: block; position: relative; }
.category-list .category-list__item:after { content: ''; display: table; clear: both; }
.category-list .category-list__item > i { font-size: 10px; font-style: normal; color: #7D858F; float: right; width: 18%; text-align: right; }
.category-list .category-list__item > span { width: 82%; float: left; text-transform: capitalize; }
.category-list .category-list__item.more:before { font-family: "FontAwesome"; font-size: 18px; content: '\f105'; color: #7D858F; position: absolute; right: 20px; top: 12px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.category-list .category-list__item.more[aria-expanded="true"] { background-color: #242D3A; color: #FFF; font-weight: 600; }
.category-list .category-list__item.more[aria-expanded="true"]:before { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.category-list .category-list__item.active { color: #FFFFFF; font-weight: 600; }
.category-list .category-list__content > .category-list .category-list__item { padding-left: 70px; }
.category-list .category-list__content.in { background-color: #242D3A; display: block; }
.bookmarks .category-list .category-list__item { float: none; width: 100%; color: #242D3A; }
@media (min-width: 1100px) { .category-list .category-list__item:hover { background-color: #293442; }
  .bookmarks .category-list .category-list__item:hover { background-color: transparent; } }
@media (max-width: 1099px) { .category-list .category-list__item.more[aria-expanded="true"] { background-color: #242D3A; color: #1C2430; font-weight: 600; } }

.menu .menu__title.more > span:after { font: 32px/1 skillsfirst-icons; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #96a0af; content: "\ea26"; margin-right: -12px; margin-top: -5px; }
.menu .menu__title[aria-expanded="true"] > span:after { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.menu .menu__title { text-decoration: none !important; }
.menu .menu__title > .sf { color: var(--nav-grey-regular); font-size: 28px; margin-right: 4px; width: 40px; text-align: center; top: unset; vertical-align: unset !important; position: unset; line-height: unset; display: unset; }
.menu .menu__back { text-decoration: none !important; }
.menu .menu__back > .sf { color: var(--nav-grey-regular); font-size: 28px; margin-right: 4px; width: 40px; text-align: center; top: unset; vertical-align: unset !important; position: unset; line-height: unset; display: unset; }

.bottom-navbar-menu.menu .menu__close { display: none; }
.bottom-navbar-menu.menu .menu__close + .menu__title { margin: 0; }

@media (max-width: 1099px) { .menu { background-color: var(--nav-background); }
  .menu .menu__title[aria-expanded="true"] { border-left: none !important; background-color: #424A56; font-size: 13px; }
  .menu .menu__title[aria-expanded="true"] + div { border-left: none !important; background-color: #424A56; font-size: 13px; }
  .menu .menu__title.active { border-left: none !important; background-color: #4F5965; }
  .menu .menu__title > span { color: var(--nav-regular) !important; font-size: 13px; }
  .menu .menu__back { color: var(--nav-regular); font-weight: unset; }
  .menu .menu__back:hover { border-left: none !important; background-color: #4F5965; }
  .menu .category-list .category-list__item { color: #BEC8D5; font-size: 13px; line-height: 16px; padding: 12px 25px 12px 50px; display: block; position: relative; }
  .menu .category-list .category-list__item:hover { font-weight: unset; }
  .menu .category-list .category-list__item.active { color: var(--nav-regular); font-weight: unset; background-color: #4F5964; }
  .bottom-navbar-menu.menu { position: unset; top: unset; height: unset; padding-bottom: 0; background-color: unset; }
  .bottom-navbar-menu.menu .menu__back { margin: 5px 0; background-image: none; padding: 5px 8px; align-items: center !important; line-height: 48px; color: var(--nav-regular); font-weight: unset; background-color: #495AD7; }
  .bottom-navbar-menu.menu .menu__back:hover { background-color: #495AD7; }
  .menu__title { align-items: center !important; width: 100%; text-align: left; cursor: pointer; font-size: 13px; line-height: 50px; padding: 0 10px 0 13px; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex !important; }
  .menu__back { align-items: center !important; width: 100%; text-align: left; cursor: pointer; font-size: 13px; line-height: 50px; padding: 0 10px 0 13px; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex !important; }
  .filter__btn { align-items: center !important; width: 100%; text-align: left; cursor: pointer; font-size: 13px; line-height: 50px; padding: 0 10px 0 13px; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex !important; } }
.filters-modal-body .browse-list__row .item__name-expandable { padding-left: 10px; }
.filters-modal-body .browse-list__row .fa { font-size: 18px; padding-left: 10px; vertical-align: middle; }

.filters .filters__close { width: 100%; background-color: #717883; position: fixed; z-index: 1; padding: 0 20px; font-size: 15px; line-height: 66px; color: #FFF; border-bottom: 1px solid rgba(202, 202, 202, 0.5); display: none; }
.filters .filters__close i { width: 38px; font-size: 18px; line-height: 1; vertical-align: middle; position: relative; text-align: center; display: inline-block; top: -2px; }
.filters .filter { position: relative; }
.filters .filter .filter__btn { width: 100%; vertical-align: top; text-align: left; color: #BEC8D5; cursor: pointer; font-size: 13px; line-height: 50px; padding: 0 10px 0 13px; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; align-items: stretch; }
.filters .filter .filter__btn:after { content: ''; display: table; clear: both; }
.filters .filter .filter__btn .filter__icon, .filters .filter .filter__btn .filter__name { position: relative; }
.filters .filter .filter__btn .filter__icon { font-size: 16px; width: 40px; text-align: center; color: #7D858F; }
.filters .filter .filter__btn .filter__icon + .filter__name { width: calc(100% - 40px); }
.filters .filter .filter__btn .filter__name { width: 100%; vertical-align: top; line-height: 20px; padding: 15px 30px 15px 0; }
.filters .filter .filter__btn .filter__name > i { font-size: 9px; font-style: normal; float: right; margin-right: 10px; }
.filters .filter .filter__btn .filter__name:after { font-family: "FontAwesome"; font-size: 18px; color: #7D858F; position: absolute; right: 6px; top: 14px; content: '\f105'; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.filters .filter .filter__btn[aria-expanded="true"] { border-left: 3px solid #006EC5; background-color: #242D3A; padding: 0 10px; }
.filters .filter .filter__btn[aria-expanded="true"] .filter__icon, .filters .filter .filter__btn[aria-expanded="true"] .filter__name { border-bottom: 1px solid #404A5A; }
.filters .filter .filter__btn[aria-expanded="true"] .filter__name { font-weight: 600; color: #FFF; }
.filters .filter .filter__btn[aria-expanded="true"] .filter__name:after { right: 7px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.filters .filter .filter__all { border: 1px solid #FFF; color: #FFFFFF; display: block; margin: 10px auto; padding: 7px 20px; border-radius: 4px; }
.filters .filter .filter__back { margin: 0 10px; border-bottom: 1px solid #404A5A; display: block; position: relative; }
.filters .filter .filter__back:after { content: ''; display: table; clear: both; }
.filters .filter .filter__back > a { color: #FFFFFF; font-weight: 600; line-height: 20px; padding: 15px 0; display: block; float: left; width: calc(100% - 25px); }
.filters .filter .filter__back > a > i { font-size: 18px; width: 40px; text-align: center; color: #7D858F; float: left; }
.filters .filter .filter__back > a .name { float: left; width: calc(100% - 40px); }
.filters .filter .filter__back > a.full { width: 100%; }
.filters .filter .filter__back .info { cursor: pointer; font-size: 17px; line-height: 50px; color: #7D858F; width: 25px; float: right; text-align: center; margin: 0; border: 0; }
.filters .filter .filter__title { color: #FFFFFF; font-weight: 600; cursor: pointer; line-height: 20px; padding: 12px 15px 2px 50px; }
.filters .filter .filter__content { border-left: 3px solid #006EC5; background-color: #242D3A; padding-bottom: 10px; }
.filters .filter .filter__content .filter__btn .filter__name { padding-left: 37px; }
.filters .filter .filter__content .list { list-style: none; margin-bottom: 0; padding-top: 10px; }
.filters .filter .filter__content .list .list__item { color: #BEC8D5; line-height: 16px; padding: 12px 0; display: block; position: relative; }
.filters .filter .filter__content .list .list__item:after { content: ''; display: table; clear: both; }
.filters .filter .filter__content .list .list__item .checkbox:first-child { margin-left: 22px; }
.filters .filter .filter__content .list .list__item.list__item--more .checkbox { float: left; margin-right: 10px; }
.filters .filter .filter__content .list .list__item.list__item--more.open { background-color: #293442; padding-bottom: 0; }
.filters .filter .filter__content .list .list__item.list__item--more.open > .item__more .item__name { font-weight: 600; color: #FFFFFF; }
.filters .filter .filter__content .list .list__item.list__item--more.open > .item__more .fa-angle-right { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.filters .filter .filter__content .list .list__item.list__item--more.open > .list { display: block; }
.filters .filter .filter__content .list .list__item.list__item--last .item__name { width: 78%; }
.filters .filter .filter__content .list .list__item.list__item--last .item__amount { width: 18%; }
.filters .filter .filter__content .list .list__item.list__item--last .checkbox { width: calc(100% - 22px); padding-right: 35px; }
.filters .filter .filter__content .list .list__item.filter-to-left .checkbox:first-child { margin-left: 0px; }
.filters .filter .filter__content .list .list__item.filter-to-left .item__more { width: calc(100% - 32px); }
.filters .filter .filter__content .list .list { background-color: #293442; padding-top: 14px; padding-bottom: 10px; border-bottom: 1px solid #404A5A; clear: both; display: none; }
.filters .filter .filter__content .list .list .list__item .checkbox:first-child { margin-left: 52px; width: calc(100% - 52px); }
.filters .filter .filter__content .list .list .list__item.list__item--more .item__more { width: 100%; padding-left: 68px; }
.filters .filter .filter__content .list .list .list__item.list__item--more .item__more .item__name { width: 60%; padding-left: 10px; }
.filters .filter .filter__content .list .list .list__item.list__item--more .checkbox { width: auto; }
.filters .filter .filter__content .list .list .list__item.list__item--more.open { background-color: #2F3A49; }
.filters .filter .filter__content .list .list .list { background-color: #2F3A49; /* ADDED BY Maciej Helminiak */ /* END ADDED BY Maciej Helminiak */ }
.filters .filter .filter__content .list .list .list .list__item .checkbox:first-child { margin-left: 82px; width: calc(100% - 82px); }
.filters .filter .filter__content .list .list .list .list__item.list__item--more.list__item-with_checkbox .checkbox:first-child { margin-left: 82px; width: auto; }
.filters .filter .filter__content .list .list .list .list__item.list__item--more.list__item-with_checkbox .item__more { width: calc(100% - 112px); }
.filters .filter .filter__content .list .list .list .list__item.list__item--more.list__item-with_checkbox .item__more .item__amount { width: auto; }
.filters .filter .filter__content .list .list .list .list__item.list__item--more .item__more .item__name { width: 60%; padding-left: 20px; }
.filters .filter .filter__content .list .list .list .list .list__item .checkbox:first-child { margin-left: 92px; width: calc(100% - 92px); }
.filters .filter .filter__content .list.list--simple .list__item { padding: 12px 0 12px 22px; }
.filters .filter .filter__content .list.list--simple .list__item .item__name { width: 64%; }
.filters .filter .filter__content .list.list--simple .list__item.list__item--last { padding-left: 22px; }
.filters .filter .filter__content .list.list--simple .list__item.list__item--last .checkbox:first-child { margin-left: 0; width: 100%; }
.filters .filter .filter__content .list.list--simple .list__item.list__item--last .item__name { width: 82%; }
.filters .filter .filter__content .list.list--simple.list--next-level .list__item { padding-left: 52px; }
.filters .filter .filter__content .list.list--category { padding-top: 0; }
.filters .filter .filter__content .list.list--category > .list__item.list__item--more { padding-top: 0; padding-bottom: 0; }
.filters .filter .filter__content .list.list--category > .list__item.list__item--more > .item__more { padding: 12px 0 12px 50px; width: 100%; }
.filters .filter .filter__content .list.list--category > .list__item.list__item--more > .item__more + .list { padding-top: 0; }
.filters .filter .filter__content .list.list--category > .list__item.list__item--more > .item__more + .list .auto-wrapper { padding-bottom: 10px; }
.filters .filter .filter__content .item__name { color: #BEC8D5; width: 64%; line-height: 20px; float: left; cursor: pointer; }
.filters .filter .filter__content .item__amount { font-size: 9px; font-style: normal; line-height: 20px; color: #7D858F; float: right; width: 18%; text-align: right; }
.filters .filter .filter__content .item__more { width: calc(100% - 52px); background-color: transparent; border: 0; text-align: left; }
.filters .filter .filter__content .item__more .fa-angle-right { width: 35px; float: right; font-size: 18px; line-height: 20px !important; color: #7D858F; cursor: pointer; text-align: center; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.filters .checkbox { margin-bottom: 0; }
.filters .checkbox > .item__name:first-child { padding-left: 30px; }
.filters .checkbox > span, .filters .checkbox > .item__name:not(:first-child) { color: #BEC8D5; }
.filters .checkbox > span:before, .filters .checkbox > .item__name:not(:first-child):before { background-color: transparent; width: 16px; height: 16px; line-height: 16px; content: ''; border: 1px solid #7D858F; position: absolute; left: 0px; top: 2px; font-size: 11px; text-align: center; border-radius: 0; }
.filters .checkbox > span:after, .filters .checkbox > .item__name:not(:first-child):after { width: 16px; height: 16px; line-height: 16px; top: 3px; }
.filters .checkbox input:checked + span:before, .filters .checkbox input:checked + .item__name:not(:first-child):before { border: 1px solid #8EC449; background-color: #8EC449; }
@media (max-width: 1099px) { .filters { background-color: #FFF; bottom: -140%; right: 0; width: 100%; height: 100vh; z-index: 13; overflow: scroll; padding-bottom: 80px; }
  .filters .filters__close { display: block; }
  .filters .filter:nth-of-type(2) { margin-top: 0; }
  .filters .filter .filter__btn { font-size: 15px; color: #1C2430; }
  .filters #filter_panels_mobile { padding-top: 66px; } }

.browse__keywords { background-color: #F7F7F7; padding: 18px 10px 12px; }
.browse__keywords:after { content: ''; display: table; clear: both; }
.browse__keywords .keywords { padding: 8px 0; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; align-items: flex-start; }
.browse__keywords .keywords + .keywords { padding-top: 0; margin-top: -7px; }
.browse__keywords .keywords__search { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; width: calc(100% - 200px); float: left; margin-bottom: 5px; position: relative; }
.browse__keywords .keywords__search .input { width: 290px; padding: 0 30px 0 45px; }
.browse__keywords .keywords__search .keywords__name { position: relative; }
.browse__keywords .keywords__search .keywords__name:after { font-family: "Fontawesome"; content: '\f002'; font-size: 14px; line-height: 38px; position: absolute; right: -40px; }
.browse__keywords .keywords__search .keywords__cancel { display: none; color: #1C2430; position: absolute; top: 10px; left: 405px; }
.browse__keywords .keywords__list .keywords__name { float: left; }
.browse__keywords .keywords__list .active-filter__unselectable { margin-left: -120px; }
.browse__keywords .keywords__name { width: 110px; height: 40px; display: table; line-height: 18px; margin: 0 10px 0 20px; }
.browse__keywords .keywords__name > span { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.info-list__content .browse__keywords .keywords__name { margin-left: 0; }
.browse__saved-filters .browse__keywords { background-color: #FFF; padding: 0; }
.browse__saved-filters .browse__keywords:after { content: ''; display: table; clear: both; }
.modal-body .browse__keywords + .save-filters { padding: 10px 0; }
.modal-body .browse__keywords .keywords__name { margin-left: 0; }
.modal-body__right .browse__keywords .keywords__name { font-size: 11px; }
@media (max-width: 1099px) { .browse__keywords { padding: 10px 10px 12px; }
  .browse__keywords .keywords__search .keywords__name { float: left; }
  .browse__keywords .keywords__name { float: none; margin: 0 10px; }
  .info-list__content .browse__keywords .keywords__list { margin: 10px 0 0; } }
@media (max-width: 739px) { .browse__keywords { padding: 10px 10px 5px; }
  .browse__keywords .keywords__search { width: calc(100% - 50px); }
  .browse__keywords .keywords__search .keywords__name:after { display: none; }
  .browse__keywords .keywords__search .input { width: calc(100% - 95px); padding: 0 20px; }
  .browse__keywords .keywords__search .keywords__cancel { left: auto; right: 36px; top: 60px; }
  .browse__keywords .keywords__name { width: 70px; } }

.active-filter { background-color: #FFF; font-size: 11px; color: #1C2430; line-height: 42px; text-align: center; vertical-align: top; height: 40px; margin: 0 30px 10px 0; padding: 0 5px 0 10px; display: block; float: left; white-space: nowrap; cursor: pointer; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); }
.active-filter > span, .active-filter > a { line-height: 40px; vertical-align: top; display: inline-block; }
.active-filter > span > b, .active-filter > a > b { margin-left: 5px; }
.active-filter > a { font-size: 10px; color: #443F3F; margin-left: 5px; }
.active-filter > a > i { line-height: inherit; vertical-align: top; }
.active-filter .active-filter__sep { font-size: 16px; line-height: 40px; color: #443F3F; display: inline-block; vertical-align: top; position: absolute; top: -2px; left: -20px; }
.active-filter .active-filter__more { background-color: #1D1D1D; padding: 5px 10px; position: absolute; top: 45px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFF; line-height: 18px; text-align: left; }
.active-filter .active-filter__more > li { border-bottom: 0; }
.active-filter .active-filter__more > li a { width: 20px; color: #443F3F; height: auto; padding: 0 0 0 5px; line-height: 32px; display: inline-block; }
@media (min-width: 1100px) { .active-filter .active-filter__more > li a:hover { background-color: transparent; } }
.active-filter .active-filter__more > li span { display: inline-block; width: calc(100% - 20px); padding: 8px 0; }
.active-filter .active-filter__more:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #1D1D1D transparent; position: absolute; top: -6px; }
@media (max-width: 1099px) { .active-filter { width: 100%; height: 28px; margin: 5px 0; padding: 0 10px; }
  .active-filter > span, .active-filter > a { line-height: 28px; }
  .active-filter > span { float: left; }
  .active-filter > a { float: right; }
  .active-filter .active-filter__sep { display: none; } }

.active-filter__break { clear: both; }

.category-tooltip { background-color: #000; width: 200px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 25px; padding: 10px; position: fixed; z-index: 2; display: none; opacity: 0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; font-size: 10px; color: #FFF; }
.category-tooltip img { width: 30px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: block; margin: 0 auto 8px; }
.category-tooltip:before { width: 0; height: 0; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #000 transparent transparent; content: ''; position: absolute; top: calc(50% - 6px); margin-left: -16px; display: block; }

.data-range { background-color: #F1F1F1; border: 6px solid #FFF; padding: 9px 30px; -webkit-box-shadow: -2px 7px 10px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: -2px 7px 10px 0px rgba(0, 0, 0, 0.16); box-shadow: -2px 7px 10px 0px rgba(0, 0, 0, 0.16); position: fixed; top: 300px; left: 300px; z-index: 3; display: none; }
.data-range .data-range__action { padding-top: 10px; text-align: center; }
.data-range.active { display: block; }
.modal .data-range { z-index: 1100; }
@media (max-width: 1099px) { .data-range { z-index: 13; } }
@media (max-width: 739px) { .data-range { padding: 9px 20px; margin-left: -90px; }
  .data-range .date-wrapper { width: 150px; } }

.date-range { padding: 10px 20px 0; }
.date-range p { font-size: 13px; color: #BEC8D5; line-height: 40px; padding: 0; margin: 0; }
.date-range p:first-child { padding-top: 0; }
.date-range p.gray { color: #443F3F; }
.date-range .date-wrapper { width: 100%; }
@media (max-width: 1099px) { .date-range .date-wrapper { max-width: 200px; } }

@media (max-width: 1099px) { .filters { background-color: unset; }
  .filters .filter .filter__btn[aria-expanded="true"] { padding: 0 10px 0 13px; }
  .filters .filter .filter__btn { color: unset; font-size: 13px; }
  .filter__btn { align-items: center !important; width: 100%; text-align: left; cursor: pointer; font-size: 13px; line-height: 50px; padding: 0 10px 0 13px; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex !important; } }
.filters .filter .filter__btn[aria-expanded="true"] .filter__name { font-weight: unset; color: unset; }

.flexible__wrapper { position: relative; }

.scroll-left, .scroll-right { position: absolute; top: 20px; z-index: 2; height: 52px; width: 50px; display: none; }
.scroll-left span, .scroll-right span { background-color: #6064BB; width: 30px; height: 30px; position: absolute; top: 14px; border-radius: 50%; cursor: pointer; }
.scroll-left span:before, .scroll-left span:after, .scroll-right span:before, .scroll-right span:after { font-family: 'FontAwesome'; color: #FFF; line-height: 1; position: absolute; }
.scroll-left span:before, .scroll-right span:before { content: '\f111'; left: 10px; top: 14px; font-size: 5px; }
.scroll-left span:after, .scroll-right span:after { content: '\f0da'; left: 18px; top: 7px; font-size: 18px; }
.scroll-left.fixed, .scroll-right.fixed { position: fixed; z-index: 120; }
@media (max-width: 739px) { .scroll-left, .scroll-right { top: -2px; }
  .rubric-table__wrapper .scroll-left, .rubric-table__wrapper .scroll-right { top: 6px; } }

.scroll-left { left: 20px; background: -moz-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.1) 100%); background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0.1) 100%); background: -o-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.1) 100%); background: -ms-linear-gradient(right, white 0%, rgba(255, 255, 255, 0.1) 100%); background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0.1) 100%); }
.scroll-left span { left: 1px; margin-left: -22px; }
.scroll-left span:before { left: 18px; }
.scroll-left span:after { content: '\f0d9'; left: 8px; }

.scroll-right { right: 26px; background: -moz-linear-gradient(right, rgba(255, 255, 255, 0.1) 0%, white 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.1) 0%, white 100%); background: -o-linear-gradient(right, rgba(255, 255, 255, 0.1) 0%, white 100%); background: -ms-linear-gradient(right, rgba(255, 255, 255, 0.1) 0%, white 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0%, #ffffff 100%); }
.scroll-right span { right: 1px; }
.scroll-right span:after { content: '\f0da'; }
@media (max-width: 739px) { .scroll-right { right: 0; } }

.table-dark { background-color: #2C333D; width: 100%; margin-bottom: 20px; color: #F8F9F9; }
.table-dark th, .table-dark td { padding: 12px 20px; border-right: 1px solid #363D47; }
.table-dark th:last-child, .table-dark td:last-child { border-right: 0; }
.table-dark th { text-transform: uppercase; border-bottom: 4px solid #363D47; font-size: 9px; font-weight: 700; letter-spacing: 1px; color: #99A0AB; }
.table-dark th.no-border { border-bottom: 1px solid #363D47; border-right: 0px; }
.table-dark td { font-size: 11px; line-height: 16px; border-bottom: 1px solid #363D47; color: #F8F9F9; vertical-align: top; }
.table-dark td.no-border-bottom { border-bottom: 0; }
.table-dark td.text-mutted { color: #5C6777; }
.table-dark td a { color: #FF6A7C; font-weight: 600; }
.table-dark td a i { color: #4C5666; font-weight: 400; }
.table-dark td hr { border-top: 1px solid #414853; margin-top: 13px; margin-bottom: 13px; }
.table-dark td pre, .table-dark td .code-section { padding: 0; }
@media (max-width: 739px) { .table-dark th, .table-dark td { padding: 8px 6px; } }

.table-stats { border-bottom: 5px solid #EEE; width: 100%; }
.table-stats tr:nth-child(even) { background-color: #F7F7F7; }
.table-stats th { border-bottom: 5px solid #EEE; border-left: 1px solid #C7C7C7; padding: 15px; text-align: center; }
.table-stats th:first-child { text-align: left; border-left: 0; }
.table-stats td { border-left: 1px solid #C7C7C7; padding: 15px; text-align: center; width: 15%; }
.table-stats td:first-child { border-left: 0; text-align: left; width: 25%; }
@media (max-width: 739px) { .table-stats { table-layout: fixed; }
  .table-stats th { padding: 15px 5px; width: 120px; min-width: 120px; }
  .table-stats td { width: 120px; min-width: 120px; padding: 15px 5px; }
  .table-stats .left-cell { width: 160px; min-width: 160px; } }

.table-stats__option { text-align: right; margin: 20px 0; }
.table-stats__option:after { content: ''; display: table; clear: both; }
.table-stats__option > .avatar { float: right; font-size: 12px; font-weight: 600; color: #1C2430; }
.table-stats__option > .avatar > span { text-decoration: underline; }

.table-analytics { width: 100%; }
.table-analytics th, .table-analytics td { font-size: 12px; line-height: 16px; color: #FFF; border-right: 1px solid rgba(226, 226, 226, 0.2); vertical-align: middle; }
.table-analytics th:last-child, .table-analytics td:last-child { border-right: 0; }
.table-analytics th { border-bottom: 2px solid rgba(226, 226, 226, 0.2); padding: 10px 20px; }
.table-analytics td { border-bottom: 1px solid rgba(226, 226, 226, 0.2); padding: 15px 20px; width: 20%; }
.table-analytics td:first-child { width: 30%; }
.table-analytics td .level { margin-top: 5px; }
.table-analytics td a { color: #FFF; }
.table-analytics tr:last-child td { border-bottom: 0; }

.table-form { background-color: #FFF; border-bottom: 2px solid #E2E2E2; table-layout: auto; width: 100%; margin-bottom: 15px; }
.table-form th, .table-form td { font-size: 12px; line-height: 16px; border-right: 1px solid #F6F6F6; vertical-align: middle; }
.table-form th:last-child, .table-form td:last-child { border-right: 0; }
.table-form th.no-bb, .table-form td.no-bb { border-bottom: 0; }
.table-form th.br-doubled, .table-form td.br-doubled { border-right: 2px solid #E2E2E2; }
.table-form th.bt-dotted, .table-form td.bt-dotted { border-top: 2px dotted #F6F6F6; }
.table-form th.bl-l-lower, .table-form td.bl-l-lower { border-left: 2px solid #F9CC51; }
.table-form th.bl-l-low, .table-form td.bl-l-low { border-left: 2px solid #F9A751; }
.table-form th.bl-l-high, .table-form td.bl-l-high { border-left: 2px solid #A7CF3C; }
.table-form th.bl-l-higher, .table-form td.bl-l-higher { border-left: 2px solid #43BC2B; }
.table-form th.w-50p, .table-form td.w-50p { width: 50%; }
.table-form th.w-17p, .table-form td.w-17p { width: 17%; }
.table-form th.w-12p, .table-form td.w-12p { width: 12%; }
.table-form th.w-11p, .table-form td.w-11p { width: 11%; }
.table-form th.w-9p, .table-form td.w-9p { width: 9%; }
.table-form th.w-5p, .table-form td.w-5p { width: 5%; }
.table-form th { border-top: 8px solid #E2E2E2; border-bottom: 2px solid #E2E2E2; padding: 15px 10px; }
.table-form th.thin-bb { border-bottom: 1px solid #F6F6F6; padding: 15px 20px; }
.table-form td { border-bottom: 1px solid #F6F6F6; padding: 15px 20px; }
.table-form td a { color: #1C2430; }
.table-form tr:last-child td { border-bottom: 0; }
.table-form .border-top td { border-top: 2px solid #E2E2E2; }
.table-form .popover { width: 500px; }
.table-form .popover .popover-form { padding: 20px; }
.table-form .row-header th { background-color: #F6F6F6; color: #B2B2B2; font-size: 10px; font-weight: 600; text-transform: uppercase; border-top: 0; padding: 8px 20px; }
.table-form.table-form--centered td { text-align: center; }
.table-form.table-form--centered td.text-left { text-align: left; }
@media (max-width: 739px) { .table-form th, .table-form td { padding: 10px; }
  .table-form .popover { width: 85%; }
  .table-form .popover .popover-form { padding: 7px; } }

.table { display: table; width: 100%; padding: 15px 0; }
.table .table__row { display: table-row; }
.table .table__header { display: table-header-group; }
.table .table__header .table__cell { border-bottom: 1px solid #E2E2E2; border-top: 0; padding: 10px 5px; }
.table .table__cell { display: table-cell; padding: 20px 5px; vertical-align: middle; border-top: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; }
.table .table__cell:last-child { border-right: 0; width: 150px; }
.table .table__cell > i { font-size: 24px; }
.table .table__cell .donut { float: right; }
.table h5 { font-weight: 600; }

.c-table__wrapper { background-color: #F6F6F6; padding: 10px; position: relative; }
.c-table__wrapper.c-table__wrapper-second { padding: 0px; width: 100%; }
.c-table__wrapper .c-table__inner { overflow: scroll; padding: 10px 0 10px 0; -webkit-overflow-scrolling: touch; }
.c-table__wrapper .c-table__left { width: 250px; background-color: #F6F6F6; position: absolute; left: 10px; top: 23px; }
.c-table__wrapper .c-table__left .c-table__title { display: flex; align-items: center; }
.c-table__wrapper .c-table__left .c-table__title.c-table__full { margin-bottom: 3px; }
.c-table__wrapper .c-table__left .c-table__title.c-table__full > span { white-space: nowrap; }
.c-table__wrapper .c-table__left .c-table__title.c-table__first { -webkit-box-shadow: 10px 0 18px -5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 10px 0 18px -5px rgba(0, 0, 0, 0.2); box-shadow: 10px 0 18px -5px rgba(0, 0, 0, 0.2); position: relative; }
.c-table__wrapper .c-table__full { font-weight: 600; font-size: 11px; text-transform: uppercase; color: #B2B2B2; padding: 20px 25px; }
.c-table__wrapper .c-table__first, .c-table__wrapper .c-table__cell { background-color: #FFF; border: 1px solid #F1F1F1; margin-bottom: 3px; }
.c-table__wrapper .c-table__first .value, .c-table__wrapper .c-table__cell .value { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; padding: 20px 25px; }
.c-table__wrapper .c-table__first .value strong, .c-table__wrapper .c-table__cell .value strong { color: #1C2430; }
.c-table__wrapper .c-table__first .value .value__content .rubric__weight, .c-table__wrapper .c-table__cell .value .value__content .rubric__weight { background-color: #F6F6F6; width: 12px; height: 100%; position: absolute; top: 0; left: 0; text-align: center; font-size: 10px; font-weight: 400; color: #BABDC4; z-index: 2; display: flex; align-items: center; }
.c-table__wrapper .c-table__first .value .value__content .rubric__weight > i, .c-table__wrapper .c-table__cell .value .value__content .rubric__weight > i { pointer-events: none; }
.c-table__wrapper .c-table__first .value .value__content .large, .c-table__wrapper .c-table__cell .value .value__content .large { font-size: 16px; display: block; }
.c-table__wrapper .c-table__first .value .value__content .text, .c-table__wrapper .c-table__cell .value .value__content .text { display: block; font-size: 10px; padding-top: 10px; text-align: left; color: #443F3F; }
.c-table__wrapper .c-table__first .value a.value__content, .c-table__wrapper .c-table__cell .value a.value__content { color: #1C2430; }
.c-table__wrapper .c-table__first .value.value--left, .c-table__wrapper .c-table__cell .value.value--left { justify-content: flex-start; align-items: initial; }
.c-table__wrapper .c-table__first .value.value--top, .c-table__wrapper .c-table__cell .value.value--top { align-items: flex-start; }
.c-table__wrapper .c-table__first .rubric__number, .c-table__wrapper .c-table__cell .rubric__number { font-size: 8px; line-height: 12px; color: #FFF; width: 16px; height: 16px; content: ''; position: absolute; border-radius: 100%; top: -4px; left: 50%; margin-left: -8px; border: 2px solid #FFF; text-align: center; }
.c-table__wrapper .c-table__cell { width: 18%; color: #717C8C; vertical-align: middle; position: relative; }
.c-table__wrapper .c-table__cell:first-child { width: 500px; padding-left: 467px; }
@media (max-width: 1280px) { .c-table__wrapper .c-table__cell:first-child { padding-left: 400px; width: 900px; } }
.c-table__wrapper .c-table__cell.c-table__cell-first { width: 50% !important; }
.c-table__wrapper .c-table__cell .content { width: 100%; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: inherit; }
.c-table__wrapper .c-table__cell .content .dropdown.dropdown--top { position: absolute; top: 5px; right: 5px; }
.c-table__wrapper .c-table__cell .content.c-table__cell-second { padding: 0px; }
.c-table__wrapper .c-table__cell .value { width: 180px; text-align: center; }
.c-table__wrapper .c-table__cell .value + .value { border-left: 2px solid #F6F6F6; }
.c-table__wrapper .c-table__cell .value.value--full { width: 100%; }
.c-table__wrapper .c-table__cell .value.text-left { text-align: left; justify-content: flex-start; }
.c-table__wrapper .c-table__cell .radio { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 0; }
.c-table__wrapper .c-table__cell .radio.color-scale-green { width: 100%; margin-left: -5px; }
.c-table__wrapper .c-table__cell .radio > span { width: 100%; height: 100%; padding: 20px 20px 20px 55px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.c-table__wrapper .c-table__cell .radio > span:before { top: calc(50% - 10px); left: 20px; }
.c-table__wrapper .c-table__cell .radio > span:after { font-family: 'icomoon' !important; font-size: 12px; content: "\e916"; top: calc(50% - 9px); left: 20px; }
.c-table__wrapper .c-table__cell .radio > span.very-stronlgy-like { width: 100%; height: 100%; padding: 20px 26px 20px 20px; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.c-table__wrapper .c-table__cell .radio > span.very-stronlgy-like:before { top: calc(50% - 10px); left: 18px; width: 25px; height: 25px; padding: 2px 5px; font-size: 12px; content: "L6"; }
.c-table__wrapper .c-table__cell .radio > span.very-stronlgy-like:after { font-family: 'Helvetica, sans-serif'; content: ""; top: calc(50% - 9px); left: 20px; }
.c-table__wrapper .c-table__cell .radio > span.strongly-like { width: 100%; height: 100%; padding: 20px 26px 20px 20px; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.c-table__wrapper .c-table__cell .radio > span.strongly-like:before { top: calc(50% - 10px); left: 18px; width: 25px; height: 25px; padding: 2px 5px; font-size: 12px; content: "L5"; }
.c-table__wrapper .c-table__cell .radio > span.strongly-like:after { font-family: 'Helvetica, sans-serif'; content: ""; top: calc(50% - 9px); left: 20px; }
.c-table__wrapper .c-table__cell .radio > span.like { width: 100%; height: 100%; padding: 20px 26px 20px 20px; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.c-table__wrapper .c-table__cell .radio > span.like:before { top: calc(50% - 10px); left: 18px; width: 25px; height: 25px; padding: 2px 5px; font-size: 12px; content: "L4"; }
.c-table__wrapper .c-table__cell .radio > span.like:after { font-family: 'Helvetica, sans-serif'; content: ""; top: calc(50% - 9px); left: 20px; }
.c-table__wrapper .c-table__cell .radio > span.unsure { width: 100%; height: 100%; padding: 20px 26px 20px 20px; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.c-table__wrapper .c-table__cell .radio > span.unsure:before { top: calc(50% - 10px); left: 18px; width: 25px; height: 25px; padding: 2px 5px; font-size: 12px; content: "L3"; }
.c-table__wrapper .c-table__cell .radio > span.unsure:after { font-family: 'Helvetica, sans-serif'; content: ""; top: calc(50% - 9px); left: 20px; }
.c-table__wrapper .c-table__cell .radio > span.dislike { width: 100%; height: 100%; padding: 20px 26px 20px 20px; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.c-table__wrapper .c-table__cell .radio > span.dislike:before { top: calc(50% - 10px); left: 18px; width: 25px; height: 25px; padding: 2px 5px; font-size: 12px; content: "L2"; }
.c-table__wrapper .c-table__cell .radio > span.dislike:after { font-family: 'Helvetica, sans-serif'; content: ""; top: calc(50% - 9px); left: 20px; }
.c-table__wrapper .c-table__cell .radio > span.strongly-dislike { width: 100%; height: 100%; padding: 20px 26px 20px 20px; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.c-table__wrapper .c-table__cell .radio > span.strongly-dislike:before { top: calc(50% - 10px); left: 18px; width: 25px; height: 25px; padding: 3px 5px; padding: 2px 5px; font-size: 12px; content: "L1"; }
.c-table__wrapper .c-table__cell .radio > span.strongly-dislike:after { font-family: 'Helvetica, sans-serif'; content: ""; top: calc(50% - 9px); left: 20px; }
.c-table__wrapper .c-table__cell .radio > span.very-stronlgy-like1 { width: 100%; height: 100%; padding: 20px 26px 20px 20px; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.c-table__wrapper .c-table__cell .radio > span.very-stronlgy-like1:before { top: calc(50% - 10px); left: 18px; width: 25px; height: 25px; padding: 2px 5px; font-size: 12px; content: "R1"; }
.c-table__wrapper .c-table__cell .radio > span.very-stronlgy-like1:after { font-family: 'Helvetica, sans-serif'; content: ""; top: calc(50% - 9px); left: 20px; }
.c-table__wrapper .c-table__cell .radio > span.strongly-like1 { width: 100%; height: 100%; padding: 20px 26px 20px 20px; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.c-table__wrapper .c-table__cell .radio > span.strongly-like1:before { top: calc(50% - 10px); left: 18px; width: 25px; height: 25px; padding: 2px 5px; font-size: 12px; content: "R2"; }
.c-table__wrapper .c-table__cell .radio > span.strongly-like1:after { font-family: 'Helvetica, sans-serif'; content: ""; top: calc(50% - 9px); left: 20px; }
.c-table__wrapper .c-table__cell .radio > span.like1 { width: 100%; height: 100%; padding: 20px 26px 20px 20px; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.c-table__wrapper .c-table__cell .radio > span.like1:before { top: calc(50% - 10px); left: 18px; width: 25px; height: 25px; padding: 2px 5px; font-size: 12px; content: "R3"; }
.c-table__wrapper .c-table__cell .radio > span.like1:after { font-family: 'Helvetica, sans-serif'; content: ""; top: calc(50% - 9px); left: 20px; }
.c-table__wrapper .c-table__cell .radio > span.unsure1 { width: 100%; height: 100%; padding: 20px 26px 20px 20px; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.c-table__wrapper .c-table__cell .radio > span.unsure1:before { top: calc(50% - 10px); left: 18px; width: 25px; height: 25px; padding: 2px 5px; font-size: 12px; content: "R4"; }
.c-table__wrapper .c-table__cell .radio > span.unsure1:after { font-family: 'Helvetica, sans-serif'; content: ""; top: calc(50% - 9px); left: 20px; }
.c-table__wrapper .c-table__cell .radio > span.dislike1 { width: 100%; height: 100%; padding: 20px 26px 20px 20px; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.c-table__wrapper .c-table__cell .radio > span.dislike1:before { top: calc(50% - 10px); left: 18px; width: 25px; height: 25px; padding: 2px 5px; font-size: 12px; content: "R5"; }
.c-table__wrapper .c-table__cell .radio > span.dislike1:after { font-family: 'Helvetica, sans-serif'; content: ""; top: calc(50% - 9px); left: 20px; }
.c-table__wrapper .c-table__cell .radio > span.strongly-dislike1 { width: 100%; height: 100%; padding: 20px 26px 20px 20px; color: black; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.c-table__wrapper .c-table__cell .radio > span.strongly-dislike1:before { top: calc(50% - 10px); left: 18px; width: 25px; height: 25px; padding: 2px 5px; font-size: 12px; content: "R6"; }
.c-table__wrapper .c-table__cell .radio > span.strongly-dislike1:after { font-family: 'Helvetica, sans-serif'; content: ""; top: calc(50% - 9px); left: 20px; }
.c-table__wrapper .c-table__cell .radio input:checked + span { color: #FFF; }
.c-table__wrapper .c-table__cell .radio input:checked + span:before { border: 1px solid #FFF; }
.c-table__wrapper .c-table__cell .radio.radio--blue input:checked + span { background-color: #46A7EB; }
.c-table__wrapper .c-table__cell .radio.radio--blue input:checked + span:before { background-color: #46A7EB; }
.c-table__wrapper .c-table__cell .radio.radio--green input:checked + span { background-color: #2DB674; }
.c-table__wrapper .c-table__cell .radio.radio--green input:checked + span:before { background-color: #2DB674; }
.c-table__wrapper .c-table__cell .radio.has-error input:checked + span { background-color: #FFF; color: #E74040; }
.c-table__wrapper .c-table__cell .radio.has-error input:checked + span:before { background-color: #FFF; border-color: #E74040; }
.c-table__wrapper .c-table__cell .radio.has-error input:checked + span:after { color: #E74040; content: "\e946"; }
.c-table__wrapper .c-table__cell .radio + .radio { border-left: 2px solid #F1F1F1; }
@media (max-width: 1099px) { .c-table__wrapper .c-table__inner { overflow: scroll; padding: 10px 0 10px 0; -webkit-overflow-scrolling: touch; }
  .c-table__wrapper .c-table__inner.c-table__inner-first { padding: 0px; }
  .c-table__wrapper .c-table__inner.c-table__inner--simple { padding: 10px 0; }
  .c-table__wrapper .c-table__first .value, .c-table__wrapper .c-table__cell .value { padding: 42px 15px; } }
@media (max-width: 739px) { .box__content > .c-table__wrapper { margin: 0 -20px; }
  .c-table__wrapper .c-table__left { width: 200px; }
  .c-table__wrapper .c-table__inner { overflow: scroll; padding: 10px 0 10px 0; -webkit-overflow-scrolling: touch; }
  .c-table__wrapper .c-table__inner.c-table__inner-first { padding: 0px; }
  .c-table__wrapper .c-table__full { padding: 20px 15px; }
  .c-table__wrapper .c-table__first .value, .c-table__wrapper .c-table__cell .value { padding: 65px 15px; }
  .c-table__wrapper .c-table__cell .radio > span { padding: 10px 10px 10px 55px; } }

.c-table { display: table; width: 100%; border-spacing: 12px 3px; }
.c-table .c-table__row { display: table-row; }
.c-table .c-table__first, .c-table .c-table__cell, .c-table .c-table__full { display: table-cell; }
.c-table .c-table__first.c-table__title.title__merge, .c-table .c-table__cell.c-table__title.title__merge, .c-table .c-table__full.c-table__title.title__merge { width: 380%; display: inline-block; }
.c-table .c-table__first { width: 450px; color: #1C2430; position: absolute; left: 0; top: 0; height: 100%; }
@media (max-width: 1280px) { .c-table .c-table__first { width: 400px; } }
.c-table .c-table__first:before { position: absolute; right: -12px; top: -2px; z-index: 2; height: 105%; width: 12px; background-color: #F6F6F6; border-right: 1px solid #F1F1F1; border-left: 1px solid #F1F1F1; content: ''; }
.c-table .c-table__first .value { width: 100%; height: 100%; padding: 10px 25px; text-align: left; justify-content: flex-start; }
.c-table .c-table__first .value .value__content > span { display: block; font-size: 11px; color: #717C8C; }
.c-table .c-table__first .value .value__content > span.short { display: block; display: -webkit-box; max-height: 14px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.c-table .c-table__header .c-table__cell .value { color: #1C2430; position: relative; }
@media (max-width: 739px) { .c-table .c-table__header .c-table__cell .value { padding-left: 8px; padding-right: 8px; } }
.c-table .c-table__header .c-table__cell .value .value__content { text-align: left; }
.c-table .c-table__header .c-table__cell .value .small { font-size: 11px; color: #717C8C; }
.c-table .c-table__header .c-table__cell .value:before { height: 8px; width: 100%; position: absolute; top: 0; left: 0; content: ''; }
.c-table .c-table__header .c-table__cell .value.color-green { color: #1C2430; }
.c-table .c-table__header .c-table__cell .value.color-green:before, .c-table .c-table__header .c-table__cell .value.color-green .rubric__number { background-color: #3DB928; }
.c-table .c-table__header .c-table__cell .value.color-blue { color: #1C2430; }
.c-table .c-table__header .c-table__cell .value.color-blue:before, .c-table .c-table__header .c-table__cell .value.color-blue .rubric__number { background-color: #0E5DC9; }
.c-table .c-table__header .c-table__cell .value.color-purple { color: #1C2430; }
.c-table .c-table__header .c-table__cell .value.color-purple:before, .c-table .c-table__header .c-table__cell .value.color-purple .rubric__number { background-color: #935EAA; }
.c-table .c-table__header .c-table__cell .value.color-gray { color: #1C2430; }
.c-table .c-table__header .c-table__cell .value.color-gray:before, .c-table .c-table__header .c-table__cell .value.color-gray .rubric__number { background-color: #4E5B84; }
.c-table .c-table__header .c-table__cell .value.color-red { color: #1C2430; }
.c-table .c-table__header .c-table__cell .value.color-red:before, .c-table .c-table__header .c-table__cell .value.color-red .rubric__number { background-color: #C70A0A; }
.c-table.c-table--simple .c-table__cell { flex: 1; }
.c-table.c-table--simple .c-table__cell:first-child { width: auto; padding-left: 0; }
.c-table.c-table--simple .c-table__first { position: static; border: none; margin-bottom: 0; }
.c-table.c-table--simple .c-table__first:before { display: none; }
.c-table.c-table--simple .c-table__first .value { padding: 10px 15px; }
.c-table.c-table--simple.c-table--simple-second { border-spacing: 3px 3px; }
@media (max-width: 739px) { .c-table.c-table--simple { width: 550px; } }
.c-table.c-table--rubric { table-layout: fixed; border-spacing: 2px 3px; }
.c-table.c-table--rubric .c-table__first { width: 60%; }
.c-table.c-table--rubric .c-table__header .c-table__cell { vertical-align: top; }
.c-table.c-table--rubric .c-table__cell { width: 15%; }
.c-table.c-table--rubric .c-table__cell:first-child { width: 40%; padding-left: 24.5%; }
.c-table.c-table--rubric .c-table__cell .value { width: 100%; }
.c-table.c-table--rubric .c-table__cell .radio { width: auto; }
.c-table.c-table--rubric .c-table__cell .radio > span { padding: 0 0 0 20px; }
.c-table.c-table--rubric .c-table__cell .radio > span:before, .c-table.c-table--rubric .c-table__cell .radio > span:after { left: 0; }
.c-table.c-table--rubric .c-table__cell:nth-last-of-type(2):first-child { width: 85%; padding-left: 70%; }
.c-table.c-table--rubric .c-table__cell:nth-last-of-type(2):first-child .c-table__first { width: 82%; }
.c-table.c-table--rubric .c-table__cell:nth-last-of-type(3):first-child { width: 70%; padding-left: 55%; }
.c-table.c-table--rubric .c-table__cell:nth-last-of-type(3):first-child .c-table__first { width: 78%; }
.c-table.c-table--rubric .c-table__cell:nth-last-of-type(4):first-child { width: 65%; padding-left: 44%; }
.c-table.c-table--rubric .c-table__cell:nth-last-of-type(4):first-child .c-table__first { width: 74%; }
@media (max-width: 1099px) { .c-table { table-layout: fixed; }
  .c-table .c-table__cell { width: 297px; }
  .c-table .c-table__cell:first-child { width: 700px; padding-left: 312px; }
  .c-table .c-table__cell:first-child.c-table__cell-firstchild { width: 550px; }
  .c-table .c-table__first { width: 300px; }
  .c-table.c-table--rubric .c-table__cell { width: 150px; }
  .c-table.c-table--rubric .c-table__cell:first-child { width: 150px; padding-left: 312px; }
  .c-table.c-table--sticky .c-table__first { width: 34%; visibility: hidden; opacity: 0; }
  .c-table.c-table--sticky .c-table__full { color: transparent; }
  .c-table.c-table--sticky .c-table__cell:first-child { padding-left: 0; }
  .c-table.c-table--sticky.c-table--rubric .c-table__first { width: 180%; }
  .c-table.c-table--simple .c-table__cell { width: auto; } }
@media (max-width: 739px) { .c-table .c-table__cell:first-child { padding-left: 233px; }
  .c-table .c-table__first { width: 220px; }
  .c-table.c-table--sticky .c-table__first { width: 180px; } }

/* --------------- new dashboard
------------------ */
/* -colors- */
:root { --tile-background: #202730; --tile-color-grey: #94A0B2; --tile-color-light: #DFE0E3; --tile-hover-opacity: .35; --tile-color-1: #8096FE; --tile-color-2: #6DB0FD; --tile-color-3: #6FDAFA; --tile-color-4: #7BFFF0; --tile-color-5: #E8BB74; --tile-color-6: #E69C81; --tile-color-7: #F488AD; --tile-color-8: #E681E2; --tile-color-9: #9683FF; --icon-color-1: #4C2BD8; --icon-color-2: #0078CF; --icon-color-3: #02C0C3; --icon-color-4: #00BF84; }

.tile::before { content: ''; position: absolute; opacity: var(--tile-hover-opacity); width: 100%; height: 100%; top: 0; left: 0; border-radius: 10px; transition: background .3s; }

.tile.color-1:hover::before { background: var(--tile-color-1); }
.tile.color-1 i { color: var(--tile-color-1); }
.tile.color-1 .value-label { color: var(--tile-color-1); }

.tile.color-2:hover::before { background: var(--tile-color-2); }
.tile.color-2 i { color: var(--tile-color-2); }
.tile.color-2 .value-label { color: var(--tile-color-2); }

.tile.color-3:hover::before { background: var(--tile-color-3); }
.tile.color-3 i { color: var(--tile-color-3); }
.tile.color-3 .value-label { color: var(--tile-color-3); }

.tile.color-4:hover::before { background: var(--tile-color-4); }
.tile.color-4 i { color: var(--tile-color-4); }
.tile.color-4 .value-label { color: var(--tile-color-4); }

.tile.color-5:hover::before { background: var(--tile-color-5); }
.tile.color-5 i { color: var(--tile-color-5); }
.tile.color-5 .value-label { color: var(--tile-color-5); }

.tile.color-6:hover::before { background: var(--tile-color-6); }
.tile.color-6 i { color: var(--tile-color-6); }
.tile.color-6 .value-label { color: var(--tile-color-6); }

.tile.color-7:hover::before { background: var(--tile-color-7); }
.tile.color-7 i { color: var(--tile-color-7); }
.tile.color-7 .value-label { color: var(--tile-color-7); }

.tile.color-8:hover::before { background: var(--tile-color-8); }
.tile.color-8 i { color: var(--tile-color-8); }
.tile.color-8 .value-label { color: var(--tile-color-8); }

.tile.color-9:hover::before { background: var(--tile-color-9); }
.tile.color-9 i { color: var(--tile-color-9); }
.tile.color-9 .value-label { color: var(--tile-color-9); }

@media (max-width: 1099px) { .tile:not(:hover) .value-label { color: var(--tile-color-grey); transition: color .3s; } }
@media (min-width: 1100px) { .tile.color-1:focus { box-shadow: 0 0 1px 2px var(--tile-color-1), 0 0 1px var(--tile-color-1) inset; border-radius: 10px; }
  .tile.color-2:focus { box-shadow: 0 0 1px 2px var(--tile-color-2), 0 0 1px var(--tile-color-2) inset; border-radius: 10px; }
  .tile.color-3:focus { box-shadow: 0 0 1px 2px var(--tile-color-3), 0 0 1px var(--tile-color-3) inset; border-radius: 10px; }
  .tile.color-4:focus { box-shadow: 0 0 1px 2px var(--tile-color-4), 0 0 1px var(--tile-color-4) inset; border-radius: 10px; }
  .tile.color-5:focus { box-shadow: 0 0 1px 2px var(--tile-color-5), 0 0 1px var(--tile-color-5) inset; border-radius: 10px; }
  .tile.color-6:focus { box-shadow: 0 0 1px 2px var(--tile-color-6), 0 0 1px var(--tile-color-6) inset; border-radius: 10px; }
  .tile.color-7:focus { box-shadow: 0 0 1px 2px var(--tile-color-7), 0 0 1px var(--tile-color-7) inset; border-radius: 10px; }
  .tile.color-8:focus { box-shadow: 0 0 1px 2px var(--tile-color-8), 0 0 1px var(--tile-color-8) inset; border-radius: 10px; }
  .tile.color-9:focus { box-shadow: 0 0 1px 2px var(--tile-color-9), 0 0 1px var(--tile-color-9) inset; border-radius: 10px; } }
i.color-1 { background: var(--icon-color-1); box-shadow: 0 0 0 10px var(--icon-color-1); }

i.color-2 { background: var(--icon-color-2); box-shadow: 0 0 0 10px var(--icon-color-2); }

i.color-3 { background: var(--icon-color-3); box-shadow: 0 0 0 10px var(--icon-color-3); }

i.color-4 { background: var(--icon-color-4); box-shadow: 0 0 0 10px var(--icon-color-4); }

/* -colors end- */
.tiles { padding: 0 10px 20px; }
.tiles .tile-container { flex: 0 0 100%; max-width: 100%; padding: 7px 10px; }

.tile { display: flex !important; position: relative; align-items: center; flex-direction: row; text-decoration: none; background-color: var(--tile-background); padding: 16px 20px; display: inline-block; border-radius: 10px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2); width: 100%; }
.tile .headline { flex: 0 0 60%; max-width: 60%; display: flex !important; padding: 0; width: 100%; align-items: center; }
.tile .headline .title { font-size: 13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-width: 100%; min-width: 40px; padding-right: 10px; line-height: 16px; }
.tile .data { flex: 0 0 40%; max-width: 40%; position: relative; display: inline-flex; }
.tile .data .value { font-size: 28px; line-height: normal; padding: 8px 0; overflow: hidden; text-overflow: ellipsis; }
.tile i { font-size: 35px; position: relative; display: block; }
.tile:hover { -webkit-box-shadow: 0px 0px 0px 0px transparent; box-shadow: 0px 0px 0px 0px transparent; }
.tile:hover .title > span { color: var(--tile-color-light); }
.tile .value-label { position: absolute; font-size: 12px; line-height: normal; bottom: 0; }
.tile div { padding: 0; }
.tile .title > span { display: inline-flex; align-items: center; color: var(--tile-color-light); transition: color .3s; }
.tile .multi-values { font-size: 12px; display: inline-flex; align-items: flex-end; line-height: 13px; min-height: 49px; flex-direction: column; justify-content: center; }
.tile .multi-values > span { overflow: hidden; text-overflow: ellipsis; padding-left: 10px; }

.tiles-section-header i.sf { font-size: 22px !important; color: #94A0B2 !important; }

a.tile { text-decoration: none; color: var(--tile-color-light); transition: all .3s; }

@media (min-width: 576px) { .tiles { padding: 0 20px 25px; }
  .tiles .tile-container { flex: 0 0 50%; max-width: 50%; padding: 10px; }
  .tile { flex-direction: column; align-items: end; }
  .tile .headline { flex: 0 0 100%; max-width: 100%; width: 100%; flex-direction: row-reverse !important; align-items: start; }
  .tile .headline .title { min-height: 54px; }
  .tile .data { flex: 0 0 100%; max-width: 100%; width: 100%; }
  .tile .data .value { padding: unset; padding-bottom: 16px; }
  .tile .title > span { display: inline-flex; align-items: start; flex-direction: column; }
  .headline i { top: -7px; } }
@media (min-width: 740px) { .tiles .tile-container { flex: 0 0 33.33333%; max-width: 33.33333%; } }
@media (min-width: 992px) { .tiles .tile-container { flex: 0 0 25%; max-width: 25%; } }
@media (min-width: 1400px) { .tiles .tile-container { flex: 0 0 20%; max-width: 20%; }
  .tile .headline .title { font-size: 14px; } }
@media (max-width: 1099px) { .tile .data .value-label + .value { padding: unset; padding-bottom: 16px; } }
@media (min-width: 1100px) { .tile .data .value { transform: translate3d(0, 6px, 0); transition: all .3s; padding: unset; padding-bottom: 8px; }
  .tile:hover .value-label { opacity: 1; transition-delay: .1s; transform: translate3d(0, 2px, 0); }
  .tile:hover .value-label + .value { transform: translate3d(0, -5px, 0); }
  .tile .value-label { transform: translate3d(0, 12px, 0); right: 0; transition: all .4s; opacity: 0; }
  .tile .multi-values { min-height: 41px; } }
@media (max-width: 575px) { .headline .title { padding: 0 10px; } }
/* -addbutton- */
.tile .data-add { margin-left: 15px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 3px; transition: border .3s, background-color .3s, opacity .5s; }
.tile .data-add:hover { border: 1px solid rgba(255, 255, 255, 0); background-color: rgba(255, 255, 255, 0.2); }
.tile .data-add a { text-decoration: none; margin: 1px; display: block; }
.tile .data-add a span { padding-right: 5px; }
.tile .data-add a i { font-size: 22px !important; position: unset; }

@media (min-width: 576px) { .tile .data-add { margin-left: 0px; margin-top: 5px; } }
@media (min-width: 1100px) { .tile .data-add { opacity: 0; }
  .tile:hover .data-add { opacity: 1; } }
/* -addbutton end- */
.card-option { min-height: 100%; padding: 30px 15px; border-radius: 0.5rem; -webkit-box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.04); box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.04); transition: all .3s; text-align: center !important; -ms-flex-align: center !important; align-items: center !important; -ms-flex-direction: column !important; flex-direction: column !important; display: -ms-flexbox !important; display: flex !important; }
.card-option:hover { -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08); }
.card-option:hover i.color-1 { background: var(--icon-color-1); box-shadow: 0 0 0 15px var(--icon-color-1); }
.card-option:hover i.color-2 { background: var(--icon-color-2); box-shadow: 0 0 0 15px var(--icon-color-2); }
.card-option:hover i.color-3 { background: var(--icon-color-3); box-shadow: 0 0 0 15px var(--icon-color-3); }
.card-option:hover i.color-4 { background: var(--icon-color-4); box-shadow: 0 0 0 15px var(--icon-color-4); }
.card-option i { display: inline-block; margin-top: 10px; margin-bottom: 20px; width: 40px; height: 40px; border-radius: 50%; text-align: center; position: relative; color: #FFFFFF; overflow: hidden; -webkit-transition: box-shadow 0.3s; -moz-transition: box-shadow 0.3s; transition: box-shadow 0.3s; }
.card-option i:before { line-height: 40px; display: block; }

/* ----------------- new dashboard end
-------------------- */
.dashboard { margin-left: -11px; margin-right: -11px; margin-bottom: 20px; position: relative; }
.dashboard .grid-item { padding: 0 11px; width: 100%; }
.dashboard .grid-item:empty { display: none; visibility: hidden; }
.dashboard .grid-item.grid-item--sm { width: 50%; }
.dashboard .grid-item.grid-item--xs { width: 25%; }
.modal .dashboard { background-color: #F1F1F1; margin-left: 0; margin-right: 0; margin-top: -21px; padding-top: 21px; padding-bottom: 10px; }
@media (max-width: 1099px) and (min-width: 740px) { .dashboard .grid-item.grid-item--mix { width: 50%; } }
@media (max-width: 1099px) { .dashboard { margin-left: -11px; margin-right: -11px; }
  .dashboard .grid-item.grid-item--xs { width: 50%; } }
@media (max-width: 739px) { .dashboard { padding-bottom: 20px; margin: 0; }
  .dashboard .grid-item { padding: 0; width: 100%; }
  .dashboard .grid-item.grid-item--sm { width: 100%; }
  .dashboard .grid-item.grid-item--xs { width: 100%; } }

.dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; }

.dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 415px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1; padding-right: 28px; padding-bottom: 5px; right: -205px; }
.dropdown-content .radio { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 0; }
.dropdown-content .radio > span { width: 100%; height: 100%; padding: 20px 20px 20px 55px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.dropdown-content .radio > span:before { top: calc(50% - 10px); left: 20px; }
.dropdown-content .radio input:checked + span { color: #FFF; }
.dropdown-content .radio input:checked + span:before { border: 1px solid #FFF; }
.dropdown-content .radio.radio--blue input:checked + span { background-color: #46A7EB; }
.dropdown-content .radio.radio--blue input:checked + span:before { background-color: #46A7EB; }
.dropdown-content .radio.radio--green input:checked + span { background-color: #2DB674; }
.dropdown-content .radio.radio--green input:checked + span:before { background-color: #2DB674; }
.dropdown-content .radio.has-error input:checked + span { background-color: #FFF; color: #E74040; }
.dropdown-content .radio.has-error input:checked + span:before { background-color: #FFF; border-color: #E74040; }
.dropdown-content .radio.has-error input:checked + span:after { color: #E74040; content: "\e946"; }
.dropdown-content .radio + .radio { border-left: 2px solid #F1F1F1; }
.dropdown-content .profiler__table-scale { width: 100%; table-layout: fixed; margin: 0; float: left; }
.dropdown-content .profiler__table-scale.table-space-between { margin-right: 20px; }
.dropdown-content .profiler__table-scale img { width: 35px; margin: 10px 10px 0 13px; }

.space-table-menu { height: 70%; width: 3px; background: #2769cb6e; margin-top: 7px; top: 0; bottom: 0; position: absolute; left: 50%; }

.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; }

.dropdown-content a:hover { background-color: #ddd; }

.dropdown:hover .dropdown-content { display: block; }

.dropdown:hover .dropbtn { background-color: #3e8e41; }

#dropdown_word { font-size: 40px; color: orangered; }

#dropdown:hover { background-color: cyan; }

.content { display: none; }

.button:hover .content { display: block; }

.box--white .widget__content-document .box .dark .dark__video .media-text { color: #1C2430; }

.widget__content-document .box { background-color: transparent; }

.box { background-color: #FFF; background-size: cover; margin-bottom: 21px; -webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); }
@media (max-width: 1099px) { .box.box-bredcrumbs { padding-top: 63px; } }
@media (max-width: 739px) { .box.box-bredcrumbs { padding-top: 0; } }
.box.box-title-widget { background-color: transparent; box-shadow: none; }
.box .box__title { padding: 8px 0 8px 7px; margin: 0 20px; border-bottom: 1px solid rgba(202, 202, 202, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; }
.box .box__title .dropdown-list-view { position: absolute; right: 70px; }
.box .box__title .dropdown-menu-right { position: absolute; right: 20px; }
.box .box__title p { font-size: 16px; font-weight: 500; line-height: 24px; margin-bottom: 0; padding: 7px 0; }
.box .box__title p span { color: #443F3F; font-size: 12px; font-weight: 400; opacity: 0.8; }
.box .box__title p b { font-weight: 400; }
.box .box__title p i { text-align: center; font-size: 18px; position: relative; color: #443F3F; margin-right: 7px; width: 20px; line-height: 24px; }
.box .box__title p img { height: 20px; margin-right: 3px; }
.box .box__title .bootstrap-select { margin-right: 10px; }
.box .box__title .dropdown { margin-left: auto; }
.box .box__title .dropdown.dropdown-right-circle { margin-left: 5px; }
.box .box__title .dropdown .btn-action { padding: 4px; }
.box .box__title .dropdown .btn-empty { color: #443F3F; padding: 8px 10px; }
.box .box__title .dropdown .dropdown-menu { width: 185px; }
.box .box__title .box__info { color: #443F3F; font-size: 12px; margin: 10px 10px 10px auto; }
.box .box__title .box__info > i { margin-right: 5px; }
.box .box__title .box__info + .dropdown { margin-left: 0; }
.box .box__title.box__title--no-border { border-bottom: 0; }
.box .box__title.box__title--border { border-bottom: 0; margin-left: 0; padding-left: 25px; border-left: 3px solid #C95757; }
.box .box__title.box__title--occupation { border-bottom: 0; margin-left: 0; padding-left: 25px; border-left: 3px solid #7F97B6; }
.box .box__footer { text-align: center; padding: 10px; margin: 0 20px; border-top: 1px solid rgba(202, 202, 202, 0.5); white-space: nowrap; }
.box .box__footer a:not(.btn), .box .box__footer > span { color: #1C2430; font-weight: 600; line-height: 40px; }
.box .box__footer a:not(.btn) i, .box .box__footer > span i { font-size: 20px; margin-left: 10px; vertical-align: top; }
.box .box__footer .btn { min-width: 100px; margin-bottom: 10px; margin-top: 5px; }
.box .box__footer:empty { display: none; }
.box .box__close { font-size: 20px; line-height: 38px; margin-left: auto; padding: 0 20px; background-color: transparent; border: 0; }
.box .box__add { border-top: 1px solid rgba(202, 202, 202, 0.5); padding: 15px 10px; margin: 0 20px; }
.box .box__add > a { line-height: 20px; color: #1C2430; display: inline-block; }
.box .box__comments > h3 { text-align: center; padding-top: 40px; }
.box .box__comments .box__comments__user { padding: 20px 30px; }
.box .box__comments .box__comments__user:after { content: ''; display: table; clear: both; }
.box .box__comments .box__comments__user > figure { float: left; margin-right: 20px; width: 40px; height: 40px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); }
.box .box__comments .box__comments__user > figure img, .box .box__comments .box__comments__user > figure i { border-radius: 50%; display: block; }
.box .box__comments .box__comments__user > figure > i { font-size: 36px; line-height: 36px; }
.box .box__comments .box__comments__send { float: left; width: calc(100% - 60px); position: relative; }
.box .box__comments .box__comments__send .input { background-color: #FFF; float: left; width: calc(100% - 45px); }
.box .box__comments .box__comments__send > button { height: 40px; line-height: 40px; color: #1C2430; font-size: 20px; float: left; margin: 0; padding: 0; }
.box .box__comments .box__comments__send > button i { width: 44px; height: 34px; display: block; line-height: 34px; }
.box .box__comments .box__comments__send > button:focus, .box .box__comments .box__comments__send > button:active { outline: none; }
.box .box__pathway { padding: 30px; }
.box .box__pathway .checkbox input:checked + span { color: #34C787; font-weight: 600; }
.box .box__pathway .checkbox input:checked + span a { color: inherit; }
.box .addbutton { position: absolute; right: 25px; top: 8px; display: block; width: 23px; height: 23px; border-radius: 50%; box-shadow: 0px 0px 4px white; font-size: 22px; line-height: 12px; font-weight: normal; color: white; min-width: 0; top: 6px; margin-left: auto; margin-right: -16px; padding: 5px; }
.box .addbutton:hover { background-color: white; color: black !important; box-shadow: 0px 0px 10px white; }
.box .box__content { padding-left: 30px; padding-right: 30px; padding-bottom: 20px; }
.box .box__content--np { padding: 0; }
.box .box__content .browse-list__container { padding: 20px 0 5px; margin: 0 -5px; }
.box .box__content .browse-list__container .browse-list { border-right: 0; }
.box .box__content .details .details__more > hr { margin-top: 9px; }
.box .box__content .details .details__more > p { margin-right: 15px; white-space: nowrap; display: inline-block; }
.box .box__content .details .details__more > p:last-child { margin-right: 0; }
.box .box__content.box__content--sm { padding-left: 20px; padding-right: 20px; }
.box .box__content.box__content--sm .box__text > h5 { margin: 25px 15px 5px; }
.box .box__sub { padding: 30px 35px 0; }
.box .box__empty { text-align: center; }
.box .box__empty:first-child { padding-top: 30px; }
.box .box__empty:first-child > h3 { margin-top: 10px; }
.box .box__empty:first-child > h5 { margin-top: 10px; }
.box .box__empty > h3 { text-align: center; margin: 40px 20px 5px; }
.box .box__empty > h5 { text-align: center; margin: 40px 20px 5px; }
.box .box__empty > p { font-size: 12px; text-align: center; }
.box .box__empty > p:first-child { margin-top: 30px; }
.box .box__empty + .box__footer { border-top: 0; padding-bottom: 30px; }
.box .box__empty.box--organization { border-top: 12px solid #A75A7B; color: #A75A7B; }
.box .box__empty.box--organization + .box__footer .btn { border: 1px solid #A75A7B; color: #A75A7B !important; }
.box .box__empty.box--user { border-top: 12px solid #D64C4C; color: #D64C4C; }
.box .box__empty.box--user + .box__footer .btn { border: 1px solid #D64C4C; color: #D64C4C !important; }
.box .box__empty.box--user-explore { border-top: 10px solid #01589b; color: #01589b; }
.box .box__empty.box--user-explore:before { content: " "; position: absolute; width: 100%; top: 8px; left: 0; border: 2px solid #fade57; }
.box .box__empty.box--user-explore + .box__footer .btn { border: 1px solid #01589b; color: #01589b !important; }
.box .box__empty.box--organization, .box .box__empty.box--user { padding-top: 20px; }
.box .box__empty.box__empty--lg { padding-top: 40px; padding-bottom: 10px; }
.box .box__empty.box__empty--lg + .box__footer { padding-bottom: 63px; }
.box .box__form { padding: 15px 30px 30px; }
.box .box__form small { display: block; padding-top: 10px; font-style: italic; color: #443F3F; }
.box .box__hidden .details { display: none; }
.box .box__hidden + hr { margin: 0 -10px; border-top: 2px solid rgba(220, 220, 220, 0.28); }
.box .box__hidden:last-child .box__switch { padding-bottom: 0; }
.box .box__hidden.open .details { display: block; }
.box .box__header { width: 100%; display: table; padding: 20px 0; }
.box .box__header .box__header__chart, .box .box__header .box__header__text { display: table-cell; }
.box .box__header .box__header__chart { width: 70px; vertical-align: middle; }
.box .box__header .box__header__chart > p, .box .box__header .box__header__chart > .donut { display: inline-block; vertical-align: top; }
.box .box__header .box__header__chart > p { line-height: 30px; margin: 20px 10px; }
.box .box__header .box__header__chart.box__header__chart--lg { width: 220px; }
.box .box__header .box__header__text { vertical-align: middle; }
.box .box__header .box__header__text > p { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.64; }
.box .box__header .box__header__text > h2 { font-size: 18px; line-height: 24px; margin: 0 0 10px; }
.box .box__header .box__header__text > h2 a { color: inherit; }
@media (min-width: 1100px) { .box .box__header .box__header__text > h2 a:hover { opacity: 0.8; } }
.box .box__header .box__header__text > span { font-size: 12px; display: block; margin-top: 10px; }
.box .box__header .box__header__text > span + .keys { margin-top: 10px; }
.box .box__header + hr { margin: 0 -8px; }
.box .box__header.box__header--xs { padding: 0; }
.box .box__header.box__header--small, .box .box__header:last-child { padding-bottom: 0; }
.box .box__header.placeholder .box__header__chart .chart-wrapper:after { background-color: #F8F9F9; box-shadow: none; }
.box .box__header.placeholder .box__header__text > p { width: 60%; height: 10px; background-color: #F8F9F9; }
.box .box__header.placeholder .box__header__text > h2 { width: 90%; height: 18px; background-color: #F8F9F9; }
.box .box__localization { margin: 20px -20px 0; padding: 0 20px; max-height: 680px; position: relative; }
.box .box__localization > iframe { margin: 0 auto !important; display: block; max-width: 100%; width: 100%; }
.box .box__localization .ps-scrollbar-x-rail { display: none !important; }
.box .box__media { padding-top: 20px; text-align: center; }
.box .box__media > a { display: inline-block; }
.box .box__media > a > img.be-circle { max-width: 150px; }
.box .box__testimonial { padding-top: 20px; }
.box .box__testimonial > h3 { font-size: 13px; font-weight: 600; color: #000; margin: 0 0 20px; }
.box .box__testimonial > p { color: #000000; font-style: italic; margin: 0 25px 20px; white-space: pre-wrap; }
.box .box__testimonial > span { display: block; font-size: 12px; color: #443F3F; text-align: right; }
.box .box__search { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; padding: 20px 0; position: relative; }
.box .box__search:before { font-family: "FontAwesome"; font-size: 16px; content: '\f002'; position: absolute; top: 20px; left: 16px; line-height: 40px; }
.box .box__search input { padding-left: 45px; }
.box .box__search .btn { margin-left: 10px; }
.box .box__text { padding: 0; line-height: 20px; }
.box .box__text h1, .box .box__text h2, .box .box__text h3, .box .box__text h4, .box .box__text h5 { font-weight: 400; margin: 0; }
.box .box__text h1 { font-size: 24px; }
.box .box__text h2 { font-size: 21px; }
.box .box__text h3 { font-size: 19px; }
.box .box__text h4 { font-size: 16px; }
.box .box__text > h5 { font-size: 12px; color: #443F3F; margin: 25px 0 5px; text-transform: uppercase; }
.box .box__text ul, .box .box__text ol { margin-left: 20px; }
.box .box__text > p { line-height: 20px; white-space: pre-wrap; margin: 0; }
.box .box__text > *:first-child { margin-top: 20px; }
.box .box__text hr.bold { margin: 0; border-top: 5px solid #F6F6F6; }
.box .box__text .normal { white-space: normal; }
.box .box__text.pb-30 { padding-bottom: 30px; }
.box .box__range { background-color: #F8F8F8; padding: 35px 40px; }
.box .box__range p { font-weight: 600; line-height: 24px; margin-bottom: 0; }
.box .box__range p > a { color: #443F3F; font-weight: 400; margin-left: 15px; }
.box .box__range p > a > i { font-size: 20px; }
.box .box__range p > a > span { margin-left: 5px; }
.box .box__range p > a.active { color: #1C2430; }
.box .box__flex { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: inherit; }
.box .box__flex .box__left { width: 50%; }
.box .box__flex .box__right { width: 50%; background-color: #FAFAFA; }
.box.box--light { background-color: #FAFAFA; position: relative; border-top: 4px solid #F2F2F2 !important; border-bottom: 4px solid #F2F2F2 !important; }
.box.box--black { background-color: #000; }
.box.box--black .info-list .placeholder .info-list__avatar figure { background-color: #53606D; border-color: #53606D; }
.box.box--black .info-list .placeholder .info-list__content .info-list__title, .box.box--black .info-list .placeholder .info-list__content > p { background-color: #53606D; }
.box.box--black .info-list .placeholder .info-list__content .info-list__text, .box.box--black .info-list .placeholder .info-list__content .info-list__bottom { background-color: #53606D; }
.box.box--dark { background-color: #2B343E; }
.box.box--dark .info-list .placeholder .info-list__avatar figure { background-color: #53606D; border-color: #53606D; }
.box.box--dark .info-list .placeholder .info-list__content .info-list__title, .box.box--dark .info-list .placeholder .info-list__content > p { background-color: #53606D; }
.box.box--dark .info-list .placeholder .info-list__content .info-list__text, .box.box--dark .info-list .placeholder .info-list__content .info-list__bottom { background-color: #53606D; }
.box.box--gray .info-list .placeholder .info-list__avatar figure { background-color: #747E90; border-color: #747E90; }
.box.box--gray .info-list .placeholder .info-list__content .info-list__title, .box.box--gray .info-list .placeholder .info-list__content > p { background-color: #747E90; }
.box.box--gray .info-list .placeholder .info-list__content .info-list__text, .box.box--gray .info-list .placeholder .info-list__content .info-list__bottom { background-color: #747E90; }
.box.box--red { background-color: #E04934; }
.box.box--red .info-list .placeholder .info-list__avatar figure { background-color: #F5B9B8; border-color: #F5B9B8; }
.box.box--red .info-list .placeholder .info-list__content .info-list__title, .box.box--red .info-list .placeholder .info-list__content > p { background-color: #F5B9B8; }
.box.box--red .info-list .placeholder .info-list__content .info-list__text, .box.box--red .info-list .placeholder .info-list__content .info-list__bottom { background-color: #F5B9B8; }
.box.box--blue { background-color: #0367B6; }
.box.box--blue .info-list .placeholder .info-list__avatar figure { background-color: #BAD9EE; border-color: #BAD9EE; }
.box.box--blue .info-list .placeholder .info-list__content .info-list__title, .box.box--blue .info-list .placeholder .info-list__content > p { background-color: #BAD9EE; }
.box.box--blue .info-list .placeholder .info-list__content .info-list__text, .box.box--blue .info-list .placeholder .info-list__content .info-list__bottom { background-color: #BAD9EE; }
.box.box--purple { background-color: #513962; }
.box.box--purple .info-list .placeholder .info-list__avatar figure { background-color: #C9C5CF; border-color: #C9C5CF; }
.box.box--purple .info-list .placeholder .info-list__content .info-list__title, .box.box--purple .info-list .placeholder .info-list__content > p { background-color: #C9C5CF; }
.box.box--purple .info-list .placeholder .info-list__content .info-list__text, .box.box--purple .info-list .placeholder .info-list__content .info-list__bottom { background-color: #C9C5CF; }
.box.box--green { background-color: #27BC89; }
.box.box--green .info-list .placeholder .info-list__avatar figure { background-color: #9AE4CA; border-color: #9AE4CA; }
.box.box--green .info-list .placeholder .info-list__content .info-list__title, .box.box--green .info-list .placeholder .info-list__content > p { background-color: #9AE4CA; }
.box.box--green .info-list .placeholder .info-list__content .info-list__text, .box.box--green .info-list .placeholder .info-list__content .info-list__bottom { background-color: #9AE4CA; }
.box.box--orange { background-color: #EB7B3F; }
.box.box--orange .info-list .placeholder .info-list__avatar figure { background-color: #F5C098; border-color: #F5C098; }
.box.box--orange .info-list .placeholder .info-list__content .info-list__title, .box.box--orange .info-list .placeholder .info-list__content > p { background-color: #F5C098; }
.box.box--orange .info-list .placeholder .info-list__content .info-list__text, .box.box--orange .info-list .placeholder .info-list__content .info-list__bottom { background-color: #F5C098; }
.box.box--caribbean { background-color: #4FBBD0; }
.box.box--caribbean .info-list .placeholder .info-list__avatar figure { background-color: #C8EAEB; border-color: #C8EAEB; }
.box.box--caribbean .info-list .placeholder .info-list__content .info-list__title, .box.box--caribbean .info-list .placeholder .info-list__content > p { background-color: #C8EAEB; }
.box.box--caribbean .info-list .placeholder .info-list__content .info-list__text, .box.box--caribbean .info-list .placeholder .info-list__content .info-list__bottom { background-color: #C8EAEB; }
.box.box--brown { background-color: #864021; }
.box.box--brown .info-list .placeholder .info-list__avatar figure { background-color: #CCA897; border-color: #CCA897; }
.box.box--brown .info-list .placeholder .info-list__content .info-list__title, .box.box--brown .info-list .placeholder .info-list__content > p { background-color: #CCA897; }
.box.box--brown .info-list .placeholder .info-list__content .info-list__text, .box.box--brown .info-list .placeholder .info-list__content .info-list__bottom { background-color: #CCA897; }
.box.box--black, .box.box--dark, .box.box--gray, .box.box--red, .box.box--blue, .box.box--purple, .box.box--green, .box.box--orange, .box.box--caribbean, .box.box--brown { color: #FFF; }
.box.box--black .box__localization .btn-empty, .box.box--black .box__add a, .box.box--dark .box__localization .btn-empty, .box.box--dark .box__add a, .box.box--gray .box__localization .btn-empty, .box.box--gray .box__add a, .box.box--red .box__localization .btn-empty, .box.box--red .box__add a, .box.box--blue .box__localization .btn-empty, .box.box--blue .box__add a, .box.box--purple .box__localization .btn-empty, .box.box--purple .box__add a, .box.box--green .box__localization .btn-empty, .box.box--green .box__add a, .box.box--orange .box__localization .btn-empty, .box.box--orange .box__add a, .box.box--caribbean .box__localization .btn-empty, .box.box--caribbean .box__add a, .box.box--brown .box__localization .btn-empty, .box.box--brown .box__add a { color: #FFF; }
.box.box--black .box__title, .box.box--dark .box__title, .box.box--gray .box__title, .box.box--red .box__title, .box.box--blue .box__title, .box.box--purple .box__title, .box.box--green .box__title, .box.box--orange .box__title, .box.box--caribbean .box__title, .box.box--brown .box__title { border-bottom-color: rgba(202, 202, 202, 0.3); color: #FFF; }
.box.box--black .box__title p, .box.box--black .box__title p i, .box.box--dark .box__title p, .box.box--dark .box__title p i, .box.box--gray .box__title p, .box.box--gray .box__title p i, .box.box--red .box__title p, .box.box--red .box__title p i, .box.box--blue .box__title p, .box.box--blue .box__title p i, .box.box--purple .box__title p, .box.box--purple .box__title p i, .box.box--green .box__title p, .box.box--green .box__title p i, .box.box--orange .box__title p, .box.box--orange .box__title p i, .box.box--caribbean .box__title p, .box.box--caribbean .box__title p i, .box.box--brown .box__title p, .box.box--brown .box__title p i { color: #FFF; }
.box.box--black .box__title .dropdown .btn-empty, .box.box--dark .box__title .dropdown .btn-empty, .box.box--gray .box__title .dropdown .btn-empty, .box.box--red .box__title .dropdown .btn-empty, .box.box--blue .box__title .dropdown .btn-empty, .box.box--purple .box__title .dropdown .btn-empty, .box.box--green .box__title .dropdown .btn-empty, .box.box--orange .box__title .dropdown .btn-empty, .box.box--caribbean .box__title .dropdown .btn-empty, .box.box--brown .box__title .dropdown .btn-empty { color: rgba(255, 255, 255, 0.7); }
.box.box--black .box__footer, .box.box--dark .box__footer, .box.box--gray .box__footer, .box.box--red .box__footer, .box.box--blue .box__footer, .box.box--purple .box__footer, .box.box--green .box__footer, .box.box--orange .box__footer, .box.box--caribbean .box__footer, .box.box--brown .box__footer { border-top-color: rgba(202, 202, 202, 0.3); }
.box.box--black .box__footer a:not(.btn), .box.box--black .box__footer > span, .box.box--dark .box__footer a:not(.btn), .box.box--dark .box__footer > span, .box.box--gray .box__footer a:not(.btn), .box.box--gray .box__footer > span, .box.box--red .box__footer a:not(.btn), .box.box--red .box__footer > span, .box.box--blue .box__footer a:not(.btn), .box.box--blue .box__footer > span, .box.box--purple .box__footer a:not(.btn), .box.box--purple .box__footer > span, .box.box--green .box__footer a:not(.btn), .box.box--green .box__footer > span, .box.box--orange .box__footer a:not(.btn), .box.box--orange .box__footer > span, .box.box--caribbean .box__footer a:not(.btn), .box.box--caribbean .box__footer > span, .box.box--brown .box__footer a:not(.btn), .box.box--brown .box__footer > span { color: #FFF; }
.box.box--black .box__comments .box__comments__send > button, .box.box--dark .box__comments .box__comments__send > button, .box.box--gray .box__comments .box__comments__send > button, .box.box--red .box__comments .box__comments__send > button, .box.box--blue .box__comments .box__comments__send > button, .box.box--purple .box__comments .box__comments__send > button, .box.box--green .box__comments .box__comments__send > button, .box.box--orange .box__comments .box__comments__send > button, .box.box--caribbean .box__comments .box__comments__send > button, .box.box--brown .box__comments .box__comments__send > button { color: #FFF; }
.box.box--black .box__comments .box__comments__send .input, .box.box--dark .box__comments .box__comments__send .input, .box.box--gray .box__comments .box__comments__send .input, .box.box--red .box__comments .box__comments__send .input, .box.box--blue .box__comments .box__comments__send .input, .box.box--purple .box__comments .box__comments__send .input, .box.box--green .box__comments .box__comments__send .input, .box.box--orange .box__comments .box__comments__send .input, .box.box--caribbean .box__comments .box__comments__send .input, .box.box--brown .box__comments .box__comments__send .input { color: #1C2430; }
.box.box--black .box__comments .box__comments__send .input::-webkit-input-placeholder, .box.box--dark .box__comments .box__comments__send .input::-webkit-input-placeholder, .box.box--gray .box__comments .box__comments__send .input::-webkit-input-placeholder, .box.box--red .box__comments .box__comments__send .input::-webkit-input-placeholder, .box.box--blue .box__comments .box__comments__send .input::-webkit-input-placeholder, .box.box--purple .box__comments .box__comments__send .input::-webkit-input-placeholder, .box.box--green .box__comments .box__comments__send .input::-webkit-input-placeholder, .box.box--orange .box__comments .box__comments__send .input::-webkit-input-placeholder, .box.box--caribbean .box__comments .box__comments__send .input::-webkit-input-placeholder, .box.box--brown .box__comments .box__comments__send .input::-webkit-input-placeholder { color: #443F3F; }
.box.box--black .box__comments .box__comments__send .input::-moz-placeholder, .box.box--dark .box__comments .box__comments__send .input::-moz-placeholder, .box.box--gray .box__comments .box__comments__send .input::-moz-placeholder, .box.box--red .box__comments .box__comments__send .input::-moz-placeholder, .box.box--blue .box__comments .box__comments__send .input::-moz-placeholder, .box.box--purple .box__comments .box__comments__send .input::-moz-placeholder, .box.box--green .box__comments .box__comments__send .input::-moz-placeholder, .box.box--orange .box__comments .box__comments__send .input::-moz-placeholder, .box.box--caribbean .box__comments .box__comments__send .input::-moz-placeholder, .box.box--brown .box__comments .box__comments__send .input::-moz-placeholder { color: #443F3F; }
.box.box--black .box__comments .box__comments__send .input:-ms-input-placeholder, .box.box--dark .box__comments .box__comments__send .input:-ms-input-placeholder, .box.box--gray .box__comments .box__comments__send .input:-ms-input-placeholder, .box.box--red .box__comments .box__comments__send .input:-ms-input-placeholder, .box.box--blue .box__comments .box__comments__send .input:-ms-input-placeholder, .box.box--purple .box__comments .box__comments__send .input:-ms-input-placeholder, .box.box--green .box__comments .box__comments__send .input:-ms-input-placeholder, .box.box--orange .box__comments .box__comments__send .input:-ms-input-placeholder, .box.box--caribbean .box__comments .box__comments__send .input:-ms-input-placeholder, .box.box--brown .box__comments .box__comments__send .input:-ms-input-placeholder { color: #443F3F; }
.box.box--black .box__comments .box__comments__send .input:-moz-placeholder, .box.box--dark .box__comments .box__comments__send .input:-moz-placeholder, .box.box--gray .box__comments .box__comments__send .input:-moz-placeholder, .box.box--red .box__comments .box__comments__send .input:-moz-placeholder, .box.box--blue .box__comments .box__comments__send .input:-moz-placeholder, .box.box--purple .box__comments .box__comments__send .input:-moz-placeholder, .box.box--green .box__comments .box__comments__send .input:-moz-placeholder, .box.box--orange .box__comments .box__comments__send .input:-moz-placeholder, .box.box--caribbean .box__comments .box__comments__send .input:-moz-placeholder, .box.box--brown .box__comments .box__comments__send .input:-moz-placeholder { color: #443F3F; }
.box.box--black .box__header .box__header__text > h2, .box.box--black .box__header .box__header__text > p, .box.box--black .box__header .box__header__text > span, .box.box--dark .box__header .box__header__text > h2, .box.box--dark .box__header .box__header__text > p, .box.box--dark .box__header .box__header__text > span, .box.box--gray .box__header .box__header__text > h2, .box.box--gray .box__header .box__header__text > p, .box.box--gray .box__header .box__header__text > span, .box.box--red .box__header .box__header__text > h2, .box.box--red .box__header .box__header__text > p, .box.box--red .box__header .box__header__text > span, .box.box--blue .box__header .box__header__text > h2, .box.box--blue .box__header .box__header__text > p, .box.box--blue .box__header .box__header__text > span, .box.box--purple .box__header .box__header__text > h2, .box.box--purple .box__header .box__header__text > p, .box.box--purple .box__header .box__header__text > span, .box.box--green .box__header .box__header__text > h2, .box.box--green .box__header .box__header__text > p, .box.box--green .box__header .box__header__text > span, .box.box--orange .box__header .box__header__text > h2, .box.box--orange .box__header .box__header__text > p, .box.box--orange .box__header .box__header__text > span, .box.box--caribbean .box__header .box__header__text > h2, .box.box--caribbean .box__header .box__header__text > p, .box.box--caribbean .box__header .box__header__text > span, .box.box--brown .box__header .box__header__text > h2, .box.box--brown .box__header .box__header__text > p, .box.box--brown .box__header .box__header__text > span { color: #FFF; }
.box.box--black .box__testimonial > h3, .box.box--black .box__testimonial > p, .box.box--dark .box__testimonial > h3, .box.box--dark .box__testimonial > p, .box.box--gray .box__testimonial > h3, .box.box--gray .box__testimonial > p, .box.box--red .box__testimonial > h3, .box.box--red .box__testimonial > p, .box.box--blue .box__testimonial > h3, .box.box--blue .box__testimonial > p, .box.box--purple .box__testimonial > h3, .box.box--purple .box__testimonial > p, .box.box--green .box__testimonial > h3, .box.box--green .box__testimonial > p, .box.box--orange .box__testimonial > h3, .box.box--orange .box__testimonial > p, .box.box--caribbean .box__testimonial > h3, .box.box--caribbean .box__testimonial > p, .box.box--brown .box__testimonial > h3, .box.box--brown .box__testimonial > p { color: #FFF; }
.box.box--black .box__testimonial > span, .box.box--dark .box__testimonial > span, .box.box--gray .box__testimonial > span, .box.box--red .box__testimonial > span, .box.box--blue .box__testimonial > span, .box.box--purple .box__testimonial > span, .box.box--green .box__testimonial > span, .box.box--orange .box__testimonial > span, .box.box--caribbean .box__testimonial > span, .box.box--brown .box__testimonial > span { color: rgba(255, 255, 255, 0.64); }
.box.box--black .box__content, .box.box--dark .box__content, .box.box--gray .box__content, .box.box--red .box__content, .box.box--blue .box__content, .box.box--purple .box__content, .box.box--green .box__content, .box.box--orange .box__content, .box.box--caribbean .box__content, .box.box--brown .box__content { color: rgba(255, 255, 255, 0.64); }
.box.box--black .ck-editor-toolbar .ck-button.ck-disabled, .box.box--black .ck-editor-toolbar .ck-button:not(:hover):not(:focus):not(.ck-on), .box.box--dark .ck-editor-toolbar .ck-button.ck-disabled, .box.box--dark .ck-editor-toolbar .ck-button:not(:hover):not(:focus):not(.ck-on), .box.box--gray .ck-editor-toolbar .ck-button.ck-disabled, .box.box--gray .ck-editor-toolbar .ck-button:not(:hover):not(:focus):not(.ck-on), .box.box--red .ck-editor-toolbar .ck-button.ck-disabled, .box.box--red .ck-editor-toolbar .ck-button:not(:hover):not(:focus):not(.ck-on), .box.box--blue .ck-editor-toolbar .ck-button.ck-disabled, .box.box--blue .ck-editor-toolbar .ck-button:not(:hover):not(:focus):not(.ck-on), .box.box--purple .ck-editor-toolbar .ck-button.ck-disabled, .box.box--purple .ck-editor-toolbar .ck-button:not(:hover):not(:focus):not(.ck-on), .box.box--green .ck-editor-toolbar .ck-button.ck-disabled, .box.box--green .ck-editor-toolbar .ck-button:not(:hover):not(:focus):not(.ck-on), .box.box--orange .ck-editor-toolbar .ck-button.ck-disabled, .box.box--orange .ck-editor-toolbar .ck-button:not(:hover):not(:focus):not(.ck-on), .box.box--caribbean .ck-editor-toolbar .ck-button.ck-disabled, .box.box--caribbean .ck-editor-toolbar .ck-button:not(:hover):not(:focus):not(.ck-on), .box.box--brown .ck-editor-toolbar .ck-button.ck-disabled, .box.box--brown .ck-editor-toolbar .ck-button:not(:hover):not(:focus):not(.ck-on) { color: #FFF; }
.box.box--black .ck-editor__editable, .box.box--dark .ck-editor__editable, .box.box--gray .ck-editor__editable, .box.box--red .ck-editor__editable, .box.box--blue .ck-editor__editable, .box.box--purple .ck-editor__editable, .box.box--green .ck-editor__editable, .box.box--orange .ck-editor__editable, .box.box--caribbean .ck-editor__editable, .box.box--brown .ck-editor__editable { background-color: transparent !important; }
.box.box--grid .box__content .info-list { display: block; border-spacing: 0; padding-top: 0; padding-bottom: 10px; }
.box.box--grid .box__content .info-list:after { content: ''; display: table; clear: both; }
.box.box--grid .box__content .info-list .info-list__row { display: block; float: left; width: 33.333333%; padding-top: 30px; }
.box.box--grid .box__content .info-list .info-list__row:nth-of-type(3n + 1) { clear: both; }
.box.box--grid .box__content .info-list .info-list__row:only-child { width: 100%; }
.box.box--grid .box__content .info-list .info-list__row:first-child:nth-last-child(2), .box.box--grid .box__content .info-list .info-list__row:first-child:nth-last-child(2) ~ .info-list__row { width: 50%; }
.box.box--grid .box__content .info-list .info-list__avatar, .box.box--grid .box__content .info-list .info-list__content { display: block; width: 100%; text-align: center; }
.box.box--grid .box__content .info-list .info-list__avatar { padding-right: 0; }
.box.box--grid .box__content .info-list .info-list__avatar figure, .box.box--grid .box__content .info-list .info-list__avatar .border { width: 52px; height: 52px; margin: 0 auto 10px; }
.box.box--grid .box__content .info-list .info-list__content { padding: 0 15px; }
.box.box--grid.box--grid--lg .info-list .info-list__row { width: 25%; }
.box.box--grid.box--grid--lg .info-list .info-list__row:nth-of-type(3n + 1) { clear: none; }
.box.box--grid.box--grid--lg .info-list .info-list__row:nth-of-type(4n + 1) { clear: both; }
.box.box--grid.box--grid--lg .info-list .info-list__row:only-child { width: 100%; }
.box.box--grid.box--grid--lg .info-list .info-list__row:first-child:nth-last-child(2), .box.box--grid.box--grid--lg .info-list .info-list__row:first-child:nth-last-child(2) ~ .info-list__row { width: 50%; }
.box.box--grid.box--grid--lg .info-list .info-list__row:first-child:nth-last-child(3), .box.box--grid.box--grid--lg .info-list .info-list__row:first-child:nth-last-child(3) ~ .info-list__row { width: 33.333333%; }
.box.box--grid.box--grid--lg .info-list .info-list__avatar figure, .box.box--grid.box--grid--lg .info-list .info-list__avatar .border { width: 70px; height: 70px; }
.box.box--scroll .box__content { max-height: 260px; width: calc(100% - 10px); overflow: auto; margin: 0 10px 20px 0; padding-bottom: 0px; display: inline-block; position: relative; }
.box.box--scroll .box__content .ps-scrollbar-x-rail { display: none !important; }
.box.box--settings { overflow: hidden; position: relative; }
.box.box--settings.box-widget { min-height: 225px; }
.box.box--settings.box-widget.box-widget-tag-entity { overflow: visible; }
.box.box--settings:before { position: absolute; top: 30px; left: -26px; font-family: 'icomoon'; font-size: 50px; content: '\e932'; color: #F3F3F3; }
.box.box--settings:after { position: absolute; bottom: -55px; left: -40px; font-family: 'icomoon'; font-size: 150px; content: '\e932'; color: #F3F3F3; opacity: 0.53; }
.box.box--1 { background: url("/images/bg-user-guide-white.jpg") no-repeat bottom center; background-size: cover; }
.box.box--no-margin { margin-bottom: 0; border-bottom: 0; }
.box.box--md { width: 70%; margin-left: auto; margin-right: auto; }
.box.box--sm-margin { margin-bottom: 7px; }
.box.box--gallery { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.box.box--gallery .box__title { padding-top: 20px; border-bottom: 0; }
.box.box--gallery .box__footer { padding-bottom: 30px; border-top: 0; }
.box.box--stats { background: #272E39 url("/images/bg-stats.jpg") no-repeat bottom center; background-size: cover; color: #FFF; }
.box.box--stats .box__title { border-bottom: 0; color: #FFF; }
.box.box--stats .box__title p, .box.box--stats .box__title p i { color: #FFF; }
.box.box--stats .box__content { padding: 10px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: inherit; justify-content: space-between; }
.box.box--stats .box__content > div { flex: 1; padding: 25px 20px 35px; background: rgba(35, 42, 53, 0); background: -moz-linear-gradient(top, rgba(35, 42, 53, 0) 0%, rgba(35, 42, 53, 0.66) 65%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(35, 42, 53, 0)), color-stop(65%, rgba(35, 42, 53, 0.66))); background: -webkit-linear-gradient(top, rgba(35, 42, 53, 0) 0%, rgba(35, 42, 53, 0.66) 65%); background: -o-linear-gradient(top, rgba(35, 42, 53, 0) 0%, rgba(35, 42, 53, 0.66) 65%); background: -ms-linear-gradient(top, rgba(35, 42, 53, 0) 0%, rgba(35, 42, 53, 0.66) 65%); background: linear-gradient(to bottom, rgba(35, 42, 53, 0) 0%, rgba(35, 42, 53, 0.66) 65%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#272e39', endColorstr='#272e39', GradientType=0); -moz-box-shadow: 0px -4px 28px -4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px -4px 28px -4px rgba(0, 0, 0, 0.3); box-shadow: 0px -4px 28px -4px rgba(0, 0, 0, 0.3); text-align: center; }
@media (max-width: 739px) { .box.box--stats .box__content > div { padding-left: 3px; padding-right: 3px; } }
.box.box--stats .box__content a { color: white; text-decoration: none; flex: 1; padding: 25px 20px 35px; text-align: center; }
@media (max-width: 739px) { .box.box--stats .box__content a { padding: 25px 5px 35px; } }
.box.box--stats .box__content .stats__no-padding { padding: 0; }
.box.box--assessment { border-left: 3px solid #555FA8; }
.box.box--assessment .box__title p i { color: #555FA8; }
.box.box--career-advice { border-left: 3px solid #5C7DBC; }
.box.box--career-advice .box__title p i { color: #5C7DBC; }
.box.box--competency { border-left: 3px solid #C95757; }
.box.box--competency .box__title p i { color: #C95757; }
.box.box--letter { border-left: 3px solid #7ABF0D; min-height: 225px; }
.box.box--letter.box-widget { min-height: 225px; }
.box.box--letter .box__title p i { color: #7ABF0D; }
.box.box--file { border-left: 3px solid #4E596C; }
.box.box--file .box__title p i { color: #4E596C; }
.box.box--folder { border-left: 3px solid #394C6F; }
.box.box--folder .box__title p i { color: #394C6F; }
.box.box--interview { border-left: 3px solid #0B8FCF; }
.box.box--interview.box-widget { min-height: 225px; }
.box.box--interview .box__title p i { color: #0B8FCF; }
.box.box--note { border-left: 3px solid #CF925C; }
.box.box--note .box__title p i { color: #CF925C; }
.box.box--occupation { border-left: 3px solid #7F97B6; }
.box.box--occupation .box__title p i { color: #7F97B6; }
.box.box--organization { border-left: 3px solid #A75A7B; }
.box.box--organization .box__title p i { color: #A75A7B; }
.box.box--pitch { border-left: 3px solid #D26565; }
.box.box--pitch .box__title p i { color: #D26565; }
.box.box--portfolio { border-left: 3px solid #E56161; }
.box.box--portfolio .box__title p i { color: #E56161; }
.box.box--question { border-left: 3px solid #F35E24; }
.box.box--question.box-widget { min-height: 225px; }
.box.box--question .box__title p i { color: #F35E24; }
.box.box--interview-question { border-left: 3px solid #F35E24; }
.box.box--interview-question.box-widget { min-height: 225px; }
.box.box--interview-question .box__title p i { color: #F35E24; }
.box.box--resume { border-left: 3px solid #2A5CC0; }
.box.box--resume .box__title p i { color: #2A5CC0; }
.box.box--rubric { border-left: 3px solid #92A0DC; }
.box.box--rubric .box__title p i { color: #92A0DC; }
.box.box--type { border-left: 3px solid #4E596C; }
.box.box--type .box__title p i { color: #4E596C; }
.box.box--user { border-left: 3px solid #4E596C; }
.box.box--user .box__title p i { color: #4E596C; }
.modal-body > .box { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
@media (max-width: 1099px) { .box .box__title p { font-size: 14px; }
  .box .box__footer a:not(.btn), .box .box__footer > span { font-size: 12px; }
  .box.box--md { width: 100%; } }
@media (max-width: 739px) { .box { border: 0; }
  .box .box__title .box__info { display: none; }
  .box .box__title .box__info + .dropdown { margin-left: auto; }
  .box .box__content { padding-left: 20px; padding-right: 20px; overflow-x: scroll; }
  .box .box__content .stats { padding: 15px 0; }
  .box .box__content .stats.stats--lg .stats__item { width: 50%; }
  .box .box__sub { padding: 20px 10px 0; }
  .box.box--grid.box--grid--lg .info-list .info-list__row { width: 50%; }
  .box.box--grid.box--grid--lg .info-list .info-list__row:nth-of-type(3n + 1) { clear: none; }
  .box.box--grid.box--grid--lg .info-list .info-list__row:nth-of-type(4n + 1) { clear: both; }
  .box.box--grid.box--grid--lg .info-list .info-list__row:first-child:nth-last-child(3), .box.box--grid.box--grid--lg .info-list .info-list__row:first-child:nth-last-child(3) ~ .info-list__row { width: 50%; } }

.box-small { background-color: #FFF; background-size: cover; margin: 20px 20px 30px; -moz-box-shadow: 0px 3px 32px 2px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 3px 32px 2px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 32px 2px rgba(0, 0, 0, 0.05); padding: 25px 15px 28px; text-align: center; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.box-small > p { font-size: 12px; margin: 0 auto 10px; }
.box-small > p.table { display: table; }
.box-small > p.table > span { display: table-cell; vertical-align: middle; position: relative; height: 52px; padding-left: 15px; padding-right: 15px; }
.box-small > p.table > span > i { font-size: 18px; color: #443F3F; position: absolute; right: -10px; top: 14px; }
.box-small > i { display: block; margin: 0 auto 15px; font-size: 50px; line-height: 50px; }
.box-small img { width: 40px; margin: 0 auto 15px; display: block; }
.box-small img.profile { width: 30px; margin-top: 10px; }
.box-small img.lg { width: 70px; margin-bottom: 5px; margin-top: -20px; }
.box-small .radio { width: 80%; max-width: 106px; margin: 0 auto; }
.box-small .radio .btn { width: 100%; min-width: auto; }
.box-small.active { -moz-box-shadow: 0px 3px 32px 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 3px 32px 10px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 32px 10px rgba(0, 0, 0, 0.05); margin: 5px 5px 15px; padding: 40px 30px 43px; }
@media (min-width: 1100px) { .box-small:hover { -moz-box-shadow: 0px 3px 32px 10px rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 3px 32px 10px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 32px 10px rgba(0, 0, 0, 0.05); margin: 5px 5px 15px; padding: 40px 30px 43px; } }

.box-banner { text-align: center; padding: 70px 15px; margin-bottom: 21px; -webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); }
.box-banner h4 { font-weight: 400; color: #FFF; margin: 0 10%; }
.box-banner a { margin-top: 20px; }
.box-banner.box-banner--blue { background: #3444DB url("/images/dashboard/bg-banner-blue.jpg") top left; background-size: cover; }
.box-banner.box-banner--blue .btn.btn--light { color: #3444DB; }
.box-banner.box-banner--green { background: #24BAA0 url("/images/dashboard/bg-banner-green.jpg") top left; background-size: cover; }
.box-banner.box-banner--green .btn.btn--light { color: #24BAA0; }
.box-banner.box-banner--red { background: #AB504F url("/images/dashboard/bg-banner-red.jpg") top left; background-size: cover; }
.box-banner.box-banner--red .btn.btn--light { color: #AB504F; }

.box--welcome.box-widget { display: inherit !important; padding: 20px 20px; }
.box--welcome.box-widget .welcome-links { max-width: fit-content !important; }

@media (min-width: 1100px) { .box--welcome.box-widget { display: inherit !important; padding: 30px 30px; } }
.move { padding: 0 20px; }
.move .move__option { padding: 10px 10px 15px; line-height: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.move .move__option .bootstrap-select { margin: 0 10px; }
.move .move__chart { background-color: #F4F4F4; padding: 0 10px 20px; }
.move .move__chart.move__chart--gray { background-color: #444f61; padding: 5px 20px 20px; }
.move .move__table { background-color: #323D49; margin: 0 10px 20px; padding: 10px 20px 0; }
.move .move__table.move__table--no-bg { background-color: transparent; }
.move .move__legend { padding: 10px 0; }
.move .move__legend p { font-size: 12px; margin-bottom: 0; }
.move .move__legend span { font-size: 11px; color: #443F3F; margin-left: 7px; }
.move .info-list { border-top: 1px solid rgba(202, 202, 202, 0.5); padding: 14px 15px; }
@media (max-width: 739px) { .move .move__table { margin: 0 0 20px; padding: 10px 0 0; } }

.start { text-align: center; padding: 40px 20px 45px; margin-bottom: 21px; position: relative; }
.start h1 { font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 900; color: #FFF; margin: 0; }
.start h4 { color: #FFF; margin-bottom: 30px; }
.start .btn { position: relative; }
.start .btn .caret { margin-left: 40px; }
.start .btn .caret:before { border-left: 1px solid rgba(255, 255, 255, 0.8); width: 0; height: 80%; position: absolute; top: 10%; right: 40px; content: ''; }
.start .dropdown-menu { width: 380px; margin-left: -100px; margin-top: 30px; }
.start .start__search { max-width: 440px; margin: 0 auto; position: relative; }
.start .start__search:before { font-family: "FontAwesome"; content: '\f002'; position: absolute; top: 9px; left: 16px; color: #FFF; font-size: 16px; }
.start .start__search .input { padding: 0 45px; }
.start .start__close { font-size: 24px; color: #FFF; padding: 10px; position: absolute; top: 5px; right: 15px; }
.start .start__row { margin-left: -20px; margin-right: -20px; display: flex; overflow: hidden; padding-top: 20px; }
.start .start__row > div { width: calc(33.33333% - 6px); padding: 28px 10px 32px; text-align: center; margin: 0 3px; }
.start .start__row > div.full { width: 100%; }
.start--red { background: #E2383A url("/images/bg-user-drive.jpg") no-repeat center; background-size: cover; }
@media (min-width: 1100px) { .start--red .btn:hover, .start--red .btn:active, .start--red .btn:focus { background-color: #FFF; color: #D64C4C; }
  .start--red .btn:hover .caret:before, .start--red .btn:active .caret:before, .start--red .btn:focus .caret:before { border-left-color: #D64C4C; } }
.start--blue { background: #2F7CBC url("/images/bg-tickets.jpg") no-repeat center; background-size: cover; }
@media (min-width: 1100px) { .start--blue .btn:hover, .start--blue .btn:active, .start--blue .btn:focus { background-color: #FFF; color: #2F7CBC; }
  .start--blue .btn:hover .caret:before, .start--blue .btn:active .caret:before, .start--blue .btn:focus .caret:before { border-left-color: #2F7CBC; } }
.start--gray { background: #737B99 url("/images/bg-user-guide.jpg") no-repeat center; background-size: cover; }
.start--pathway { background: #5C78A5 url("/images/bg-pathway.jpg") no-repeat center; background-size: cover; }
.start--purple { background: #BE768C url("/images/bg-galleries.jpg") no-repeat center; background-size: cover; }
.start--purple .btn { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.5); color: #FFF; }
@media (min-width: 1100px) { .start--purple .btn:hover, .start--purple .btn:active, .start--purple .btn:focus { background-color: #FFF; color: #A75A7B; } }
.start--user { background: #D52F33 url("/images/bg-users.jpg") no-repeat center; background-size: cover; }
.start--user > h4 { margin-bottom: 20px; }
.start--user .btn:not(.btn--light) { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.5); color: #FFF; }
@media (min-width: 1100px) { .start--user .btn:not(.btn--light):hover, .start--user .btn:not(.btn--light):active, .start--user .btn:not(.btn--light):focus { background-color: #FFF; color: #D52F33; } }
.start--pink { background: #B45065 url("/images/bg-organizations.jpg") no-repeat center; background-size: cover; padding-bottom: 0; }
.start--pink .btn { background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.5); color: #FFF; }
@media (min-width: 1100px) { .start--pink .btn:hover, .start--pink .btn:active, .start--pink .btn:focus { background-color: #FFF; color: #B45065; } }
.start--pink .start__row > div { background: rgba(191, 88, 110, 0); background: -moz-linear-gradient(top, rgba(191, 88, 110, 0) 0%, rgba(191, 88, 110, 0.66) 65%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(191, 88, 110, 0)), color-stop(65%, rgba(191, 88, 110, 0.66))); background: -webkit-linear-gradient(top, rgba(191, 88, 110, 0) 0%, rgba(191, 88, 110, 0.66) 65%); background: -o-linear-gradient(top, rgba(191, 88, 110, 0) 0%, rgba(191, 88, 110, 0.66) 65%); background: -ms-linear-gradient(top, rgba(191, 88, 110, 0) 0%, rgba(191, 88, 110, 0.66) 65%); background: linear-gradient(to bottom, rgba(191, 88, 110, 0) 0%, rgba(191, 88, 110, 0.66) 65%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf586e', endColorstr='#bf586e', GradientType=0); -moz-box-shadow: 0px -4px 28px -4px rgba(131, 42, 60, 0.4); -webkit-box-shadow: 0px -4px 28px -4px rgba(131, 42, 60, 0.4); box-shadow: 0px -4px 28px -4px rgba(131, 42, 60, 0.4); }
@media (max-width: 739px) { .start .start__row { display: block; }
  .start .start__row > div { width: 100%; margin: 0 0 6px; } }

@media (max-width: 1099px) { .modal-body .widgets-prev .widgets-prev__content { width: 780px; margin-left: 20px; } }
@media (max-width: 910px) { .modal-body .widgets-prev .widgets-prev__content { width: 780px; margin-left: 10px; } }
@media (max-width: 780px) { .modal-body .widgets-prev .widgets-prev__content { width: 660px; margin-left: 20px; } }
@media (max-width: 739px) { .modal-body .widgets-prev .widgets-prev__content { width: 320px; margin: auto; } }
@media (max-width: 400px) { .modal-body .widgets-prev .widgets-prev__content { width: 280px; margin: auto; } }
.widgets-prev { padding: 25px 25px 5px; }
.widgets-prev .col-md-4:nth-child(3n + 1) { clear: both; }
.widgets-prev .widgets-prev__headline { text-align: center; margin-bottom: 25px; }
.widgets-prev .widgets-prev__content { width: 780px; margin-left: 120px; }
.widgets-prev .widgets-prev__type { font-size: 11px; text-align: center; margin: 0 20px 20px; min-height: 30px; }
.widgets-prev .widgets-prev__type > i { background-color: #C5C5C5; width: 14px; height: 14px; font-size: 9px; line-height: 14px; color: #F1F1F1; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; vertical-align: middle; margin-left: 5px; }
.widgets-prev .widgets-prev__box { background: #FFF; height: 140px; margin-bottom: 12px; -webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); cursor: pointer; }
.widgets-prev .widgets-prev__box p { background-color: #E8E8E8; height: 5px; margin-bottom: 12px; }
.widgets-prev .widgets-prev__box i { background-color: #E8E8E8; }
.widgets-prev .widgets-prev__box .widgets-prev__action { padding-top: 40px; text-align: center; }
.widgets-prev .widgets-prev__box .widgets-prev__action p { width: 50%; margin: 0 auto 7px; }
.widgets-prev .widgets-prev__box .widgets-prev__action p.short { width: 35%; }
.widgets-prev .widgets-prev__box .widgets-prev__action > span { border: 1px solid #E8E8E8; padding: 12px 0; width: 50%; display: block; margin: 15px auto 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align: center; }
.widgets-prev .widgets-prev__box .widgets-prev__action > span > i { width: 50px; height: 5px; display: block; margin: 0 auto; }
.widgets-prev .widgets-prev__box .widgets-prev__audio { background-color: #E8E8E8; text-align: center; margin: 10px 8px 0; }
.widgets-prev .widgets-prev__box .widgets-prev__audio i { font-size: 52px; color: #cdced0; display: inline-block; line-height: 86px; }
.widgets-prev .widgets-prev__box .widgets-prev__audio i.short { font-size: 30px; line-height: 50px; }
.widgets-prev .widgets-prev__box .widgets-prev__bottom { margin: 0 8px; padding: 7px 0; border-top: 1px solid #E8E8E8; }
.widgets-prev .widgets-prev__box .widgets-prev__bottom:after { content: ''; display: table; clear: both; }
.widgets-prev .widgets-prev__box .widgets-prev__bottom > i { width: 10px; height: 10px; display: block; margin-right: 6px; vertical-align: top; float: left; }
.widgets-prev .widgets-prev__box .widgets-prev__bottom > p { display: block; height: 10px; width: calc(100% - 46px); float: left; }
.widgets-prev .widgets-prev__box .widgets-prev__bottom > span { background-color: #E8E8E8; width: 24px; height: 10px; margin-left: 6px; float: right; display: block; }
.widgets-prev .widgets-prev__box .widgets-prev__comments { padding: 10px 10px 0; }
.widgets-prev .widgets-prev__box .widgets-prev__comments .widgets-prev__list-row:after { content: ''; display: table; clear: both; }
.widgets-prev .widgets-prev__box .widgets-prev__comments .widgets-prev__list-row > i { width: 15px; height: 15px; display: block; float: left; margin: 0 8px 8px 0; }
.widgets-prev .widgets-prev__box .widgets-prev__comments .widgets-prev__list-row > p { width: calc(90% - 25px); float: left; margin-top: 5px; }
.widgets-prev .widgets-prev__box .widgets-prev__comments .widgets-prev__list-row > p.short { width: calc(60% - 25px); }
.widgets-prev .widgets-prev__box .widgets-prev__grid { padding: 0 30px; display: flex; flex-wrap: wrap; }
.widgets-prev .widgets-prev__box .widgets-prev__grid:after { content: ''; display: table; clear: both; }
.widgets-prev .widgets-prev__box .widgets-prev__grid i { width: 40px; height: 40px; display: inline-block; margin: 15px 0 10px; }
.widgets-prev .widgets-prev__box .widgets-prev__grid p { width: 70%; margin: 0 auto 6px; }
.widgets-prev .widgets-prev__box .widgets-prev__grid p.short { width: 50%; }
.widgets-prev .widgets-prev__box .widgets-prev__grid h3 { font-size: 20px; font-weight: 600; color: #E8E8E8; margin-top: 25px; }
.widgets-prev .widgets-prev__box .widgets-prev__list { padding: 15px 10px 0; }
.widgets-prev .widgets-prev__box .widgets-prev__list .widgets-prev__list-row:after { content: ''; display: table; clear: both; }
.widgets-prev .widgets-prev__box .widgets-prev__list .widgets-prev__list-row > i { width: 26px; height: 26px; display: block; float: left; margin: 0 12px 10px 0; }
.widgets-prev .widgets-prev__box .widgets-prev__list .widgets-prev__list-row > div { width: calc(100% - 50px); float: left; padding-top: 5px; }
.widgets-prev .widgets-prev__box .widgets-prev__list .widgets-prev__list-row > div p { width: 75%; margin-bottom: 6px; }
.widgets-prev .widgets-prev__box .widgets-prev__list .widgets-prev__list-row > div p.short { width: 60%; }
.widgets-prev .widgets-prev__box .widgets-prev__list .widgets-prev__list-row > span { width: 24px; height: 24px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; border: 1px solid #E8E8E8; font-size: 20px; color: #E8E8E8; text-align: center; line-height: 22px; float: right; display: block; margin: 0 10px 10px 0; }
.widgets-prev .widgets-prev__box .widgets-prev__list.widgets-prev__list--small { padding-top: 5px; }
.widgets-prev .widgets-prev__box .widgets-prev__list.widgets-prev__list--small .widgets-prev__list-row > i { margin-bottom: 5px; }
.widgets-prev .widgets-prev__box .widgets-prev__list.widgets-prev__list--small + .widgets-prev__title { border-top: 1px solid #E8E8E8; }
.widgets-prev .widgets-prev__box .widgets-prev__tags { padding: 30px 10px 0; }
.widgets-prev .widgets-prev__box .widgets-prev__tags p { display: inline-block; width: calc(60% - 12px); margin: 0 5px; }
.widgets-prev .widgets-prev__box .widgets-prev__tags p.short { width: calc(40% - 12px); }
.widgets-prev .widgets-prev__box .widgets-prev__text { padding: 15px 10px 0; }
.widgets-prev .widgets-prev__box .widgets-prev__text p.short { width: 80%; }
.widgets-prev .widgets-prev__box .widgets-prev__text p.half { width: 50%; }
.widgets-prev .widgets-prev__box .widgets-prev__text.widgets-prev__text--low p { margin-bottom: 7px; display: block; }
.widgets-prev .widgets-prev__box .widgets-prev__text.widgets-prev__text--short { width: 50%; float: left; }
.widgets-prev .widgets-prev__box.bg-dark { background-color: #4E596C; }
.widgets-prev .widgets-prev__box.bg-dark .widgets-prev__audio, .widgets-prev .widgets-prev__box.bg-dark p, .widgets-prev .widgets-prev__box.bg-dark i { background-color: #8A8F9A; }
.widgets-prev .widgets-prev__box.bg-dark .widgets-prev__audio i, .widgets-prev .widgets-prev__box.bg-dark p i, .widgets-prev .widgets-prev__box.bg-dark i i { color: #4E596C; }
.widgets-prev .widgets-prev__box.bg-dark .widgets-prev__title { border-bottom-color: #8A8F9A; }
.widgets-prev .widgets-prev__box.bg-dark .widgets-prev__list .widgets-prev__list-row > span { border-color: #8A8F9A; color: #8A8F9A; }
.widgets-prev .widgets-prev__box.bg-black { background-color: #2D333E; color: #787A80; }
.widgets-prev .widgets-prev__box.bg-black .widgets-prev__audio, .widgets-prev .widgets-prev__box.bg-black p, .widgets-prev .widgets-prev__box.bg-black i { background-color: #787A80; }
.widgets-prev .widgets-prev__box.bg-black .widgets-prev__audio i, .widgets-prev .widgets-prev__box.bg-black p i, .widgets-prev .widgets-prev__box.bg-black i i { color: #2D333E; }
.widgets-prev .widgets-prev__box.bg-black .widgets-prev__grid h3 { color: #787A80; }
.widgets-prev .widgets-prev__box.bg-black .widgets-prev__title { border-bottom-color: #787A80; }
.widgets-prev .widgets-prev__box.bg-black .widgets-prev__list .widgets-prev__list-row > span { border-color: #787A80; color: #787A80; }
.widgets-prev .widgets-prev__box.bg-img { background: #373B43 url("/images/dashboard/bg-call-to-action.jpg") no-repeat left top; background-size: cover; }
.widgets-prev .widgets-prev__box.bg-img .widgets-prev__action p, .widgets-prev .widgets-prev__box.bg-img .widgets-prev__action > span { opacity: 0.65; }
.widgets-prev .widgets-prev__title { margin: 0 8px; padding: 7px 0; border-bottom: 1px solid #E8E8E8; font-size: 0; }
.widgets-prev .widgets-prev__title:after { content: ''; display: table; clear: both; }
.widgets-prev .widgets-prev__title > i { width: 10px; height: 10px; display: inline-block; margin: 3px 6px 3px 0; vertical-align: top; }
.widgets-prev .widgets-prev__title > p { display: inline-block; width: 45%; margin: 6px 0 0; }
.widgets-prev .widgets-prev__title > span { width: 16px; height: 16px; font-size: 10px; line-height: 14px; text-align: center; border: 1px solid #E8E8E8; color: #E8E8E8; float: right; display: block; }
@media (max-width: 739px) { .widgets-prev { padding: 20px 10px 5px; }
  .widgets-prev .widgets-prev__type { margin: 0 5px 20px; }
  .widgets-prev .widgets-prev__box .widgets-prev__grid { padding: 0; } }

.builder { padding: 0 30px 25px; }
.builder .builder__title { font-size: 16px; line-height: 26px; border-bottom: 1px solid rgba(202, 202, 202, 0.5); padding: 15px 5px; margin: 0 -5px; }
.builder .builder__option { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; margin-top: 10px; }
.builder .builder__option p { margin-bottom: 0; }
.builder .builder__option p + div { margin-left: 10px; margin-right: 10px; }
.builder .builder__option p + div + br + p { margin-left: 10px; }
.builder .builder__content { padding: 25px 0 15px; }
.builder .builder__content.builder__content--sm { padding: 25px 0 0; }
.builder .builder__content .box { margin: 0 auto; }
.builder .builder__content .box.box--sm { width: 50%; min-height: 300px; }
.builder.builder--gray { background-color: #F1F1F1; }
@media (max-width: 1099px) { .builder .builder__content .box.box--sm { width: 70%; } }
@media (max-width: 739px) { .builder { padding: 0 20px 25px; }
  .builder .builder__title { padding-left: 0; padding-right: 0; }
  .builder .builder__content .box.box--sm { width: 100% !important; } }

.color { width: 45px; height: 16px; border: 1px solid rgba(202, 202, 202, 0.5); display: inline-block; }
.color.color-1 { background-color: #FFF; }
.color.color-2 { background-color: #555FA8; }
.color.color-3 { background-color: #0B8FCF; }
.color.color-4 { background-color: #E56161; }
.color.color-5 { background-color: #33C1B2; }

.upload-cover { background-color: #F8F9F9; text-align: center; margin: 20px -10px; width: calc(100% + 20px); padding: 100px 20px 30px; position: relative; }
.upload-cover:before { font-family: 'icomoon' !important; content: "\e903"; position: absolute; left: 0; right: 0; top: 20px; font-size: 50px; line-height: 1; color: #443F3F; }
.upload-cover .fake-file__path { font-weight: 600; display: block; color: #443F3F; position: absolute; top: 70px; left: 0; right: 0; }
@media (max-width: 1099px) { .upload-cover { padding-top: 120px; } }

.upload-prev { background-color: #F8F9F9; text-align: center; margin: 20px -10px; width: calc(100% + 20px); padding: 100px 10px 0; position: relative; }
.upload-prev .fake-file { float: right; }
.upload-prev .fake-file__path { width: 140px; font-weight: 600; display: block !important; color: #443F3F; float: left; margin: 0 0 0 45px; display: block; display: -webkit-box; max-height: 44px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.upload-prev .upload-prev__bottom { border-top: 1px dashed #443F3F; position: relative; padding: 15px 5px; }
.upload-prev .upload-prev__bottom:after { content: ''; display: table; clear: both; }
.upload-prev .upload-prev__bottom:before { font-family: 'icomoon' !important; content: "\e903"; position: absolute; left: 0; top: 15px; font-size: 40px; line-height: 1; color: #443F3F; }
@media (max-width: 739px) { .upload-prev .upload-prev__bottom:before { font-size: 52px; left: 10px; } }

.donut { position: relative; width: 70px; height: 70px; }
.donut .donut__text { position: absolute; width: calc(100% - 14px); height: calc(100% - 14px); top: 7px; left: 7px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; text-align: center; }
.donut .donut__text > p { font-size: 14px; text-transform: uppercase; line-height: 30px; color: #1C2430; margin-bottom: 0; }
.donut .donut__text > p > span { display: block; font-size: 8px; line-height: 8px; margin-top: -4px; }
.donut .canvas-wrapper:before { width: 60px; height: 60px; border-radius: 100%; content: ''; top: 5px; left: 5px; position: absolute; }
.donut[data-donut-size="sm"] { width: 54px; height: 54px; }
.donut[data-donut-size="sm"] .donut__text p { font-size: 12px; }
.donut[data-donut-size="lg"] { width: 160px; height: 160px; padding: 20px 90px; }
@media (max-width: 739px) { .donut[data-donut-size="lg"] { padding: 0 90px; } }
.donut[data-donut-size="lg"] .donut__text { padding-top: 34px; padding-left: 95px; }
@media (max-width: 739px) { .donut[data-donut-size="lg"] .donut__text { padding-top: 0; } }
.donut[data-donut-size="lg"] .donut__text p { font-size: 45px; padding-left: 57px; padding-top: 5px; }
.card .donut { float: right; }
.box--gray .donut .donut__text > p { color: #FFF; }

.donut__title { display: table; text-align: right; float: left; margin: 0; }
.donut__title > span { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.table__cell .donut__title, .card .donut__title { height: 70px; width: calc(100% - 80px); margin-right: 10px; }

.instagram-media { border-radius: 0 !important; border: 0 !important; box-shadow: none !important; }

.guide > ul, .guide > ol { margin-left: 18px; }
.guide img { width: 80%; margin-bottom: 40px; }
.guide .guide__title { padding: 30px 20px; margin: 0 20px; border-top: 1px solid rgba(202, 202, 202, 0.5); }
.guide .guide__title p { font-size: 14px; line-height: 20px; }
.guide .guide__content { padding: 30px 40px; }
.guide .guide__content > h2 { font-size: 13px; text-transform: uppercase; color: #443F3F; margin: 0; }
.guide .guide__step { padding-top: 30px; }
.guide .guide__step:after { content: ''; display: table; clear: both; }
.guide .guide__img { float: left; width: 60%; padding-right: 5%; }
.guide .guide__img img { -webkit-box-shadow: 0px 0px 40px 3px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 0px 40px 3px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 40px 3px rgba(0, 0, 0, 0.09); }
.guide .guide__text { float: left; width: 60%; }
.guide .guide__text > h3 { font-size: 16px; font-weight: 600; margin-bottom: 20px; }
.guide .guide__text p { margin-bottom: 20px; }
.guide .guide__details:after { content: ''; display: table; clear: both; }
.guide .guide__details p { font-size: 12px; line-height: 20px; font-weight: 600; float: left; width: 100px; }
.guide .guide__details a { font-weight: 600; float: left; max-width: calc(100% - 110px); display: block; display: -webkit-box; max-height: 20px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.guide .guide__details a > i { margin-right: 10px; }
.guide .guide__no-img { text-align: center; padding: 100px 20px 80px; -webkit-box-shadow: 0px 0px 40px 3px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 0px 40px 3px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 40px 3px rgba(0, 0, 0, 0.09); }
.guide .guide__no-img > i { font-size: 30px; color: #E2E2E2; }
.guide .guide__no-img > p { color: #E2E2E2; }
@media (max-width: 1099px) { .guide .guide__no-img { padding: 50px 20px; }
  .guide img { width: 100%; } }
@media (max-width: 739px) { .guide .guide__title { padding: 30px 0; }
  .guide .guide__content { padding: 30px 20px; }
  .guide .guide__img, .guide .guide__text { width: 100%; padding-right: 0; } }

.type { width: calc(25% - 52px); display: table; margin: 20px 26px; padding: 4px; position: relative; float: left; min-height: 106px; background: #2B343E; background: -moz-linear-gradient(left, #2B343E 0%, #373F4A 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #2B343E), color-stop(100%, #373F4A)); background: -webkit-linear-gradient(left, #2B343E 0%, #373F4A 100%); background: -o-linear-gradient(left, #2B343E 0%, #373F4A 100%); background: -ms-linear-gradient(left, #2B343E 0%, #373F4A 100%); background: linear-gradient(to right, #2b343e 0%, #373f4a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-box-shadow: 0px 0px 30px 15px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 0px 30px 15px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 30px 15px rgba(0, 0, 0, 0.09); }
.type > input[type="radio"] { position: absolute; overflow: hidden; width: 0; height: 0; opacity: 0; }
.type .type__icon, .type .type__name, .type .type__stats { display: table-cell; vertical-align: middle; }
.type .type__icon { width: 60px; text-align: center; }
.type .type__icon > i { font-size: 20px; color: #443F3F; vertical-align: middle; }
.type .type__icon > i:after { top: 25%; }
.type .type__icon:empty { width: 1px; padding: 5px; }
.type .type__name { width: calc(70% - 60px); padding: 15px 0; }
.type .type__name > h2 { color: #FFF; -moz-osx-font-smoothing: grayscale; }
.type .type__name > h2 > span { font-size: 14px; font-weight: 400; }
.type .type__name > h6 { font-weight: 400; -moz-osx-font-smoothing: grayscale; }
.type .type__name > span { color: #FFF; -moz-osx-font-smoothing: grayscale; }
.type .type__name > span:first-child { display: block; margin-bottom: 0; /* was 12px */ }
.type .type__name > span:only-child { margin-bottom: 0; }
.type .type__name .type__title { color: #1C2430; font-weight: 600; padding: 0 0; /* was 12px 0 */ }
.type .type__name .type__articles { color: #443F3F; }
.type .type__stats { width: 30%; text-align: center; padding: 17px 0; }
.type .type__stats .text { font-size: 24px; font-weight: 900; color: #FFF; margin-top: 4px; margin-bottom: 4px; display: block; -moz-osx-font-smoothing: grayscale; }
.type .type__stats .label { font-size: 11px; font-style: italic; color: #443F3F; margin: 0; display: block; }
.type .type__stats.type__stats-with-add-button .text { padding-right: 40px; }
.type .type__stats.type__stats-with-add-button .label { padding-right: 40px; }
.grid-item--sm .type { width: calc(33.333333% - 12px); margin: 10px 6px; }
.grid-item--sm .type:first-child:nth-last-child(2) { margin-left: 19%; }
.grid-item--sm .type:first-child:nth-last-child(1) { margin-left: 33.33%; }
.type--white { background-image: none; background-color: #FFF; -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.06); min-height: auto; }
.type--md { width: calc(25% - 32px); margin: 20px 16px; -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.07); box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.07); }
.type--md .type__icon { width: 98px; padding: 15px 20px; }
.type--md .type__icon > span { width: 60px; height: 60px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); padding: 2px; }
.type--md .type__icon > span img, .type--md .type__icon > span i { border-radius: 50%; display: block; }
.type--md .type__name { width: calc(100% - 98px); padding-right: 10px; }
.type--lg { width: calc(33% - 32px); margin: 20px 16px; }
.type--lg .type__icon { width: 98px; padding: 15px 20px; }
.type--lg .type__icon > span { width: 60px; height: 60px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); padding: 2px; }
.type--lg .type__icon > span img, .type--lg .type__icon > span i { border-radius: 50%; display: block; }
.type--lg .type__name { width: calc(100% - 98px); padding-right: 10px; }
.type--analytics .type__icon { border-left: 3px solid #AE97CA; }
.type--analytics.type--white .type__icon > i { color: #AE97CA; }
.type--analytics.active, .type--analytics:not(div):hover { background: #7582BB; background: -moz-linear-gradient(left, #7582BB 0%, #92A0DC 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #7582BB), color-stop(100%, #92A0DC)); background: -webkit-linear-gradient(left, #7582BB 0%, #92A0DC 100%); background: -o-linear-gradient(left, #7582BB 0%, #92A0DC 100%); background: -ms-linear-gradient(left, #7582BB 0%, #92A0DC 100%); background: linear-gradient(to right, #7582bb 0%, #92a0dc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--analytics.active .type__icon, .type--analytics:not(div):hover .type__icon { border-left-color: transparent; }
.type--analytics.active .type__icon > i, .type--analytics:not(div):hover .type__icon > i { color: #FFF; }
.type--analytics.active .type__title, .type--analytics.active .type__stats > span, .type--analytics:not(div):hover .type__title, .type--analytics:not(div):hover .type__stats > span { color: #FFF; }
.type--assessment .type__icon { border-left: 3px solid #6C43D3; }
.type--assessment.type--white .type__icon > i { color: #6C43D3; }
.type--assessment.active, .type--assessment:not(div):hover { background: #616DC7; background: -moz-linear-gradient(left, #616DC7 0%, #555FA8 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #616DC7), color-stop(100%, #555FA8)); background: -webkit-linear-gradient(left, #616DC7 0%, #555FA8 100%); background: -o-linear-gradient(left, #616DC7 0%, #555FA8 100%); background: -ms-linear-gradient(left, #616DC7 0%, #555FA8 100%); background: linear-gradient(to right, #616dc7 0%, #555fa8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--assessment.active .type__icon, .type--assessment:not(div):hover .type__icon { border-left-color: transparent; }
.type--assessment.active .type__icon > i, .type--assessment:not(div):hover .type__icon > i { color: #FFF; }
.type--assessment.active .type__title, .type--assessment.active .type__stats > span, .type--assessment:not(div):hover .type__title, .type--assessment:not(div):hover .type__stats > span { color: #FFF; }
.type--assignment .type__icon { border-left: 3px solid #436FD3; }
.type--assignment.type--white .type__icon > i { color: #436FD3; }
.type--assignment.active, .type--assignment:not(div):hover { background: #116BA2; background: -moz-linear-gradient(left, #116BA2 0%, #0C4C73 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #116BA2), color-stop(100%, #0C4C73)); background: -webkit-linear-gradient(left, #116BA2 0%, #0C4C73 100%); background: -o-linear-gradient(left, #116BA2 0%, #0C4C73 100%); background: -ms-linear-gradient(left, #116BA2 0%, #0C4C73 100%); background: linear-gradient(to right, #116ba2 0%, #0c4c73 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--assignment.active .type__icon, .type--assignment:not(div):hover .type__icon { border-left-color: transparent; }
.type--assignment.active .type__icon > i, .type--assignment:not(div):hover .type__icon > i { color: #FFF; }
.type--assignment.active .type__title, .type--assignment.active .type__stats > span, .type--assignment:not(div):hover .type__title, .type--assignment:not(div):hover .type__stats > span { color: #FFF; }
.type--badge .type__icon { border-left: 3px solid #44C2BE; }
.type--badge.type--white .type__icon > i { color: #44C2BE; }
.type--badge.active, .type--badge:not(div):hover { background: #45C1D8; background: -moz-linear-gradient(left, #45C1D8 0%, #29ABC3 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #45C1D8), color-stop(100%, #29ABC3)); background: -webkit-linear-gradient(left, #45C1D8 0%, #29ABC3 100%); background: -o-linear-gradient(left, #45C1D8 0%, #29ABC3 100%); background: -ms-linear-gradient(left, #45C1D8 0%, #29ABC3 100%); background: linear-gradient(to right, #45c1d8 0%, #29abc3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--badge.active .type__icon, .type--badge:not(div):hover .type__icon { border-left-color: transparent; }
.type--badge.active .type__icon > i, .type--badge:not(div):hover .type__icon > i { color: #FFF; }
.type--badge.active .type__title, .type--badge.active .type__stats > span, .type--badge:not(div):hover .type__title, .type--badge:not(div):hover .type__stats > span { color: #FFF; }
.type--career-advice .type__icon { border-left: 3px solid #7BACC1; }
.type--career-advice.type--white .type__icon > i { color: #7BACC1; }
.type--career-advice.active, .type--career-advice:not(div):hover { background: #476399; background: -moz-linear-gradient(left, #476399 0%, #5C7DBC 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #476399), color-stop(100%, #5C7DBC)); background: -webkit-linear-gradient(left, #476399 0%, #5C7DBC 100%); background: -o-linear-gradient(left, #476399 0%, #5C7DBC 100%); background: -ms-linear-gradient(left, #476399 0%, #5C7DBC 100%); background: linear-gradient(to right, #476399 0%, #5c7dbc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--career-advice.active .type__icon, .type--career-advice:not(div):hover .type__icon { border-left-color: transparent; }
.type--career-advice.active .type__icon > i, .type--career-advice:not(div):hover .type__icon > i { color: #FFF; }
.type--career-advice.active .type__title, .type--career-advice.active .type__stats > span, .type--career-advice:not(div):hover .type__title, .type--career-advice:not(div):hover .type__stats > span { color: #FFF; }
.type--competency .type__icon { border-left: 3px solid #4475D8; }
.type--competency.type--white .type__icon > i { color: #4475D8; }
.type--competency.active, .type--competency:not(div):hover { background: #FE8F26; background: -moz-linear-gradient(left, #FE8F26 0%, #C95757 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #FE8F26), color-stop(100%, #C95757)); background: -webkit-linear-gradient(left, #FE8F26 0%, #C95757 100%); background: -o-linear-gradient(left, #FE8F26 0%, #C95757 100%); background: -ms-linear-gradient(left, #FE8F26 0%, #C95757 100%); background: linear-gradient(to right, #fe8f26 0%, #c95757 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--competency.active .type__icon, .type--competency:not(div):hover .type__icon { border-left-color: transparent; }
.type--competency.active .type__icon > i, .type--competency:not(div):hover .type__icon > i { color: #FFF; }
.type--competency.active .type__title, .type--competency.active .type__stats > span, .type--competency:not(div):hover .type__title, .type--competency:not(div):hover .type__stats > span { color: #FFF; }
.type--file .type__icon { border-left: 3px solid #707E9F; }
.type--file.type--white .type__icon > i { color: #707E9F; }
.type--file.active, .type--file:not(div):hover { background: #707E9F; background: -moz-linear-gradient(left, #707E9F 0%, #4E596C 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #707E9F), color-stop(100%, #4E596C)); background: -webkit-linear-gradient(left, #707E9F 0%, #4E596C 100%); background: -o-linear-gradient(left, #707E9F 0%, #4E596C 100%); background: -ms-linear-gradient(left, #707E9F 0%, #4E596C 100%); background: linear-gradient(to right, #707e9f 0%, #4e596c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--file.active .type__icon, .type--file:not(div):hover .type__icon { border-left-color: transparent; }
.type--file.active .type__icon > i, .type--file:not(div):hover .type__icon > i { color: #FFF; }
.type--file.active .type__title, .type--file.active .type__stats > span, .type--file:not(div):hover .type__title, .type--file:not(div):hover .type__stats > span { color: #FFF; }
.type--folder .type__icon { border-left: 3px solid #707E9F; }
.type--folder.type--white .type__icon > i { color: #707E9F; }
.type--folder.active, .type--folder:not(div):hover { background: #4469AE; background: -moz-linear-gradient(left, #4469AE 0%, #394C6F 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #4469AE), color-stop(100%, #394C6F)); background: -webkit-linear-gradient(left, #4469AE 0%, #394C6F 100%); background: -o-linear-gradient(left, #4469AE 0%, #394C6F 100%); background: -ms-linear-gradient(left, #4469AE 0%, #394C6F 100%); background: linear-gradient(to right, #4469ae 0%, #394c6f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--folder.active .type__icon, .type--folder:not(div):hover .type__icon { border-left-color: transparent; }
.type--folder.active .type__icon > i, .type--folder:not(div):hover .type__icon > i { color: #FFF; }
.type--folder.active .type__title, .type--folder.active .type__stats > span, .type--folder:not(div):hover .type__title, .type--folder:not(div):hover .type__stats > span { color: #FFF; }
.type--letter .type__icon { border-left: 3px solid #6FBE71; }
.type--letter.type--white .type__icon > i { color: #6FBE71; }
.type--letter.active, .type--letter:not(div):hover { background: #96CF3C; background: -moz-linear-gradient(left, #96CF3C 0%, #7ABF0D 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #96CF3C), color-stop(100%, #7ABF0D)); background: -webkit-linear-gradient(left, #96CF3C 0%, #7ABF0D 100%); background: -o-linear-gradient(left, #96CF3C 0%, #7ABF0D 100%); background: -ms-linear-gradient(left, #96CF3C 0%, #7ABF0D 100%); background: linear-gradient(to right, #96cf3c 0%, #7abf0d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--letter.active .type__icon, .type--letter:not(div):hover .type__icon { border-left-color: transparent; }
.type--letter.active .type__icon > i, .type--letter:not(div):hover .type__icon > i { color: #FFF; }
.type--letter.active .type__title, .type--letter.active .type__stats > span, .type--letter:not(div):hover .type__title, .type--letter:not(div):hover .type__stats > span { color: #FFF; }
.type--interview .type__icon { border-left: 3px solid #0B8FCF; }
.type--interview.type--white .type__icon > i { color: #0B8FCF; }
.type--interview.active, .type--interview:not(div):hover { background: #04BCEB; background: -moz-linear-gradient(left, #04BCEB 0%, #0B8FCF 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #04BCEB), color-stop(100%, #0B8FCF)); background: -webkit-linear-gradient(left, #04BCEB 0%, #0B8FCF 100%); background: -o-linear-gradient(left, #04BCEB 0%, #0B8FCF 100%); background: -ms-linear-gradient(left, #04BCEB 0%, #0B8FCF 100%); background: linear-gradient(to right, #04bceb 0%, #0b8fcf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--interview.active .type__icon, .type--interview:not(div):hover .type__icon { border-left-color: transparent; }
.type--interview.active .type__icon > i, .type--interview:not(div):hover .type__icon > i { color: #FFF; }
.type--interview.active .type__title, .type--interview.active .type__stats > span, .type--interview:not(div):hover .type__title, .type--interview:not(div):hover .type__stats > span { color: #FFF; }
.type--message .type__icon { border-left: 3px solid #2A5CC0; }
.type--message.type--white .type__icon > i { color: #2A5CC0; }
.type--message.active, .type--message:not(div):hover { background: #3F78EA; background: -moz-linear-gradient(left, #3F78EA 0%, #2A5CC0 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #3F78EA), color-stop(100%, #2A5CC0)); background: -webkit-linear-gradient(left, #3F78EA 0%, #2A5CC0 100%); background: -o-linear-gradient(left, #3F78EA 0%, #2A5CC0 100%); background: -ms-linear-gradient(left, #3F78EA 0%, #2A5CC0 100%); background: linear-gradient(to right, #3f78ea 0%, #2a5cc0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--message.active .type__icon, .type--message:not(div):hover .type__icon { border-left-color: transparent; }
.type--message.active .type__icon > i, .type--message:not(div):hover .type__icon > i { color: #FFF; }
.type--message.active .type__title, .type--message.active .type__stats > span, .type--message:not(div):hover .type__title, .type--message:not(div):hover .type__stats > span { color: #FFF; }
.type--note .type__icon { border-left: 3px solid #C58042; }
.type--note.type--white .type__icon > i { color: #C58042; }
.type--note.active, .type--note:not(div):hover { background: #CF925C; background: -moz-linear-gradient(left, #CF925C 0%, #C58042 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #CF925C), color-stop(100%, #C58042)); background: -webkit-linear-gradient(left, #CF925C 0%, #C58042 100%); background: -o-linear-gradient(left, #CF925C 0%, #C58042 100%); background: -ms-linear-gradient(left, #CF925C 0%, #C58042 100%); background: linear-gradient(to right, #cf925c 0%, #c58042 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--note.active .type__icon, .type--note:not(div):hover .type__icon { border-left-color: transparent; }
.type--note.active .type__icon > i, .type--note:not(div):hover .type__icon > i { color: #FFF; }
.type--note.active .type__title, .type--note.active .type__stats > span, .type--note:not(div):hover .type__title, .type--note:not(div):hover .type__stats > span { color: #FFF; }
.type--organization .type__icon { border-left: 3px solid #AC7598; }
.type--organization.type--white .type__icon > i { color: #AC7598; }
.type--organization.active, .type--organization:not(div):hover { background: #CF6190; background: -moz-linear-gradient(left, #CF6190 0%, #A75A7B 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #CF6190), color-stop(100%, #A75A7B)); background: -webkit-linear-gradient(left, #CF6190 0%, #A75A7B 100%); background: -o-linear-gradient(left, #CF6190 0%, #A75A7B 100%); background: -ms-linear-gradient(left, #CF6190 0%, #A75A7B 100%); background: linear-gradient(to right, #cf6190 0%, #a75a7b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--organization.active .type__icon, .type--organization:not(div):hover .type__icon { border-left-color: transparent; }
.type--organization.active .type__icon > i, .type--organization:not(div):hover .type__icon > i { color: #FFF; }
.type--organization.active .type__title, .type--organization.active .type__stats > span, .type--organization:not(div):hover .type__title, .type--organization:not(div):hover .type__stats > span { color: #FFF; }
.type--occupation .type__icon { border-left: 3px solid #87A8D3; }
.type--occupation.type--white .type__icon > i { color: #87A8D3; }
.type--occupation.active, .type--occupation:not(div):hover { background: #87A8D3; background: -moz-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #87A8D3), color-stop(100%, #7F97B6)); background: -webkit-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: -o-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: -ms-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: linear-gradient(to right, #87a8d3 0%, #7f97b6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--occupation.active .type__icon, .type--occupation:not(div):hover .type__icon { border-left-color: transparent; }
.type--occupation.active .type__icon > i, .type--occupation:not(div):hover .type__icon > i { color: #FFF; }
.type--occupation.active .type__title, .type--occupation.active .type__stats > span, .type--occupation:not(div):hover .type__title, .type--occupation:not(div):hover .type__stats > span { color: #FFF; }
.type--outcome .type__icon { border-left: 3px solid #CF925C; }
.type--outcome.type--white .type__icon > i { color: #CF925C; }
.type--outcome.active, .type--outcome:not(div):hover { background: #CF925C; background: -moz-linear-gradient(left, #CF925C 0%, #C58042 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #CF925C), color-stop(100%, #C58042)); background: -webkit-linear-gradient(left, #CF925C 0%, #C58042 100%); background: -o-linear-gradient(left, #CF925C 0%, #C58042 100%); background: -ms-linear-gradient(left, #CF925C 0%, #C58042 100%); background: linear-gradient(to right, #cf925c 0%, #c58042 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--outcome.active .type__icon, .type--outcome:not(div):hover .type__icon { border-left-color: transparent; }
.type--outcome.active .type__icon > i, .type--outcome:not(div):hover .type__icon > i { color: #FFF; }
.type--outcome.active .type__title, .type--outcome.active .type__stats > span, .type--outcome:not(div):hover .type__title, .type--outcome:not(div):hover .type__stats > span { color: #FFF; }
.type--path .type__icon { border-left: 3px solid #5E82BA; }
.type--path.type--white .type__icon > i { color: #5E82BA; }
.type--path.active, .type--path:not(div):hover { background: #5E82BA; background: -moz-linear-gradient(left, #5E82BA 0%, #496898 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #5E82BA), color-stop(100%, #496898)); background: -webkit-linear-gradient(left, #5E82BA 0%, #496898 100%); background: -o-linear-gradient(left, #5E82BA 0%, #496898 100%); background: -ms-linear-gradient(left, #5E82BA 0%, #496898 100%); background: linear-gradient(to right, #5e82ba 0%, #496898 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--path.active .type__icon, .type--path:not(div):hover .type__icon { border-left-color: transparent; }
.type--path.active .type__icon > i, .type--path:not(div):hover .type__icon > i { color: #FFF; }
.type--path.active .type__title, .type--path.active .type__stats > span, .type--path:not(div):hover .type__title, .type--path:not(div):hover .type__stats > span { color: #FFF; }
.type--pitch .type__icon { border-left: 3px solid #D34362; }
.type--pitch.type--white .type__icon > i { color: #D34362; }
.type--pitch.active, .type--pitch:not(div):hover { background: #C55555; background: -moz-linear-gradient(left, #C55555 0%, #D26565 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #C55555), color-stop(100%, #D26565)); background: -webkit-linear-gradient(left, #C55555 0%, #D26565 100%); background: -o-linear-gradient(left, #C55555 0%, #D26565 100%); background: -ms-linear-gradient(left, #C55555 0%, #D26565 100%); background: linear-gradient(to right, #c55555 0%, #d26565 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--pitch.active .type__icon, .type--pitch:not(div):hover .type__icon { border-left-color: transparent; }
.type--pitch.active .type__icon > i, .type--pitch:not(div):hover .type__icon > i { color: #FFF; }
.type--pitch.active .type__title, .type--pitch.active .type__stats > span, .type--pitch:not(div):hover .type__title, .type--pitch:not(div):hover .type__stats > span { color: #FFF; }
.type--portfolio .type__icon { border-left: 3px solid #D34376; }
.type--portfolio.type--white .type__icon > i { color: #D34376; }
.type--portfolio.active, .type--portfolio:not(div):hover { background: #E67E69; background: -moz-linear-gradient(left, #E67E69 0%, #E56161 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #E67E69), color-stop(100%, #E56161)); background: -webkit-linear-gradient(left, #E67E69 0%, #E56161 100%); background: -o-linear-gradient(left, #E67E69 0%, #E56161 100%); background: -ms-linear-gradient(left, #E67E69 0%, #E56161 100%); background: linear-gradient(to right, #e67e69 0%, #e56161 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--portfolio.active .type__icon, .type--portfolio:not(div):hover .type__icon { border-left-color: transparent; }
.type--portfolio.active .type__icon > i, .type--portfolio:not(div):hover .type__icon > i { color: #FFF; }
.type--portfolio.active .type__title, .type--portfolio.active .type__stats > span, .type--portfolio:not(div):hover .type__title, .type--portfolio:not(div):hover .type__stats > span { color: #FFF; }
.type--interview-question .type__icon { border-left: 3px solid #EC8826; }
.type--interview-question.type--white .type__icon > i { color: #EC8826; }
.type--interview-question.active, .type--interview-question:not(div):hover { background: #F38A24; background: -moz-linear-gradient(left, #F38A24 0%, #F35E24 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #F38A24), color-stop(100%, #F35E24)); background: -webkit-linear-gradient(left, #F38A24 0%, #F35E24 100%); background: -o-linear-gradient(left, #F38A24 0%, #F35E24 100%); background: -ms-linear-gradient(left, #F38A24 0%, #F35E24 100%); background: linear-gradient(to right, #f38a24 0%, #f35e24 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--interview-question.active .type__icon, .type--interview-question:not(div):hover .type__icon { border-left-color: transparent; }
.type--interview-question.active .type__icon > i, .type--interview-question:not(div):hover .type__icon > i { color: #FFF; }
.type--interview-question.active .type__title, .type--interview-question.active .type__stats > span, .type--interview-question:not(div):hover .type__title, .type--interview-question:not(div):hover .type__stats > span { color: #FFF; }
.type--quiz .type__icon { border-left: 3px solid #30D68A; }
.type--quiz.type--white .type__icon > i { color: #30D68A; }
.type--quiz.active, .type--quiz:not(div):hover { background: #4BCF89; background: -moz-linear-gradient(left, #4BCF89 0%, #33C1B2 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #4BCF89), color-stop(100%, #33C1B2)); background: -webkit-linear-gradient(left, #4BCF89 0%, #33C1B2 100%); background: -o-linear-gradient(left, #4BCF89 0%, #33C1B2 100%); background: -ms-linear-gradient(left, #4BCF89 0%, #33C1B2 100%); background: linear-gradient(to right, #4bcf89 0%, #33c1b2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--quiz.active .type__icon, .type--quiz:not(div):hover .type__icon { border-left-color: transparent; }
.type--quiz.active .type__icon > i, .type--quiz:not(div):hover .type__icon > i { color: #FFF; }
.type--quiz.active .type__title, .type--quiz.active .type__stats > span, .type--quiz:not(div):hover .type__title, .type--quiz:not(div):hover .type__stats > span { color: #FFF; }
.type--report .type__icon { border-left: 3px solid #68C17F; }
.type--report.type--white .type__icon > i { color: #68C17F; }
.type--report.active, .type--report:not(div):hover { background: #68C17F; background: -moz-linear-gradient(left, #68C17F 0%, #6ABD54 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #68C17F), color-stop(100%, #6ABD54)); background: -webkit-linear-gradient(left, #68C17F 0%, #6ABD54 100%); background: -o-linear-gradient(left, #68C17F 0%, #6ABD54 100%); background: -ms-linear-gradient(left, #68C17F 0%, #6ABD54 100%); background: linear-gradient(to right, #68c17f 0%, #6abd54 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--report.active .type__icon, .type--report:not(div):hover .type__icon { border-left-color: transparent; }
.type--report.active .type__icon > i, .type--report:not(div):hover .type__icon > i { color: #FFF; }
.type--report.active .type__title, .type--report.active .type__stats > span, .type--report:not(div):hover .type__title, .type--report:not(div):hover .type__stats > span { color: #FFF; }
.type--resume .type__icon { border-left: 3px solid #4475D8; }
.type--resume.type--white .type__icon > i { color: #4475D8; }
.type--resume.active, .type--resume:not(div):hover { background: #3F78EA; background: -moz-linear-gradient(left, #3F78EA 0%, #2A5CC0 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #3F78EA), color-stop(100%, #2A5CC0)); background: -webkit-linear-gradient(left, #3F78EA 0%, #2A5CC0 100%); background: -o-linear-gradient(left, #3F78EA 0%, #2A5CC0 100%); background: -ms-linear-gradient(left, #3F78EA 0%, #2A5CC0 100%); background: linear-gradient(to right, #3f78ea 0%, #2a5cc0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--resume.active .type__icon, .type--resume:not(div):hover .type__icon { border-left-color: transparent; }
.type--resume.active .type__icon > i, .type--resume:not(div):hover .type__icon > i { color: #FFF; }
.type--resume.active .type__title, .type--resume.active .type__stats > span, .type--resume:not(div):hover .type__title, .type--resume:not(div):hover .type__stats > span { color: #FFF; }
.type--rubric .type__icon { border-left: 3px solid #AE97CA; }
.type--rubric.type--white .type__icon > i { color: #AE97CA; }
.type--rubric.active, .type--rubric:not(div):hover { background: #7582BB; background: -moz-linear-gradient(left, #7582BB 0%, #92A0DC 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #7582BB), color-stop(100%, #92A0DC)); background: -webkit-linear-gradient(left, #7582BB 0%, #92A0DC 100%); background: -o-linear-gradient(left, #7582BB 0%, #92A0DC 100%); background: -ms-linear-gradient(left, #7582BB 0%, #92A0DC 100%); background: linear-gradient(to right, #7582bb 0%, #92a0dc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--rubric.active .type__icon, .type--rubric:not(div):hover .type__icon { border-left-color: transparent; }
.type--rubric.active .type__icon > i, .type--rubric:not(div):hover .type__icon > i { color: #FFF; }
.type--rubric.active .type__title, .type--rubric.active .type__stats > span, .type--rubric:not(div):hover .type__title, .type--rubric:not(div):hover .type__stats > span { color: #FFF; }
.type--testimonial .type__icon { border-left: 3px solid #7F97B6; }
.type--testimonial.type--white .type__icon > i { color: #7F97B6; }
.type--testimonial.active, .type--testimonial:not(div):hover { background: #87A8D3; background: -moz-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #87A8D3), color-stop(100%, #7F97B6)); background: -webkit-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: -o-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: -ms-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: linear-gradient(to right, #87a8d3 0%, #7f97b6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--testimonial.active .type__icon, .type--testimonial:not(div):hover .type__icon { border-left-color: transparent; }
.type--testimonial.active .type__icon > i, .type--testimonial:not(div):hover .type__icon > i { color: #FFF; }
.type--testimonial.active .type__title, .type--testimonial.active .type__stats > span, .type--testimonial:not(div):hover .type__title, .type--testimonial:not(div):hover .type__stats > span { color: #FFF; }
.type--type .type__icon { border-left: 3px solid #4E596C; }
.type--type.type--white .type__icon > i { color: #4E596C; }
.type--type.active, .type--type:not(div):hover { background: #707E9F; background: -moz-linear-gradient(left, #707E9F 0%, #4E596C 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #707E9F), color-stop(100%, #4E596C)); background: -webkit-linear-gradient(left, #707E9F 0%, #4E596C 100%); background: -o-linear-gradient(left, #707E9F 0%, #4E596C 100%); background: -ms-linear-gradient(left, #707E9F 0%, #4E596C 100%); background: linear-gradient(to right, #707e9f 0%, #4e596c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--type.active .type__icon, .type--type:not(div):hover .type__icon { border-left-color: transparent; }
.type--type.active .type__icon > i, .type--type:not(div):hover .type__icon > i { color: #FFF; }
.type--type.active .type__title, .type--type.active .type__stats > span, .type--type:not(div):hover .type__title, .type--type:not(div):hover .type__stats > span { color: #FFF; }
.type--user .type__icon { border-left: 3px solid #87A8D3; }
.type--user.type--white .type__icon > i { color: #87A8D3; }
.type--user.active, .type--user:not(div):hover { background: #87A8D3; background: -moz-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #87A8D3), color-stop(100%, #7F97B6)); background: -webkit-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: -o-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: -ms-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: linear-gradient(to right, #87a8d3 0%, #7f97b6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--user.active .type__icon, .type--user:not(div):hover .type__icon { border-left-color: transparent; }
.type--user.active .type__icon > i, .type--user:not(div):hover .type__icon > i { color: #FFF; }
.type--user.active .type__title, .type--user.active .type__stats > span, .type--user:not(div):hover .type__title, .type--user:not(div):hover .type__stats > span { color: #FFF; }
.type--guide-seeker .type__icon { border-left: 3px solid #21e0e7; }
.type--guide-seeker.type--white .type__icon > i { color: #21e0e7; }
.type--guide-seeker.active, .type--guide-seeker:not(div):hover { background: #21e0e7; background: -moz-linear-gradient(left, #21e0e7 0%, #1dcfd5 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #21e0e7), color-stop(100%, #1dcfd5)); background: -webkit-linear-gradient(left, #21e0e7 0%, #1dcfd5 100%); background: -o-linear-gradient(left, #21e0e7 0%, #1dcfd5 100%); background: -ms-linear-gradient(left, #21e0e7 0%, #1dcfd5 100%); background: linear-gradient(to right, #21e0e7 0%, #1dcfd5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--guide-seeker.active .type__icon, .type--guide-seeker:not(div):hover .type__icon { border-left-color: transparent; }
.type--guide-seeker.active .type__icon > i, .type--guide-seeker:not(div):hover .type__icon > i { color: #FFF; }
.type--guide-seeker.active .type__title, .type--guide-seeker.active .type__stats > span, .type--guide-seeker:not(div):hover .type__title, .type--guide-seeker:not(div):hover .type__stats > span { color: #FFF; }
.type--guide-staff .type__icon { border-left: 3px solid #fea956; }
.type--guide-staff.type--white .type__icon > i { color: #fea956; }
.type--guide-staff.active, .type--guide-staff:not(div):hover { background: #fea956; background: -moz-linear-gradient(left, #fea956 0%, #fe8956 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #fea956), color-stop(100%, #fe8956)); background: -webkit-linear-gradient(left, #fea956 0%, #fe8956 100%); background: -o-linear-gradient(left, #fea956 0%, #fe8956 100%); background: -ms-linear-gradient(left, #fea956 0%, #fe8956 100%); background: linear-gradient(to right, #fea956 0%, #fe8956 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.type--guide-staff.active .type__icon, .type--guide-staff:not(div):hover .type__icon { border-left-color: transparent; }
.type--guide-staff.active .type__icon > i, .type--guide-staff:not(div):hover .type__icon > i { color: #FFF; }
.type--guide-staff.active .type__title, .type--guide-staff.active .type__stats > span, .type--guide-staff:not(div):hover .type__title, .type--guide-staff:not(div):hover .type__stats > span { color: #FFF; }
.type--light-1 .type__icon { border-left: 3px solid #C5DCFD; }
.type--light-2 .type__icon { border-left: 3px solid #CBD1DA; }
.type--light-3 .type__icon { border-left: 3px solid #C7CDE3; }
@media (min-width: 1100px) { .type--md:hover, .type--lg:hover { opacity: 0.7; } }
@media (max-width: 1099px) { .type { width: calc(33.333333% - 32px); margin: 20px 16px; }
  .grid-item--sm .type { width: calc(50% - 12px); margin: 20px 6px; }
  .grid-item--sm .type:first-child:nth-last-child(2) { margin-left: 6px; } }
@media (max-width: 1023px) { .type--md, .type--lg { width: calc(50% - 32px); } }
@media (max-width: 739px) { .type { width: 90%; margin: 10px 17px; }
  .grid-item--sm .type { width: calc(50% - 12px); margin: 10px 6px; }
  .grid-item--sm .type:first-child:nth-last-child(2) { margin-left: 6px; }
  .type--full .type__icon { width: 60px; }
  .type--full .type__name { width: calc(70% - 60px); } }

.tree { margin: 0 20px; }
.tree--nm { margin: 0; }
.tree .tree__header { background-color: #F6F6F6; border-top: 2px solid #FFF; border-bottom: 2px solid #E2E2E2; position: relative; padding: 13px 30px; margin-top: 8px; }
.tree .tree__header:before { width: 100%; height: 8px; background-color: #E2E2E2; position: absolute; top: -10px; left: 0; content: ''; }
.tree .tree__header p { font-size: 14px; font-weight: 600; line-height: 20px; margin: 0; }
.tree .tree__content { padding: 20px 0; }
.tree .tree__content .checkbox { margin-bottom: 15px; margin-left: 2px; }
.tree .tree__content .checkbox > span { padding-left: 40px; }
.tree .tree__content p.requiredtext { position: absolute; top: 10px; right: 5px; color: #f35618; font-size: 13px; }
.tree .category .category__parent { padding-bottom: 2px; }
.tree .category .category__parent > .btn-empty { width: 30px; line-height: 20px; vertical-align: middle; padding: 0 10px; }
.tree .category .category__parent > [data-toggle="tooltip"] { font-size: 20px; line-height: 20px; vertical-align: middle; margin-left: 10px; }
.tree .category .category__parent .checkbox.part input + span:before { border: 1px solid #DCDCDC; background-color: #F6F6F6; }
.tree .category .category__parent .checkbox.part input + span:after { content: ''; background-color: #1C2430; width: 10px; height: 10px; left: 5px; top: 5px; }
.tree .category .category__action { display: inline-block; position: relative; vertical-align: top; }
.tree .category .category__action .btn-empty { line-height: 20px; margin-left: 10px; }
.tree .category .category__child { padding: 3px 0 0 40px; }
.tree .category .category__child .category__item > .checkbox { display: inline-block; margin-left: 35px; vertical-align: top; }
.tree .category.open > .category__parent > .btn-empty i:before { content: '\f0d7'; }
.tree + .tree .tree__content { padding-top: 0; }
@media (max-width: 739px) { .tree { margin: 0; }
  .tree .category .category__child > .checkbox { margin-left: 0; } }

.info { border: 1px solid #F0F0F0; margin-top: 30px; position: relative; }
.info a { color: #1C2430; }
.info a:hover { color: #443F3F; }
.info .info__header { width: 100%; padding: 0 60px 0 20px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.info .info__header.info_header__doubleoptions { padding-right: 0; }
.info .info__header.info__header-options { padding-right: 20px; }
@media (max-width: 739px) { .info .info__header.info__header-options { display: table-row; padding-right: 0; } }
.info .info__header.info--hover:hover { background-color: #F9F9F9; }
.info .info__title { font-size: 14px; font-weight: 600; line-height: 22px; text-align: left; padding: 20px; position: relative; flex: 1; }
.info .info__title > i { font-weight: 400; }
.info .info__title:after { font-family: "FontAwesome"; font-size: 18px; position: absolute; content: '\f107'; margin-left: 10px; }
.info .info__title.info__title--static:after { display: none; }
.info .info__title__noexpand { font-size: 14px; font-weight: 600; line-height: 22px; text-align: left; padding: 20px; position: relative; flex: 1; }
.info .info__name { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; flex-wrap: wrap; flex: 1; }
@media (max-width: 1099px) { .info .info__name { padding-right: 20px; }
  .info .info__name > p { width: 200px !important; } }
@media (max-width: 739px) { .info .info__name { width: 10px; padding-right: 60px; width: calc(100% - 30px); }
  .info .info__name > p { padding-left: 10px !important; padding-top: 17px !important; } }
.info .info__name .info__nr { width: 30px; font-size: 14px; font-weight: 600; }
.info .info__name > p { font-size: 14px; line-height: 20px; padding: 22px 0; margin-bottom: 0; width: calc(100% - 30px); }
.info .info__name .info__name__doubleline { padding: 22px 0 10px 0; }
.info .info__name > span { font-size: 12px; color: #999EA7; }
.info .info__name .info__name__secondline { padding: 0 0 22px 0; }
.info .info__name > i { margin: 0 20px; color: #999EA7; }
.info .info__permission-option { padding: 0 20px; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.info .info__permission-option > span.button-remove { color: #999EA7; padding-right: 40px; }
.info .info__buttons { padding: 5px 20px; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.info .info__buttons .btn-switch { margin-right: 50px; margin-bottom: 0; }
.info .info__buttons .btn-switch:last-child { margin-right: 0; }
@media (max-width: 739px) { .info .info__buttons .btn-switch:last-child { padding-right: 10px; } }
@media (max-width: 1099px) { .info .info__buttons { display: block; padding-top: 20px !important; padding-bottom: 0 !important; }
  .info .info__buttons .btn-switch { margin-bottom: 20px; width: 100%; margin-left: 30px; box-sizing: border-box; display: inline-block; }
  .info .info__buttons + .info__option { margin-left: 0; width: 100%; } }
.info .info__option { padding: 8px 0 5px 20px; margin-left: auto; float: right; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.info .info__option .dropdown { margin-left: 30px; }
@media (max-width: 739px) { .info .info__option { padding: 0 20px 10px !important; width: 100%; display: block; width: 275px; } }
.info .info-list__actions { width: 60px; display: table-cell; vertical-align: middle; text-align: center; position: relative; }
.info .info-list__actions button { width: 26px; height: 26px; background-color: transparent; font-size: 24px; line-height: 26px; }
.info .info__updated, .info .info__status { font-size: 12px; line-height: 24px; margin-bottom: 0; margin-right: 10px; }
.info .info__updated > i, .info .info__status > i { margin-right: 5px; }
.info .info__updated { color: #443F3F; width: 170px; }
@media (max-width: 739px) { .info .info__updated { padding-left: 10px; padding-bottom: 10px; } }
.info .info__status { width: auto; }
@media (max-width: 739px) { .info .info__status { padding-left: 10px; padding-bottom: 5px; } }
.info .info__action { position: absolute; right: 25px; top: 20px; }
@media (max-width: 1099px) { .info .info__action { position: absolute; right: 20px; margin: auto; top: auto; } }
.info .info__empty { padding: 24px 20px; }
.info .info__empty p { font-size: 16px; color: #443F3F; }
.info .info__footer { padding: 20px; background-image: linear-gradient(to right, #dbdbdb 20%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 8px 2px; background-repeat: repeat-x; margin: 10px 0 0; }
.info .info__content { padding: 5px 20px 10px; display: none; position: relative; }
.info .info__content.info-list-tree { padding-top: 5px !important; padding-bottom: 0px !important; }
.info .info__content .info-list .info-list__content { padding-right: 0; width: 60%; }
@media (max-width: 739px) { .info .info__content .info-list .info-list__content { display: block; } }
.info .info__content .info-list .info-list__content.text-content { flex: 1; }
@media (max-width: 1099px) { .info .info__content .info-list .info-list__content.text-content { padding-right: 20px; } }
.info .info__content .info-list .info-list__content .info-list__title { overflow: visible; word-break: keep-all; }
.info .info__content .info-list .info-list__content .info-list__title.info-list-node1 { padding-left: 30px; }
.info .info__content .info-list .info-list__content .info-list__title.info-list-node2 { padding-left: 60px; }
.info .info__content .info-list .info-list__content .info-list__title.info-list-node3 { padding-left: 90px; }
.info .info__content .info-list .info-list__content .info-list__title.info-list-node4 { padding-left: 120px; }
@media (max-width: 739px) { .info .info__content .info-list .info-list__content .info-list__title { display: contents; } }
.info .info__content .info-list .info-list__content .info-list__title.name-title { font-size: 14px; line-height: 20px; text-align: left; margin-bottom: 10px; }
.info .info__content .info-list .info-list__content .info-list__title .info-list__title__link { color: #2869CB; }
.info .info__subtitle p { margin-left: 30px; }
.info .info { margin-top: 20px; }
.info .info .info__title { font-size: 14px; font-weight: 400; }
.info.info--col > .info__header { background-color: #F7F7F7; }
.info.info--col p.tabs-content { padding-left: 20px; padding-top: 20px; }
.info.open > .info__header { /*  > .info__title:after { content: '\f106'; } */ }
.info.open > .info__content { display: block; }
@media (max-width: 739px) { .info .info__header { padding: 0; flex-wrap: wrap; }
  .info .info__buttons { width: 100%; padding: 0 20px 10px; margin-left: 0; display: inline-block; }
  .info .info__content .info-list { margin: 0 -20px; width: calc(100% + 40px); }
  .info .info__action { right: 20px; top: 15px; }
  .info .info__name { widtH: 80%; } }
@media (max-width: 739px) and (max-width: 1099px) { .info .info__name { padding-right: 20px; }
  .info .info__name > p.info__name { width: 200px; } }
@media (max-width: 739px) { .info .info__name .info__nr { margin-left: 20px; }
  .info .info__empty { padding: 24px 0; text-align: center; }
  .info .info__option .info__updated { display: none; }
  .info .info__title { max-width: 100%; width: 93%; }
  .info .info__subtitle p, .info .info__description p { margin-left: 20px; }
  .info .info__footer.text-right { text-align: center !important; }
  .info .info__footer.text-right .btn { width: 80%; }
  .info .info__footer.text-right .btn + .btn { margin-left: 0px; margin-top: 10px; } }

.accordion { background-color: #F7F7F7; position: relative; margin-top: 10px; }
.accordion .accordion__head { padding: 15px 0; margin: 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.accordion .accordion__title { font-size: 14px; line-height: 22px; text-align: left; padding: 5px 20px 5px 5px; position: relative; max-width: calc(100% - 120px); }
.accordion .accordion__title > span { font-size: 11px; color: #999EA7; display: block; }
.accordion .accordion__title:after { font-family: "FontAwesome"; font-size: 18px; position: absolute; right: 0; top: 4px; content: '\f107'; }
.accordion .accordion__option { padding: 5px 20px; margin-left: auto; line-height: 24px; font-weight: 600; }
.accordion .accordion__option.in-progress { color: #FFB422; }
.accordion .accordion__content { padding: 20px 40px; margin: 0 30px; display: none; }
.accordion.done { background-color: #E1FDF3; }
.accordion.done .accordion__option, .accordion.done .accordion__title { color: #04B675; }
.accordion.open .accordion__head { border-bottom: 1px solid #C1C8D3; }
.accordion.open .accordion__title:after { content: '\f106'; }
.accordion.open .accordion__content { display: block; }
.info__content .accordion { margin-left: -20px; margin-right: -20px; }
@media (max-width: 739px) { .accordion .accordion__head { margin: 0 10px; }
  .accordion .accordion__option { padding: 5px; }
  .accordion .accordion__content { padding: 20px; margin: 0; } }

.edit { background-color: #F9F9F9; width: 100%; padding: 17px 20px 30px; }
.edit .edit__content { width: 50%; margin: 0; }
.edit .edit__content label { color: black; font-size: 12px; line-height: 16px; margin-bottom: 10px; font-weight: bold; }
.edit .edit__content > a.icon-close { position: absolute; right: 15px; font-size: 25px; }
.edit .edit__content > a.icon-close:focus, .edit .edit__content > a.icon-close:active { outline: none; }
@media (max-width: 739px) { .edit .edit__content > a.icon-close { font-size: 15px; } }
.edit .edit__content .form-group { margin-bottom: 15px; }
@media (max-width: 739px) { .edit .edit__content { width: 100%; }
  .edit .edit__content > .text-center:last-child .btn { width: 80%; height: 40px; line-height: 40px; }
  .edit .edit__content > .text-center:last-child .btn + .btn { margin-left: 0; margin-top: 15px; } }

.teaser { text-align: center; }
.teaser p { font-size: 16px; text-transform: uppercase; letter-spacing: 3px; color: #2EB7E7; margin-bottom: 0; }
.teaser--competency { background: #252B39 url("/images/banners/competency-banner.jpg") top center no-repeat; background-size: 100% auto; padding: 15% 20px 45px; }
@media (max-width: 1099px) { .teaser--competency { padding: 13% 20px 40px; } }
@media (max-width: 739px) { .teaser p { font-size: 10px; }
  .teaser--competency { background-size: 154% auto; padding: 21% 20px 10px; } }

.activity { position: relative; padding: 25px 0; }
.activity:before { position: absolute; top: 25px; left: 20%; width: 1px; height: calc(100% - 50px); background-color: #C9CED4; content: ''; }
@media (max-width: 1099px) { .activity:before { position: relative; } }
.activity .activity__row { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
@media (max-width: 1099px) { .activity .activity__row { display: block; padding-top: 15px; } }
.activity .activity__left { width: 20%; font-size: 11px; text-align: center; padding: 15px 10px; position: relative; }
.activity .activity__left > strong { display: block; }
.activity .activity__left:after { width: 18px; height: 18px; background-color: #C9CED4; border: 4px solid #FFF; border-radius: 100%; content: ''; position: absolute; right: -9px; top: calc(50% - 10px); }
@media (max-width: 1099px) { .activity .activity__left:after { top: 85%; left: 49%; } }
@media (max-width: 739px) { .activity .activity__left:after { left: 49%; top: 85%; } }
.activity .activity__right { width: 80%; padding: 15px 35px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; flex-wrap: wrap; }
.activity .activity__right .border { width: 44px; height: 44px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); }
.activity .activity__right .border img, .activity .activity__right .border i { border-radius: 50%; display: block; }
.activity .activity__right p { padding-left: 20px; margin-bottom: 0; width: calc(100% - 64px); }
.activity .activity__right p a { color: inherit; font-weight: 600; }
.activity--full:before { left: 180px; }
.activity--full .activity__left { width: 180px; }
@media (max-width: 1099px) { .activity--full .activity__left { width: 100%; border-bottom: 1px solid rgba(202, 202, 202, 0.5); } }
.activity--full .activity__right { width: calc(100% - 180px); }
@media (max-width: 1099px) { .activity--full .activity__right { width: 100%; } }
@media (max-width: 1099px) { .activity .activity__right { padding: 15px 0; } }

.pathway-model { position: relative; z-index: 1; -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05); background: #405D89; background: -moz-linear-gradient(left, #405D89 0%, #5E83BA 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #405D89), color-stop(100%, #5E83BA)); background: -webkit-linear-gradient(left, #405D89 0%, #5E83BA 100%); background: -o-linear-gradient(left, #405D89 0%, #5E83BA 100%); background: -ms-linear-gradient(left, #405D89 0%, #5E83BA 100%); background: linear-gradient(to right, #405d89 0%, #5e83ba 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.pathway-model .pathway-model__title { padding: 0 25px; }
.pathway-model .pathway-model__title > p { font-size: 16px; line-height: 24px; color: #FFF; padding: 18px 0; margin-bottom: 0; }
.pathway-model .pathway-model__title > p > i { font-size: 22px; color: rgba(255, 255, 255, 0.7); margin-left: 10px; }
.pathway-model .pathway-model__content { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; -webkit-box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.05); width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.pathway-model .step { padding: 7px 25px 12px 44px; position: relative; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; flex-direction: column; justify-content: center; align-items: flex-start; height: 90px; }
@media (max-width: 739px) { .pathway-model .step { padding: 5px 25px 5px 44px; } }
.pathway-model .step:before, .pathway-model .step:after { width: 64px; height: 1px; background-color: #5c84c0; content: ''; position: absolute; right: -45px; }
.pathway-model .step:before { border-top: 1px solid #5c84c0; -ms-transform: rotate(69deg); -webkit-transform: rotate(69deg); transform: rotate(69deg); bottom: calc(50% + 29px); }
.pathway-model .step:after { border-bottom: 1px solid #5c84c0; -ms-transform: rotate(-69deg); -webkit-transform: rotate(-69deg); transform: rotate(-69deg); top: calc(50% + 29px); }
.pathway-model .step:first-child { padding-left: 30px; }
@media (max-width: 739px) { .pathway-model .step:first-child { padding-left: 23px; } }
.pathway-model .step:last-child:before, .pathway-model .step:last-child:after { display: none; }
.pathway-model .step .step__number { font-size: 12px; line-height: 24px; color: #B4BCC7; display: block; }
@media (max-width: 739px) { .pathway-model .step .step__number { font-size: 10px; line-height: 16px; } }
.pathway-model .step .step__status { font-size: 12px; line-height: 24px; color: #B4BCC7; display: block; margin-bottom: 0; }
.pathway-model .step .step__status:empty { display: none; }
@media (max-width: 739px) { .pathway-model .step .step__status { font-size: 10px; line-height: 19px; } }
.pathway-model .step .step__status:before { margin-right: 5px; font-size: 14px; vertical-align: bottom; }
@media (max-width: 739px) { .pathway-model .step .step__status:before { font-size: 12px; } }
.pathway-model .step .step__title { color: #B4BCC7; font-size: 16px; line-height: 20px; font-weight: 900; display: block; margin-bottom: 2px; padding-right: 7px; width: 80px; }
@media (max-width: 1280px) { .pathway-model .step .step__title { padding-right: 24px; width: 80px; } }
@media (max-width: 739px) { .pathway-model .step .step__title { width: 100px; font-size: 13px; } }
.pathway-model .step .step__title a { color: #B4BCC7; }
.pathway-model .step .step__title a > i { vertical-align: top; }
.pathway-model .step.in-progress .step__status { font-style: normal; color: #EAAF51 !important; opacity: 1; }
.pathway-model .step.in-progress .step__status:before { font-family: 'icomoon' !important; content: "\e962"; }
.pathway-model .step.completed { background-color: #3FB923; position: relative; }
.pathway-model .step.completed:before, .pathway-model .step.completed:after { width: 64px; height: 1px; background-color: #5c84c0; content: ''; position: absolute; right: -45px; z-index: 1; }
.pathway-model .step.completed .step__number, .pathway-model .step.completed .step__title, .pathway-model .step.completed .step__status { color: #FFFFFF; }
.pathway-model .step.completed .step__title a { color: #FFFFFF; }
.pathway-model .step.completed .step__number:after { width: 0; height: 0; border-top: 61px solid transparent; border-bottom: 62px solid transparent; border-left: 24px solid #3FB923; content: ''; position: absolute; top: calc(50% - 61px); right: -24px; z-index: 2; }
.pathway-model .step.completed .step__status { font-style: normal; opacity: 1; }
.pathway-model .step.completed .step__status:before { font-family: 'icomoon' !important; content: "\e9ac"; }
.pathway-model .step.active { background-color: #FFF; position: relative; }
.pathway-model .step.active .step__title, .pathway-model .step.active .step__title a { color: #43618F; }
.pathway-model .step.active .step__number, .pathway-model .step.active .step__status { color: #B4BCC7; }
.pathway-model .step.active .step__number:after { width: 0; height: 0; border-top: 61px solid transparent; border-bottom: 62px solid transparent; border-left: 24px solid #FFF; content: ''; position: absolute; top: calc(50% - 61px); right: -24px; z-index: 2; }
.pathway-model .step.active .step__status { font-weight: 600; }
@media (max-width: 1099px) { .pathway-model { background: #5778AD none; }
  .pathway-model:after { content: ''; position: absolute; z-index: 2; bottom: 0; right: 0; width: 60px; height: 90px; background: rgba(87, 120, 173, 0); background: -moz-linear-gradient(left, rgba(87, 120, 173, 0) 35%, #5778ad 100%); background: -webkit-gradient(left top, right top, color-stop(35%, rgba(87, 120, 173, 0)), color-stop(100%, #5778ad)); background: -webkit-linear-gradient(left, rgba(87, 120, 173, 0) 35%, #5778ad 100%); background: -o-linear-gradient(left, rgba(87, 120, 173, 0) 35%, #5778ad 100%); background: -ms-linear-gradient(left, rgba(87, 120, 173, 0) 35%, #5778ad 100%); background: linear-gradient(to right, rgba(87, 120, 173, 0) 35%, #5778ad 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5778ad', endColorstr='#5778ad', GradientType=1 ); }
  .pathway-model .pathway-model__content { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
  .pathway-model .step { width: 140px; flex: 0 0 140px; } }
@media (max-width: 739px) { .pathway-model .step { width: 113px; flex: 0 0 113px; } }

.steps { padding-top: 20px; }
.steps .step { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; margin-bottom: 15px; position: relative; }
.steps .step h6 { line-height: 26px; }
.steps .step h6 > a { color: inherit; }
@media (max-width: 739px) { .steps .step h6 > a { display: block; padding-left: 30px; margin-top: -27px; } }
.steps .step h6 > i:first-child { color: #443F3F; font-size: 7px; margin-right: 25px; margin-left: 0px !important; }
.steps .step h6 > i:last-child { margin-left: 12px; }
.steps .step .step__content p { color: rgba(61, 68, 80, 0.65); margin-left: 30px; }
.steps .step .step__right { margin: 5px 0 0 auto; white-space: nowrap; }
.steps .step:before { background-color: rgba(80, 113, 163, 0.3); width: 2px; height: calc(100% - 9px); position: absolute; top: 24px; left: 2px; content: ''; }
.steps .step:after { font-family: "FontAwesome"; content: '\f107'; color: rgba(80, 113, 163, 0.3); position: absolute; bottom: -24px; left: -1px; }
.steps .step:last-child:before, .steps .step:last-child:after { display: none; }
.steps .step.in-progress h6, .steps .step.in-progress h6 > i, .steps .step.in-progress h6 > a { color: #EAAF51; }
.steps .step.completed h6, .steps .step.completed h6 > i, .steps .step.completed h6 > a { color: #56B89F; }
@media (max-width: 739px) { .steps .step .step__right { margin-left: 20px; } }

.se-title { float: left; }
.se-title > h3 { font-size: 12px; line-height: 20px; color: #443F3F; margin: 5px 0; text-transform: uppercase; }
.se-title > h3 > span { margin-left: 5px; text-transform: none; }
@media (max-width: 739px) { .se-title { float: none; } }

.se-option { float: right; color: #443F3F; }
.se-option p { font-size: 11px; line-height: 30px; display: inline-block; margin-bottom: 0; }
.se-option p + p { margin-left: 20px; }
.se-option .se-option__updated { color: #443F3F; }
.se-option .se-option__updated > i { font-size: 14px; margin-right: 5px; }
.se-option .se-option__status { text-transform: uppercase; }
.se-option .se-option__status > i { width: 24px; text-align: center; font-size: 20px; margin-left: 10px; }
@media (max-width: 739px) { .se-option { float: none; }
  .se-option p { line-height: 22px; }
  .se-option .se-option__status { float: right; margin-top: -26px; }
  .se-option .se-option__status > span { display: none; } }

.avatar { float: left; margin-right: 8px; margin-left: 8px; position: relative; font-size: 13px; line-height: 36px; height: 36px; }
.avatar figure { width: 36px; height: 36px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); display: inline-block; margin: 0; }
.avatar figure img, .avatar figure i { border-radius: 50%; display: block; }
.avatar figure > img { display: block; }
.avatar > span, .avatar > a { line-height: 36px; display: inline-block; vertical-align: top; }
.avatar > span { margin-left: 5px; }
.avatar .icon-default { float: left; margin-right: 8px; }
.avatar .details { position: absolute; bottom: calc(100% + 10px); left: 50%; margin-left: -85px; background-color: #323232; width: 170px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; -webkit-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.26); -moz-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.26); box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.26); display: none; z-index: 2; }
.avatar .details:after { content: ''; position: absolute; left: 50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #323232; }
.avatar .details > figure { width: 52px; height: 52px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); position: absolute; top: -9px; left: 50%; margin-left: -26px; z-index: 10; }
.avatar .details > figure img, .avatar .details > figure i { border-radius: 50%; display: block; }
.avatar .details .details-top { background-size: cover; opacity: 0.6; border-top-left-radius: 10px; border-top-right-radius: 10px; height: 40px; }
.avatar .details .details-bottom { padding: 10px; }
.avatar .details .details-bottom p { color: #FFF; font-size: 10px; line-height: 15px; margin-bottom: 0; display: block; }
.avatar .details .details-bottom p b { color: #FFF; display: block; margin-bottom: 5px; }
.avatar .details .details-bottom span { display: block; margin-top: 5px; color: rgba(255, 255, 255, 0.5); }
.avatar + p { line-height: 36px; display: inline-block; vertical-align: top; }
.avatar.block { display: block; float: none; }
.avatar.block + p { margin-top: 10px; }
.avatar.left { margin-left: 0; }
.avatar.avatar--sm { margin-right: 1px; margin-left: 1px; height: 30px; line-height: 30px; }
.avatar.avatar--sm figure { width: 30px; height: 30px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); }
.avatar.avatar--sm figure img, .avatar.avatar--sm figure i { border-radius: 50%; display: block; }
.avatar.avatar--sm > span { line-height: 30px; }
@media (min-width: 1100px) { .avatar:hover .details { display: block; } }

.avatar-inline { width: 100%; padding: 20px 25px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; flex-wrap: wrap; }
.avatar-inline .avatar-inline__avatar { width: 60px; height: 60px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); }
.avatar-inline .avatar-inline__avatar img, .avatar-inline .avatar-inline__avatar i { border-radius: 50%; display: block; }
.avatar-inline .avatar-inline__name { padding-left: 15px; text-align: left; word-break: break-all; width: calc(100% - 60px); }
.avatar-inline .avatar-inline__name p, .avatar-inline .avatar-inline__name a { font-size: 14px; line-height: 18px; margin-bottom: 0; }
.avatar-inline .avatar-inline__name span { display: block; font-size: 12px; line-height: 18px; color: #443F3F; }
.avatar-inline--sm .avatar-inline__name, .avatar-inline--xs .avatar-inline__name { color: #FFF; }
.avatar-inline--sm .avatar-inline__name a, .avatar-inline--xs .avatar-inline__name a { color: #FFF; }
.avatar-inline--sm { background-color: transparent; margin-top: -35px; margin-bottom: 30px; padding: 20px 15px; }
.avatar-inline--sm .avatar-inline__avatar { width: 50px; height: 50px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); }
.avatar-inline--sm .avatar-inline__avatar img, .avatar-inline--sm .avatar-inline__avatar i { border-radius: 50%; display: block; }
.avatar-inline--xs { padding: 3px 0 0; display: none; }
.avatar-inline--xs .avatar-inline__avatar { width: 20px; height: 20px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); border: 0; }
.avatar-inline--xs .avatar-inline__avatar img, .avatar-inline--xs .avatar-inline__avatar i { border-radius: 50%; display: block; }
.avatar-inline--xs .avatar-inline__name { padding-left: 5px; }
.avatar-inline--xs .avatar-inline__name p, .avatar-inline--xs .avatar-inline__name a { font-size: 12px; }
.avatar-inline--top { padding-top: 0; }
@media (max-width: 1099px) { .avatar-inline--sm { display: none; }
  .avatar-inline--xs { display: flex; }
  .avatar-inline--top { padding-top: 20px; display: none; } }
@media (max-width: 739px) { .avatar-inline { padding: 20px 15px; display: none; } }

.avatar-design { width: 40%; float: left; padding: 40px 30px; }
.avatar-design + .avatar-design { width: 60%; }
@media (max-width: 739px) { .avatar-design { width: 30%; }
  .avatar-design + .avatar-design { width: 70%; } }
@media (max-width: 739px) { .avatar-design { width: 100%; padding: 20px; }
  .avatar-design + .avatar-design { width: 100%; } }

.pr-avatar { background-color: #D32A3B; width: 100%; height: 100%; font-size: 1em; font-weight: 400; color: #FFF; text-align: center; text-transform: uppercase; display: flex; justify-content: center; align-items: center; border-radius: 100%; }
.pr-avatar.black { font-weight: 900; }
.pr-avatar.italic { font-style: italic; }
.pr-avatar.font-lato { font-family: 'Lato', sans-serif; }
.pr-avatar.font-raleway { font-family: 'Raleway', sans-serif; }
.pr-avatar.font-roboto { font-family: 'Roboto', sans-serif; }
.header__user button > .pr-avatar { width: 40px; height: 40px; margin-right: 12px; }
.avatar-upload .pr-avatar, .pr-img-avatar .pr-avatar { width: 136px; height: 136px; font-size: 50px; }
.grid__avatar .pr-avatar { font-size: 30px; }
.sidebar__avatar .pr-avatar { font-size: 50px; }
.avatar-design .pr-avatar { width: 180px; height: 180px; font-size: 80px; margin: 0 auto; }
.box__text .pr-avatar { margin-left: 30px; }
@media (max-width: 739px) { .header__user button > .pr-avatar { margin-right: 6px; line-height: 40px !important; } }

.pr-img-avatar { margin: 20px 10px; width: 134px; }
.pr-img-avatar > img { border-radius: 100%; }

.pr-banner { position: relative; z-index: 1; }
.pr-banner:before { display: block; position: absolute; content: ""; bottom: -4px; border-bottom: 4px solid rgba(0, 0, 0, 0.06); width: 100%; left: 0; right: 0; z-index: 8; }
.pr-banner .dropdown { position: absolute; top: 20px; right: 20px; background-color: rgba(0, 0, 0, 0.6); width: 50px; height: 50px; display: block; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; text-align: center; opacity: 0; visibility: hidden; }
.pr-banner .dropdown .btn-empty { width: 100%; color: #FFF; line-height: 50px; }
.pr-banner.pr-banner--empty { background: #383E4A url("/images/default-banner.jpg") no-repeat center; background-size: cover; text-align: center; display: block; }
.pr-banner.pr-banner--empty span { font-size: 12px; line-height: 30px; color: #FFF; padding: 20px 20px; margin-bottom: 0; display: inline-block; }
.pr-banner.pr-banner--empty span > i { margin-right: 10px; font-size: 20px; }
.pr-banner.pr-banner--empty:before { display: none; }
.pr-banner:hover .dropdown { opacity: 1; visibility: visible; }
@media (max-width: 1099px) { .pr-banner { background-color: #1C2430; height: 192px; margin-bottom: 20px; overflow: hidden; margin-bottom: 0; } }
@media (max-width: 739px) { .pr-banner { height: 94px; margin-bottom: 0; } }

.status { font-size: 10px; font-weight: 600; color: #FFF; line-height: 18px; text-transform: uppercase; padding: 1px 8px; display: inline-block; position: relative; white-space: nowrap; margin-bottom: 0; }
.status > i { font-size: 18px; line-height: 18px; vertical-align: middle; position: relative; top: -1px; margin-right: 4px; }
.status > i.fa { font-size: 14px; }
.status.status--circle { border-radius: 100%; padding: 0; width: 18px; height: 18px; text-align: center; margin-left: 10px; }
.status.status--circle > i { font-size: 12px; margin-right: 0; }
.status.status--verified { background-color: #4BCF89; }
.status.status--unverified { background-color: #DD9210; }
.status.status--in-progress { background-color: #EAAF51; }
.status.status--lg { font-size: 12px; padding: 5px 10px; }
.status.full-width { width: 100%; }

.tag-label { font-size: 10px; color: #FFF; line-height: 18px; padding: 1px 8px; display: inline-block; position: relative; white-space: nowrap; margin-bottom: 0; margin-top: 5px; border-radius: 2px; }
.tag-label > i { font-size: 18px; line-height: 18px; vertical-align: middle; position: relative; top: -1px; margin-right: 4px; }
.tag-label > i.fa { font-size: 14px; }
.tag-label.tag-label--warning { background-color: #F1B21B; }

.s-open { color: #4BCF89; }

.s-closed { color: #DD9210; }

.l-lower { color: #F9CC51; }

.l-low { color: #F9A751; }

.l-high { color: #A7CF3C; }

.l-higher { color: #43BC2B; }

.level { font-size: 9px; text-align: center; line-height: 16px; display: inline-block; width: 70px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.level.l-lower { background-color: #F9CC51; color: #1C2430; }
.level.l-low { background-color: #F9A751; color: #1C2430; }
.level.l-high { background-color: #A7CF3C; color: #1C2430; }
.level.l-higher { background-color: #43BC2B; color: #1C2430; }

.profile-privacy { text-align: center; padding: 40px 0 0; }
.profile-privacy p { display: inline-block; margin: 0 0 5px; }
.profile-privacy .dropdown { margin-left: 5px; color: #443F3F; display: inline-block; }
.profile-privacy .dropdown-toggle { font-weight: 600; color: #1C2430; }
.profile-privacy .dropdown-toggle > i { margin-right: 5px; }
.profile-privacy .dropdown-toggle .caret { color: #1C2430; margin: 0 8px 5px 5px; }
@media (max-width: 1099px) { .profile-privacy { display: none; } }

.cover-upload { padding: 30px; }
.cover-upload .cover-upload__content { position: relative; padding: 123px 20px 132px 25%; }
.cover-upload .cover-upload__content .drop { position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin-bottom: 0 !important; }
.cover-upload .cover-upload__content .drop .drop__content { height: 100%; }
.cover-upload .cover-upload__content .drop .drop__header { vertical-align: middle; }
@media (max-width: 739px) { .cover-upload { padding: 20px; }
  .cover-upload .cover-upload__content { padding: 0 0 25%; } }

.avatar-upload { position: relative; padding: 30px; }
.avatar-upload > img { width: 136px; height: 136px; margin: 0 auto 30px; border-radius: 100%; display: block; }
.avatar-upload .pr-avatar { margin: 0 auto 30px; }
.avatar-upload .avatar-upload__content { position: absolute; top: 30px; z-index: 2; width: calc(100% - 60px); }
.avatar-upload .slim-file-hopper { top: 120%; height: 90%; }
.avatar-upload .slim[data-ratio='1:1'] > img, .avatar-upload .slim[data-ratio='1:1'] > input[type=file] { width: 136px !important; height: 136px !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 0 !important; }
.avatar-upload .slim .slim-area, .avatar-upload .slim .slim-btn-group { width: 136px; height: 136px; margin: 0 auto; left: 0; right: 0; }
.avatar-upload .slim .slim-btn-group { border-radius: 100%; padding: 70px 0 0; }
.avatar-upload .slim .slim-area .slim-result img { border-radius: 100%; }
@media (max-width: 739px) { .avatar-upload .slim-file-hopper { top: 110%; height: 80%; } }

.main-header { background: #000 url("/images/main-banners/bg-api.jpg") center center; background-size: cover; position: relative; padding-top: 100px; z-index: 1; }
.main-header .main-subcontent { width: auto; display: table; margin: 0 auto; position: relative; z-index: 3; }
.main-header .main-subcontent .main-avatar { display: table-cell; width: 116px; }
.main-header .main-subcontent .main-avatar .main-avatar__inner { width: 116px; height: 116px; border-radius: 100%; padding: 6px; border: 1px solid rgba(255, 255, 255, 0.31); }
.main-header .main-subcontent .main-avatar .main-avatar__inner i { display: block; width: 104px; height: 104px; border-radius: 100%; font-size: 42px; text-align: center; line-height: 104px !important; overflow: hidden; background-color: #FFF; color: #1C2430 !important; }
.main-header .main-subcontent .main-title { display: table-cell; padding-left: 34px; vertical-align: middle; }
.main-header .main-subcontent .main-title h2 { font-size: 30px; font-weight: 300; line-height: 1; color: #FFF; margin: 0 0 10px 0; }
.main-header .main-subcontent .main-title p { font-size: 14px; color: rgba(255, 255, 255, 0.63); line-height: 20px; margin: 0 auto; }
.main-header .main-buttons { text-align: center; padding: 38px 0 95px; position: relative; z-index: 3; }
.main-header .main-buttons .btn { border-radius: 0; }
.hide-column .main-header { margin-left: 0; }
@media (max-width: 1099px) { .main-header { margin-left: 0; } }
@media (max-width: 739px) { .main-header { background-image: url("/images/main-banners/bg-api-m.jpg") !important; padding: 80px 0 0; }
  .main-header .main-subcontent { display: block; width: 100%; }
  .main-header .main-subcontent .main-avatar { display: block; margin: 0 auto 30px; }
  .main-header .main-subcontent .main-title { display: block; padding: 0 35px; text-align: center; }
  .main-header .main-buttons { padding-top: 10px; padding-bottom: 40px; }
  .main-header .main-buttons a { display: block; margin: 15px auto 0; width: 70%; } }

.api-general { background: #FFF url("/images/overview/bg-api.jpg") no-repeat bottom right; background-size: auto 100%; padding: 100px 50% 100px 7%; }
.api-general h2 { font-size: 26px; font-weight: 700; margin: 0 0 30px; }
.api-general p { font-size: 18px; font-weight: 300; }
.api-general p a { font-weight: 600; color: #2869CB; }
@media (max-width: 1099px) { .api-general { padding: 70px 40px; } }
@media (max-width: 739px) { .api-general { background-image: url("/images/overview/bg-api-phone.jpg"); background-size: 100% auto; text-align: center; }
  .api-general h2 { font-size: 20px; }
  .api-general p { font-size: 14px; }
  .api-general.api-started--phone { padding-bottom: 10px; } }

.api-started { background-color: #FFF; text-align: center; padding: 30px 10% 45px; }
.api-started h2 { font-size: 30px; font-weight: 300; margin: 0 0 20px; }
.api-started h3 { font-size: 18px; font-weight: 700; margin: 50px 0 0; }
.api-started p { color: #A3A3A3; }
.api-started p a { font-weight: 600; color: #2869CB; }
@media (max-width: 739px) { .api-started { padding-right: 20px; padding-left: 20px; }
  .api-started.api-started--phone { padding-bottom: 10px; } }

.api-steps { background-size: cover; }
.api-steps .div-table-cell { width: 50%; vertical-align: middle; }
.api-steps .div-table-cell img { display: block; }
.api-steps h2 { font-size: 24px; font-weight: 300; line-height: 30px; margin: 0 0 20px; position: relative; }
.api-steps h2:before { background-color: #2C333D; position: absolute; left: -50px; top: 0; width: 30px; height: 30px; display: block; border-radius: 50%; text-align: center; line-height: 28px; font-size: 18px; font-weight: 300; color: #FFF; }
.api-steps p { line-height: 18px; color: #A3A3A3; }
@media (max-width: 1099px) { .api-steps h2 { padding-top: 40px; text-align: center; }
  .api-steps h2:before { left: 50%; top: 0; margin-left: -15px; }
  .api-steps .div-table-cell--img { overflow: hidden; position: relative; }
  .api-steps .div-table-cell--img img { height: 100%; width: auto; max-width: none; max-height: 100%; position: absolute; top: 0; left: 0; } }

.api-step-1, .api-step-3 { padding: 0 30px 0 80px; }
@media (max-width: 1099px) { .api-step-1, .api-step-3 { padding: 20px; } }

.api-step-2 h2, .api-step-4 h2 { color: #FFF; }
.api-step-2 h2:before, .api-step-4 h2:before { background-color: #FFF; }
.api-step-2 p, .api-step-4 p { color: #CBCFD4; }
.api-step-2 p strong, .api-step-4 p strong { color: #FFF; }

.api-step-1 { background-color: #F9F9F9; }
.api-step-1 h2 { margin-bottom: 5px; }
.api-step-1 h2:before { content: 'I.'; }
.api-step-1 p { margin-bottom: 15px; }
.api-step-1 a { margin-left: 0; }
@media (max-width: 1099px) { .api-step-1 { text-align: center; } }
@media (max-width: 739px) { .api-step-1 { background: url("/images/api/bg-api-step-1-phone.jpg") no-repeat 0 0; background-size: cover; padding-top: 70px; padding-bottom: 110px; } }

.api-step-2 { background-image: url("/images/api/bg-api-step-2.jpg"); padding: 75px 80px 100px; }
.api-step-2 h2:before { content: '2.'; color: #1C4071; }
.api-step-2 p { margin-bottom: 35px; }
.api-step-2 p .code { color: #FFF; font-weight: 600; }
@media (max-width: 1099px) { .api-step-2 { padding: 40px 50px 10px; } }
@media (max-width: 739px) { .api-step-2 { background-image: url("/images/api/bg-api-step-2-phone.jpg"); padding: 64px 20px 40px; } }

.api-step-3 { background-color: #FFF; }
.api-step-3 h2:before { content: '3.'; }
.api-step-3 p { margin-bottom: 20px; }
.api-step-3 p a { color: #2869CB; font-weight: 600; }
@media (max-width: 739px) { .api-step-3 { background: url("/images/api/bg-api-step-3-phone.jpg") no-repeat 0 0; background-size: cover; padding-top: 35px; } }

.api-step-4 { background-image: url("/images/api/bg-api-step-4.jpg"); padding: 75px 80px; }
.api-step-4 h2:before { content: '4.'; }
.api-step-4 p { margin-bottom: 20px; }
@media (max-width: 1099px) { .api-step-4 { padding: 40px 50px 30px; } }
@media (max-width: 739px) { .api-step-4 { padding: 50px 20px 30px; } }

.api-dark { display: table; width: 100%; }
.api-dark:after { content: ''; display: table; clear: both; }
.api-dark + .api-dark { margin-top: 15px; }
.api-dark + .api-dark:last-child { margin-bottom: 35px; }
.api-dark .api-dark-menu { background-color: #363D47; display: table-cell; vertical-align: top; width: 23%; }
.api-dark .api-dark-menu .api-dark-menu--mobile { background-color: #2C333D; display: none; font-size: 11px; line-height: 50px; color: #FFF; padding: 0 30px; text-transform: uppercase; position: relative; border-bottom: 1px solid #595E65; }
.api-dark .api-dark-menu .api-dark-menu--mobile i { position: absolute; top: 20px; right: 13px; width: 14px; height: 14px; line-height: 12px; font-size: 8px; text-align: center; }
.api-dark .api-dark-menu .api-dark-menu--mobile.active i:before { content: '\f078'; }
.api-dark .api-dark-menu ul { padding: 0; margin: 0; position: relative; list-style: none; }
.api-dark .api-dark-menu > ul { background-color: #2C333D; }
.api-dark .api-dark-menu > ul > li { border-bottom: 1px solid #595E65; position: relative; }
.api-dark .api-dark-menu > ul > li span { width: 100%; height: 50px; display: table; position: relative; }
.api-dark .api-dark-menu > ul > li span > a.with-menu:after { content: '\f078'; position: absolute; top: 20px; right: 13px; width: 14px; height: 14px; display: block; font-family: "FontAwesome"; text-align: center; line-height: 12px; font-size: 8px; }
.api-dark .api-dark-menu > ul > li span > a.with-menu.collapsed:after { content: '\f054'; }
.api-dark .api-dark-menu > ul > li a { display: table-cell; font-size: 11px; color: #FFF; padding: 0 30px; vertical-align: middle; }
.api-dark .api-dark-menu > ul > li ul { background-color: #505865; }
.api-dark .api-dark-menu > ul > li ul li span { height: 50px; }
.api-dark .api-dark-menu > ul > li ul li a { padding: 0 30px 0 40px; }
.api-dark .api-dark-menu > ul > li ul li a.with-menu { font-weight: 600; }
.api-dark .api-dark-menu > ul > li ul li a.with-menu.collapsed { font-weight: 400; }
.api-dark .api-dark-menu > ul > li ul li a.with-menu:after { top: 18px; }
@media (min-width: 1100px) { .api-dark .api-dark-menu > ul > li ul li a:hover, .api-dark .api-dark-menu > ul > li ul li a:active, .api-dark .api-dark-menu > ul > li ul li a:focus { background-color: #F1562F; }
  .api-dark .api-dark-menu > ul > li ul li a:active, .api-dark .api-dark-menu > ul > li ul li a:focus { font-weight: 600; } }
.api-dark .api-dark-menu > ul > li ul li ul li span a { padding: 0 30px 0 50px; }
.api-dark .api-dark-menu > ul > li ul li.active { background-color: #F1562F; }
.api-dark .api-dark-menu > ul > li.active { position: relative; background-color: #303842; }
.api-dark .api-dark-menu > ul > li.active:before { border-left: 4px solid #F1562F; content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; display: block; z-index: 10; }
.api-dark .api-dark-menu > ul > li.active > span > a { font-weight: 600; }
@media (min-width: 1100px) { .api-dark .api-dark-menu > ul > li:hover { background-color: #303842; } }
.api-dark .api-dark-content { background-color: #363D47; display: table-cell; vertical-align: top; width: 100%; padding: 20px; position: relative; }
.api-dark .api-dark-content h3, .api-dark .api-dark-content h4 { font-size: 12px; font-weight: 700; letter-spacing: 1px; color: #FFF; margin: 0 0 20px; }
.api-dark .api-dark-content p { color: #99A0AB; margin-bottom: 20px; }
.api-dark .api-left { display: table-cell; width: 33%; vertical-align: top; }
.api-dark .api-left + .api-dark-content { width: 67%; }
.api-dark .api-dark-bottom-20 { padding-bottom: 20px; }
.api-dark .api-dark-bottom-40 { padding-bottom: 40px; }
@media (max-width: 1099px) { .api-dark .api-dark-menu { width: 100%; position: relative; display: block; }
  .api-dark .api-dark-menu > ul { display: none; }
  .api-dark .api-dark-menu > ul > li ul li span { height: 65px; }
  .api-dark .api-dark-menu > ul > li ul li a { color: #FFF; }
  .api-dark .api-dark-menu .api-dark-menu--mobile { display: block; }
  .api-dark .api-dark-menu .api-dark-menu--mobile.active + ul { display: block; }
  .api-dark .api-dark-content { width: 100%; display: block; padding-left: 30px; padding-right: 30px; }
  .api-dark .api-left + .api-dark-content { display: table-cell; padding-left: 20px; padding-right: 20px; } }
@media (max-width: 739px) { .api-dark .api-dark-content { padding-left: 15px; padding-right: 15px; }
  .api-dark .api-dark-content .table-dark, .api-dark .api-dark-content .code-section { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); }
  .api-dark .api-dark-content .table-dark .ml-15, .api-dark .api-dark-content .code-section .ml-15 { margin-left: 0; display: block; word-break: normal !important; }
  .api-dark .api-dark-content .table-dark .code-section, .api-dark .api-dark-content .code-section .code-section { margin-left: 0; margin-right: 0; width: 100%; }
  .api-dark .api-left { display: block; width: 100%; }
  .api-dark .api-left + .api-dark-content { display: block; width: 100%; padding-left: 15px; padding-right: 15px; } }

.api-white { background-color: #FFF; padding: 30px 30px 20px; }
.api-white h2 { font-size: 20px; font-weight: 700; line-height: 1.2; margin: 0 0 10px; padding: 0 40px; }
.api-white p { line-height: 20px; padding: 0 40px; margin-bottom: 10px; }
.api-white p a { color: #2869CB; font-weight: 600; }
.api-white .api-white-bottom-30 { padding-bottom: 30px; }
@media (max-width: 1099px) and (min-width: 740px) { .api-white { padding-left: 20px; padding-right: 20px; }
  .api-white p, .api-white h2 { padding: 0 10px; } }
@media (max-width: 739px) { .api-white { background-color: #FFF; padding-left: 15px; padding-right: 15px; }
  .api-white h2 { margin-bottom: 5px; }
  .api-white p, .api-white h2 { padding: 0; } }

.code-section { background-color: #2C333D; padding: 10px 20px; margin-bottom: 20px; text-align: left; color: #FFFFFF; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; word-break: break-all; font-size: 11px; line-height: 26px; }
.code-section:after { content: ''; display: table; clear: both; }
.code-section.with-padding { padding: 20px; }
.code-section.large-border { border-bottom: 4px solid #363D47; }
.code-section.code-section--no-margin { margin-bottom: 0; border-bottom: 1px solid #363D47; }
.code-section.code-section--small-margin { margin-bottom: 0; border-bottom: 4px solid #363D47; }
.code-section .code-section-header { width: 140px; text-transform: uppercase; font-size: 9px; font-weight: 700; letter-spacing: 1px; color: #99A0AB; float: left; }
.code-section .code-section-header + .code { margin-left: 140px; display: block; }
.code-section .code-section-header.code-section-header--bottom { padding-top: 12px; }
.code-section .code-section-option { float: right; }
.code-section .code-section-option > button, .code-section .code-section-option .bootstrap-select { float: left; }
.code-section .code-section-option .bootstrap-select { width: 150px; }
.code-section .code-block { display: block; }
.code-section .code-tab { margin-left: 20px; }
@media (max-width: 739px) { .code-section { padding: 10px 15px; }
  .code-section.with-padding { padding: 15px; }
  .code-section.code-section--phone-center { text-align: center; }
  .code-section.code-section--phone-center .span-get { display: block; margin: 0 auto; }
  .code-section .code-section-header { width: 100%; float: none; }
  .code-section .code-section-header + .code { margin-left: 0; } }

pre { background-color: #2C333D; border-radius: 0; padding: 10px 20px; margin-bottom: 20px; text-align: left; border: 0; color: #FFFFFF; font-size: 11px; line-height: 26px; white-space: pre; }
pre.with-padding { padding: 20px; }
@media (max-width: 739px) { pre.with-padding { padding: 15px; } }

.code { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; word-break: break-all; }

.code-gray { color: #99A0AB; }

.code-green { color: #50FFCB; }

.code-light-green { color: #9CD54A; }

.code-blue { color: #04BCEB; }

.code-red { color: #FF6A7C; }

.code-orange { color: #E7931A; }

.code-violet { color: #8DA9D1; }

.code-link { color: #FF6A7C; }

.font-small { font-size: 9px; }

.span-get { width: 55px; height: 30px; background-color: #50FFCB; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-align: center; line-height: 30px; color: #2C333D; text-transform: uppercase; margin-right: 35px; display: inline-block; border-radius: 2px; }
@media (max-width: 739px) { .span-get.mobile-block { display: block; margin-bottom: 5px; } }

.app-details { padding: 25px 30px; }
.app-details h2 { font-size: 18px; color: #000; margin: 0 0 10px; }
.app-details p { font-size: 10px; }
.app-details .div-table { margin: 10px 0 5px; }
.app-details .div-table .div-table-cell { padding: 5px 0; }
.app-details .div-table .div-table-cell:first-child { width: 50px; }
.app-details .div-table .div-table-cell > i { width: 24px; text-align: center; font-size: 18px; color: #BCBCBC; line-height: 1; }
.app-details .div-table .div-table-cell figure { width: 24px; height: 24px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); }
.app-details .div-table .div-table-cell figure img, .app-details .div-table .div-table-cell figure i { border-radius: 50%; display: block; }
.app-details .div-table .div-table-cell p, .app-details .div-table .div-table-cell a { color: #9F9F9F; font-size: 10px; margin-bottom: 0; }
.app-details .app-details-buttons { text-align: center; }
.app-details .app-details-buttons .btn { margin-top: 12px; }
@media (max-width: 1099px) and (min-width: 740px) { .app-details { padding-left: 20px; padding-right: 20px; }
  .app-details .div-table .div-table-cell:first-child { width: 35px; } }
@media (max-width: 739px) { .app-details h2 { text-align: center; } }

.json_string, .str { white-space: normal; }

.browse { background-color: #FFF; }
.browse.browse--bt { border-top: 5px solid #F1F1F1; }

.browse__no-results { background: #FFF url("/images/no-results.jpg") no-repeat right bottom; background-size: cover; text-align: center; padding: 240px 30px; }
.browse__no-results > i { font-size: 30px; color: #443F3F; }
.browse__no-results > h2 { font-size: 30px; font-weight: 300; margin: 0 0 10px; }
.browse__no-results > p { font-size: 14px; margin-bottom: 30px; }
.browse__no-results.browse__no-results--dark { background: #3B424D url("/images/bg-start.jpg") no-repeat right bottom; background-size: cover; }
.browse__no-results.browse__no-results--dark > h2, .browse__no-results.browse__no-results--dark > p { color: #FFF; }
.browse__no-results.browse__no-results--sm { background-image: none; padding: 40px 20px; border-bottom: 1px solid rgba(202, 202, 202, 0.5); border-top: 1px solid rgba(202, 202, 202, 0.5); }
.browse__no-results.browse__no-results--sm h2 { font-size: 20px; font-weight: 400; }

.browse__select-all { background-color: #2869CB; padding: 20px 15px; text-align: center; }
.browse__select-all p { font-size: 12px; color: #FFF; display: inline-block; margin: 0 10px; }
.browse__select-all button, .browse__select-all a { background-color: transparent; border: 0; font-size: 12px; color: #FFF; text-decoration: underline; display: inline-block; margin: 0 10px; }
.browse__select-all.browse__select-all--short { margin-left: 20px; margin-right: 20px; }
.modal .browse__select-all:last-child { display: none; }
@media (max-width: 1099px) { .browse__select-all.browse__select-all--short { margin-left: 10px; margin-right: 10px; padding: 20px 5px; } }

.browse__saved-filters { padding-bottom: 20px; }

.browse__active-filters { clear: both; }

.browse__action { width: 200px; position: relative; text-align: right; padding: 8px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; float: left; }
.browse__action .btn-empty { margin-left: auto; }
.browse__action > a { color: #1C2430; }
.browse__action > a > i { margin-right: 5px; }
@media (max-width: 739px) { .browse__action { width: 40px; padding: 8px 0; } }

.browse__header { padding: 18px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.browse__header .browse__header-text { margin: 11px 0; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.browse__header .browse__header-text i { margin-right: 20px; font-size: 18px; }
.browse__header .browse__header-text > label { margin: 0 30px 0 0; }
.browse__header .browse__header-text h6 { font-size: 13px; font-weight: 700; text-transform: capitalize; margin: 0; }
.browse__header .browse__header-text h5 { position: relative; margin: 0; }
.browse__header .browse__header-text h5 .sum { font-size: 12px; font-weight: 400; color: #443F3F; margin-left: 5px; white-space: nowrap; }
.browse__header .browse__header-text p { clear: both; font-size: 12px; color: #443F3F; margin-bottom: 0; padding-top: 2px; }
.browse__header .browse__header-action { position: relative; margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.browse__header .browse__header-action .select-action { width: 115px; margin-left: 20px; }
.browse__header.browse__header--bt { border-top: 1px solid rgba(202, 202, 202, 0.5); }
.browse__header.browse__header--bt .btn { margin: 5px 5px 5px 0px; }
.browse__header.browse__header--bt .btn-group .btn { margin: 0px; margin-left: -1px; }
.browse__header.browse__header--bb { border-bottom: 1px solid rgba(202, 202, 202, 0.5); }
.browse__header.browse__header--sm { padding: 0; }
.browse__header.browse__header--sm .browse__header-text { margin: 0; }
.browse__header.browse__header--sm .browse__header-action { padding: 16px 20px; }
@media (max-width: 1099px) { .browse__header { padding: 7px 17px; }
  .browse__header .browse__header-text > label { margin: 0 15px 0 0; } }
@media (max-width: 739px) { .browse__header { margin: 0; padding: 7px 0 12px; flex-wrap: wrap; }
  .browse__header .browse__header-text { width: 100%; padding: 0 20px 17px; margin-bottom: 10px; border-bottom: 1px solid rgba(202, 202, 202, 0.5); }
  .browse__header .browse__header-text h5 { font-size: 14px; }
  .browse__header .browse__header-text:only-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 11px; }
  .browse__header .browse__header-action { width: 100%; flex-wrap: wrap; padding: 0 20px; }
  .browse__header .browse__header-action .dropdown, .browse__header .browse__header-action .select-action { width: 50%; text-align: center; margin: 10px 0; }
  .browse__header .browse__header-action .dropdown-toggle { margin: 0; width: initial; display: block; } }

.browse__header.darker { background-color: #4A4F55; border-bottom: none; color: #F1F2F4; }
.browse__header.darker .browse__header-action .dropdown { width: unset; }
.browse__header.darker button { color: #F1F2F4; display: block; width: max-content; }
.browse__header.darker h5 > a { color: #F1F2F4; line-height: 32px; display: inline-flex; }
.browse__header.darker i.sf { margin-right: 5px; font-size: 32px; }

.browse__main-category { background-color: #242D3A; padding: 20px 30px; }
.browse__main-category p, .browse__main-category > a { font-size: 13px; font-weight: 600; color: #FFF; line-height: 44px; display: inline-block; vertical-align: top; margin-bottom: 0; }
.browse__main-category .bootstrap-select { width: 300px; margin-left: 40px; }
@media (max-width: 739px) { .browse__main-category { padding: 10px 10px 20px; }
  .browse__main-category > a { margin-left: 0; margin-top: 5px; }
  .browse__main-category > a > i { margin-right: 5px; }
  .browse__main-category .bootstrap-select { margin-left: 0; width: 100%; } }

.list-numbered { list-style: decimal outside; padding: 0; margin: 0 0 0 14px; }
.list-numbered > li { margin-bottom: 30px; padding-left: 10px; }

.list-gray-dot { margin: 3px 0; padding: 0; list-style: none; }
.list-gray-dot li { color: #768394; position: relative; padding-left: 20px; margin-bottom: 3px; }
.list-gray-dot li:before { width: 9px; height: 9px; background-color: #E6E6E6; border-radius: 100%; position: absolute; top: calc(50% - 5px); left: 0; content: ''; }

.list-sortable { list-style-type: none; text-align: left; width: 80%; margin: 0 auto; padding: 0; }
.list-sortable:after { content: ''; display: table; clear: both; }
.list-sortable li { margin: 10px; border: 0; position: relative; width: calc(50% - 20px); float: left; }
.list-sortable li > i { position: absolute; top: 13px; left: 17px; font-size: 20px; }
.list-sortable li .box { background-color: #F1F1F1; cursor: move; padding-left: 30px; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.04); }
.list-sortable li .box .box__title { border-bottom: 0; }
.list-sortable li .box .box__title p { color: #1C2430; width: 100%; }
.list-sortable li .box .box__title p i { color: #999EA7 !important; }
.list-sortable li.full { width: calc(100% - 20px); }
@media (max-width: 739px) { .list-sortable { width: 94%; }
  .list-sortable li { width: calc(100% - 20px); } }

.tag-list { list-style-type: none; margin: 15px 0 0; padding: 0; }
.tag-list:after { content: ''; display: table; clear: both; }
.tag-list li { display: inline-block; float: left; margin: 4px 6px 8px; vertical-align: top; line-height: 30px; }
.tag-list li.tag { white-space: nowrap; padding: 0 30px 0 10px; font-size: 10px; line-height: 28px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; position: relative; border: 1px solid #E5E7EA; max-width: 100%; }
.tag-list li.tag > span { color: #1C2430; display: block; display: -webkit-box; max-height: 28px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; }
.tag-list li.tag > a { position: absolute; right: 10px; top: 0; color: #1C2430; }
.tag-list li.tag > a > i { margin-left: 5px; position: relative; top: 1px; }

.browse-list { display: table; width: 100%; table-layout: fixed; position: relative; border-right: 3px solid #FFF; }
.browse-list:nth-child(even) .browse-list__row { background-color: rgba(249, 249, 249, 0.5); }
.browse-list .browse-list__row { display: table-row; position: relative; padding: 0; }
.browse-list .browse-list__row .browse-list__content .browse-list__text-meta { overflow: visible; }
.browse-list .browse-list__row .browse-list__content .browse-list__text-meta img { vertical-align: middle; }
.browse-list .browse-list__row .browse-list__content .browse-list__text-meta img.gateway-job { height: 28px; }
.browse-list .browse-list__row .browse-list__content .browse-list__text img.gateway-job { height: 26px; margin-top: -4px; }
.browse-list .browse-list__row.checked { background-color: #F9F9F9; }
.browse-list .browse-list__row.unread .browse-list__avatar { position: relative; }
.browse-list .browse-list__row.unread .browse-list__avatar:before { background-color: #EB1F1F; width: 8px; height: 8px; border-radius: 100%; content: ''; position: absolute; left: 13px; top: 50%; margin-top: -4px; }
.browse-list .browse-list__row.unread .browse-list__content > .browse-list__title { font-weight: 900; }
.browse-list .browse-list__row.open { background-color: #353D48; }
.browse-list .browse-list__row.open .browse-list__actions button, .browse-list .browse-list__row.open .browse-list__content .browse-list__title, .browse-list .browse-list__row.open .browse-list__content .browse-list__details, .browse-list .browse-list__row.open .browse-list__content .browse-list__comment { color: #FFF; }
.browse-list .browse-list__row.open .browse-list__content .browse-list__text { color: rgba(255, 255, 255, 0.7); }
.browse-list .browse-list__row:nth-child(even) { background-color: rgba(249, 249, 249, 0.5); }
.browse-list .browse-list__actions { width: 60px; display: table-cell; vertical-align: middle; }
.browse-list .browse-list__actions .dropdown-menu { top: auto; }
.browse-list .browse-list__actions.browse-list__actions--top { vertical-align: top; padding-top: 18px; }
.browse-list .browse-list__avatar { padding: 18px 0 18px 30px; width: 76px; display: table-cell; vertical-align: middle; text-align: center; }
.browse-list .browse-list__avatar figure { width: 46px; height: 46px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); text-align: center; }
.browse-list .browse-list__avatar figure img, .browse-list .browse-list__avatar figure i { border-radius: 50%; display: block; }
.browse-list .browse-list__avatar figure > i { line-height: 42px; font-size: 18px; }
.browse-list .browse-list__avatar .border { width: 46px; height: 46px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); vertical-align: middle; }
.browse-list .browse-list__avatar .border img, .browse-list .browse-list__avatar .border i { border-radius: 50%; display: block; }
.browse-list .browse-list__avatar > i, .browse-list .browse-list__avatar > a > i { font-size: 20px; line-height: 46px; }
.browse-list .browse-list__avatar.browse-list__avatar--top { vertical-align: top; }
.browse-list .browse-list__checkbox { border-left: 3px solid #FFF; padding-left: 27px; width: 50px; display: table-cell; vertical-align: middle; }
.browse-list .browse-list__checkbox .checkbox { margin-bottom: 0; }
.browse-list .browse-list__checkbox .radio > span:before, .browse-list .browse-list__checkbox .radio > span:after { width: 26px; height: 26px; line-height: 28px; }
.browse-list .browse-list__checkbox .radio > span:after { font-size: 11px; }
.browse-list .browse-list__favourite { padding-left: 30px; width: 60px; display: table-cell; vertical-align: middle; }
.browse-list .browse-list__favourite .checkbox { margin-bottom: 0; }
.browse-list .browse-list__favourite .checkbox > span { line-height: 30px; min-height: 30px; }
.browse-list .browse-list__favourite .checkbox > span:before { width: 30px; height: 30px; border-radius: 50%; }
.browse-list .browse-list__favourite .checkbox > span:after { width: 30px; height: 30px; line-height: 32px; content: '\f097'; color: #D9DBE2; }
.browse-list .browse-list__favourite .checkbox input:checked + span:before { background-color: #2D343E; border: 1px solid #2D343E; }
.browse-list .browse-list__favourite .checkbox input:checked + span:after { color: #FFF; }
.browse-list .browse-list__number { width: 60px; display: table-cell; vertical-align: middle; padding-top: 30px; padding-bottom: 30px; }
.browse-list .browse-list__number.browse-list__number--top { width: 45px; vertical-align: top; padding-top: 22px; padding-bottom: 22px; }
.browse-list .browse-list__content { padding: 22px 30px; display: table-cell; vertical-align: middle; }
.browse-list .browse-list__content > hr { margin: 4px 0; }
.browse-list .browse-list__content .checkbox { margin-bottom: 0; }
.browse-list .browse-list__content .browse-list__title {  font-size: 14px; line-height: 20px; margin-bottom: 0; display: block; display: -webkit-box; max-height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 739px) { .browse-list .browse-list__content .browse-list__title { width: auto; } }
.browse-list .browse-list__content .browse-list__title.color-link { color: #2869CB; }
.browse-list .browse-list__content .browse-list__title .new { font-weight: 600; }
.browse-list .browse-list__content .browse-list__title .new:after { background-color: #EB1F1F; width: 8px; height: 8px; border-radius: 100%; content: ''; margin-left: 7px; display: inline-block; }
.browse-list .browse-list__content .browse-list__text { color: #443F3F; font-size: 12px; line-height: 16px; margin: 4px 0 0; }
.browse-list .browse-list__content .browse-list__text img { height: 16px; margin-right: 5px; vertical-align: top; }
.browse-list .browse-list__content .browse-list__message { color: #443F3F; display: block; display: -webkit-box; max-height: 40px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; }
.browse-list .browse-list__content .browse-list__bottom { font-size: 12px; line-height: 16px; margin: 7px 0 0; }
.browse-list .browse-list__content .browse-list__details { color: #535962; font-size: 12px; line-height: 16px; margin: 5px 0 0; }
.browse-list .browse-list__content .browse-list__details .border { width: 30px; height: 30px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); margin-right: 3px; }
.browse-list .browse-list__content .browse-list__details a.border > img { border-radius: 50%; }
.browse-list .browse-list__content .browse-list__details > img { display: inline-block; vertical-align: top; max-height: 16px; margin-right: 5px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.browse-list .browse-list__content .browse-list__details a { color: #443F3F; }
.browse-list .browse-list__content .browse-list__details > span { margin-right: 15px; display: inline-block; }
.browse-list .browse-list__content .browse-list__details > span > i { margin-right: 3px; line-height: 16px; }
.browse-list .browse-list__content .browse-list__details > span > i.border { border: 1px solid #969AAD; border-radius: 100%; width: 14px; height: 14px; font-size: 10px; line-height: 10px; text-align: center; font-style: normal; display: inline-block; }
.browse-list .browse-list__content .browse-list__details > span > a { color: #969AAD; text-decoration: underline; }
.browse-list .browse-list__content .browse-list__details > span:last-child { margin-right: 0; }
.browse-list .browse-list__content .browse-list__head { padding-bottom: 5px; }
.browse-list .browse-list__content .browse-list__head:after { content: ''; display: table; clear: both; }
.browse-list .browse-list__content .browse-list__head .browse-list__title { float: left; }
.browse-list .browse-list__content .browse-list__head .date { margin: 0; float: right; }
.browse-list .browse-list__content .browse-list__comment { font-size: 13px; line-height: 18px; margin-bottom: 0; padding-top: 10px; }
.browse-list .browse-list__play { padding-left: 30px; width: 60px; display: table-cell; vertical-align: middle; }
.browse-list .browse-list__play a { display: block; text-align: center; line-height: 34px; font-size: 30px; }
.browse-list .browse-list__chart { width: 100px; display: table-cell; vertical-align: middle; }
.browse-list .browse-list__other { width: 200px; text-align: right; display: table-cell; vertical-align: middle; padding: 15px 30px 15px 5px; }
.browse-list .browse-list__other b > i { font-size: 16px; line-height: 1; color: #96A0AF; margin-right: 5px; vertical-align: text-top; }
.browse-list .browse-list__other .avatar--more { width: 30px; background-color: #96A0AF; color: #FFF; font-size: 11px; border-radius: 100%; text-align: center; }
.browse-list .browse-list__other .avatar--more > span { margin-left: 0; }
.browse-list .browse-list__other.text-left { text-align: left; }
.browse-list .browse-list__other.browse-list__score-label { width: 300px; }
.browse-list .browse-list__other.browse-list__score { width: 100px; }
.browse-list.browse-list--nb { border-right: 0; }
.browse-list.browse-list--nb .browse-list__checkbox { border-left: 0; padding-left: 0; width: 26px; }
.browse-list.browse-list--comments { border-right: 0; }
.browse-list.browse-list--comments .browse-list__avatar { padding: 18px 20px 18px 0; width: 60px; vertical-align: top; }
.browse-list.browse-list--comments .browse-list__avatar .border { width: 40px; height: 40px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); }
.browse-list.browse-list--comments .browse-list__avatar .border img, .browse-list.browse-list--comments .browse-list__avatar .border i { border-radius: 50%; display: block; }
.browse-list.browse-list--comments .browse-list__content { padding: 22px 0 10px; }
.browse-list.browse-list--comments .browse-list__bottom { margin: 0 0 5px; }
.browse-list.browse-list--comments .browse-list__bottom a { color: #1C2430; font-weight: 600; width: calc(100% - 80px); float: left; display: block; display: -webkit-box; max-height: 20px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.browse-list.browse-list--comments .browse-list__bottom > span { width: 80px; display: inline-block; font-style: italic; }
.browse-list.browse-list--comments .browse-list__actions { vertical-align: top; text-align: right; padding-top: 16px; }
.browse-list.browse-list--sm { border-bottom: 0; }
.browse-list.browse-list--sm .browse-list__avatar { width: 45px; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; }
.browse-list.browse-list--sm .browse-list__avatar .border { width: 40px; height: 40px; }
.browse-list.browse-list--sm .browse-list__content { padding: 10px 12px; }
.browse-list.browse-list--xs { border-bottom: 0; }
.browse-list.browse-list--xs .browse-list__favourite { padding-left: 20px; width: 50px; }
.browse-list.browse-list--xs .browse-list__avatar { padding: 5px 0 5px 20px; width: 56px; }
.browse-list.browse-list--xs .browse-list__avatar .border { width: 36px; height: 36px; }
.browse-list.browse-list--xs .browse-list__content { padding: 10px 15px; }
.browse-list.browse-list--comments:nth-child(even) .browse-list__row, .browse-list.browse-list--comments:nth-child(4n+3) .browse-list__row, .browse-list.browse-list--comments .browse-list__row:nth-child(even), .browse-list.browse-list--no-hover:nth-child(even) .browse-list__row, .browse-list.browse-list--no-hover:nth-child(4n+3) .browse-list__row, .browse-list.browse-list--no-hover .browse-list__row:nth-child(even), .browse-list.browse-list--sm:nth-child(even) .browse-list__row, .browse-list.browse-list--sm:nth-child(4n+3) .browse-list__row, .browse-list.browse-list--sm .browse-list__row:nth-child(even), .browse-list.browse-list--xs:nth-child(even) .browse-list__row, .browse-list.browse-list--xs:nth-child(4n+3) .browse-list__row, .browse-list.browse-list--xs .browse-list__row:nth-child(even) { background-color: #FFF; }
@media (min-width: 1100px) { .browse-list .browse-list__row:hover, .browse-list .browse-list__row:nth-child(even):hover { background-color: #F9F9F9; }
  .browse-list .browse-list__row.open:hover, .browse-list .browse-list__row.open:nth-child(even):hover { background-color: #353D48; }
  .browse-list.browse-list--no-hover .browse-list__row.open:hover, .browse-list.browse-list--no-hover .browse-list__row.open:nth-child(even):hover { background-color: #FFFFFF; }
  .browse-list.browse-list--comments .browse-list__row:hover, .browse-list.browse-list--comments .browse-list__row:nth-child(even):hover, .browse-list.browse-list--no-hover .browse-list__row:hover, .browse-list.browse-list--no-hover .browse-list__row:nth-child(even):hover, .browse-list.browse-list--sm .browse-list__row:hover, .browse-list.browse-list--sm .browse-list__row:nth-child(even):hover, .browse-list.browse-list--xs .browse-list__row:hover, .browse-list.browse-list--xs .browse-list__row:nth-child(even):hover { background-color: transparent; } }
@media (max-width: 1099px) { .browse-list .browse-list__favourite { display: none; }
  .browse-list .browse-list__actions { width: 40px; text-align: center; } }
@media (max-width: 1099px) and (max-width: 739px) { .browse-list .browse-list__actions { display: table-cell; vertical-align: bottom; padding-top: 1.2rem; } }
@media (max-width: 1099px) { .browse-list .browse-list__actions button > i:before { display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
  .browse-list .browse-list__avatar { padding: 18px 0 18px 18px; width: 64px; }
  .browse-list .browse-list__content { padding: 22px 0 22px 18px; } }
@media (max-width: 1099px) and (max-width: 739px) { .browse-list .browse-list__content.list_table { display: inline-block; width: 300px; padding-top: 30px; padding-bottom: 40px; } }
@media (max-width: 1099px) { .browse-list .browse-list__content .browse-list__details { margin-top: 12px; }
  .browse-list .browse-list__play { padding-left: 18px; width: 48px; }
  .browse-list .browse-list__other.browse-list__other--sm { width: 30px; }
  .browse-list .browse-list__checkbox { padding-left: 15px; width: 38px; } }
@media (max-width: 739px) { .browse-list .browse-list__row.unread .browse-list__avatar:before { left: 7px; }
  .browse-list .browse-list__content .browse-list__head .browse-list__title, .browse-list .browse-list__content .browse-list__head .date { float: none; width: 100%; }
  .browse-list .browse-list__content .browse-list__head .date { padding-top: 5px; }
  .browse-list .browse-list__content .message__header { padding-top: 5px; }
  .browse-list .browse-list__content .message__header > span { margin-bottom: 5px; }
  .browse-list .browse-list__content .browse-list__details > span { margin-bottom: 5px; }
  .browse-list .browse-list__play { display: none; } }

.browse-list__container { position: relative; }
.browse-list__container > hr { margin: 0 20px; }
.browse-list__container.browse-list--assessment .browse-list .browse-list__row .browse-list__play a { color: #555FA8; }
.browse-list__container.browse-list--assessment .browse-list .browse-list__row .browse-list__checkbox .checkbox input:checked + span:before { border: 1px solid #555FA8; background-color: #555FA8; }
.browse-list__container.browse-list--assessment .browse-list.checked { background-color: #F9F9F9; }
.browse-list__container.browse-list--assessment .browse-list.checked .browse-list__checkbox { border-color: #555FA8; }
@media (min-width: 1100px) { .browse-list__container.browse-list--assessment .browse-list:hover .browse-list__checkbox { border-color: #555FA8; } }
.browse-list__container.browse-list--black .browse-list .browse-list__row .browse-list__play a { color: #000; }
.browse-list__container.browse-list--black .browse-list .browse-list__row .browse-list__checkbox .checkbox input:checked + span:before { border: 1px solid #000; background-color: #000; }
.browse-list__container.browse-list--black .browse-list.checked { background-color: #F9F9F9; }
.browse-list__container.browse-list--black .browse-list.checked .browse-list__checkbox { border-color: #000; }
@media (min-width: 1100px) { .browse-list__container.browse-list--black .browse-list:hover .browse-list__checkbox { border-color: #000; } }
.browse-list__container.browse-list--interview .browse-list .browse-list__row .browse-list__play a { color: #0B8FCF; }
.browse-list__container.browse-list--interview .browse-list .browse-list__row .browse-list__checkbox .checkbox input:checked + span:before { border: 1px solid #0B8FCF; background-color: #0B8FCF; }
.browse-list__container.browse-list--interview .browse-list.checked { background-color: #F9F9F9; }
.browse-list__container.browse-list--interview .browse-list.checked .browse-list__checkbox { border-color: #0B8FCF; }
@media (min-width: 1100px) { .browse-list__container.browse-list--interview .browse-list:hover .browse-list__checkbox { border-color: #0B8FCF; } }
.browse-list__container.browse-list--occupation .browse-list .browse-list__row .browse-list__play a { color: #7F97B6; }
.browse-list__container.browse-list--occupation .browse-list .browse-list__row .browse-list__checkbox .checkbox input:checked + span:before { border: 1px solid #7F97B6; background-color: #7F97B6; }
.browse-list__container.browse-list--occupation .browse-list.checked { background-color: #F9F9F9; }
.browse-list__container.browse-list--occupation .browse-list.checked .browse-list__checkbox { border-color: #7F97B6; }
@media (min-width: 1100px) { .browse-list__container.browse-list--occupation .browse-list:hover .browse-list__checkbox { border-color: #7F97B6; } }
.browse-list__container.browse-list--organization .browse-list .browse-list__row .browse-list__play a { color: #A75A7B; }
.browse-list__container.browse-list--organization .browse-list .browse-list__row .browse-list__checkbox .checkbox input:checked + span:before { border: 1px solid #A75A7B; background-color: #A75A7B; }
.browse-list__container.browse-list--organization .browse-list.checked { background-color: #F9F9F9; }
.browse-list__container.browse-list--organization .browse-list.checked .browse-list__checkbox { border-color: #A75A7B; }
@media (min-width: 1100px) { .browse-list__container.browse-list--organization .browse-list:hover .browse-list__checkbox { border-color: #A75A7B; } }
.browse-list__container.browse-list--outcome .browse-list .browse-list__row .browse-list__play a { color: #C58042; }
.browse-list__container.browse-list--outcome .browse-list .browse-list__row .browse-list__checkbox .checkbox input:checked + span:before { border: 1px solid #C58042; background-color: #C58042; }
.browse-list__container.browse-list--outcome .browse-list.checked { background-color: #F9F9F9; }
.browse-list__container.browse-list--outcome .browse-list.checked .browse-list__checkbox { border-color: #C58042; }
@media (min-width: 1100px) { .browse-list__container.browse-list--outcome .browse-list:hover .browse-list__checkbox { border-color: #C58042; } }
.browse-list__container.browse-list--question .browse-list .browse-list__row .browse-list__play a, .browse-list__container.browse-list--interview_question .browse-list .browse-list__row .browse-list__play a { color: #F35E24; }
.browse-list__container.browse-list--question .browse-list .browse-list__row .browse-list__checkbox .checkbox input:checked + span:before, .browse-list__container.browse-list--interview_question .browse-list .browse-list__row .browse-list__checkbox .checkbox input:checked + span:before { border: 1px solid #F35E24; background-color: #F35E24; }
.browse-list__container.browse-list--question .browse-list.checked, .browse-list__container.browse-list--interview_question .browse-list.checked { background-color: #F9F9F9; }
.browse-list__container.browse-list--question .browse-list.checked .browse-list__checkbox, .browse-list__container.browse-list--interview_question .browse-list.checked .browse-list__checkbox { border-color: #F35E24; }
@media (min-width: 1100px) { .browse-list__container.browse-list--question .browse-list:hover .browse-list__checkbox, .browse-list__container.browse-list--interview_question .browse-list:hover .browse-list__checkbox { border-color: #F35E24; } }
.browse-list__container.browse-list--quizz .browse-list .browse-list__row .browse-list__play a { color: #33C1B2; }
.browse-list__container.browse-list--quizz .browse-list .browse-list__row .browse-list__checkbox .checkbox input:checked + span:before { border: 1px solid #33C1B2; background-color: #33C1B2; }
.browse-list__container.browse-list--quizz .browse-list.checked { background-color: #F9F9F9; }
.browse-list__container.browse-list--quizz .browse-list.checked .browse-list__checkbox { border-color: #33C1B2; }
@media (min-width: 1100px) { .browse-list__container.browse-list--quizz .browse-list:hover .browse-list__checkbox { border-color: #33C1B2; } }
.browse-list__container.browse-list--career-advice .browse-list .browse-list__row .browse-list__play a { color: #5C7DBC; }
.browse-list__container.browse-list--career-advice .browse-list .browse-list__row .browse-list__checkbox .checkbox input:checked + span:before { border: 1px solid #5C7DBC; background-color: #5C7DBC; }
.browse-list__container.browse-list--career-advice .browse-list.checked { background-color: #F9F9F9; }
.browse-list__container.browse-list--career-advice .browse-list.checked .browse-list__checkbox { border-color: #5C7DBC; }
@media (min-width: 1100px) { .browse-list__container.browse-list--career-advice .browse-list:hover .browse-list__checkbox { border-color: #5C7DBC; } }
.browse-list__container.browse-list--rubric .browse-list .browse-list__row .browse-list__play a { color: #7582BB; }
.browse-list__container.browse-list--rubric .browse-list .browse-list__row .browse-list__checkbox .checkbox input:checked + span:before { border: 1px solid #7582BB; background-color: #7582BB; }
.browse-list__container.browse-list--rubric .browse-list.checked { background-color: #F9F9F9; }
.browse-list__container.browse-list--rubric .browse-list.checked .browse-list__checkbox { border-color: #7582BB; }
@media (min-width: 1100px) { .browse-list__container.browse-list--rubric .browse-list:hover .browse-list__checkbox { border-color: #7582BB; } }
.browse-list__container.browse-list--user .browse-list .browse-list__row .browse-list__play a { color: #D64C4C; }
.browse-list__container.browse-list--user .browse-list .browse-list__row .browse-list__checkbox .checkbox input:checked + span:before { border: 1px solid #D64C4C; background-color: #D64C4C; }
.browse-list__container.browse-list--user .browse-list.checked { background-color: #F9F9F9; }
.browse-list__container.browse-list--user .browse-list.checked .browse-list__checkbox { border-color: #D64C4C; }
@media (min-width: 1100px) { .browse-list__container.browse-list--user .browse-list:hover .browse-list__checkbox { border-color: #D64C4C; } }
@media (max-width: 739px) { .browse-list__container { margin: 0; }
  .box__list .browse-list__container { margin: 0 20px; } }

.browse-list.darker .browse-list__title { color: white; }

.portfolio-items .darker { border-right: none; background-color: #343A40; }
.portfolio-items .browse-list__content a { color: #F1F2F4; }
.portfolio-items .browse-list__row:nth-child(even) { background-color: transparent; }
.portfolio-items .browse-list__row:nth-child(even):hover { background-color: transparent; }
.portfolio-items .browse-list__row:hover { background-color: transparent; }
.portfolio-items .browse-list__row button.dropdown-toggle { color: #F1F2F4; }
.portfolio-items input { opacity: 0; position: absolute; pointer-events: none; }
.portfolio-items input:focus ~ label { outline: -webkit-focus-ring-color auto 5px; }
.portfolio-items input:checked + p { -webkit-line-clamp: unset; }
.portfolio-items input:checked ~ label { display: none; }
.portfolio-items p { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; color: rgba(255, 255, 255, 0.8); }
.portfolio-items p:not(.truncated) ~ label { display: none; }
.portfolio-items label { margin-top: 7px; display: inline-block; font-size: 12px; border-radius: 4px; padding: 0.4em 0.6em; border: 1px solid #4A4F55; color: #fff; transition: all .3s; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom: 0; }
.portfolio-items label:hover { background-color: #4376E2; border: 1px solid #4376E2; }
.portfolio-items .browse-list__avatar .border { width: 48px; height: 48px; padding: 4px; border: none; border-radius: 50%; display: inline-block; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; vertical-align: middle; background-color: rgba(255, 255, 255, 0.1); }

.grid { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: inherit; flex-wrap: wrap; }
.grid .grid__item { width: calc(33.3333% - 40px); margin: 20px; background-color: #FFF; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: inherit; flex-direction: column; }
.grid .grid__item .grid__action { position: absolute; top: 12px; right: 2px; opacity: 0; visibility: hidden; z-index: 3; }
.grid .grid__item .grid__action .btn-circle { font-size: 20px; border-color: #FFF; }
.grid .grid__item .grid__avatar { width: 100px; height: 100px; border-radius: 100%; margin-right: 20px; }
.grid .grid__item .grid__avatar > img { border-radius: 100%; }
.grid .grid__item .grid__checkbox { width: 40px; text-align: left; }
.grid .grid__item .grid__checkbox .checkbox, .grid .grid__item .grid__checkbox .radio { margin-bottom: 0; }
.grid .grid__item .grid__name { width: calc(100% - 160px); }
.grid .grid__item .grid__name .border { float: left; width: 30px; height: 30px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); margin-right: 3px; }
.grid .grid__item .grid__name a.border > img { border-radius: 50%; }
.grid .grid__item .grid__name a, .grid .grid__item .grid__name span { display: block; }
.grid .grid__item .grid__name a, .grid .grid__item .grid__name p { font-size: 12px; line-height: 18px; color: #FFF; display: block; display: -webkit-box; max-height: 72px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; margin-top: 5px; }
.grid .grid__item .grid__name span { font-size: 11px; color: rgba(255, 255, 255, 0.8); display: block; padding-top: 4px; }
.grid .grid__item .grid__name span:empty { display: none; }
.grid .grid__item .grid__profile { background-color: #1C2430; background-size: cover; background-position: center center; padding: 30px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; position: relative; }
.grid .grid__item .grid__profile .icon-preview { border: 1px solid #FFF; padding: 1px; border-radius: 100%; margin-right: 10px; }
.grid .grid__item .grid__profile .se-avatar { margin-right: 10px; }
.grid .grid__item .grid__text { background-color: rgba(0, 0, 0, 0.6); padding: 15px 20px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; position: absolute; bottom: 0; left: 0; text-align: left; }
.grid .grid__item .grid__text .grid__name { width: calc(100% - 50px); }
.grid .grid__item .grid__text figure { width: 40px; margin-right: 20px; }
.grid .grid__item .grid__text figure + .grid__name { max-width: calc(100% - 100px); }
.grid .grid__item .grid__preview { position: relative; -webkit-box-shadow: -1px 10px 35px 0px rgba(0, 0, 0, 0.11); -moz-box-shadow: -1px 10px 35px 0px rgba(0, 0, 0, 0.11); box-shadow: -1px 10px 35px 0px rgba(0, 0, 0, 0.11); }
.grid .grid__item .grid__preview:before { content: ""; display: block; padding-top: 100%; }
.grid .grid__item .grid__img { background-color: #4E555D; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; }
.grid .grid__item .grid__img a { width: 100%; }
.grid .grid__item .grid__img img[src$=".svg"] { width: 120px; }
.grid .grid__item .grid__no-preview { position: absolute; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; top: 0; left: 0; }
.grid .grid__item .grid__no-preview p { font-size: 16px; color: #FFF; margin: 10px 0 0; text-align: center; }
.grid .grid__item .grid__no-preview p > span { font-size: 11px; display: block; }
.grid .grid__item .grid__bottom { padding: 15px 20px; color: #443F3F; }
.grid .grid__item .grid__bottom p { font-size: 12px; margin-bottom: 3px; }
.grid .grid__item .grid__bottom p > i { width: 20px; font-size: 16px; vertical-align: middle; text-align: center; margin-right: 5px; }
.grid .grid__item--sm { width: calc(25% - 40px); }
.modal .grid { padding-left: 10px; padding-right: 10px; }
.modal .grid .grid__item { width: calc(33.3333% - 20px); margin: 10px; }
.modal .grid .grid__item .grid__avatar { width: 60px; height: 60px; }
.modal .grid .grid__item .grid__name { width: calc(100% - 120px); }
.modal .grid .grid__item .grid__profile { padding: 20px; }
.modal .grid .grid__item .grid__text { padding: 15px 10px; }
@media (min-width: 1100px) { .grid .grid__item:hover .grid__action { opacity: 1; visibility: visible; }
  .grid .grid__item .grid__action .btn-circle:hover { background-color: #FFF; color: #1C2430; } }
@media (min-width: 1100px) and (max-width: 1439px) { .grid .grid__item { width: calc(50% - 40px); }
  .grid .grid__item--sm { width: calc(33.333333% - 40px); } }
@media (max-width: 1099px) { .grid .grid__item { width: calc(50% - 40px); }
  .grid .grid__item--sm { width: calc(33.333333% - 40px); } }
@media (max-width: 739px) { .grid { padding: 10px; }
  .grid .grid__item { width: calc(100% - 20px); margin: 10px; }
  .grid .grid__item--sm { width: calc(100% - 20px); } }

.info-list { display: table; width: 100%; table-layout: fixed; padding: 15px 0; border-collapse: separate; border-spacing: 0 20px; }
.info-list.border-info-none { border-spacing: 0 !important; }
@media (max-width: 739px) { .info-list.border-info-none { padding-left: 30px; } }
.info-list.bookmark-right { padding-left: 15px; border-spacing: 0 6px; padding-top: 5px; padding-bottom: 0; }
.info-list .box__footer { width: 290px; text-align: center; margin: 0; border-top: 1px solid rgba(202, 202, 202, 0.5); white-space: nowrap; }
.info-list .box__footer a:not(.btn), .info-list .box__footer > span { color: #1C2430; font-weight: 600; line-height: 40px; }
.info-list .box__footer a:not(.btn) i, .info-list .box__footer > span i { font-size: 20px; margin-left: 10px; vertical-align: top; }
.info-list .bookmark-active { background-color: #0B67AF !important; }
.info-list .info-list__row { display: table-row; }
.info-list .info-list__row.text-info { display: flex; padding-bottom: 10px; }
.info-list .info-list__row.text-info.info-text__detail { padding-bottom: 3px; display: table-row; }
@media (max-width: 739px) { .info-list .info-list__row.text-info { flex-wrap: wrap; } }
@media (max-width: 1099px) { .info-list .info-list__row.text-info { align-items: center; } }
.info-list .info-list__row.info-list__row--assessment .info-list__avatar { border-left: 3px solid #555FA8; }
.info-list .info-list__row.info-list__row--black .info-list__avatar { border-left: 3px solid #000; }
.info-list .info-list__row.info-list__row--organization .info-list__avatar { border-left: 3px solid #A75A7B; }
.info-list .info-list__row.info-list__row--interview .info-list__avatar { border-left: 3px solid #0B8FCF; }
.info-list .info-list__row.info-list__row--occupation .info-list__avatar { border-left: 3px solid #7F97B6; }
.info-list .info-list__row.info-list__row--question .info-list__avatar { border-left: 3px solid #F35E24; }
.info-list .info-list__row.info-list__row--career-advice .info-list__avatar { border-left: 3px solid #5C7DBC; }
.info-list .info-list__row.info-list__row--rubric .info-list__avatar { border-left: 3px solid #7582BB; }
.info-list .info-list__row.info-list__row--user .info-list__avatar { border-left: 3px solid #D64C4C; }
.info-list .info-list__row.new { background-color: #F8F9F9; }
.info-list .info-list__row.new .info-list__content .info-list__title, .info-list .info-list__row.new .info-list__content .info-list__text, .info-list .info-list__row.new .info-list__content .info-list__bottom { font-weight: 600; }
.info-list .info-list__row.placeholder .info-list__avatar figure { background-color: #F8F9F9; border-color: #F8F9F9; }
.info-list .info-list__row.placeholder .info-list__content .info-list__title, .info-list .info-list__row.placeholder .info-list__content > p { background-color: #F8F9F9; height: 16px; width: 80%; }
.box--grid .info-list .info-list__row.placeholder .info-list__content .info-list__title, .box--grid .info-list .info-list__row.placeholder .info-list__content > p { width: 100%; }
.info-list .info-list__row.placeholder .info-list__content .info-list__text, .info-list .info-list__row.placeholder .info-list__content .info-list__bottom { background-color: #F8F9F9; height: 10px; width: 50%; }
.box--grid .info-list .info-list__row.placeholder .info-list__content .info-list__text, .box--grid .info-list .info-list__row.placeholder .info-list__content .info-list__bottom { margin-left: auto; margin-right: auto; }
.info-list .info-list__avatar, .info-list .info-list__badge, .info-list .info-list__checkbox, .info-list .info-list__content, .info-list .info-list__actions, .info-list .info-list__icon, .info-list .info-list__time, .info-list .info-list__other { display: table-cell; }
.info-list .info-list__avatar.info-list--middle, .info-list .info-list__badge.info-list--middle, .info-list .info-list__checkbox.info-list--middle, .info-list .info-list__content.info-list--middle, .info-list .info-list__actions.info-list--middle, .info-list .info-list__icon.info-list--middle, .info-list .info-list__time.info-list--middle, .info-list .info-list__other.info-list--middle { vertical-align: middle; }
.info-list .info-list__avatar.info-list--top, .info-list .info-list__badge.info-list--top, .info-list .info-list__checkbox.info-list--top, .info-list .info-list__content.info-list--top, .info-list .info-list__actions.info-list--top, .info-list .info-list__icon.info-list--top, .info-list .info-list__time.info-list--top, .info-list .info-list__other.info-list--top { vertical-align: top; padding-top: 12px; padding-bottom: 12px; }
.info-list .info-list__avatar { width: 60px; vertical-align: middle; padding-right: 20px; }
.info-list .info-list__avatar > a { display: block; color: #1C2430; }
.info-list .info-list__avatar > a > i:not(.icon-default) { font-size: 36px; }
.info-list .info-list__avatar .border { width: 40px; height: 40px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); }
.info-list .info-list__avatar .border img, .info-list .info-list__avatar .border i { border-radius: 50%; display: block; }
.info-list .info-list__avatar .icon-play { font-size: 40px; }
.info-list .info-list__avatar .icon-filter { font-size: 26px; }
.info-list .info-list__avatar.info-list__avatar--lg { width: 70px; }
.info-list .info-list__avatar.info-list__avatar--lg a.border { width: 50px; height: 50px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); }
.info-list .info-list__avatar.info-list__avatar--lg a.border img, .info-list .info-list__avatar.info-list__avatar--lg a.border i { border-radius: 50%; display: block; }
.info-list .info-list__badge { width: 60px; text-align: center; vertical-align: top; padding-right: 20px; }
.info-list .info-list__badge > a { display: block; }
.info-list .info-list__badge img { max-height: 60px; max-width: 40px; }
.info-list .info-list__badge.info-list__badge--lg { width: 100px; }
.info-list .info-list__badge.info-list__badge--lg img { max-width: 60px; }
.info-list .info-list__checkbox { width: 42px; vertical-align: middle; }
.info-list .info-list__checkbox label:before { background-color: #FFF; }
.info-list .info-list__content { vertical-align: middle; }
.info-list .info-list__content .btn { margin-left: 0; }
.info-list .info-list__content p { margin-bottom: 0; }
.info-list .info-list__content p > a { color: #2869CB; }
.info-list .info-list__content p.content-list { margin-bottom: 7px; }
.info-list .info-list__content p.list-col3 { padding-top: 7px; }
@media (max-width: 739px) { .info-list .info-list__content p { width: 200px; } }
@media (max-width: 1099px) { .info-list .info-list__content p { width: 90%; } }
.info-list .info-list__content .info-list__title { color: #1C2430; font-size: 13px; line-height: 18px; margin-bottom: 0; display: block; display: -webkit-box; max-height: 36px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.info-list .info-list__content .info-list__title.info-title-parent { font-size: 14px; font-weight: bold; }
.info-list .info-list__content .info-list__title.info-title-parent__nochild { font-size: 14px; }
.info-list .info-list__content .info-list__title:empty { display: none; }
.info-list .info-list__content .info-list__title .count { width: 26px; height: 26px; border: 1px solid #D9DBE2; color: #D9DBE2; font-size: 11px; font-weight: 600; line-height: 24px; text-align: center; margin-left: 15px; border-radius: 50%; display: inline-block; }
.info-list .info-list__content .info-list__title .small { color: #443F3F; font-size: 12px; }
.info-list .info-list__content .info-list__title.color-link { color: #2869CB; }
.info-list .info-list__content .info-list__title.info-list__title--short { display: block; display: -webkit-box; max-height: 20px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.info-list .info-list__content .info-list__text { color: #443F3F; font-size: 12px; line-height: 16px; display: block; display: -webkit-box; max-height: 32px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 4px 0 0; }
.info-list .info-list__content .info-list__text.info-list__text--short { display: block; display: -webkit-box; max-height: 20px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.info-list .info-list__content .info-list__bottom { display: block; font-size: 12px; color: rgba(54, 61, 71, 0.67); margin: 3px 0 0; }
.info-list .info-list__content .info-list__bottom img { max-width: 16px; margin-right: 5px; vertical-align: top; }
.info-list .info-list__content .info-list__bottom b { color: #1C2430; }
.info-list .info-list__content .info-list__bottom > i { position: relative; top: 1px; }
.info-list .info-list__content .info-list__bottom.color-link { color: #2869CB; font-weight: 600; }
.info-list .info-list__content > a figure, .info-list .info-list__content > p figure { width: 18px; height: 18px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); display: inline-block; margin-right: 8px; }
.info-list .info-list__content > a figure img, .info-list .info-list__content > a figure i, .info-list .info-list__content > p figure img, .info-list .info-list__content > p figure i { border-radius: 50%; display: block; }
.info-list .info-list__content .input--social { width: 90%; }
.info-list .info-list__content .info-list__mobile-details { position: relative; padding-top: 5px; line-height: 22px; }
.info-list .info-list__content .info-list__mobile-details i { font-size: 20px; color: #1C2430; margin-right: 5px; }
.info-list .info-list__content.info-list__note { padding: 10px 20px; }
.info-list .info-list__actions { width: 60px; display: table-cell; vertical-align: middle; text-align: center; position: relative; }
.info-list .info-list__actions button { width: 26px; height: 26px; background-color: transparent; font-size: 24px; line-height: 26px; }
.info-list .info-list__actions .dropdown-menu { top: auto; }
.info-list .info-list__icon { width: 70px; vertical-align: middle; text-align: center; padding: 0 0 0px 8px; }
.info-list .info-list__icon i { font-size: 20px; color: #1C2430; }
.info-list .info-list__icon.text-left { text-align: left; }
.info-list .info-list__icon.info-list__icon--sm { width: 40px; }
.info-list .info-list__time { width: 120px; vertical-align: middle; text-align: right; font-size: 10px; color: #999EA7; padding: 0 30px 0px 8px; }
.info-list .info-list__other { width: 130px; vertical-align: top; text-align: right; padding: 0 0 0px 8px; }
.info-list .info-list__other.text-left { text-align: left; }
.info-list.info-list--xs { border-spacing: 0; padding: 0; }
.info-list.info-list--xs .info-list__avatar { padding: 8px 15px 8px 20px; width: 78px; border-left: 3px solid #FFF; vertical-align: top; }
.info-list.info-list--xs .info-list__avatar.info-list__avatar--sm { width: 60px; padding-left: 0; padding-right: 5px; border-left: 0; text-align: center; }
.info-list.info-list--xs .info-list__avatar.info-list__avatar--sm > a > i:not(.icon-default) { font-size: 26px; }
.info-list.info-list--xs .info-list__content .info-list__title { font-size: 12px; }
.info-list.info-list--xs .info-list__content .info-list__bottom { font-size: 11px; margin: 0; }
.info-list.info-list--xs .info-list__actions { width: 90px; vertical-align: top; padding: 8px 10px 0 0; text-align: right; }
.info-list.info-list--xs .info-list__actions a { color: #1C2430; }
.info-list.info-list--xs .info-list__actions a i { color: #443F3F; }
.info-list.info-list--xs .info-list__time { vertical-align: top; padding: 14px 8px 0; width: 80px; }
.info-list.info-list--xs > .active { background-color: #F9F9F9; }
.info-list.info-list--sm { border-spacing: 0; padding: 0; }
.info-list.info-list--sm .info-list__avatar { padding: 12px 20px 12px 20px; width: 83px; border-left: 3px solid #FFF; }
.info-list.info-list--sm .info-list__content .info-list__bottom { margin: 0; }
.info-list.info-list--md { border-spacing: 0 10px; }
.info-list.info-list--lg { border-spacing: 0 40px; padding: 0; }
.info-list.info-list--comments { padding: 0 25px; }
.info-list.info-list--comments .info-list__avatar { vertical-align: top; }
.info-list.info-list--comments .info-list__content > p { font-size: 14px; line-height: 20px; }
.info-list.info-list--comments .info-list__content .info-list__bottom a { color: #000000; font-weight: 600; width: calc(100% - 80px); float: left; display: block; display: -webkit-box; max-height: 20px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.info-list.info-list--comments .info-list__content .info-list__bottom > span { width: 80px; display: inline-block; font-style: italic; }
.info-list.info-list--comments .info-list__content .info-list__text { font-size: 11px; color: #1C2430; padding-top: 15px; clear: both; }
.info-list.info-list--comments .info-list__content .info-list--comments { padding: 0; }
.info-list.info-list--comments .attachment { padding: 1px 0; }
.info-list.info-list--comments .attachment .attachment__img { max-width: 60%; float: left; }
.info-list.info-list--comments .attachment .attachment__img, .info-list.info-list--comments .attachment .attachment__img > img { display: block; }
.info-list.info-list--comments .attachment .attachment__action { float: left; margin-left: 20px; }
.info-list.info-list--white .info-list__content, .box.box--black .info-list .info-list__content, .box.box--dark .info-list .info-list__content, .box.box--gray .info-list .info-list__content, .box.box--red .info-list .info-list__content, .box.box--blue .info-list .info-list__content, .box.box--purple .info-list .info-list__content, .box.box--green .info-list .info-list__content, .box.box--orange .info-list .info-list__content, .box.box--caribbean .info-list .info-list__content, .box.box--brown .info-list .info-list__content { color: #FFF; }
.info-list.info-list--white .info-list__content .info-list__title, .box.box--black .info-list .info-list__content .info-list__title, .box.box--dark .info-list .info-list__content .info-list__title, .box.box--gray .info-list .info-list__content .info-list__title, .box.box--red .info-list .info-list__content .info-list__title, .box.box--blue .info-list .info-list__content .info-list__title, .box.box--purple .info-list .info-list__content .info-list__title, .box.box--green .info-list .info-list__content .info-list__title, .box.box--orange .info-list .info-list__content .info-list__title, .box.box--caribbean .info-list .info-list__content .info-list__title, .box.box--brown .info-list .info-list__content .info-list__title { color: #FFF; }
.info-list.info-list--white .info-list__content .info-list__text, .box.box--black .info-list .info-list__content .info-list__text, .box.box--dark .info-list .info-list__content .info-list__text, .box.box--gray .info-list .info-list__content .info-list__text, .box.box--red .info-list .info-list__content .info-list__text, .box.box--blue .info-list .info-list__content .info-list__text, .box.box--purple .info-list .info-list__content .info-list__text, .box.box--green .info-list .info-list__content .info-list__text, .box.box--orange .info-list .info-list__content .info-list__text, .box.box--caribbean .info-list .info-list__content .info-list__text, .box.box--brown .info-list .info-list__content .info-list__text { color: rgba(255, 255, 255, 0.8); }
.info-list.info-list--white .info-list__content .info-list__text b, .box.box--black .info-list .info-list__content .info-list__text b, .box.box--dark .info-list .info-list__content .info-list__text b, .box.box--gray .info-list .info-list__content .info-list__text b, .box.box--red .info-list .info-list__content .info-list__text b, .box.box--blue .info-list .info-list__content .info-list__text b, .box.box--purple .info-list .info-list__content .info-list__text b, .box.box--green .info-list .info-list__content .info-list__text b, .box.box--orange .info-list .info-list__content .info-list__text b, .box.box--caribbean .info-list .info-list__content .info-list__text b, .box.box--brown .info-list .info-list__content .info-list__text b { color: #FFF; }
.info-list.info-list--white .info-list__content .info-list__bottom, .box.box--black .info-list .info-list__content .info-list__bottom, .box.box--dark .info-list .info-list__content .info-list__bottom, .box.box--gray .info-list .info-list__content .info-list__bottom, .box.box--red .info-list .info-list__content .info-list__bottom, .box.box--blue .info-list .info-list__content .info-list__bottom, .box.box--purple .info-list .info-list__content .info-list__bottom, .box.box--green .info-list .info-list__content .info-list__bottom, .box.box--orange .info-list .info-list__content .info-list__bottom, .box.box--caribbean .info-list .info-list__content .info-list__bottom, .box.box--brown .info-list .info-list__content .info-list__bottom { color: rgba(255, 255, 255, 0.7); }
.info-list.info-list--white .info-list__content .info-list__bottom b, .box.box--black .info-list .info-list__content .info-list__bottom b, .box.box--dark .info-list .info-list__content .info-list__bottom b, .box.box--gray .info-list .info-list__content .info-list__bottom b, .box.box--red .info-list .info-list__content .info-list__bottom b, .box.box--blue .info-list .info-list__content .info-list__bottom b, .box.box--purple .info-list .info-list__content .info-list__bottom b, .box.box--green .info-list .info-list__content .info-list__bottom b, .box.box--orange .info-list .info-list__content .info-list__bottom b, .box.box--caribbean .info-list .info-list__content .info-list__bottom b, .box.box--brown .info-list .info-list__content .info-list__bottom b { color: #FFF; }
.info-list.info-list--white .info-list__content .info-list__bottom.color-link, .box.box--black .info-list .info-list__content .info-list__bottom.color-link, .box.box--dark .info-list .info-list__content .info-list__bottom.color-link, .box.box--gray .info-list .info-list__content .info-list__bottom.color-link, .box.box--red .info-list .info-list__content .info-list__bottom.color-link, .box.box--blue .info-list .info-list__content .info-list__bottom.color-link, .box.box--purple .info-list .info-list__content .info-list__bottom.color-link, .box.box--green .info-list .info-list__content .info-list__bottom.color-link, .box.box--orange .info-list .info-list__content .info-list__bottom.color-link, .box.box--caribbean .info-list .info-list__content .info-list__bottom.color-link, .box.box--brown .info-list .info-list__content .info-list__bottom.color-link { color: rgba(255, 255, 255, 0.7); font-weight: 400; }
.info-list.info-list--white .info-list__icon, .box.box--black .info-list .info-list__icon, .box.box--dark .info-list .info-list__icon, .box.box--gray .info-list .info-list__icon, .box.box--red .info-list .info-list__icon, .box.box--blue .info-list .info-list__icon, .box.box--purple .info-list .info-list__icon, .box.box--green .info-list .info-list__icon, .box.box--orange .info-list .info-list__icon, .box.box--caribbean .info-list .info-list__icon, .box.box--brown .info-list .info-list__icon { color: #FFF; }
.info-list.info-list--white .info-list__actions button, .box.box--black .info-list .info-list__actions button, .box.box--dark .info-list .info-list__actions button, .box.box--gray .info-list .info-list__actions button, .box.box--red .info-list .info-list__actions button, .box.box--blue .info-list .info-list__actions button, .box.box--purple .info-list .info-list__actions button, .box.box--green .info-list .info-list__actions button, .box.box--orange .info-list .info-list__actions button, .box.box--caribbean .info-list .info-list__actions button, .box.box--brown .info-list .info-list__actions button { color: #FFF; }
.info-list.info-list--white.info-list--comments .info-list__content .info-list__bottom a, .box.box--black .info-list.info-list--comments .info-list__content .info-list__bottom a, .box.box--dark .info-list.info-list--comments .info-list__content .info-list__bottom a, .box.box--gray .info-list.info-list--comments .info-list__content .info-list__bottom a, .box.box--red .info-list.info-list--comments .info-list__content .info-list__bottom a, .box.box--blue .info-list.info-list--comments .info-list__content .info-list__bottom a, .box.box--purple .info-list.info-list--comments .info-list__content .info-list__bottom a, .box.box--green .info-list.info-list--comments .info-list__content .info-list__bottom a, .box.box--orange .info-list.info-list--comments .info-list__content .info-list__bottom a, .box.box--caribbean .info-list.info-list--comments .info-list__content .info-list__bottom a, .box.box--brown .info-list.info-list--comments .info-list__content .info-list__bottom a { color: #FFF; }
.info-list.info-list--white.info-list--comments .info-list__content .info-list__bottom a > span, .box.box--black .info-list.info-list--comments .info-list__content .info-list__bottom a > span, .box.box--dark .info-list.info-list--comments .info-list__content .info-list__bottom a > span, .box.box--gray .info-list.info-list--comments .info-list__content .info-list__bottom a > span, .box.box--red .info-list.info-list--comments .info-list__content .info-list__bottom a > span, .box.box--blue .info-list.info-list--comments .info-list__content .info-list__bottom a > span, .box.box--purple .info-list.info-list--comments .info-list__content .info-list__bottom a > span, .box.box--green .info-list.info-list--comments .info-list__content .info-list__bottom a > span, .box.box--orange .info-list.info-list--comments .info-list__content .info-list__bottom a > span, .box.box--caribbean .info-list.info-list--comments .info-list__content .info-list__bottom a > span, .box.box--brown .info-list.info-list--comments .info-list__content .info-list__bottom a > span { color: rgba(255, 255, 255, 0.7); }
.info-list.info-list--white.info-list--comments .info-list__content .info-list__bottom > span, .box.box--black .info-list.info-list--comments .info-list__content .info-list__bottom > span, .box.box--dark .info-list.info-list--comments .info-list__content .info-list__bottom > span, .box.box--gray .info-list.info-list--comments .info-list__content .info-list__bottom > span, .box.box--red .info-list.info-list--comments .info-list__content .info-list__bottom > span, .box.box--blue .info-list.info-list--comments .info-list__content .info-list__bottom > span, .box.box--purple .info-list.info-list--comments .info-list__content .info-list__bottom > span, .box.box--green .info-list.info-list--comments .info-list__content .info-list__bottom > span, .box.box--orange .info-list.info-list--comments .info-list__content .info-list__bottom > span, .box.box--caribbean .info-list.info-list--comments .info-list__content .info-list__bottom > span, .box.box--brown .info-list.info-list--comments .info-list__content .info-list__bottom > span { color: rgba(255, 255, 255, 0.7); }
.info-list.info-list--center { padding-top: 20px !important; }
.info-list.info-list--center .info-list__content .info-list__title, .info-list.info-list--center .info-list__content .info-list__text, .info-list.info-list--center .info-list__content .info-list__bottom { margin-left: auto; margin-right: auto; text-align: center; }
.info-list.info-list--border { padding: 0; border-spacing: 0; border-bottom: 1px solid rgba(202, 202, 202, 0.5); }
.info-list.info-list--border .info-list__row > * { border-top: 1px solid rgba(202, 202, 202, 0.5); padding-top: 20px; padding-bottom: 10px; }
.info-list.info-list--border .info-list__avatar { width: 72px; }
.info-list.info-list--color { margin-top: 10px; border-spacing: 0; padding: 20px 0 20px 20px; background-image: linear-gradient(to right, #dbdbdb 20%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 8px 2px; background-repeat: repeat-x; margin: 10px 0 0; }
.info-list.info-list--hover { border-spacing: 0; padding: 0; }
.info-list.info-list--hover .info-list__avatar { width: 55px; padding-right: 0; padding-left: 20px; }
.info-list.info-list--hover .info-list__content { padding: 12px 20px; }
.info-list.info-list--hover .info-list__content.list__content-drop { padding-top: 0; }
.info-list.info-list--hover .info-list__content .info-list__text { margin-top: 0; margin-bottom: 5px; }
.info-list.info-list--hover .info-list__content .info-list__content__tall { padding: 20px; }
.info-list.info-list--hover.edited { background-color: #F9F9F9; }
.info-list.info-list--hover.edited .info-list__icon, .info-list.info-list--hover.edited .info-list__other { display: none; }
.info-list.info-list--hover.edited + .edited__buttons { background-color: #F9F9F9; }
.info-list.info-list--first .info-list__row:nth-of-type(1n + 2) { display: none; }
.info-list.info-list--first .info-list__title.btn-empty > i { font-size: 18px; font-weight: 600; margin-left: 10px; }
.info-list.info-list--first.open .info-list__row:nth-of-type(1n + 2) { display: table-row; }
.info-list.info-list--first.open .info-list__title.btn-empty > i:before { content: '\f106'; }
.info-list.info-list--first + hr { background-image: linear-gradient(to right, #dbdbdb 20%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 8px 2px; background-repeat: repeat-x; border-top: 0; margin: 10px 0; height: 2px; }
.info-list .active-question .info-list__icon, .info-list .active-question .info-list__content .info-list__title { color: #F35E24; font-weight: 600; }
@media (min-width: 1100px) { .info-list .info-list__avatar > a:hover, .info-list .info-list__badge > a:hover { opacity: 0.7; }
  .info-list.info-list--hover:hover { background-color: #F9F9F9; }
  .info-list.info-list--hover:hover .info-list__actions button { color: #1C2430; }
  .info-list.info-list--hover:hover + .edited__buttons { background-color: #F9F9F9; } }
@media (max-width: 739px) { .info-list .info-list__content .input--social { width: 100%; }
  .info-list .info-list__icon { width: 40px; padding: 0; }
  .info-list.info-list--comments { padding: 0 20px; }
  .info-list.info-list--border .info-list__avatar, .info-list.info-list--border .info-list__icon { width: 60px; }
  .info-list.info-list--xs .info-list__avatar { padding: 8px 15px 8px 10px; width: 68px; } }

.info-list-noexp { display: table; width: 100%; table-layout: fixed; padding: 5px 0 0 20px; border-collapse: separate; border-spacing: 0 5px; }
.info-list-noexp .info-list__row { display: table-row; }
@media (max-width: 739px) { .info-list-noexp .info-list__row { flex-wrap: wrap !important; display: block; } }
.info-list-noexp .info-list__content, .info-list-noexp .info-list__actions { display: table-cell; }
.info-list-noexp .info-list__content.info-list--middle, .info-list-noexp .info-list__actions.info-list--middle { vertical-align: middle; }
.info-list-noexp .info-list__content.info-list--top, .info-list-noexp .info-list__actions.info-list--top { vertical-align: top; padding-top: 12px; padding-bottom: 12px; }
.info-list-noexp .info-list__content { vertical-align: middle; }
.info-list-noexp .info-list__content .btn { margin-left: 0; }
.info-list-noexp .info-list__content p { margin-bottom: 0; }
.info-list-noexp .info-list__content .info-list__title { color: #1C2430; font-size: 13px; line-height: 18px; margin-bottom: 0; display: block; display: -webkit-box; max-height: 36px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.info-list-noexp .info-list__content .info-list__title:empty { display: none; }
.info-list-noexp .info-list__content .info-list__title .count { width: 26px; height: 26px; border: 1px solid #D9DBE2; color: #D9DBE2; font-size: 11px; font-weight: 600; line-height: 24px; text-align: center; margin-left: 15px; border-radius: 50%; display: inline-block; }
.info-list-noexp .info-list__content .info-list__title .small { color: #443F3F; font-size: 12px; }
.info-list-noexp .info-list__content .info-list__title.color-link { color: #2869CB; }
.info-list-noexp .info-list__content .info-list__title.info-list__title--short { display: block; display: -webkit-box; max-height: 20px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.info-list-noexp .info-list__content .info-list__text { color: #443F3F; font-size: 12px; line-height: 16px; display: block; display: -webkit-box; max-height: 32px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 4px 0 0; }
.info-list-noexp .info-list__content .info-list__text.info-list__text--short { display: block; display: -webkit-box; max-height: 20px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.info-list-noexp .info-list__content .info-list__bottom { display: block; font-size: 12px; color: rgba(54, 61, 71, 0.67); margin: 3px 0 0; }
.info-list-noexp .info-list__content .info-list__bottom img { max-width: 16px; margin-right: 5px; vertical-align: top; }
.info-list-noexp .info-list__content .info-list__bottom b { color: #1C2430; }
.info-list-noexp .info-list__content .info-list__bottom > i { position: relative; top: 1px; }
.info-list-noexp .info-list__content .info-list__bottom.color-link { color: #2869CB; font-weight: 600; }
.info-list-noexp .info-list__content > a figure, .info-list-noexp .info-list__content > p figure { width: 18px; height: 18px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); display: inline-block; margin-right: 8px; }
.info-list-noexp .info-list__content > a figure img, .info-list-noexp .info-list__content > a figure i, .info-list-noexp .info-list__content > p figure img, .info-list-noexp .info-list__content > p figure i { border-radius: 50%; display: block; }
.info-list-noexp .info-list__content .input--social { width: 90%; }
.info-list-noexp .info-list__content .info-list__mobile-details { position: relative; padding-top: 5px; line-height: 22px; }
.info-list-noexp .info-list__content .info-list__mobile-details i { font-size: 20px; color: #1C2430; margin-right: 5px; }
.info-list-noexp .info-list__content.info-list__note { padding: 10px 20px; }
.info-list-noexp .info-list__actions { width: 60px; display: table-cell; vertical-align: middle; text-align: center; position: relative; }
.info-list-noexp .info-list__actions button { width: 26px; height: 26px; background-color: transparent; font-size: 24px; line-height: 26px; }
.info-list-noexp .info-list__actions .dropdown-menu { top: auto; }
@media (max-width: 739px) { .info-list-noexp .info-list__actions { right: 0; top: 25px; position: absolute; margin: auto; } }
.info-list-noexp .info-list__icon { width: 70px; vertical-align: middle; text-align: center; padding: 0 0 0px 8px; }
.info-list-noexp .info-list__icon i { font-size: 20px; color: #1C2430; }
.info-list-noexp .info-list__icon.text-left { text-align: left; }
.info-list-noexp .info-list__icon.info-list__icon--sm { width: 40px; }
.info-list-noexp.info-list--xs { border-spacing: 0; padding: 0; }
.info-list-noexp.info-list--xs .info-list__avatar { padding: 8px 15px 8px 20px; width: 78px; border-left: 3px solid #FFF; vertical-align: top; }
.info-list-noexp.info-list--xs .info-list__avatar.info-list__avatar--sm { width: 60px; padding-left: 0; padding-right: 5px; border-left: 0; text-align: center; }
.info-list-noexp.info-list--xs .info-list__avatar.info-list__avatar--sm > a > i:not(.icon-default) { font-size: 26px; }
.info-list-noexp.info-list--xs .info-list__content .info-list__title { font-size: 12px; }
.info-list-noexp.info-list--xs .info-list__content .info-list__bottom { font-size: 11px; margin: 0; }
.info-list-noexp.info-list--xs .info-list__actions { width: 90px; vertical-align: top; padding: 8px 10px 0 0; text-align: right; }
.info-list-noexp.info-list--xs .info-list__actions a { color: #1C2430; }
.info-list-noexp.info-list--xs .info-list__actions a i { color: #443F3F; }
.info-list-noexp.info-list--xs .info-list__time { vertical-align: top; padding: 14px 8px 0; width: 80px; }
.info-list-noexp.info-list--xs > .active { background-color: #F9F9F9; }
.info-list-noexp.info-list--sm { border-spacing: 0; padding: 0; }
.info-list-noexp.info-list--sm .info-list__avatar { padding: 12px 20px 12px 20px; width: 83px; border-left: 3px solid #FFF; }
.info-list-noexp.info-list--sm .info-list__content .info-list__bottom { margin: 0; }
.info-list-noexp.info-list--md { border-spacing: 0 10px; }
.info-list-noexp.info-list--lg { border-spacing: 0 40px; padding: 0; }
.info-list-noexp.info-list--comments { padding: 0 25px; }
.info-list-noexp.info-list--comments .info-list__avatar { vertical-align: top; }
.info-list-noexp.info-list--comments .info-list__content > p { font-size: 14px; line-height: 20px; }
.info-list-noexp.info-list--comments .info-list__content .info-list__bottom a { color: #000000; font-weight: 600; width: calc(100% - 80px); float: left; display: block; display: -webkit-box; max-height: 20px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.info-list-noexp.info-list--comments .info-list__content .info-list__bottom > span { width: 80px; display: inline-block; font-style: italic; }
.info-list-noexp.info-list--comments .info-list__content .info-list__text { font-size: 11px; color: #1C2430; padding-top: 15px; clear: both; }
.info-list-noexp.info-list--comments .info-list__content .info-list--comments { padding: 0; }
.info-list-noexp.info-list--comments .attachment { padding: 1px 0; }
.info-list-noexp.info-list--comments .attachment .attachment__img { max-width: 60%; float: left; }
.info-list-noexp.info-list--comments .attachment .attachment__img, .info-list-noexp.info-list--comments .attachment .attachment__img > img { display: block; }
.info-list-noexp.info-list--comments .attachment .attachment__action { float: left; margin-left: 20px; }
.info-list-noexp.info-list--white .info-list__content, .box.box--black .info-list-noexp.info-list .info-list__content, .box.box--dark .info-list-noexp.info-list .info-list__content, .box.box--gray .info-list-noexp.info-list .info-list__content, .box.box--red .info-list-noexp.info-list .info-list__content, .box.box--blue .info-list-noexp.info-list .info-list__content, .box.box--purple .info-list-noexp.info-list .info-list__content, .box.box--green .info-list-noexp.info-list .info-list__content, .box.box--orange .info-list-noexp.info-list .info-list__content, .box.box--caribbean .info-list-noexp.info-list .info-list__content, .box.box--brown .info-list-noexp.info-list .info-list__content { color: #FFF; }
.info-list-noexp.info-list--white .info-list__content .info-list__title, .box.box--black .info-list-noexp.info-list .info-list__content .info-list__title, .box.box--dark .info-list-noexp.info-list .info-list__content .info-list__title, .box.box--gray .info-list-noexp.info-list .info-list__content .info-list__title, .box.box--red .info-list-noexp.info-list .info-list__content .info-list__title, .box.box--blue .info-list-noexp.info-list .info-list__content .info-list__title, .box.box--purple .info-list-noexp.info-list .info-list__content .info-list__title, .box.box--green .info-list-noexp.info-list .info-list__content .info-list__title, .box.box--orange .info-list-noexp.info-list .info-list__content .info-list__title, .box.box--caribbean .info-list-noexp.info-list .info-list__content .info-list__title, .box.box--brown .info-list-noexp.info-list .info-list__content .info-list__title { color: #FFF; }
.info-list-noexp.info-list--white .info-list__content .info-list__text, .box.box--black .info-list-noexp.info-list .info-list__content .info-list__text, .box.box--dark .info-list-noexp.info-list .info-list__content .info-list__text, .box.box--gray .info-list-noexp.info-list .info-list__content .info-list__text, .box.box--red .info-list-noexp.info-list .info-list__content .info-list__text, .box.box--blue .info-list-noexp.info-list .info-list__content .info-list__text, .box.box--purple .info-list-noexp.info-list .info-list__content .info-list__text, .box.box--green .info-list-noexp.info-list .info-list__content .info-list__text, .box.box--orange .info-list-noexp.info-list .info-list__content .info-list__text, .box.box--caribbean .info-list-noexp.info-list .info-list__content .info-list__text, .box.box--brown .info-list-noexp.info-list .info-list__content .info-list__text { color: rgba(255, 255, 255, 0.8); }
.info-list-noexp.info-list--white .info-list__content .info-list__text b, .box.box--black .info-list-noexp.info-list .info-list__content .info-list__text b, .box.box--dark .info-list-noexp.info-list .info-list__content .info-list__text b, .box.box--gray .info-list-noexp.info-list .info-list__content .info-list__text b, .box.box--red .info-list-noexp.info-list .info-list__content .info-list__text b, .box.box--blue .info-list-noexp.info-list .info-list__content .info-list__text b, .box.box--purple .info-list-noexp.info-list .info-list__content .info-list__text b, .box.box--green .info-list-noexp.info-list .info-list__content .info-list__text b, .box.box--orange .info-list-noexp.info-list .info-list__content .info-list__text b, .box.box--caribbean .info-list-noexp.info-list .info-list__content .info-list__text b, .box.box--brown .info-list-noexp.info-list .info-list__content .info-list__text b { color: #FFF; }
.info-list-noexp.info-list--white .info-list__content .info-list__bottom, .box.box--black .info-list-noexp.info-list .info-list__content .info-list__bottom, .box.box--dark .info-list-noexp.info-list .info-list__content .info-list__bottom, .box.box--gray .info-list-noexp.info-list .info-list__content .info-list__bottom, .box.box--red .info-list-noexp.info-list .info-list__content .info-list__bottom, .box.box--blue .info-list-noexp.info-list .info-list__content .info-list__bottom, .box.box--purple .info-list-noexp.info-list .info-list__content .info-list__bottom, .box.box--green .info-list-noexp.info-list .info-list__content .info-list__bottom, .box.box--orange .info-list-noexp.info-list .info-list__content .info-list__bottom, .box.box--caribbean .info-list-noexp.info-list .info-list__content .info-list__bottom, .box.box--brown .info-list-noexp.info-list .info-list__content .info-list__bottom { color: rgba(255, 255, 255, 0.7); }
.info-list-noexp.info-list--white .info-list__content .info-list__bottom b, .box.box--black .info-list-noexp.info-list .info-list__content .info-list__bottom b, .box.box--dark .info-list-noexp.info-list .info-list__content .info-list__bottom b, .box.box--gray .info-list-noexp.info-list .info-list__content .info-list__bottom b, .box.box--red .info-list-noexp.info-list .info-list__content .info-list__bottom b, .box.box--blue .info-list-noexp.info-list .info-list__content .info-list__bottom b, .box.box--purple .info-list-noexp.info-list .info-list__content .info-list__bottom b, .box.box--green .info-list-noexp.info-list .info-list__content .info-list__bottom b, .box.box--orange .info-list-noexp.info-list .info-list__content .info-list__bottom b, .box.box--caribbean .info-list-noexp.info-list .info-list__content .info-list__bottom b, .box.box--brown .info-list-noexp.info-list .info-list__content .info-list__bottom b { color: #FFF; }
.info-list-noexp.info-list--white .info-list__content .info-list__bottom.color-link, .box.box--black .info-list-noexp.info-list .info-list__content .info-list__bottom.color-link, .box.box--dark .info-list-noexp.info-list .info-list__content .info-list__bottom.color-link, .box.box--gray .info-list-noexp.info-list .info-list__content .info-list__bottom.color-link, .box.box--red .info-list-noexp.info-list .info-list__content .info-list__bottom.color-link, .box.box--blue .info-list-noexp.info-list .info-list__content .info-list__bottom.color-link, .box.box--purple .info-list-noexp.info-list .info-list__content .info-list__bottom.color-link, .box.box--green .info-list-noexp.info-list .info-list__content .info-list__bottom.color-link, .box.box--orange .info-list-noexp.info-list .info-list__content .info-list__bottom.color-link, .box.box--caribbean .info-list-noexp.info-list .info-list__content .info-list__bottom.color-link, .box.box--brown .info-list-noexp.info-list .info-list__content .info-list__bottom.color-link { color: rgba(255, 255, 255, 0.7); font-weight: 400; }
.info-list-noexp.info-list--white .info-list__icon, .box.box--black .info-list-noexp.info-list .info-list__icon, .box.box--dark .info-list-noexp.info-list .info-list__icon, .box.box--gray .info-list-noexp.info-list .info-list__icon, .box.box--red .info-list-noexp.info-list .info-list__icon, .box.box--blue .info-list-noexp.info-list .info-list__icon, .box.box--purple .info-list-noexp.info-list .info-list__icon, .box.box--green .info-list-noexp.info-list .info-list__icon, .box.box--orange .info-list-noexp.info-list .info-list__icon, .box.box--caribbean .info-list-noexp.info-list .info-list__icon, .box.box--brown .info-list-noexp.info-list .info-list__icon { color: #FFF; }
.info-list-noexp.info-list--white .info-list__actions button, .box.box--black .info-list-noexp.info-list .info-list__actions button, .box.box--dark .info-list-noexp.info-list .info-list__actions button, .box.box--gray .info-list-noexp.info-list .info-list__actions button, .box.box--red .info-list-noexp.info-list .info-list__actions button, .box.box--blue .info-list-noexp.info-list .info-list__actions button, .box.box--purple .info-list-noexp.info-list .info-list__actions button, .box.box--green .info-list-noexp.info-list .info-list__actions button, .box.box--orange .info-list-noexp.info-list .info-list__actions button, .box.box--caribbean .info-list-noexp.info-list .info-list__actions button, .box.box--brown .info-list-noexp.info-list .info-list__actions button { color: #FFF; }
.info-list-noexp.info-list--white.info-list--comments .info-list__content .info-list__bottom a, .box.box--black .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--dark .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--gray .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--red .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--blue .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--purple .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--green .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--orange .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--caribbean .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--brown .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a { color: #FFF; }
.info-list-noexp.info-list--white.info-list--comments .info-list__content .info-list__bottom a > span, .box.box--black .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--dark .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--gray .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--red .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--blue .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--purple .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--green .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--orange .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--caribbean .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--brown .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom a > span { color: rgba(255, 255, 255, 0.7); }
.info-list-noexp.info-list--white.info-list--comments .info-list__content .info-list__bottom > span, .box.box--black .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--dark .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--gray .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--red .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--blue .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--purple .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--green .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--orange .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--caribbean .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--brown .info-list-noexp.info-list--comments.info-list .info-list__content .info-list__bottom > span { color: rgba(255, 255, 255, 0.7); }
.info-list-noexp.info-list--center { padding-top: 20px !important; }
.info-list-noexp.info-list--center .info-list__content .info-list__title, .info-list-noexp.info-list--center .info-list__content .info-list__text, .info-list-noexp.info-list--center .info-list__content .info-list__bottom { margin-left: auto; margin-right: auto; text-align: center; }
.info-list-noexp.info-list--border { padding: 0; border-spacing: 0; border-bottom: 1px solid rgba(202, 202, 202, 0.5); }
.info-list-noexp.info-list--border .info-list__row > * { border-top: 1px solid rgba(202, 202, 202, 0.5); padding-top: 20px; padding-bottom: 10px; }
.info-list-noexp.info-list--border .info-list__avatar { width: 72px; }
.info-list-noexp.info-list--hover { border-spacing: 0; padding: 0; }
.info-list-noexp.info-list--hover .info-list__avatar { width: 55px; padding-right: 0; padding-left: 20px; }
.info-list-noexp.info-list--hover .info-list__content { padding: 12px 20px; }
@media (max-width: 739px) { .info-list-noexp.info-list--hover .info-list__content { padding-right: 40px; width: 80%; } }
.info-list-noexp.info-list--hover .info-list__content .info-list__text { margin-top: 0; margin-bottom: 5px; }
.info-list-noexp.info-list--hover .info-list__content .info-list__content__tall { padding: 20px; }
.info-list-noexp.info-list--hover.edited { background-color: #F9F9F9; }
.info-list-noexp.info-list--hover.edited .info-list__icon, .info-list-noexp.info-list--hover.edited .info-list__other { display: none; }
.info-list-noexp.info-list--hover.edited + .edited__buttons { background-color: #F9F9F9; }
.info-list-noexp.info-list--first .info-list__row:nth-of-type(1n + 2) { display: none; }
.info-list-noexp.info-list--first .info-list__title.btn-empty > i { font-size: 18px; font-weight: 600; margin-left: 10px; }
.info-list-noexp.info-list--first.open .info-list__row:nth-of-type(1n + 2) { display: table-row; }
.info-list-noexp.info-list--first.open .info-list__title.btn-empty > i:before { content: '\f106'; }
.info-list-noexp.info-list--first + hr { background-image: linear-gradient(to right, #dbdbdb 20%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 8px 2px; background-repeat: repeat-x; border-top: 0; margin: 10px 0; height: 2px; }
.info-list-noexp .active-question .info-list__icon, .info-list-noexp .active-question .info-list__content .info-list__title { color: #F35E24; font-weight: 600; }
@media (min-width: 1100px) { .info-list-noexp .info-list__avatar > a:hover, .info-list-noexp .info-list__badge > a:hover { opacity: 0.7; }
  .info-list-noexp.info-list--hover:hover { background-color: #F9F9F9; }
  .info-list-noexp.info-list--hover:hover .info-list__actions button { color: #1C2430; }
  .info-list-noexp.info-list--hover:hover + .edited__buttons { background-color: #F9F9F9; } }
@media (max-width: 739px) { .info-list-noexp .info-list__content .input--social { width: 100%; }
  .info-list-noexp .info-list__icon { width: 40px; padding: 0; }
  .info-list-noexp.info-list--comments { padding: 0 20px; }
  .info-list-noexp.info-list--border .info-list__avatar, .info-list-noexp.info-list--border .info-list__icon { width: 60px; }
  .info-list-noexp.info-list--xs .info-list__avatar { padding: 8px 15px 8px 10px; width: 68px; } }

.info-list-noexp-content { display: table; width: 100%; table-layout: fixed; padding: 0 0 20px 50px; border-collapse: separate; border-spacing: 0 5px; }
.info-list-noexp-content .info-list__row { display: table-row; }
.info-list-noexp-content .info-list__content, .info-list-noexp-content .info-list__actions { display: table-cell; }
.info-list-noexp-content .info-list__content.info-list--middle, .info-list-noexp-content .info-list__actions.info-list--middle { vertical-align: middle; }
.info-list-noexp-content .info-list__content.info-list--top, .info-list-noexp-content .info-list__actions.info-list--top { vertical-align: top; padding-top: 12px; padding-bottom: 12px; }
.info-list-noexp-content .info-list__content { vertical-align: middle; }
.info-list-noexp-content .info-list__content .btn { margin-left: 0; }
.info-list-noexp-content .info-list__content p { margin-bottom: 0; }
.info-list-noexp-content .info-list__content .info-list__title { color: #1C2430; font-size: 13px; line-height: 18px; margin-bottom: 0; display: block; display: -webkit-box; max-height: 36px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.info-list-noexp-content .info-list__content .info-list__title:empty { display: none; }
.info-list-noexp-content .info-list__content .info-list__title .count { width: 26px; height: 26px; border: 1px solid #D9DBE2; color: #D9DBE2; font-size: 11px; font-weight: 600; line-height: 24px; text-align: center; margin-left: 15px; border-radius: 50%; display: inline-block; }
.info-list-noexp-content .info-list__content .info-list__title .small { color: #443F3F; font-size: 12px; }
.info-list-noexp-content .info-list__content .info-list__title.color-link { color: #2869CB; }
.info-list-noexp-content .info-list__content .info-list__title.info-list__title--short { display: block; display: -webkit-box; max-height: 20px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.info-list-noexp-content .info-list__content .info-list__text { color: #443F3F; font-size: 12px; line-height: 16px; display: block; display: -webkit-box; max-height: 32px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 4px 0 0; }
.info-list-noexp-content .info-list__content .info-list__text.info-list__text--short { display: block; display: -webkit-box; max-height: 20px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.info-list-noexp-content .info-list__content .info-list__bottom { display: block; font-size: 12px; color: rgba(54, 61, 71, 0.67); margin: 3px 0 0; }
.info-list-noexp-content .info-list__content .info-list__bottom img { max-width: 16px; margin-right: 5px; vertical-align: top; }
.info-list-noexp-content .info-list__content .info-list__bottom b { color: #1C2430; }
.info-list-noexp-content .info-list__content .info-list__bottom > i { position: relative; top: 1px; }
.info-list-noexp-content .info-list__content .info-list__bottom.color-link { color: #2869CB; font-weight: 600; }
.info-list-noexp-content .info-list__content > a figure, .info-list-noexp-content .info-list__content > p figure { width: 18px; height: 18px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); display: inline-block; margin-right: 8px; }
.info-list-noexp-content .info-list__content > a figure img, .info-list-noexp-content .info-list__content > a figure i, .info-list-noexp-content .info-list__content > p figure img, .info-list-noexp-content .info-list__content > p figure i { border-radius: 50%; display: block; }
.info-list-noexp-content .info-list__content .input--social { width: 90%; }
.info-list-noexp-content .info-list__content .info-list__mobile-details { position: relative; padding-top: 5px; line-height: 22px; }
.info-list-noexp-content .info-list__content .info-list__mobile-details i { font-size: 20px; color: #1C2430; margin-right: 5px; }
.info-list-noexp-content .info-list__content.info-list__note { padding: 10px 20px; }
.info-list-noexp-content .info-list__actions { width: 60px; display: table-cell; vertical-align: middle; text-align: center; position: relative; }
.info-list-noexp-content .info-list__actions button { width: 26px; height: 26px; background-color: transparent; font-size: 24px; line-height: 26px; }
.info-list-noexp-content .info-list__actions .dropdown-menu { top: auto; }
@media (max-width: 739px) { .info-list-noexp-content .info-list__actions { right: 15px; top: 23px; position: absolute; margin: auto; } }
.info-list-noexp-content .info-list__icon { width: 70px; vertical-align: middle; text-align: center; padding: 0 0 0px 8px; }
.info-list-noexp-content .info-list__icon i { font-size: 20px; color: #1C2430; }
.info-list-noexp-content .info-list__icon.text-left { text-align: left; }
.info-list-noexp-content .info-list__icon.info-list__icon--sm { width: 40px; }
.info-list-noexp-content.info-list--xs { border-spacing: 0; padding: 0; }
.info-list-noexp-content.info-list--xs .info-list__avatar { padding: 8px 15px 8px 20px; width: 78px; border-left: 3px solid #FFF; vertical-align: top; }
.info-list-noexp-content.info-list--xs .info-list__avatar.info-list__avatar--sm { width: 60px; padding-left: 0; padding-right: 5px; border-left: 0; text-align: center; }
.info-list-noexp-content.info-list--xs .info-list__avatar.info-list__avatar--sm > a > i:not(.icon-default) { font-size: 26px; }
.info-list-noexp-content.info-list--xs .info-list__content .info-list__title { font-size: 12px; }
.info-list-noexp-content.info-list--xs .info-list__content .info-list__bottom { font-size: 11px; margin: 0; }
.info-list-noexp-content.info-list--xs .info-list__actions { width: 90px; vertical-align: top; padding: 8px 10px 0 0; text-align: right; }
.info-list-noexp-content.info-list--xs .info-list__actions a { color: #1C2430; }
.info-list-noexp-content.info-list--xs .info-list__actions a i { color: #443F3F; }
.info-list-noexp-content.info-list--xs .info-list__time { vertical-align: top; padding: 14px 8px 0; width: 80px; }
.info-list-noexp-content.info-list--xs > .active { background-color: #F9F9F9; }
.info-list-noexp-content.info-list--sm { border-spacing: 0; padding: 0; }
.info-list-noexp-content.info-list--sm .info-list__avatar { padding: 12px 20px 12px 20px; width: 83px; border-left: 3px solid #FFF; }
.info-list-noexp-content.info-list--sm .info-list__content .info-list__bottom { margin: 0; }
.info-list-noexp-content.info-list--md { border-spacing: 0 10px; }
.info-list-noexp-content.info-list--lg { border-spacing: 0 40px; padding: 0; }
.info-list-noexp-content.info-list--comments { padding: 0 25px; }
.info-list-noexp-content.info-list--comments .info-list__avatar { vertical-align: top; }
.info-list-noexp-content.info-list--comments .info-list__content > p { font-size: 14px; line-height: 20px; }
.info-list-noexp-content.info-list--comments .info-list__content .info-list__bottom a { color: #000000; font-weight: 600; width: calc(100% - 80px); float: left; display: block; display: -webkit-box; max-height: 20px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.info-list-noexp-content.info-list--comments .info-list__content .info-list__bottom > span { width: 80px; display: inline-block; font-style: italic; }
.info-list-noexp-content.info-list--comments .info-list__content .info-list__text { font-size: 11px; color: #1C2430; padding-top: 15px; clear: both; }
.info-list-noexp-content.info-list--comments .info-list__content .info-list--comments { padding: 0; }
.info-list-noexp-content.info-list--comments .attachment { padding: 1px 0; }
.info-list-noexp-content.info-list--comments .attachment .attachment__img { max-width: 60%; float: left; }
.info-list-noexp-content.info-list--comments .attachment .attachment__img, .info-list-noexp-content.info-list--comments .attachment .attachment__img > img { display: block; }
.info-list-noexp-content.info-list--comments .attachment .attachment__action { float: left; margin-left: 20px; }
.info-list-noexp-content.info-list--white .info-list__content, .box.box--black .info-list-noexp-content.info-list .info-list__content, .box.box--dark .info-list-noexp-content.info-list .info-list__content, .box.box--gray .info-list-noexp-content.info-list .info-list__content, .box.box--red .info-list-noexp-content.info-list .info-list__content, .box.box--blue .info-list-noexp-content.info-list .info-list__content, .box.box--purple .info-list-noexp-content.info-list .info-list__content, .box.box--green .info-list-noexp-content.info-list .info-list__content, .box.box--orange .info-list-noexp-content.info-list .info-list__content, .box.box--caribbean .info-list-noexp-content.info-list .info-list__content, .box.box--brown .info-list-noexp-content.info-list .info-list__content { color: #FFF; }
.info-list-noexp-content.info-list--white .info-list__content .info-list__title, .box.box--black .info-list-noexp-content.info-list .info-list__content .info-list__title, .box.box--dark .info-list-noexp-content.info-list .info-list__content .info-list__title, .box.box--gray .info-list-noexp-content.info-list .info-list__content .info-list__title, .box.box--red .info-list-noexp-content.info-list .info-list__content .info-list__title, .box.box--blue .info-list-noexp-content.info-list .info-list__content .info-list__title, .box.box--purple .info-list-noexp-content.info-list .info-list__content .info-list__title, .box.box--green .info-list-noexp-content.info-list .info-list__content .info-list__title, .box.box--orange .info-list-noexp-content.info-list .info-list__content .info-list__title, .box.box--caribbean .info-list-noexp-content.info-list .info-list__content .info-list__title, .box.box--brown .info-list-noexp-content.info-list .info-list__content .info-list__title { color: #FFF; }
.info-list-noexp-content.info-list--white .info-list__content .info-list__text, .box.box--black .info-list-noexp-content.info-list .info-list__content .info-list__text, .box.box--dark .info-list-noexp-content.info-list .info-list__content .info-list__text, .box.box--gray .info-list-noexp-content.info-list .info-list__content .info-list__text, .box.box--red .info-list-noexp-content.info-list .info-list__content .info-list__text, .box.box--blue .info-list-noexp-content.info-list .info-list__content .info-list__text, .box.box--purple .info-list-noexp-content.info-list .info-list__content .info-list__text, .box.box--green .info-list-noexp-content.info-list .info-list__content .info-list__text, .box.box--orange .info-list-noexp-content.info-list .info-list__content .info-list__text, .box.box--caribbean .info-list-noexp-content.info-list .info-list__content .info-list__text, .box.box--brown .info-list-noexp-content.info-list .info-list__content .info-list__text { color: rgba(255, 255, 255, 0.8); }
.info-list-noexp-content.info-list--white .info-list__content .info-list__text b, .box.box--black .info-list-noexp-content.info-list .info-list__content .info-list__text b, .box.box--dark .info-list-noexp-content.info-list .info-list__content .info-list__text b, .box.box--gray .info-list-noexp-content.info-list .info-list__content .info-list__text b, .box.box--red .info-list-noexp-content.info-list .info-list__content .info-list__text b, .box.box--blue .info-list-noexp-content.info-list .info-list__content .info-list__text b, .box.box--purple .info-list-noexp-content.info-list .info-list__content .info-list__text b, .box.box--green .info-list-noexp-content.info-list .info-list__content .info-list__text b, .box.box--orange .info-list-noexp-content.info-list .info-list__content .info-list__text b, .box.box--caribbean .info-list-noexp-content.info-list .info-list__content .info-list__text b, .box.box--brown .info-list-noexp-content.info-list .info-list__content .info-list__text b { color: #FFF; }
.info-list-noexp-content.info-list--white .info-list__content .info-list__bottom, .box.box--black .info-list-noexp-content.info-list .info-list__content .info-list__bottom, .box.box--dark .info-list-noexp-content.info-list .info-list__content .info-list__bottom, .box.box--gray .info-list-noexp-content.info-list .info-list__content .info-list__bottom, .box.box--red .info-list-noexp-content.info-list .info-list__content .info-list__bottom, .box.box--blue .info-list-noexp-content.info-list .info-list__content .info-list__bottom, .box.box--purple .info-list-noexp-content.info-list .info-list__content .info-list__bottom, .box.box--green .info-list-noexp-content.info-list .info-list__content .info-list__bottom, .box.box--orange .info-list-noexp-content.info-list .info-list__content .info-list__bottom, .box.box--caribbean .info-list-noexp-content.info-list .info-list__content .info-list__bottom, .box.box--brown .info-list-noexp-content.info-list .info-list__content .info-list__bottom { color: rgba(255, 255, 255, 0.7); }
.info-list-noexp-content.info-list--white .info-list__content .info-list__bottom b, .box.box--black .info-list-noexp-content.info-list .info-list__content .info-list__bottom b, .box.box--dark .info-list-noexp-content.info-list .info-list__content .info-list__bottom b, .box.box--gray .info-list-noexp-content.info-list .info-list__content .info-list__bottom b, .box.box--red .info-list-noexp-content.info-list .info-list__content .info-list__bottom b, .box.box--blue .info-list-noexp-content.info-list .info-list__content .info-list__bottom b, .box.box--purple .info-list-noexp-content.info-list .info-list__content .info-list__bottom b, .box.box--green .info-list-noexp-content.info-list .info-list__content .info-list__bottom b, .box.box--orange .info-list-noexp-content.info-list .info-list__content .info-list__bottom b, .box.box--caribbean .info-list-noexp-content.info-list .info-list__content .info-list__bottom b, .box.box--brown .info-list-noexp-content.info-list .info-list__content .info-list__bottom b { color: #FFF; }
.info-list-noexp-content.info-list--white .info-list__content .info-list__bottom.color-link, .box.box--black .info-list-noexp-content.info-list .info-list__content .info-list__bottom.color-link, .box.box--dark .info-list-noexp-content.info-list .info-list__content .info-list__bottom.color-link, .box.box--gray .info-list-noexp-content.info-list .info-list__content .info-list__bottom.color-link, .box.box--red .info-list-noexp-content.info-list .info-list__content .info-list__bottom.color-link, .box.box--blue .info-list-noexp-content.info-list .info-list__content .info-list__bottom.color-link, .box.box--purple .info-list-noexp-content.info-list .info-list__content .info-list__bottom.color-link, .box.box--green .info-list-noexp-content.info-list .info-list__content .info-list__bottom.color-link, .box.box--orange .info-list-noexp-content.info-list .info-list__content .info-list__bottom.color-link, .box.box--caribbean .info-list-noexp-content.info-list .info-list__content .info-list__bottom.color-link, .box.box--brown .info-list-noexp-content.info-list .info-list__content .info-list__bottom.color-link { color: rgba(255, 255, 255, 0.7); font-weight: 400; }
.info-list-noexp-content.info-list--white .info-list__icon, .box.box--black .info-list-noexp-content.info-list .info-list__icon, .box.box--dark .info-list-noexp-content.info-list .info-list__icon, .box.box--gray .info-list-noexp-content.info-list .info-list__icon, .box.box--red .info-list-noexp-content.info-list .info-list__icon, .box.box--blue .info-list-noexp-content.info-list .info-list__icon, .box.box--purple .info-list-noexp-content.info-list .info-list__icon, .box.box--green .info-list-noexp-content.info-list .info-list__icon, .box.box--orange .info-list-noexp-content.info-list .info-list__icon, .box.box--caribbean .info-list-noexp-content.info-list .info-list__icon, .box.box--brown .info-list-noexp-content.info-list .info-list__icon { color: #FFF; }
.info-list-noexp-content.info-list--white .info-list__actions button, .box.box--black .info-list-noexp-content.info-list .info-list__actions button, .box.box--dark .info-list-noexp-content.info-list .info-list__actions button, .box.box--gray .info-list-noexp-content.info-list .info-list__actions button, .box.box--red .info-list-noexp-content.info-list .info-list__actions button, .box.box--blue .info-list-noexp-content.info-list .info-list__actions button, .box.box--purple .info-list-noexp-content.info-list .info-list__actions button, .box.box--green .info-list-noexp-content.info-list .info-list__actions button, .box.box--orange .info-list-noexp-content.info-list .info-list__actions button, .box.box--caribbean .info-list-noexp-content.info-list .info-list__actions button, .box.box--brown .info-list-noexp-content.info-list .info-list__actions button { color: #FFF; }
.info-list-noexp-content.info-list--white.info-list--comments .info-list__content .info-list__bottom a, .box.box--black .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--dark .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--gray .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--red .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--blue .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--purple .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--green .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--orange .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--caribbean .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a, .box.box--brown .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a { color: #FFF; }
.info-list-noexp-content.info-list--white.info-list--comments .info-list__content .info-list__bottom a > span, .box.box--black .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--dark .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--gray .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--red .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--blue .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--purple .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--green .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--orange .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--caribbean .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a > span, .box.box--brown .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom a > span { color: rgba(255, 255, 255, 0.7); }
.info-list-noexp-content.info-list--white.info-list--comments .info-list__content .info-list__bottom > span, .box.box--black .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--dark .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--gray .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--red .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--blue .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--purple .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--green .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--orange .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--caribbean .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom > span, .box.box--brown .info-list-noexp-content.info-list--comments.info-list .info-list__content .info-list__bottom > span { color: rgba(255, 255, 255, 0.7); }
.info-list-noexp-content.info-list--center { padding-top: 20px !important; }
.info-list-noexp-content.info-list--center .info-list__content .info-list__title, .info-list-noexp-content.info-list--center .info-list__content .info-list__text, .info-list-noexp-content.info-list--center .info-list__content .info-list__bottom { margin-left: auto; margin-right: auto; text-align: center; }
.info-list-noexp-content.info-list--border { padding: 0; border-spacing: 0; border-bottom: 1px solid rgba(202, 202, 202, 0.5); }
.info-list-noexp-content.info-list--border .info-list__row > * { border-top: 1px solid rgba(202, 202, 202, 0.5); padding-top: 20px; padding-bottom: 10px; }
.info-list-noexp-content.info-list--border .info-list__avatar { width: 72px; }
.info-list-noexp-content.info-list--hover { border-spacing: 0; padding: 0; }
.info-list-noexp-content.info-list--hover .info-list__avatar { width: 55px; padding-right: 0; padding-left: 20px; }
.info-list-noexp-content.info-list--hover .info-list__content { padding: 12px 20px; }
.info-list-noexp-content.info-list--hover .info-list__content .info-list__text { margin-top: 0; margin-bottom: 5px; }
.info-list-noexp-content.info-list--hover .info-list__content .info-list__content__tall { padding: 20px; }
.info-list-noexp-content.info-list--hover.edited { background-color: #F9F9F9; }
.info-list-noexp-content.info-list--hover.edited .info-list__icon, .info-list-noexp-content.info-list--hover.edited .info-list__other { display: none; }
.info-list-noexp-content.info-list--hover.edited + .edited__buttons { background-color: #F9F9F9; }
.info-list-noexp-content.info-list--first .info-list__row:nth-of-type(1n + 2) { display: none; }
.info-list-noexp-content.info-list--first .info-list__title.btn-empty > i { font-size: 18px; font-weight: 600; margin-left: 10px; }
.info-list-noexp-content.info-list--first.open .info-list__row:nth-of-type(1n + 2) { display: table-row; }
.info-list-noexp-content.info-list--first.open .info-list__title.btn-empty > i:before { content: '\f106'; }
.info-list-noexp-content.info-list--first + hr { background-image: linear-gradient(to right, #dbdbdb 20%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 8px 2px; background-repeat: repeat-x; border-top: 0; margin: 10px 0; height: 2px; }
.info-list-noexp-content .active-question .info-list__icon, .info-list-noexp-content .active-question .info-list__content .info-list__title { color: #F35E24; font-weight: 600; }
@media (min-width: 1100px) { .info-list-noexp-content .info-list__avatar > a:hover, .info-list-noexp-content .info-list__badge > a:hover { opacity: 0.7; }
  .info-list-noexp-content.info-list--hover:hover { background-color: #F9F9F9; }
  .info-list-noexp-content.info-list--hover:hover .info-list__actions button { color: #1C2430; }
  .info-list-noexp-content.info-list--hover:hover + .edited__buttons { background-color: #F9F9F9; } }
@media (max-width: 739px) { .info-list-noexp-content .info-list__content .input--social { width: 100%; }
  .info-list-noexp-content .info-list__icon { width: 40px; padding: 0; }
  .info-list-noexp-content.info-list--comments { padding: 0 20px; }
  .info-list-noexp-content.info-list--border .info-list__avatar, .info-list-noexp-content.info-list--border .info-list__icon { width: 60px; }
  .info-list-noexp-content.info-list--xs .info-list__avatar { padding: 8px 15px 8px 10px; width: 68px; } }

.link-list { padding-left: 10px; }
.link-list p, .link-list a { font-size: 10px; display: inline-block; margin-right: 16px; margin-bottom: 0; }
.link-list p i, .link-list a i { color: #443F3F; font-size: 14px; position: relative; top: 2px; }
.link-list p i.fa-comment-o, .link-list a i.fa-comment-o { top: 0; }
.link-list p:last-child, .link-list a:last-child { margin-right: 0; }
.link-list a { font-size: 10px; }

.notes-list { display: table; width: 100%; padding: 15px 0; }
.notes-list .notes-list__title { display: table-cell; }
.notes-list .notes-list__title p { font-size: 14px; margin-bottom: 2px; }
.notes-list .notes-list__title span { font-size: 10px; display: block; }
.notes-list .notes-list__date { display: table-cell; text-align: right; vertical-align: top; color: #443F3F; font-size: 10px; width: 100px; }

.list-activity__container { margin: 0 20px; }
@media (max-width: 739px) { .list-activity__container { margin: 0 10px; } }

.list-activity { background-color: #F7F7F7; width: 100%; display: table; margin-bottom: 15px; }
.list-activity .list-activity__avatar, .list-activity .list-activity__chart, .list-activity .list-activity__option, .list-activity .list-activity__text { display: table-cell; }
.list-activity .list-activity__avatar { padding: 30px 0 30px 25px; width: 105px; vertical-align: middle; }
.list-activity .list-activity__avatar > img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; width: 80px; }
.list-activity .list-activity__chart { width: 365px; padding: 5px 0; }
.list-activity .list-activity__chart .occupation-chart { float: left; width: 100%; }
.list-activity .list-activity__chart .move { padding-left: 30px; clear: both; }
.list-activity .list-activity__option { width: 150px; vertical-align: top; padding: 15px 25px 0 0; text-align: right; }
.list-activity .list-activity__text { vertical-align: middle; padding: 30px 0 30px 25px; }
.list-activity .list-activity__text h3 { font-size: 18px; margin-top: 0; }
.list-activity .list-activity__text span { color: #443F3F; display: block; }
.list-activity .list-activity__text > a { font-size: 12px; font-weight: 600; color: #1C2430; margin-top: 15px; display: inline-block; }
.list-activity.list-activity--separate { background-color: #FFF; }
.list-activity.list-activity--separate .list-activity__avatar, .list-activity.list-activity--separate .list-activity__text { padding-top: 20px; padding-bottom: 20px; }
.list-activity.list-activity--separate .list-activity__option { padding-right: 0; }
@media (max-width: 1099px) { .list-activity { display: block; }
  .list-activity:after { content: ''; display: table; clear: both; }
  .list-activity .list-activity__avatar, .list-activity .list-activity__chart, .list-activity .list-activity__option, .list-activity .list-activity__text { display: block; float: left; }
  .list-activity .list-activity__avatar { padding-bottom: 20px; }
  .list-activity .list-activity__text { width: calc(100% - 105px); float: left; padding-bottom: 20px; }
  .list-activity .list-activity__chart { width: calc(100% - 150px); padding-left: 25px; clear: both; } }
@media (max-width: 739px) { .list-activity { position: relative; }
  .list-activity .list-activity__avatar { padding: 15px; width: 90px; }
  .list-activity .list-activity__avatar > img { width: 60px; }
  .list-activity .list-activity__text { padding: 15px 0 15px 0; }
  .list-activity .list-activity__text h3 { font-size: 16px; }
  .list-activity .list-activity__text > a { margin-top: 5px; }
  .list-activity .list-activity__chart { border-top: 1px solid rgba(202, 202, 202, 0.5); padding-left: 0; padding-top: 70px; margin: 0 20px; width: calc(100% - 40px); }
  .list-activity .list-activity__chart .move { padding-left: 15px; }
  .list-activity .list-activity__option { width: 100%; padding: 0 20px 0 0; position: absolute; bottom: 240px; text-align: right; } }

.roles-list { padding-top: 3px; }
.roles-list .roles-list__item { font-size: 12px; line-height: 20px; color: #443F3F; position: relative; padding-left: 20px; margin-bottom: 3px; display: block; }
.roles-list .roles-list__item:before { width: 12px; height: 12px; border-radius: 100%; border: 1px solid #443F3F; position: absolute; top: 3px; left: 0; font-family: 'icomoon'; font-size: 6px; color: #FFF; line-height: 11px; content: ''; text-align: center; }
.roles-list .roles-list__item.active { color: #1C2430; }
.roles-list .roles-list__item.active a { color: #443F3F; }
.roles-list .roles-list__item.active .status { color: #66BC66; }
.roles-list .roles-list__item.active:before { background-color: #66BC66; border-color: #66BC66; content: "\e916"; }

.score-circle.score-circle-target-sm img { height: 40%; width: 40%; }

.score-circle.score-circle-target-md img { height: 70%; width: 70%; }

.user-note__content.user-note__content-widget { overflow: hidden; max-height: 72px; }
.user-note__content ul { margin-left: 16px; margin-bottom: 0; }
.user-note__content ol { margin-left: 12px; margin-bottom: 0; }
.user-note__content p { margin-bottom: 0; }
.user-note__content blockquote { margin-bottom: 0; }

.thumbnail-list { display: flex; flex-wrap: wrap; padding-top: 50px; padding-bottom: 20px; }
.thumbnail-list .thumbnail { flex: 0 0 100%; max-width: 100%; padding: 10px; margin-bottom: 30px; }

.thumbnail { display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 10px; }
.thumbnail:not(.selected) a { -webkit-box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.04); box-shadow: 0 0 15px 8px rgba(0, 0, 0, 0.04); }
.thumbnail:not(.selected) a:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-box-shadow: inset 0px 0px 0px 10px #ffffff; box-shadow: inset 0px 0px 0px 10px #ffffff; transition: all .3s; z-index: 1; }
.thumbnail:not(.selected) a:hover { -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.08); }
.thumbnail:not(.current) a:after { opacity: 0; transition: opacity .3s; transition-delay: .2s; color: #212529; background: #EDEEFA; border-radius: 50%; font: normal normal normal 32px/1 'skillsfirst-icons'; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; content: "\ea8e" !important; position: absolute; top: 15px; right: 15px; animation: cssload-spin 950ms infinite linear; -o-animation: cssload-spin 950ms infinite linear; -ms-animation: cssload-spin 950ms infinite linear; -webkit-animation: cssload-spin 950ms infinite linear; -moz-animation: cssload-spin 950ms infinite linear; }
.thumbnail a { position: relative; width: 240px; min-height: 330px; max-height: 330px; overflow: hidden; padding: 10px; border-radius: 0.5rem; transition: all .3s; display: flex; align-items: center; justify-content: center; background: #FFF; }
.thumbnail a img { mix-blend-mode: multiply; }
.thumbnail:after { margin-top: 10px; content: "" attr(name) ""; font-size: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 17px; max-height: 34px; max-width: 210px; hyphens: auto; text-align: center; }

.thumbnail.selected a { -webkit-box-shadow: none; box-shadow: none; background: #C4D2FF; }
.thumbnail.selected a:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-box-shadow: inset 0px 0px 0px 10px #C4D2FF; box-shadow: inset 0px 0px 0px 10px #C4D2FF; transition: all .3s; z-index: 1; }
.thumbnail.selected a:after { opacity: 1; }

.thumbnail.current { pointer-events: none; }
.thumbnail.current a:after { color: #FFF; pointer-events: none; background: rgba(19, 195, 136, 0.9); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); border-radius: 100px; font-size: 13px; padding: 10px; content: 'Currently Selected'; position: absolute; }

@media (min-width: 576px) { .thumbnail-list .thumbnail { flex: 0 0 50%; max-width: 50%; } }
@media (min-width: 992px) { .thumbnail-list .thumbnail { flex: 0 0 33.33333%; max-width: 33.33333%; } }
.main { padding: 30px 30px; background-color: #FFF; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: inherit; }
.main.main-title__widget { padding-top: 20px; padding-bottom: 10px; }
.main.main-title { padding: 16px 40px; }
.main.main-title.title-no__background { padding-left: 13px; background-color: transparent; }
.main .guide { max-width: 1000px; line-height: 24px; }
.main .main__left { padding-right: 30px; width: calc(100% - 245px); }
.main .main__left:only-child { width: 100%; padding-left: 0; }
.main .main__right { width: 380px; padding: 40px 0 40px 45px; background-image: linear-gradient(#5e6674 33%, rgba(255, 255, 255, 0) 0%); background-position: left; background-size: 1px 5px; background-repeat: repeat-y; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: inherit; flex-direction: column; justify-content: center; }
.main .main__right--sm { padding: 20px 0 20px 45px; }
.main .main__right .text-center { padding-left: 16px; }
.main .main__right .card__content.card__content--small .card__text p.short { font-size: 16px; padding-left: 120px; padding-top: 20px; }
.main .main__label > span { background-color: #3D444E; display: inline-block; font-size: 13px; color: #FFF; padding: 4px 15px; margin-bottom: 20px; }
.main .main__label > span.label-title__widget { margin-bottom: 0; font-size: 13px; }
.main .main__label > span.title-label { font-size: 17px; padding: 4px 39px; }
.main .main__label:only-child > span { margin-bottom: 0; }
.main .main__avatar { width: 70px; height: 70px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); margin-right: 30px; border: 3px solid #F5F5F5; }
.main .main__avatar img, .main .main__avatar i { border-radius: 50%; display: block; }
.main .main__avatar + .main__left { width: calc(100% - 100px); }
.main .main__avatar.main__avatar--lg { width: 115px; height: 115px; }
.main .main__avatar.main__avatar--lg + .main__left { width: calc(100% - 145px); }
.main .main__title { font-size: 16px; font-weight: 600; line-height: 1.4; display: block; margin-bottom: 30px; }
.main .main__title:empty { display: none; }
.main .main__title:last-child { margin-bottom: 0; }
.main .main__title + .main__description { margin-top: -15px; }
.main .main__description { margin-bottom: 30px; }
.main .main__description:empty { display: none; }
.main .main__bottom > .dropdown { display: inline-block; }
.main .main__bottom > .dropdown .btn-empty { line-height: 44px; margin: 0 15px; }
.main .main__bottom > * { margin-right: 0.5rem !important; }
.main .main__details { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 20px; }
.main .main__details > span { line-height: 20px; }
.main .main__details > span:first-child { width: 130px; padding: 12px 0; }
.main .main__details > span:first-child.detailes-title { width: 300px; font-size: 16px; }
.main .main__details > span:first-child:empty { display: none; }
.main .main__details .img-sm { height: 26px; margin-right: 5px; }
.main .main__details .img-lg { height: 46px; width: 120px; margin-right: 5px; }
.main .main__details .main__details__sm { margin-bottom: 30px; }
.main .main__details + .main__details { margin-top: -20px; }
.main .main__details:last-child { margin-bottom: 0; }
.main .main__details--lg > span:first-child { width: 220px; }
.main .main__user { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; flex-wrap: wrap; max-width: calc(100% - 130px); }
.main .main__user .border { width: 44px; height: 44px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); margin-right: 15px; }
.main .main__user .border img, .main .main__user .border i { border-radius: 50%; display: block; }
.main .main__user.button-nowrap { flex-wrap: nowrap; }
.main .main__user p { width: calc(100% - 59px); font-weight: 600; margin-bottom: 0; }
.main .main__user p > span { display: block; font-size: 12px; font-weight: 400; color: #443F3F; }
.main .main__chart { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-bottom: 35px; }
.main .main__chart .donut { display: inline-block; vertical-align: top; }
.main .main__chart > p { padding-left: 40px; line-height: 1.8; margin-bottom: 0; }
.main .main__chart > p > span { font-weight: 600; display: block; }
.main .main__calendar { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.main .main__calendar .calendar { border: 4px solid #F1F1F1; border-radius: 5px; width: 60px; margin-left: 5px; display: inline-block; text-align: center; line-height: 52px; color: #E9E9E9; font-size: 16px; letter-spacing: 18px; text-indent: 8px; position: relative; }
.main .main__calendar .calendar:before { width: 2px; height: 40px; background-color: #F1F1F1; display: block; position: absolute; top: 7px; left: calc(50% - 1px); content: ''; }
.main .main__calendar > p { padding-left: 40px; margin-bottom: 0; }
.main .main__calendar > p > span { font-weight: 600; display: block; margin-top: 6px; }
.main .main__switch { margin: 10px -40px 0; width: calc(100% + 80px); display: none; border-top: 1px solid rgba(202, 202, 202, 0.5); text-align: center; padding-top: 10px; clear: both; }
@media (max-width: 1099px) { .main .main__left { padding-right: 20px; width: calc(100% - 240px); }
  .main .main__right { width: 290px; padding: 40px 0 40px 20px; }
  .main .main__chart > p { padding-left: 10px; }
  .main .main__calendar > p { padding-left: 15px; } }
@media (max-width: 1099px) { .main { flex-wrap: wrap; padding: 20px; }
  .main .main__left { padding-right: 0; width: calc(100% - 307px); }
  .main .main__left.main-left-mobile-title-organization { margin-top: 176px; text-align: center; }
  .main .main__left.main-left-mobile-title-occupation { margin-top: 0; text-align: center; }
  .main .main__left.main-left-mobile-title-occupation-filters { margin-top: 185px; text-align: center; }
  .main .main__left.main-left-mobile-breachcrumbs { text-align: center; margin-top: 0; }
  .main .main__left.main-left-mobile-breachcrumbs p { margin-top: 0; margin-bottom: 0; color: #666565; font-weight: 500; font-size: 14px; }
  .main .main__left.main-left-mobile-breachcrumbs p.main-left-mobile-avatar { color: #b9b9b9; margin-top: 10px; }
  .main .main__left.main-left-mobile-breachcrumbs p.main-left-mobile-avatar-options { color: #b9b9b9; margin-top: 0px; }
  .main .main__left.main-left-mobile { text-align: center; margin-top: 140px; }
  .main .main__left.main-left-mobile p { margin-top: 0; margin-bottom: 0; color: #666565; font-weight: 500; font-size: 14px; }
  .main .main__left.main-left-mobile p.main-left-mobile-avatar { color: #b9b9b9; margin-top: 10px; }
  .main .main__left.main-left-mobile p.main-left-mobile-avatar-options { color: #b9b9b9; margin-top: 0px; } }
@media (max-width: 739px) { .main { flex-wrap: wrap; padding: 20px; }
  .main .main__left { padding-right: 0; width: 100%; }
  .main .main__left.main-left-mobile-title-organization { margin-top: 66px; text-align: center; }
  .main .main__left.main-left-mobile-title-occupation { margin-top: 0; text-align: center; }
  .main .main__left.main-left-mobile-title-occupation-filters { margin-top: 77px; text-align: center; }
  .main .main__left.main-left-mobile-breadcrumbs { text-align: center; margin-top: 0; }
  .main .main__left.main-left-mobile-breadcrumbs p { margin-top: 0; margin-bottom: 0; color: #666565; font-weight: 500; font-size: 14px; }
  .main .main__left.main-left-mobile-breadcrumbs p.main-left-mobile-avatar { color: #b9b9b9; margin-top: 10px; }
  .main .main__left.main-left-mobile-breadcrumbs p.main-left-mobile-avatar-options { color: #b9b9b9; margin-top: 0px; }
  .main .main__left.main-left-mobile { text-align: center; margin-top: 84px; }
  .main .main__left.main-left-mobile p { margin-top: 0; margin-bottom: 0; color: #666565; font-weight: 500; font-size: 14px; }
  .main .main__left.main-left-mobile p.main-left-mobile-avatar { color: #b9b9b9; margin-top: 10px; }
  .main .main__left.main-left-mobile p.main-left-mobile-avatar-options { color: #b9b9b9; margin-top: 0px; }
  .main .main__right { background-image: linear-gradient(to right, #5e6674 33%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 5px 1px; background-repeat: repeat-x; width: 100%; padding: 30px 0 0; margin-top: 30px; }
  .main .main__label > span { margin-left: 0; }
  .main .main__chart { margin-bottom: 25px; } }

.box > .top { padding: 10px 30px 30px; background-color: #FFF; position: relative; }
.box > .top:after { content: ''; display: table; clear: both; }
.box > .top .top__text:after { content: ''; display: table; clear: both; }
.box > .top .top__text:first-child { padding-bottom: 15px; }
.box > .top .top__text:only-child { padding-bottom: 0; }
.box > .top .top__text .btn-empty { height: 42px; margin-left: 20px; }
.box > .top .top__label { display: inline-block; margin-top: 20px; }
.box > .top .top__label > span { background-color: #1C2430; display: inline-block; font-size: 12px; color: #FFF; padding: 4px 15px; margin-bottom: 25px; }
.box > .top .top__title { font-size: 30px; text-decoration: none; margin-bottom: 0; }
.box > .top a.top__title { color: #2869CB; }
.box > .top .top__description { font-size: 16px; line-height: 1.4; clear: both; display: block; }
.box > .top .top__description:empty { display: none; }
@media (max-width: 739px) { .box > .top { padding: 5px 20px 10px; }
  .box > .top .top__title { font-size: 18px; }
  .box > .top .top__text { float: none; width: 100%; padding-bottom: 10px; }
  .box > .top .top__description { display: block; display: -webkit-box; max-height: 96px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } }

.se-avatar { width: 138px; height: 138px; border-radius: 100%; text-align: center; }
.se-avatar > i { color: #FFF; font-size: 54px; line-height: 138px; }
.se-avatar .fa { line-height: 138px !important; }
.se-avatar--api { background: #505865; background: -moz-linear-gradient(top, #505865 0%, #3A414C 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #505865), color-stop(100%, #3A414C)); background: -webkit-linear-gradient(top, #505865 0%, #3A414C 100%); background: -o-linear-gradient(top, #505865 0%, #3A414C 100%); background: -ms-linear-gradient(top, #505865 0%, #3A414C 100%); background: linear-gradient(to bottom, #505865 0%, #3a414c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--assessment { background: #616DC7; background: -moz-linear-gradient(top, #616DC7 0%, #555FA8 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #616DC7), color-stop(100%, #555FA8)); background: -webkit-linear-gradient(top, #616DC7 0%, #555FA8 100%); background: -o-linear-gradient(top, #616DC7 0%, #555FA8 100%); background: -ms-linear-gradient(top, #616DC7 0%, #555FA8 100%); background: linear-gradient(to bottom, #616dc7 0%, #555fa8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--assignment { background: #116BA2; background: -moz-linear-gradient(top, #116BA2 0%, #0C4C73 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #116BA2), color-stop(100%, #0C4C73)); background: -webkit-linear-gradient(top, #116BA2 0%, #0C4C73 100%); background: -o-linear-gradient(top, #116BA2 0%, #0C4C73 100%); background: -ms-linear-gradient(top, #116BA2 0%, #0C4C73 100%); background: linear-gradient(to bottom, #116ba2 0%, #0c4c73 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--badge { background: #45C1D8; background: -moz-linear-gradient(top, #45C1D8 0%, #29ABC3 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #45C1D8), color-stop(100%, #29ABC3)); background: -webkit-linear-gradient(top, #45C1D8 0%, #29ABC3 100%); background: -o-linear-gradient(top, #45C1D8 0%, #29ABC3 100%); background: -ms-linear-gradient(top, #45C1D8 0%, #29ABC3 100%); background: linear-gradient(to bottom, #45c1d8 0%, #29abc3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--career-advice { background: #476399; background: -moz-linear-gradient(top, #476399 0%, #5C7DBC 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #476399), color-stop(100%, #5C7DBC)); background: -webkit-linear-gradient(top, #476399 0%, #5C7DBC 100%); background: -o-linear-gradient(top, #476399 0%, #5C7DBC 100%); background: -ms-linear-gradient(top, #476399 0%, #5C7DBC 100%); background: linear-gradient(to bottom, #476399 0%, #5c7dbc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--competency { background: #FE8F26; background: -moz-linear-gradient(left, #FE8F26 0%, #C95757 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #FE8F26), color-stop(100%, #C95757)); background: -webkit-linear-gradient(left, #FE8F26 0%, #C95757 100%); background: -o-linear-gradient(left, #FE8F26 0%, #C95757 100%); background: -ms-linear-gradient(left, #FE8F26 0%, #C95757 100%); background: linear-gradient(to right, #fe8f26 0%, #c95757 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.se-avatar--file { background: #707E9F; background: -moz-linear-gradient(top, #707E9F 0%, #4E596C 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #707E9F), color-stop(100%, #4E596C)); background: -webkit-linear-gradient(top, #707E9F 0%, #4E596C 100%); background: -o-linear-gradient(top, #707E9F 0%, #4E596C 100%); background: -ms-linear-gradient(top, #707E9F 0%, #4E596C 100%); background: linear-gradient(to bottom, #707e9f 0%, #4e596c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--gallery { background: #0081C5; background: -moz-linear-gradient(top, #0081C5 0%, #004BC5 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #0081C5), color-stop(100%, #004BC5)); background: -webkit-linear-gradient(top, #0081C5 0%, #004BC5 100%); background: -o-linear-gradient(top, #0081C5 0%, #004BC5 100%); background: -ms-linear-gradient(top, #0081C5 0%, #004BC5 100%); background: linear-gradient(to bottom, #0081c5 0%, #004bc5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--interview { background: #04BCEB; background: -moz-linear-gradient(top, #04BCEB 0%, #0B8FCF 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #04BCEB), color-stop(100%, #0B8FCF)); background: -webkit-linear-gradient(top, #04BCEB 0%, #0B8FCF 100%); background: -o-linear-gradient(top, #04BCEB 0%, #0B8FCF 100%); background: -ms-linear-gradient(top, #04BCEB 0%, #0B8FCF 100%); background: linear-gradient(to bottom, #04bceb 0%, #0b8fcf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--letter { background: #96CF3C; background: -moz-linear-gradient(top, #96CF3C 0%, #7ABF0D 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #96CF3C), color-stop(100%, #7ABF0D)); background: -webkit-linear-gradient(top, #96CF3C 0%, #7ABF0D 100%); background: -o-linear-gradient(top, #96CF3C 0%, #7ABF0D 100%); background: -ms-linear-gradient(top, #96CF3C 0%, #7ABF0D 100%); background: linear-gradient(to bottom, #96cf3c 0%, #7abf0d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--occupation { background: #87A8D3; background: -moz-linear-gradient(top, #87A8D3 0%, #7F97B6 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #87A8D3), color-stop(100%, #7F97B6)); background: -webkit-linear-gradient(top, #87A8D3 0%, #7F97B6 100%); background: -o-linear-gradient(top, #87A8D3 0%, #7F97B6 100%); background: -ms-linear-gradient(top, #87A8D3 0%, #7F97B6 100%); background: linear-gradient(to bottom, #87a8d3 0%, #7f97b6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--organization { background: #CF6190; background: -moz-linear-gradient(top, #CF6190 0%, #A75A7B 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #CF6190), color-stop(100%, #A75A7B)); background: -webkit-linear-gradient(top, #CF6190 0%, #A75A7B 100%); background: -o-linear-gradient(top, #CF6190 0%, #A75A7B 100%); background: -ms-linear-gradient(top, #CF6190 0%, #A75A7B 100%); background: linear-gradient(to bottom, #cf6190 0%, #a75a7b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--outcome { background: #CF925C; background: -moz-linear-gradient(top, #CF925C 0%, #C58042 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #CF925C), color-stop(100%, #C58042)); background: -webkit-linear-gradient(top, #CF925C 0%, #C58042 100%); background: -o-linear-gradient(top, #CF925C 0%, #C58042 100%); background: -ms-linear-gradient(top, #CF925C 0%, #C58042 100%); background: linear-gradient(to bottom, #cf925c 0%, #c58042 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--path { background: #5E82BA; background: -moz-linear-gradient(top, #5E82BA 0%, #496898 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #5E82BA), color-stop(100%, #496898)); background: -webkit-linear-gradient(top, #5E82BA 0%, #496898 100%); background: -o-linear-gradient(top, #5E82BA 0%, #496898 100%); background: -ms-linear-gradient(top, #5E82BA 0%, #496898 100%); background: linear-gradient(to bottom, #5e82ba 0%, #496898 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--portfolio { background: #E67E69; background: -moz-linear-gradient(top, #E67E69 0%, #E56161 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #E67E69), color-stop(100%, #E56161)); background: -webkit-linear-gradient(top, #E67E69 0%, #E56161 100%); background: -o-linear-gradient(top, #E67E69 0%, #E56161 100%); background: -ms-linear-gradient(top, #E67E69 0%, #E56161 100%); background: linear-gradient(to bottom, #e67e69 0%, #e56161 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--pitch { background: #C55555; background: -moz-linear-gradient(top, #C55555 0%, #D26565 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #C55555), color-stop(100%, #D26565)); background: -webkit-linear-gradient(top, #C55555 0%, #D26565 100%); background: -o-linear-gradient(top, #C55555 0%, #D26565 100%); background: -ms-linear-gradient(top, #C55555 0%, #D26565 100%); background: linear-gradient(to bottom, #c55555 0%, #d26565 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--process { background: #64798A; background: -moz-linear-gradient(left, #64798A 0%, #2F4754 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #64798A), color-stop(100%, #2F4754)); background: -webkit-linear-gradient(left, #64798A 0%, #2F4754 100%); background: -o-linear-gradient(left, #64798A 0%, #2F4754 100%); background: -ms-linear-gradient(left, #64798A 0%, #2F4754 100%); background: linear-gradient(to right, #64798a 0%, #2f4754 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.se-avatar--question { background: #F38A24; background: -moz-linear-gradient(top, #F38A24 0%, #F35E24 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #F38A24), color-stop(100%, #F35E24)); background: -webkit-linear-gradient(top, #F38A24 0%, #F35E24 100%); background: -o-linear-gradient(top, #F38A24 0%, #F35E24 100%); background: -ms-linear-gradient(top, #F38A24 0%, #F35E24 100%); background: linear-gradient(to bottom, #f38a24 0%, #f35e24 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--quiz { background: #4BCF89; background: -moz-linear-gradient(top, #4BCF89 0%, #33C1B2 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #4BCF89), color-stop(100%, #33C1B2)); background: -webkit-linear-gradient(top, #4BCF89 0%, #33C1B2 100%); background: -o-linear-gradient(top, #4BCF89 0%, #33C1B2 100%); background: -ms-linear-gradient(top, #4BCF89 0%, #33C1B2 100%); background: linear-gradient(to bottom, #4bcf89 0%, #33c1b2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--report { background: #68C17F; background: -moz-linear-gradient(top, #68C17F 0%, #6ABD54 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #68C17F), color-stop(100%, #6ABD54)); background: -webkit-linear-gradient(top, #68C17F 0%, #6ABD54 100%); background: -o-linear-gradient(top, #68C17F 0%, #6ABD54 100%); background: -ms-linear-gradient(top, #68C17F 0%, #6ABD54 100%); background: linear-gradient(to bottom, #68c17f 0%, #6abd54 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--resume { background: #3F78EA; background: -moz-linear-gradient(top, #3F78EA 0%, #2A5CC0 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #3F78EA), color-stop(100%, #2A5CC0)); background: -webkit-linear-gradient(top, #3F78EA 0%, #2A5CC0 100%); background: -o-linear-gradient(top, #3F78EA 0%, #2A5CC0 100%); background: -ms-linear-gradient(top, #3F78EA 0%, #2A5CC0 100%); background: linear-gradient(to bottom, #3f78ea 0%, #2a5cc0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--rubric { background: #7582BB; background: -moz-linear-gradient(top, #7582BB 0%, #92A0DC 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #7582BB), color-stop(100%, #92A0DC)); background: -webkit-linear-gradient(top, #7582BB 0%, #92A0DC 100%); background: -o-linear-gradient(top, #7582BB 0%, #92A0DC 100%); background: -ms-linear-gradient(top, #7582BB 0%, #92A0DC 100%); background: linear-gradient(to bottom, #7582bb 0%, #92a0dc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--testimonial { background: #87A8D3; background: -moz-linear-gradient(top, #87A8D3 0%, #7F97B6 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #87A8D3), color-stop(100%, #7F97B6)); background: -webkit-linear-gradient(top, #87A8D3 0%, #7F97B6 100%); background: -o-linear-gradient(top, #87A8D3 0%, #7F97B6 100%); background: -ms-linear-gradient(top, #87A8D3 0%, #7F97B6 100%); background: linear-gradient(to bottom, #87a8d3 0%, #7f97b6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--user { background: #707E9F; background: -moz-linear-gradient(top, #707E9F 0%, #4E596C 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #707E9F), color-stop(100%, #4E596C)); background: -webkit-linear-gradient(top, #707E9F 0%, #4E596C 100%); background: -o-linear-gradient(top, #707E9F 0%, #4E596C 100%); background: -ms-linear-gradient(top, #707E9F 0%, #4E596C 100%); background: linear-gradient(to bottom, #707e9f 0%, #4e596c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--user-guide { background: #667391; background: -moz-linear-gradient(top, #667391 0%, #696691 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #667391), color-stop(100%, #696691)); background: -webkit-linear-gradient(top, #667391 0%, #696691 100%); background: -o-linear-gradient(top, #667391 0%, #696691 100%); background: -ms-linear-gradient(top, #667391 0%, #696691 100%); background: linear-gradient(to bottom, #667391 0%, #696691 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=0 ); }
.se-avatar--sm { width: 42px; height: 42px; }
.se-avatar--sm > i { font-size: 18px; line-height: 42px; }
.se-avatar--sm .fa { line-height: 42px !important; }
.type .se-avatar { width: 54px; height: 54px; display: block; }
.type .se-avatar > i { font-size: 24px; line-height: 54px; }
.type .se-avatar .fa { line-height: 54px !important; }
@media (max-width: 1099px) { .sidebar__content .se-avatar { width: 70px; height: 70px; }
  .sidebar__content .se-avatar > i, .sidebar__content .se-avatar .fa { line-height: 70px !important; font-size: 32px; } }

.entity { position: relative; }

.meta { background-image: linear-gradient(to right, #333333 10%, rgba(255, 255, 255, 0) 0%); background-position: top; background-size: 8px 1px; background-repeat: repeat-x; margin: 0 30px; padding: 20px 15px 0; }
.meta .meta__row { border-bottom: 1px solid #E5E5E5; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; margin-bottom: 20px; padding-bottom: 20px; }
.meta .meta__row .meta__row { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.meta .meta__row.meta__row--no-mb { margin-bottom: 0; border-bottom: 0; }
.meta .meta__row.meta__row--reset { padding: 0; margin: 0; align-items: inherit; flex-wrap: wrap; }
.meta .meta__row:last-child { border-bottom: 0; }
.meta .meta__label { width: 17%; padding-right: 15px; padding-left: 15px; }
.meta .meta__img { width: 17%; padding-right: 15px; }
.meta .meta__content { width: 83%; }
.meta .meta__label p, .meta .meta__content p { margin-bottom: 0; }
.meta .meta__cell { width: 33.3333%; border-right: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; padding: 20px 15px; }
.meta .meta__cell:nth-child(3n + 0) { border-right: 0; }
.meta .meta__avatar { color: #443F3F; float: left; margin-left: 20px; }
.meta .meta__avatar img { height: 40px; }
.box__content .meta { margin: 0; }
@media (max-width: 1099px) { .meta { padding-right: 0; padding-left: 0; }
  .meta .meta__label { width: 25%; }
  .meta .meta__content { width: 75%; }
  .meta .meta__img { width: 40%; }
  .meta .meta__img + .meta__content { width: 60%; } }
@media (max-width: 739px) { .meta { margin: 0 10px; }
  .meta .meta__label { width: 40%; }
  .meta .meta__content { width: 60%; }
  .meta .meta__img { width: 40%; }
  .meta .meta__img + .meta__content { width: 60%; }
  .meta .meta__cell { width: 50%; }
  .meta .meta__cell:nth-child(3n + 0) { border-right: 1px solid #E5E5E5; }
  .meta .meta__cell:nth-child(2n + 0) { border-right: 0; }
  .meta .meta__avatar { margin-left: 0; } }

.top-details { border-top: 1px solid rgba(202, 202, 202, 0.5); background-color: #FFF; padding: 20px 0 15px; }
.top-details .top-details__item { width: 100%; margin: 2px 0; padding-left: 40px; padding-right: 40px; }
.top-details .top-details__item:after { content: ''; display: table; clear: both; }
.top-details .top-details__item > span { width: 10%; line-height: 16px; padding: 10px 0; display: block; float: left; }
.top-details .top-details__item .top-details__content { float: left; width: 90%; padding-left: 40px; }
.top-details .top-details__item .top-details__content > p, .top-details .top-details__item .top-details__content > a:not(.avatar) { font-size: 12px; font-weight: 600; display: table-cell; vertical-align: middle; line-height: 16px; padding: 10px 0; margin: 0; }
.top-details .top-details__item .top-details__content > p i, .top-details .top-details__item .top-details__content > a:not(.avatar) i { line-height: 16px; font-weight: 400; }
.top-details .top-details__item .top-details__content .avatar, .top-details .top-details__item .top-details__content > table { margin-left: -44px; }
.top-details .top-details__item .top-details__content > .row { margin-left: -40px; }
.top-details .top-details__item .top-details__content > .row > div:first-child { padding-left: 0; }
.top-details .top-details__item .top-details__content > .row p { line-height: 20px; padding: 8px 0; margin-bottom: 0; }
.top-details .top-details__item:nth-child(1n+3) { display: none; }
.top-details .top-details__switch { padding-top: 10px; margin-top: 20px; text-align: center; border-top: 1px solid rgba(202, 202, 202, 0.5); cursor: pointer; }
.top-details.open .top-details__item:nth-child(1n+3) { display: block; }
@media (max-width: 1099px) { .top-details { padding: 10px 0; }
  .top-details .top-details__item > span { width: 145px; }
  .top-details .top-details__item .top-details__content { width: calc(100% - 145px); } }
@media (max-width: 739px) { .top-details .top-details__switch { display: block; }
  .top-details .top-details__item { width: 100%; padding-left: 20px; padding-right: 20px; }
  .top-details .top-details__item > span { width: 30%; }
  .top-details .top-details__item .top-details__content { width: 70%; }
  .top-details .top-details__item .top-details__content > .row > div:first-child { padding-left: 15px; }
  .top-details .top-details__item .top-details__content table th:first-child, .top-details .top-details__item .top-details__content table td:first-child { width: 50%; } }

.top-tabs { border-top: 1px solid rgba(202, 202, 202, 0.5); }
.top-tabs .top-tabs__switch { margin: 20px 40px 0; padding: 0 7px; display: inline-block; border-bottom: 2px solid #2869CB; }
.top-tabs .top-tabs__switch button > span:not(.caret) { font-weight: 900; color: #2869CB; line-height: 36px; display: inline-block; }
.top-tabs .top-details { border-top: 0; }
.top-tabs .tab-content { padding-bottom: 30px; }
.top-tabs .tab-pane { position: relative; max-height: 350px; }
.top-tabs .tab-pane .top-details .top-details__item .top-details__content { padding-left: 0; width: 100%; }
.top-tabs .tab-pane .top-details .top-details__item .top-details__content > .row { margin-left: 0; margin-right: 0; }
@media (max-width: 739px) { .top-tabs .top-tabs__switch { margin: 20px 20px 0; width: calc(100% - 40px); } }

.actions { float: right; padding: 20px 0 0; display: none; }
.actions:after { content: ''; display: table; clear: both; }
.actions .actions__item { display: inline-block; }
.actions .dropdown { display: inline-block; vertical-align: top; }
.actions .dropdown > .btn-empty { line-height: 32px; height: 32px; }
.actions .dropdown > .btn-empty > span { vertical-align: top; margin-left: 10px; margin-top: 12px; }
.actions > .pull-left { padding-left: 20px; }
.actions > .pull-right { padding-right: 20px; }
.actions > .pull-right button > i { vertical-align: middle; }
.actions > .pull-left p, .actions > .pull-left a, .actions > .pull-left button, .actions > .pull-right p, .actions > .pull-right a, .actions > .pull-right button { margin-bottom: 0; line-height: 28px; }
.actions > .pull-left p .active-filters-count, .actions > .pull-left a .active-filters-count, .actions > .pull-left button .active-filters-count, .actions > .pull-right p .active-filters-count, .actions > .pull-right a .active-filters-count, .actions > .pull-right button .active-filters-count { color: #443F3F; }
.actions .active-filters-count { margin-right: 5px; }
.modal-body .actions { display: none; }
@media (max-width: 1099px) { .actions { display: block; }
  .wrapper .actions, .sidebar__content .actions { background-color: #FFF; width: 100%; height: auto; position: fixed; bottom: 0; left: 0; top: auto !important; z-index: 14; padding: 15px 0; }
  .wrapper .actions.modal-action, .sidebar__content .actions.modal-action { z-index: 9999; }
  .wrapper .actions.modal-action__mobile, .sidebar__content .actions.modal-action__mobile { visibility: hidden; }
  .wrapper .actions:before, .sidebar__content .actions:before { display: block; position: fixed; content: ""; bottom: 58px; border-bottom: 4px solid rgba(0, 0, 0, 0.06); width: 100%; left: 0; right: 0; z-index: 4; }
  .wrapper .actions .btn-circle.btn-circle--white, .sidebar__content .actions .btn-circle.btn-circle--white { color: #1C2430; border-color: #1C2430; }
  .wrapper .actions .actions__item, .sidebar__content .actions .actions__item { width: 24%; text-align: center; }
  .wrapper .actions .btn-circle, .sidebar__content .actions .btn-circle { margin-right: 0; border-color: #1C2430; font-size: 14px; line-height: 28px; }
  .wrapper .actions .btn-circle.visible--mobile, .sidebar__content .actions .btn-circle.visible--mobile { margin: 0 auto; }
  .top .wrapper .actions, .top .sidebar__content .actions { padding: 15px 0; position: fixed; width: 100%; bottom: 0; left: 0; z-index: 4; }
  .wrapper .actions.static, .sidebar__content .actions.static { position: static; padding-bottom: 0; }
  .wrapper .actions.static .actions__item, .sidebar__content .actions.static .actions__item { width: auto; padding-right: 5px; } }

.item-actions .dropdown-item.disabled { opacity: 0.4; cursor: text; }

.dropdown-item.disabled > a { opacity: 0.4; cursor: text; }

.se-banner { background: url("/images/bg-gallery.jpg") no-repeat center top; background-size: cover; padding: 80px 30px 95px; text-align: center; vertical-align: top; }
.se-banner .se-banner__avatar { border: 1px solid rgba(0, 0, 0, 0.17); padding: 6px; border-radius: 100%; position: relative; display: inline-block; vertical-align: top; -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.33); -moz-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.33); box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.33); }
.se-banner .se-banner__text { display: inline-block; padding-left: 40px; text-align: left; }
.se-banner .se-banner__text h2 { font-size: 40px; font-weight: 300; color: #FFF; margin-bottom: 20px; }
.se-banner .se-banner__text p { font-size: 18px; font-weight: 300; color: #FFF; margin-bottom: 0; }
@media (max-width: 1099px) { .se-banner { margin-top: 55px; } }
@media (max-width: 739px) { .se-banner { padding: 50px 30px 80px; margin-top: 51px; }
  .se-banner .se-banner__text { padding-left: 0; text-align: center; } }

.testimonial { background-color: #FFF; text-align: center; clear: both; padding-top: 32px; padding-bottom: 20px; }
.testimonial h3 { font-size: 12px; font-weight: 700; color: #443F3F; text-transform: uppercase; margin: 0 0 5px; }
.testimonial p { font-size: 16px; font-style: italic; line-height: 24px; position: relative; margin: 0; display: inline-block; max-width: 80%; padding: 20px 0; }
.testimonial p:before, .testimonial p:after { position: absolute; top: 20px; content: ''; width: 15px; height: 14px; background-repeat: no-repeat; background-size: cover; }
.testimonial .carousel { min-height: 90px; width: 85%; margin: 0 auto; }
.testimonial .carousel-control { background-image: none; text-shadow: none; color: #1C2430; width: 10%; font-size: 40px; opacity: 0.2; }
.testimonial .carousel-control.left { left: -8%; }
.testimonial .carousel-control.right { right: -8%; }
@media (min-width: 1100px) { .testimonial .carousel-control:hover { opacity: 1; } }
@media (max-width: 739px) { .testimonial p { text-align: left; }
  .testimonial .carousel { height: auto; }
  .testimonial .carousel-control { display: none; } }

.icon-default { width: 36px; height: 36px; display: inline-block; font-size: 14px; line-height: 36px !important; text-align: center; color: #FFF; border-radius: 100%; position: relative; vertical-align: top; }
.icon-default:before { font-family: 'icomoon'; }
.icon-default.icon-default--assessment { background: #616DC7; background: -moz-linear-gradient(left, #616DC7 0%, #555FA8 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #616DC7), color-stop(100%, #555FA8)); background: -webkit-linear-gradient(left, #616DC7 0%, #555FA8 100%); background: -o-linear-gradient(left, #616DC7 0%, #555FA8 100%); background: -ms-linear-gradient(left, #616DC7 0%, #555FA8 100%); background: linear-gradient(to right, #616dc7 0%, #555fa8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.icon-default.icon-default--assessment:before { content: "\e923"; }
.icon-default.icon-default--assignment { background: #116BA2; background: -moz-linear-gradient(left, #116BA2 0%, #0C4C73 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #116BA2), color-stop(100%, #0C4C73)); background: -webkit-linear-gradient(left, #116BA2 0%, #0C4C73 100%); background: -o-linear-gradient(left, #116BA2 0%, #0C4C73 100%); background: -ms-linear-gradient(left, #116BA2 0%, #0C4C73 100%); background: linear-gradient(to right, #116ba2 0%, #0c4c73 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.icon-default.icon-default--assignment:before { content: "\e953"; }
.icon-default.icon-default--badge { background: #45C1D8; background: -moz-linear-gradient(left, #45C1D8 0%, #29ABC3 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #45C1D8), color-stop(100%, #29ABC3)); background: -webkit-linear-gradient(left, #45C1D8 0%, #29ABC3 100%); background: -o-linear-gradient(left, #45C1D8 0%, #29ABC3 100%); background: -ms-linear-gradient(left, #45C1D8 0%, #29ABC3 100%); background: linear-gradient(to right, #45c1d8 0%, #29abc3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.icon-default.icon-default--badge:before { content: "\e931"; }
.icon-default.icon-default--organization { background: #CF6190; background: -moz-linear-gradient(left, #CF6190 0%, #A75A7B 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #CF6190), color-stop(100%, #A75A7B)); background: -webkit-linear-gradient(left, #CF6190 0%, #A75A7B 100%); background: -o-linear-gradient(left, #CF6190 0%, #A75A7B 100%); background: -ms-linear-gradient(left, #CF6190 0%, #A75A7B 100%); background: linear-gradient(to right, #cf6190 0%, #a75a7b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.icon-default.icon-default--organization:before { content: "\e964"; }
.icon-default.icon-default--interview { background: #04BCEB; background: -moz-linear-gradient(left, #04BCEB 0%, #0B8FCF 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #04BCEB), color-stop(100%, #0B8FCF)); background: -webkit-linear-gradient(left, #04BCEB 0%, #0B8FCF 100%); background: -o-linear-gradient(left, #04BCEB 0%, #0B8FCF 100%); background: -ms-linear-gradient(left, #04BCEB 0%, #0B8FCF 100%); background: linear-gradient(to right, #04bceb 0%, #0b8fcf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.icon-default.icon-default--interview:before { content: "\e902"; }
.icon-default.icon-default--letter { background: #96CF3C; background: -moz-linear-gradient(left, #96CF3C 0%, #7ABF0D 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #96CF3C), color-stop(100%, #7ABF0D)); background: -webkit-linear-gradient(left, #96CF3C 0%, #7ABF0D 100%); background: -o-linear-gradient(left, #96CF3C 0%, #7ABF0D 100%); background: -ms-linear-gradient(left, #96CF3C 0%, #7ABF0D 100%); background: linear-gradient(to right, #96cf3c 0%, #7abf0d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.icon-default.icon-default--letter:before { content: "\e926"; }
.icon-default.icon-default--occupation { background: #87A8D3; background: -moz-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #87A8D3), color-stop(100%, #7F97B6)); background: -webkit-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: -o-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: -ms-linear-gradient(left, #87A8D3 0%, #7F97B6 100%); background: linear-gradient(to right, #87a8d3 0%, #7f97b6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.icon-default.icon-default--occupation:before { content: "\e90f"; }
.icon-default.icon-default--outcome { background: #CF925C; background: -moz-linear-gradient(left, #CF925C 0%, #C58042 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #CF925C), color-stop(100%, #C58042)); background: -webkit-linear-gradient(left, #CF925C 0%, #C58042 100%); background: -o-linear-gradient(left, #CF925C 0%, #C58042 100%); background: -ms-linear-gradient(left, #CF925C 0%, #C58042 100%); background: linear-gradient(to right, #cf925c 0%, #c58042 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.icon-default.icon-default--outcome:before { font-family: "Fontawesome"; content: "\f0ca"; }
.icon-default.icon-default--portfolio { background: #E67E69; background: -moz-linear-gradient(left, #E67E69 0%, #E56161 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #E67E69), color-stop(100%, #E56161)); background: -webkit-linear-gradient(left, #E67E69 0%, #E56161 100%); background: -o-linear-gradient(left, #E67E69 0%, #E56161 100%); background: -ms-linear-gradient(left, #E67E69 0%, #E56161 100%); background: linear-gradient(to right, #e67e69 0%, #e56161 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.icon-default.icon-default--portfolio:before { content: "\e96a"; }
.icon-default.icon-default--question { font-size: 18px; background: #F38A24; background: -moz-linear-gradient(left, #F38A24 0%, #F35E24 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #F38A24), color-stop(100%, #F35E24)); background: -webkit-linear-gradient(left, #F38A24 0%, #F35E24 100%); background: -o-linear-gradient(left, #F38A24 0%, #F35E24 100%); background: -ms-linear-gradient(left, #F38A24 0%, #F35E24 100%); background: linear-gradient(to right, #f38a24 0%, #f35e24 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.icon-default.icon-default--question:before { content: "\e939"; }
.icon-default.icon-default--question:after { font-family: 'Lato', serif; position: absolute; left: 0; top: 34%; font-size: 11px; width: 100%; height: 40%; line-height: 1; content: "Q"; color: #FFF; }
.icon-default.icon-default--resource { background: #476399; background: -moz-linear-gradient(left, #476399 0%, #5C7DBC 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #476399), color-stop(100%, #5C7DBC)); background: -webkit-linear-gradient(left, #476399 0%, #5C7DBC 100%); background: -o-linear-gradient(left, #476399 0%, #5C7DBC 100%); background: -ms-linear-gradient(left, #476399 0%, #5C7DBC 100%); background: linear-gradient(to right, #476399 0%, #5c7dbc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.icon-default.icon-default--resource:before { content: "\e984"; }
.icon-default.icon-default--resume { background: #3F78EA; background: -moz-linear-gradient(left, #3F78EA 0%, #2A5CC0 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #3F78EA), color-stop(100%, #2A5CC0)); background: -webkit-linear-gradient(left, #3F78EA 0%, #2A5CC0 100%); background: -o-linear-gradient(left, #3F78EA 0%, #2A5CC0 100%); background: -ms-linear-gradient(left, #3F78EA 0%, #2A5CC0 100%); background: linear-gradient(to right, #3f78ea 0%, #2a5cc0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.icon-default.icon-default--resume:before { content: "\e927"; }
.icon-default.icon-default--rubric { background: #7582BB; background: -moz-linear-gradient(left, #7582BB 0%, #92A0DC 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #7582BB), color-stop(100%, #92A0DC)); background: -webkit-linear-gradient(left, #7582BB 0%, #92A0DC 100%); background: -o-linear-gradient(left, #7582BB 0%, #92A0DC 100%); background: -ms-linear-gradient(left, #7582BB 0%, #92A0DC 100%); background: linear-gradient(to right, #7582bb 0%, #92a0dc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.icon-default.icon-default--rubric:before { content: "\e91e"; }

.cards { background-color: #2B343E; padding: 30px; }
.cards .rubric-table__wrapper { margin-bottom: 21px; }
@media (max-width: 739px) { .cards { padding: 10px; } }

.card { background: white; width: 100%; display: table; table-layout: fixed; margin: 7px 0 0; position: relative; border-radius: 0; border: 0; }
.card:first-child { margin-top: 0; }
.card hr { width: 100%; height: 0; margin: 0; }
.card hr.margin { margin: 12px 0; }
.card .card__action { display: table-cell; width: 210px; vertical-align: middle; text-align: right; padding-right: 50px; }
.card .card__action figure { width: 80px; height: 80px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); margin-left: 20px; }
.card .card__action figure img, .card .card__action figure i { border-radius: 50%; display: block; }
.card .card__action.card__action--top { vertical-align: top; padding-top: 20px; }
.card .card__title { background-color: #F1F1F1; display: table-cell; width: 15%; vertical-align: middle; }
.card .card__title > h6 { text-align: center; margin: 10px; }
.card .card__title > h6 > span { font-weight: 300; font-style: italic; color: #787A7F; }
.card .card__title .dropdown { position: absolute; right: 10px; top: 10px; z-index: 2; }
.card .card__title .dropdown .btn { font-size: 22px; line-height: 40px; }
.card .card__content { display: table-cell; padding: 0 55px 0 30px; position: relative; vertical-align: middle; }
.card .card__content .card__text:only-child { padding: 26px 0; }
.card .card__content.card__content--small { padding-right: 30px; }
.card .card__content:only-child { width: 100%; padding: 0; }
.card .card__chart { position: relative; display: table-cell; vertical-align: middle; width: 220px; padding: 15px 50px 15px 0; }
.card .card__chart.card__chart--option { width: 135px; padding-right: 55px; }
.card .card__badge { width: 100%; display: table; padding: 12px 0; }
.card .card__badge .card__image { display: table-cell; width: 100px; vertical-align: middle; }
.card .card__badge .card__image figure { width: 86px; height: 86px; }
.card .card__badge .card__description { display: table-cell; width: calc(100% - 100px); vertical-align: middle; }
.card .card__badge .card__description > a { font-size: 13px; }
.card .card__badge .card__description > p { font-size: 12px; margin-top: 2px; color: rgba(54, 61, 71, 0.67); }
.card .card__badge.card__badge--large .card__image { width: 140px; }
.card .card__badge.card__badge--large .card__image figure { width: 120px; height: 120px; }
.card .card__badge.card__badge--large .card__description { width: calc(100% - 140px); }
.card .card__badge.card__badge--large .card__description > a { font-size: 18px; }
.card .card__badge.card__badge--large .card__description > p { font-size: 14px; }
.card .card__text { padding: 12px 0; }
.card .card__text:after { content: ''; display: table; clear: both; }
.card .card__text h3, .card .card__text h4 { font-size: 13px; font-weight: 600; line-height: 1.2; margin: 0; position: relative; }
.card .card__text h3 .icon-awards, .card .card__text h4 .icon-awards { font-size: 18px; line-height: 20px; margin-left: 8px; margin-top: -4px; color: #3DCB44; position: absolute; }
.card .card__text > p { margin: 0; line-height: 32px; position: relative; }
.card .card__text > p b.large { font-size: 14px; margin-left: 5px; color: #1C2430; }
.card .card__text > p.descript { font-size: 12px; line-height: 16px; color: rgba(54, 61, 71, 0.67); margin-top: 4px; }
.card .card__text > p.disabled { color: #9E9E9E; }
.card .card__text > p.with-icon { padding: 0 0 0 25px; }
.card .card__text > p.with-icon > i { position: absolute; left: 0; font-size: 18px; }
.card .card__text > p.short { display: table-cell; padding: 11px 10px 11px 0; line-height: 14px; vertical-align: middle; white-space: nowrap; }
.card .card__text > p.short.with-icon { padding: 11px 0 11px 25px; }
.card .card__text > p.last { display: table-cell; padding: 11px 0; line-height: 14px; }
.card .card__text > p:empty { display: none; }
.card .card__text > a { line-height: 32px; display: block; }
.card .card__text > .btn { float: right; }
.card .card__text .icon-default { margin-right: 8px; }
.card .card__text > .avatar { float: none; display: table-cell; vertical-align: middle; padding: 0 4px; line-height: 36px; }
.card .card__text > .avatar > figure { float: left; }
.card .card__text > .avatar > figure + span { margin-left: 8px; }
.card .card__todo { padding: 5px; }
.card .card__todo > label { float: left; }
.card .card__todo p { margin: 0 0 0 38px; line-height: 20px; }
.card .card__todo a i { margin-left: 10px; }
.card .card__todo .btn { color: #2869CB; border-color: #2869CB; margin: 15px 5px 0 38px; height: 30px; line-height: 30px; }
.card .see-all { color: #333333; font-weight: 600; line-height: 30px; }
.card .link-list { padding-top: 10px; }
.card .link-list p { font-size: 11px; margin-bottom: 0; }
.card .link-list p span { color: #B1B8BB; }
.card.card--custom { background: transparent; margin: 0; }
.card.card--custom .card__content .card__text:only-child { padding: 0; }
@media (max-width: 739px) { .card { display: block; }
  .card:after { content: ''; display: table; clear: both; }
  .card .card__action { width: 100%; display: block; text-align: center; padding-bottom: 15px; padding-right: 0; }
  .card .card__title { width: 100%; display: block; padding: 10px; }
  .card .card__title .dropdown { top: 6px; }
  .card .card__content { width: 100%; display: block; padding: 0 10px; float: none; }
  .card .card__content.card__content--small { width: 100%; padding-right: 10px; }
  .card .card__chart { width: calc(100% - 20px); display: block; padding: 10px 0; margin: 0 10px; text-align: center; border-top: 1px solid rgba(202, 202, 202, 0.5); }
  .card .card__chart.card__chart--option { width: calc(100% - 20px); padding-right: 0; }
  .card .card__badge .card__image { width: 95px; }
  .card .card__badge .card__image figure { margin: 0; }
  .card .card__badge .card__description { width: calc(100% - 95px); }
  .card .card__badge.card__badge--large .card__image { width: 100px; }
  .card .card__badge.card__badge--large .card__image figure { width: 90px; height: 90px; }
  .card .card__badge.card__badge--large .card__description { width: calc(100% - 100px); }
  .card .card__text h3 { margin-right: 0; }
  .card .card__text > p.short { float: none; line-height: 16px; margin-bottom: 10px; }
  .card .card__text > p.descript { line-height: 1.4; padding-top: 3px; }
  .card .card__text > p.padding { padding-left: 10px; } }

.banners { padding: 0 15px 20px; }
.banners > h3 { font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 700; color: #2A3037; text-transform: capitalize; margin-bottom: 15px; color: #FFF; margin-top: 15px; }
.banners .banner { background-position: center center; background-size: cover; height: 76px; display: table; width: 100%; margin-bottom: 10px; }
.banners .banner .banner__img { display: table-cell; width: 65px; text-align: right; vertical-align: middle; }
.banners .banner .banner__img img { width: 50px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }
.banners .banner .banner__img + .banner__content { width: calc(100% - 65px); }
.banners .banner .banner__content { display: table-cell; width: 100%; height: 100%; text-align: left; vertical-align: middle; font-size: 12px; color: #FFF; padding: 3px 12px; }
.banners .banner .banner__content span { display: block; font-size: 10px; opacity: 0.6; }
.banners .banners__more { font-size: 11px; font-weight: 600; line-height: 18px; color: #FFF; text-align: right; margin: 20px auto 0; display: block; }
.banners .banners__more i { margin-left: 5px; font-size: 14px; line-height: 18px; }
@media (max-width: 1099px) { .banners { display: none; } }

.quiz { padding: 20px; background-color: #F1F1F1; }
.quiz:after { content: ''; display: table; clear: both; }
.quiz .quiz__question { width: 60%; float: left; background-color: #FFF; }
.quiz .quiz__question .quiz__question__footer { margin: 0 20px; border-top: 1px solid #C0C0C0; padding: 30px 10px; text-align: right; }
.quiz .quiz__question .quiz__question__footer .btn > i { margin: 0 5px; font-size: 18px; vertical-align: top; line-height: 40px; }
.quiz .quiz__question .quiz__question__content { padding: 0 0 10px; position: relative; }
.quiz .quiz__question .quiz__question__content > h3 { font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 700; color: #2A3037; text-transform: capitalize; margin-bottom: 0; line-height: 36px; margin: 0 20px 10px; padding: 15px 10px 10px; border-bottom: 1px solid #C0C0C0; }
.quiz .quiz__question .quiz__question__content > h4 { font-size: 24px; margin: 25px; }
.quiz .quiz__question .quiz__question__content > h5 { line-height: 36px; vertical-align: top; margin: 0; position: absolute; top: 15px; right: 25px; }
.quiz .quiz__question .quiz__question__content > h5 span { font-size: 30px; line-height: 36px; margin-left: 5px; display: inline-block; vertical-align: top; }
.quiz .quiz__answer { position: relative; }
.quiz .quiz__answer input[type="radio"].true-false + label { display: block; padding: 15px 25px 15px 85px; margin-right: 0; }
.quiz .quiz__answer input[type="radio"].true-false + label:before { top: 50%; margin-top: -20px; left: 25px; }
.quiz .quiz__answer input[type="radio"].true-false + label:after { left: 25px; }
.quiz .quiz__answer input[type="radio"].true-false:checked + label { background-color: #F8F8F8; }
.quiz .quiz__answer .sign { font-size: 11px; font-weight: 600; color: #FFF; border: 1px solid #FFF; -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; padding: 0 15px; line-height: 26px; position: absolute; top: calc(50% - 13px); right: 20px; display: none; }
.quiz .quiz__answer .sign:before { font-family: "icomoon"; font-size: 14px; vertical-align: middle; margin-right: 8px; }
.quiz .quiz__answer.correct input[type="radio"].true-false + label, .quiz .quiz__answer.correct input[type="radio"].true-false:checked + label { background-color: #83CE46; color: #FFF; }
.quiz .quiz__answer.correct input[type="radio"].true-false + label:before, .quiz .quiz__answer.correct input[type="radio"].true-false:checked + label:before { border: 4px solid #FFF; background-color: transparent; }
.quiz .quiz__answer.correct input[type="radio"].true-false + label:after, .quiz .quiz__answer.correct input[type="radio"].true-false:checked + label:after { color: #FFF; }
.quiz .quiz__answer.correct .sign { display: block; }
.quiz .quiz__answer.correct .sign:before { content: "\e916"; }
.quiz .quiz__answer.correct .sign:after { content: "Correct"; }
.quiz .quiz__answer.incorrect input[type="radio"].true-false + label, .quiz .quiz__answer.incorrect input[type="radio"].true-false:checked + label { background-color: #F3845D; color: #FFF; }
.quiz .quiz__answer.incorrect input[type="radio"].true-false + label:before, .quiz .quiz__answer.incorrect input[type="radio"].true-false:checked + label:before { border: 4px solid #FFF; background-color: transparent; }
.quiz .quiz__answer.incorrect input[type="radio"].true-false + label:after, .quiz .quiz__answer.incorrect input[type="radio"].true-false:checked + label:after { color: #FFF; }
.quiz .quiz__answer.incorrect .sign { display: block; }
.quiz .quiz__answer.incorrect .sign:before { content: "\e946"; }
.quiz .quiz__answer.incorrect .sign:after { content: "Incorrect"; }
.quiz .quiz__list { background-color: #FFF; float: left; width: 38%; margin-left: 2%; }
.quiz .quiz__list .quiz__list__header { text-align: center; padding: 15px 20px 10px; }
.quiz .quiz__list .quiz__list__header > h2 { font-size: 13px; font-weight: 400; line-height: 36px; vertical-align: top; margin: 0 0 10px; }
.quiz .quiz__list .quiz__list__header > h2 span { font-size: 30px; line-height: 36px; margin-left: 5px; display: inline-block; vertical-align: top; }
.quiz .quiz__list .quiz__list__header .quiz__progress { width: 100%; height: 5px; background-color: #EEEEEF; }
.quiz .quiz__list .quiz__list__header .quiz__progress > span { background-color: #83CE46; display: block; height: 5px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.quiz .quiz__list .quiz__list__content { position: relative; overflow: hidden; max-height: 440px; }
.quiz .quiz__item { display: table; width: 100%; padding: 10px 0; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.quiz .quiz__item > span { display: table-cell; vertical-align: middle; }
.quiz .quiz__item .number { width: 45px; text-align: center; color: #443F3F; }
.quiz .quiz__item .status { width: 50px; }
.quiz .quiz__item .status > span { width: 30px; height: 30px; border: 1px solid #EDEDEE; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: block; position: relative; }
.quiz .quiz__item .status > span:after { font-family: 'icomoon'; width: 28px; height: 30px; line-height: 30px; position: absolute; top: 0; left: 0; text-align: center; font-size: 14px; }
.quiz .quiz__item.checked { background-color: #F8F8F8; }
.quiz .quiz__item.correct .status > span { border-color: #83CE46; color: #83CE46; }
.quiz .quiz__item.correct .status > span:after { content: "\e916"; }
.quiz .quiz__item.incorrect .status > span { border-color: #F3845D; color: #F3845D; }
.quiz .quiz__item.incorrect .status > span:after { content: "\e946"; }
.quiz .quiz__error { margin: 5px 20px 0; border-top: 1px solid #C0C0C0; padding: 15px 20px 5px; color: #F3845D; }

.note { background-color: #FFF; padding: 30px 38px; min-height: 200px; color: #1C2430; }
.note > p { font-size: 14px; color: #1C2430; }

.job-cards { background-color: #FFF; width: 100%; display: table; }
.job-cards .job-card { background: white; background: -moz-linear-gradient(left, white 84%, #f8f8f8 100%); background: -webkit-gradient(left top, right top, color-stop(84%, white), color-stop(100%, #f8f8f8)); background: -webkit-linear-gradient(left, white 84%, #f8f8f8 100%); background: -o-linear-gradient(left, white 84%, #f8f8f8 100%); background: -ms-linear-gradient(left, white 84%, #f8f8f8 100%); background: linear-gradient(to right, #ffffff 84%, #f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=1 ); width: 33.333333%; display: table-cell; vertical-align: top; padding: 15px 40px 0 40px; position: relative; }
.job-cards .job-card .title { border-bottom: 2px dotted #DBDBDB; }
.job-cards .job-card .title p { font-size: 16px; font-weight: 600; line-height: 40px; margin-bottom: 0; }
.job-cards .job-card .content { padding: 25px 0 20px; }
.job-cards .job-card .content p { margin-bottom: 5px; }
.job-cards .job-card .content ul { list-style: none outside; margin-top: 5px; }
.job-cards .job-card .content ul > li { margin-bottom: 3px; }
.job-cards .job-card .content ul > li:before { content: none; font-size: 16px; color: #E6E6E6; margin-right: 5px; }
.job-cards .job-card .content + .content { border-top: 2px dotted #DBDBDB; }
.job-cards .job-card:before { width: 36px; height: 36px; line-height: 36px; border-radius: 50%; text-align: center; background-color: #FFF; position: absolute; top: 20px; left: -18px; font-family: "FontAwesome"; font-size: 22px; content: "\f105"; }
.job-cards .job-card:first-child:before { display: none; }
@media (max-width: 739px) { .job-cards { display: block; }
  .job-cards .job-card { background: white; background: -moz-linear-gradient(top, white 84%, #f8f8f8 100%); background: -webkit-gradient(left top, left bottom, color-stop(84%, white), color-stop(100%, #f8f8f8)); background: -webkit-linear-gradient(top, white 84%, #f8f8f8 100%); background: -o-linear-gradient(top, white 84%, #f8f8f8 100%); background: -ms-linear-gradient(top, white 84%, #f8f8f8 100%); background: linear-gradient(to bottom, #ffffff 84%, #f8f8f8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0 ); width: 100%; display: block; }
  .job-cards .job-card:before { top: -18px; left: calc(50% - 20px); content: "\f107"; } }

.tooltip--occupation { margin-left: 52px; }
.tooltip--occupation .tooltip-arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid rgba(0, 0, 0, 0.9); position: absolute; bottom: -6px; left: 10px; }

.icon-preview { width: 144px; display: inline-block; vertical-align: top; }
.icon-preview.icon-preview--sm { width: 36px; }
.icon-preview.icon-preview--lg { width: 56px; }

.empty-gallery { position: relative; padding: 0 35px 35px; }
.empty-gallery:after { content: ''; display: table; clear: both; }
.empty-gallery .bg-empty { background: #3F4651 url("/images/img-empty.png") no-repeat center center; background-size: auto 80%; }
.empty-gallery.empty__list-view { padding: 0 20px 35px; }
.empty-gallery.empty__list-view .bg-empty { background-image: none; width: calc(50% - 30px); margin: 15px; float: left; height: 30px; }
.empty-gallery.empty__one-column .bg-empty { height: 450px; }
.empty-gallery.empty__gallery .preview { height: 450px; }
.empty-gallery.empty__gallery .slider { padding-top: 10px; margin: 0 -5px; }
.empty-gallery.empty__gallery .slider:after { content: ''; display: table; clear: both; }
.empty-gallery.empty__gallery .slider .bg-empty { width: calc(10% - 10px); margin: 5px; float: left; height: 0; padding-bottom: calc(10% - 10px); }
.empty-gallery.empty__grid { margin: 0 -10px; }
.empty-gallery.empty__grid .bg-empty { width: calc(33.333333% - 20px); margin: 10px; float: left; height: 200px; }
.empty-gallery.empty__touch-carousel { padding: 0 25px 35px; }
.empty-gallery.empty__touch-carousel .bg-empty { width: calc(33.333333% - 20px); float: left; margin: 10px; height: 0; padding-bottom: 35%; }
.empty-gallery.empty__touch-carousel > span { background: #3F4651; position: absolute; top: calc(50% - 62px); width: 23px; height: 36px; line-height: 1; font-size: 30px; color: #3E4551; }
.empty-gallery.empty__touch-carousel > span.left { left: 0; border-radius: 0 90px 90px 0; -moz-border-radius: 0 90px 90px 0; -webkit-border-radius: 0 90px 90px 0; text-align: left; }
.empty-gallery.empty__touch-carousel > span.left i { margin-left: 3px; }
.empty-gallery.empty__touch-carousel > span.right { right: 0; border-radius: 90px 0 0 90px; -moz-border-radius: 90px 0 0 90px; -webkit-border-radius: 90px 0 0 90px; text-align: right; }
.empty-gallery.empty__touch-carousel > span.right i { margin-right: 3px; }
.empty-gallery.empty__touch-carousel .pager { text-align: center; }
.empty-gallery.empty__touch-carousel .pager span { background-color: #3F4651; display: inline-block; width: 12px; height: 12px; margin: 5px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
@media (max-width: 1099px) and (min-width: 740px) { .empty-gallery { padding: 0 45px 30px; }
  .empty-gallery.empty__list-view { padding-left: 30px; padding-right: 30px; }
  .empty-gallery.empty__one-column .bg-empty { height: 320px; }
  .empty-gallery.empty__gallery .preview { height: 320px; }
  .empty-gallery.empty__touch-carousel { padding: 0 35px 35px; } }
@media (max-width: 739px) { .empty-gallery { padding: 0 45px 20px; }
  .empty-gallery.empty__list-view { padding-left: 27px; padding-right: 27px; }
  .empty-gallery.empty__list-view .bg-empty { width: calc(50% - 20px); margin: 10px; }
  .empty-gallery.empty__one-column { padding-left: 38px; padding-right: 38px; }
  .empty-gallery.empty__one-column .bg-empty { height: 220px; }
  .empty-gallery.empty__gallery { padding-left: 38px; padding-right: 38px; }
  .empty-gallery.empty__gallery .preview { height: 220px; }
  .empty-gallery.empty__grid { padding-left: 38px; padding-right: 38px; }
  .empty-gallery.empty__grid .bg-empty { height: 100px; }
  .empty-gallery.empty__touch-carousel { padding: 0 28px 20px; } }

.preview, .no-preview { background-color: #4F555C; position: relative; text-align: center; margin-bottom: 50px; }
.preview .dropdown, .no-preview .dropdown { position: absolute; top: 20px; right: 20px; display: none; z-index: 5; }
.preview .dropdown > a, .no-preview .dropdown > a { width: 40px; height: 40px; background-color: #FFF; border-radius: 50%; font-size: 24px; line-height: 42px; text-align: center; color: #1C2430; display: block; }
.preview__outer, .no-preview__outer { position: unset; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.preview__inner, .no-preview__inner { width: 100%; height: 100%; display: table; }
.preview__content, .no-preview__content { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
.preview--min, .no-preview--min { min-height: 400px; padding-top: 40px; padding-bottom: 40px; margin-bottom: 0; }
.preview--nb, .no-preview--nb { margin-bottom: 0; }
.preview .preview__text, .no-preview .preview__text { background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 50px; position: absolute; z-index: 2; left: 0; bottom: -50px; padding: 0 20px; text-align: left; display: table; }
.preview .preview__text .preview__title, .no-preview .preview__text .preview__title { display: table-cell; vertical-align: middle; }
.preview .preview__text h3, .no-preview .preview__text h3 { font-size: 13px; font-weight: 400; line-height: 15px; color: #FFF; margin: 0; display: block; display: -webkit-box; max-height: 15px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.preview .preview__text p, .no-preview .preview__text p { margin: 0; font-size: 12px; color: rgba(255, 255, 255, 0.67); display: block; display: -webkit-box; max-height: 18px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.preview.iframe-wrapper, .no-preview.iframe-wrapper { width: 100%; }
@media (min-width: 1100px) { .preview:hover .dropdown, .no-preview:hover .dropdown { display: block; } }
@media (max-width: 1099px) { .preview__outer, .no-preview__outer { overflow: hidden; }
  .preview .preview__text, .no-preview .preview__text { padding-left: 15px; padding-right: 15px; } }
@media (max-width: 739px) { .preview--min, .no-preview--min { min-height: 300px; } }

.preview { display: inline-block; }
.preview img:not(.icon-preview) { position: relative; z-index: 1; max-height: 720px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4); }
@media (max-width: 1099px) { .preview img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } }
@media (max-width: 739px) { .preview img { max-height: 350px; } }

.no-preview { width: 100%; height: 100%; color: #FFF; text-align: center; display: inline-flex; align-items: center; }
.no-preview .icon-preview { display: block; margin: 0 auto 10px; }
.no-preview p { font-size: 16px; color: #FFF; margin: 0; }
.no-preview span { font-size: 11px; display: block; margin-bottom: 20px; }
.no-preview .more-details { font-size: 12px; font-weight: 700; color: #FFF; margin-left: 5px; }
.no-preview .more-details:after { font-family: "Fontawesome"; content: '\f105'; font-size: 20px; margin-left: 10px; position: relative; top: 1px; }
.modal-body .no-preview { padding: 160px 0; margin-bottom: 0; }
@media (max-width: 739px) { .no-preview { vertical-align: top; }
  .no-preview i { width: 46px; height: 46px; font-size: 20px; line-height: 46px; }
  .no-preview p { font-size: 16px; }
  .no-preview span { font-size: 11px; margin-bottom: 20px; } }

.portfolio { padding: 0 0 20px; position: relative; }

.portfolio__list { padding: 20px; }
.portfolio__list table { width: 100%; }
.portfolio__list table th, .portfolio__list table td { color: #FFF; }
.portfolio__list table th { line-height: 22px; padding: 0 5px 10px; border-bottom: 3px solid rgba(220, 220, 220, 0.28); }
.portfolio__list table td { padding: 15px 5px; vertical-align: middle; border-top: 1px solid rgba(220, 220, 220, 0.28); }
.portfolio__list table .file-name { font-weight: bold; vertical-align: top; width: 30%; }
.portfolio__list table .file-name .file-name__title { padding: 0 0 0 15px; display: inline-block; color: #FFF; width: calc(100% - 40px); }
.portfolio__list table .file-name .file-name__title span { display: block; color: #443F3F; font-weight: 400; }
.portfolio__list table .file-name img { width: 36px; height: 36px; border-radius: 100%; display: inline-block; vertical-align: top; }
.portfolio__list table .file-description { width: calc(70% - 56px); }
.portfolio__list table .file-action { width: 56px; padding: 15px 10px; text-align: center; }
@media (max-width: 1099px) { .portfolio__list table .file-name { width: 50%; }
  .portfolio__list table .file-description { width: calc(50% - 56px); }
  .portfolio__list table .file-action { width: 46px; padding: 15px 0; } }
@media (max-width: 739px) { .portfolio__list { padding: 10px 5px; } }

.portfolio__single { margin: 0 35px; padding: 35px 0; width: calc(100% - 70px); }
.portfolio__single .owl-stage { height: 100%; }
.portfolio__single .owl-item { text-align: center; display: table-cell; height: 100%; vertical-align: middle; float: none; }
.portfolio__single .owl-nav .owl-prev, .portfolio__single .owl-nav .owl-next { background: #2B343E; position: absolute; z-index: 4; top: calc(50% - 45px); width: 43px; height: 46px; line-height: 46px; font-size: 22px; color: #FFF; }
.portfolio__single .owl-nav .owl-prev.disabled, .portfolio__single .owl-nav .owl-next.disabled { color: rgba(255, 255, 255, 0.4); }
.portfolio__single .owl-nav .owl-prev { left: -35px; border-radius: 0 90px 90px 0; -moz-border-radius: 0 90px 90px 0; -webkit-border-radius: 0 90px 90px 0; text-align: left; }
.portfolio__single .owl-nav .owl-prev i { margin-left: 3px; }
.portfolio__single .owl-nav .owl-next { right: -35px; border-radius: 90px 0 0 90px; -moz-border-radius: 90px 0 0 90px; -webkit-border-radius: 90px 0 0 90px; text-align: right; }
.portfolio__single .owl-nav .owl-next i { margin-right: 3px; }
@media (max-width: 1099px) and (min-width: 740px) { .portfolio__single { margin: 0; padding: 5px 45px; width: 100%; }
  .portfolio__single .owl-nav .owl-prev { left: 0; }
  .portfolio__single .owl-nav .owl-next { right: 0; }
  .dark > .portfolio__single { padding: 30px; } }
@media (max-width: 739px) { .portfolio__single { padding: 10px 30px; margin: 0; width: 100%; }
  .portfolio__single .owl-nav .owl-prev { left: 0; }
  .portfolio__single .owl-nav .owl-next { right: 0; }
  .dark > .portfolio__single { padding: 20px; } }

.portfolio__gallery { padding: 35px 35px 15px; }
.portfolio__gallery .preview { height: 100%; width: 100%; position: relative; }
.portfolio__gallery .preview .preview__inner a { display: block; }
.portfolio__gallery .preview .preview__inner img[src$=".svg"] { margin-top: 10vw; }
.portfolio__gallery .preview .preview__inner p { margin-bottom: 0; }
.portfolio__gallery .no-preview { position: absolute; }
.portfolio__gallery .portfolio__gallery-prev, .portfolio__gallery .portfolio__gallery-next { background: #2B343E; position: absolute; z-index: 4; top: calc(50% - 65px); width: 43px; height: 46px; line-height: 46px; font-size: 22px; color: #FFF; cursor: pointer; }
.portfolio__gallery .portfolio__gallery-prev.disabled, .portfolio__gallery .portfolio__gallery-next.disabled { color: rgba(255, 255, 255, 0.4); }
.portfolio__gallery .portfolio__gallery-prev { left: 0; border-radius: 0 90px 90px 0; -moz-border-radius: 0 90px 90px 0; -webkit-border-radius: 0 90px 90px 0; text-align: left; }
.portfolio__gallery .portfolio__gallery-prev i { margin-left: 3px; }
.portfolio__gallery .portfolio__gallery-next { right: 0; border-radius: 90px 0 0 90px; -moz-border-radius: 90px 0 0 90px; -webkit-border-radius: 90px 0 0 90px; text-align: right; }
.portfolio__gallery .portfolio__gallery-next i { margin-right: 3px; }
.portfolio__gallery .portfolio__file-list { padding: 30px 30px 10px; width: 100%; position: relative; }
.portfolio__gallery .portfolio__file-list .owl-stage { margin: 5px 0px; height: 100%; min-width: 100%; }
.portfolio__gallery .portfolio__file-list .owl-stage:after { content: ''; display: table; clear: both; }
.portfolio__gallery .portfolio__file-list .owl-item { padding-left: 10px; padding-right: 10px; display: inline-block; float: none !important; vertical-align: middle; text-align: center; position: relative; }
.portfolio__gallery .portfolio__file-list .owl-item a { display: block; cursor: pointer; opacity: 0.6; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; background-color: rgba(255, 255, 255, 0.1); padding: 7px; }
.portfolio__gallery .portfolio__file-list .owl-item a > .icon-preview { width: 100%; }
.portfolio__gallery .portfolio__file-list .owl-item a:after { width: calc(100% - 20px); padding-bottom: 100%; content: ''; display: block; position: absolute; left: 10px; top: 0; z-index: -1; }
.portfolio__gallery .portfolio__file-list .owl-item a img { border-radius: 50%; width: -webkit-fill-available !important; }
.portfolio__gallery .portfolio__file-list .owl-item .active { opacity: 1; }
@media (min-width: 1100px) { .portfolio__gallery .portfolio__file-list .owl-item a:hover { opacity: 1; } }
.portfolio__gallery .portfolio__file-list .owl-nav .owl-prev, .portfolio__gallery .portfolio__file-list .owl-nav .owl-next { position: absolute; top: calc(50% - 22px); width: 23px; height: 36px; line-height: 36px; font-size: 30px; color: #FFF; }
.portfolio__gallery .portfolio__file-list .owl-nav .owl-prev { left: 0; }
.portfolio__gallery .portfolio__file-list .owl-nav .owl-next { right: 0; }
.portfolio__gallery .portfolio__file-list img:not(.icon-preview) { -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4); }
@media (max-width: 1099px) and (min-width: 740px) { .portfolio__gallery { padding: 35px 45px 15px; }
  .portfolio__gallery .portfolio__gallery-prev, .portfolio__gallery .portfolio__gallery-next { top: calc(50% - 45px); } }
@media (max-width: 739px) { .portfolio__gallery { padding: 25px 30px 15px; }
  .portfolio__gallery .portfolio__gallery-prev, .portfolio__gallery .portfolio__gallery-next { top: calc(50% - 70px); }
  .portfolio__gallery .portfolio__gallery-prev { left: 0; }
  .portfolio__gallery .portfolio__gallery-next { right: 0; }
  .portfolio__gallery .portfolio__file-list { padding: 15px 30px 10px; position: relative; }
  .portfolio__gallery .portfolio__file-list .owl-item { padding-left: 6px; padding-right: 6px; }
  .portfolio__gallery .portfolio__file-list .owl-item a:after { width: calc(100% - 12px); left: 6px; }
  .portfolio__gallery .portfolio__file-list .owl-nav .owl-prev, .portfolio__gallery .portfolio__file-list .owl-nav .owl-next { top: calc(50% - 17px); font-size: 24px; } }

.portfolio__grid { padding: 25px; }
.portfolio__grid:after { content: ''; display: table; clear: both; }
.portfolio__grid .preview, .portfolio__grid .no-preview { margin: 10px 10px 60px; width: calc(33.33% - 20px); float: left; height: auto; padding: 0; display: block; }
.portfolio__grid .preview img, .portfolio__grid .no-preview img { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; max-height: 400px; }
.portfolio__grid .preview:before, .portfolio__grid .no-preview:before { content: ""; display: block; padding-top: 100%; }
@media (min-width: 1100px) { .portfolio__grid .preview:hover img { opacity: 0.8; } }
@media (max-width: 1099px) and (min-width: 740px) { .portfolio__grid { padding: 35px 30px; }
  .portfolio__grid .preview, .portfolio__grid .no-preview { width: calc(50% - 20px); } }
@media (max-width: 739px) { .portfolio__grid { padding: 25px; }
  .portfolio__grid .preview, .portfolio__grid .no-preview { width: calc(100% - 20px); } }

.portfolio__carousel { padding: 35px 25px; }
.portfolio__carousel .owl-stage { display: table; height: 100%; }
.portfolio__carousel .owl-item { display: inline-flex; vertical-align: middle; text-align: center; float: none; padding: 10px; }
.portfolio__carousel .owl-item::before { content: ''; padding-top: 100%; float: left; }
.portfolio__carousel .owl-item::after { content: ''; display: block; clear: both; }
.portfolio__carousel .owl-dots { padding-top: 20px; }
.portfolio__carousel .owl-nav .owl-prev, .portfolio__carousel .owl-nav .owl-next { background: #443F3F; position: absolute; top: calc(50% - 46px); width: 23px; height: 36px; line-height: 1; font-size: 30px; color: #3E4551; }
.portfolio__carousel .owl-nav .owl-prev i, .portfolio__carousel .owl-nav .owl-next i { margin-top: 3px; }
.portfolio__carousel .owl-nav .owl-prev.disabled, .portfolio__carousel .owl-nav .owl-next.disabled { background: #464D57; cursor: inherit; }
.portfolio__carousel .owl-nav .owl-prev { left: 0; border-radius: 0 90px 90px 0; -moz-border-radius: 0 90px 90px 0; -webkit-border-radius: 0 90px 90px 0; text-align: left; }
.portfolio__carousel .owl-nav .owl-prev i { margin-left: 3px; }
.portfolio__carousel .owl-nav .owl-next { right: 0; border-radius: 90px 0 0 90px; -moz-border-radius: 90px 0 0 90px; -webkit-border-radius: 90px 0 0 90px; text-align: right; }
.portfolio__carousel .owl-nav .owl-next i { margin-right: 3px; }
.portfolio__carousel .preview, .portfolio__carousel .no-preview { display: inline-block; padding: 0; width: 100%; margin-bottom: unset !important; }
@media (max-width: 1099px) and (min-width: 740px) { .portfolio__carousel { padding: 30px 35px; } }
@media (max-width: 739px) { .portfolio__carousel { padding: 20px 25px; } }
.portfolio__carousel .preview .preview__inner a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column !important; }
.portfolio__carousel .preview .preview__inner p { margin-bottom: 0; }
.portfolio__carousel .preview .preview__text { bottom: 0; display: flex; align-items: center; }
.portfolio__carousel .preview .preview__text .preview__title { display: inline-grid; vertical-align: middle; }

.portfolio__testimonial { text-align: center; padding: 30px 80px 0; }
.portfolio__testimonial p { border: 1px solid #444C57; padding: 45px 50px; color: #FFF; font-style: italic; text-align: left; }
.portfolio__testimonial p span { display: block; text-align: right; padding-top: 30px; font-style: normal; opacity: 0.7; }
.portfolio__testimonial h3 { font-size: 14px; color: #FFF; font-weight: 400; margin: 25px 0; }
@media (max-width: 739px) { .portfolio__testimonial { padding-left: 15px; padding-right: 15px; }
  .portfolio__testimonial p { padding: 25px 20px; } }

@keyframes "lg-right-end" { 0% { left: 0; }
  50% { left: -30px; }
  100% { left: 0; } }
@keyframes "lg-left-end" { 0% { left: 0; }
  50% { left: 30px; }
  100% { left: 0; } }
.inline-gallery-container { width: -webkit-fill-available; min-height: 500px; height: calc(100vh - 100px); position: relative; }

lg-outer .lg-thumb-item img:focus { outline: none !important; }

.lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; text-align: left; opacity: 0.001; outline: none; will-change: opacity; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; }
.lg-outer .lg-thumb-outer { display: inline-block; width: 100%; max-height: 350px; }
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; }
.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; }
.lg-outer .lg-thumb-outer.lg-thumb-align-middle { text-align: center; }
.lg-outer .lg-thumb-outer.lg-thumb-align-left { text-align: left; }
.lg-outer .lg-thumb-outer.lg-thumb-align-right { text-align: right; }
.lg-outer .lg-thumb { padding: 5px 0; height: 100%; margin-bottom: -5px; display: inline-block; vertical-align: middle; }
.lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border-radius: 50%; margin-bottom: 5px; will-change: border-color; border: 2px solid #494E54; background: #494E54; -webkit-transition: opacity 0.25s ease, border-color 0.7s ease; -o-transition: opacity 0.25s ease, border-color 0.7s ease; transition: opacity 0.25s ease, border-color 0.7s ease; opacity: .5; }
.lg-outer .lg-thumb-item:hover { border-color: #7f8b99; opacity: 1; }
.lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lg-outer .lg-thumb-item img[src$=".svg"] { padding: 7px; }
.lg-outer .lg-thumb-item.active { border-color: #7f8b99; opacity: 1; }
.lg-outer .lg-toggle-thumb:after { content: '\e1ff'; }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); will-change: opacity, transform; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); will-change: opacity, transform; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; }
.lg-outer .lg-inner { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; -webkit-transition: none; -o-transition: none; transition: none; white-space: nowrap; }
.lg-outer .lg-item { will-change: transform, opacity; display: none !important; display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; }
.lg-outer .lg-item:not(.lg-start-end-progress) { background: url("../images/loading.gif") no-repeat scroll center center transparent; }
.lg-outer .lg-item:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; white-space: nowrap; font-size: 0; }
.lg-outer .lg-img-wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.lg-outer .lg-item.lg-complete { background-image: none; }
.lg-outer .lg-item.lg-current { z-index: 1060; }
.lg-outer .lg-object { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; position: relative; }
.lg-outer .lg-empty-html { display: none; }
.lg-outer .lg-first-slide .lg-dummy-img { position: absolute; top: 50%; left: 50%; }

.lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; }

.lg-outer.lg-animate-thumb .lg-thumb { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition-duration: 0ms !important; transition-duration: 0ms !important; }
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0ms !important; transition-duration: 0ms !important; }

.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { will-change: transform; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; -moz-transition: -moz-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; -o-transition: -o-transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s; }

.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap { will-change: transform; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s; }

.lg-icon.lg-zoom-in:after { content: '\ea95'; }

.lg-icon.lg-actual-size:after { content: '\e033'; }

.lg-icon.lg-zoom-out { opacity: 0.5; pointer-events: none; }
.lg-icon.lg-zoom-out:after { content: '\ea94'; }

.lg-zoomed .lg-icon.lg-zoom-out { opacity: 1; pointer-events: auto; }

.lg-outer[data-lg-slide-type='video'] .lg-zoom-in { opacity: 0.75; pointer-events: none; }
.lg-outer[data-lg-slide-type='video'] .lg-actual-size { opacity: 0.75; pointer-events: none; }
.lg-outer[data-lg-slide-type='video'] .lg-zoom-ou { opacity: 0.75; pointer-events: none; }
.lg-outer[data-lg-slide-type='video'] .lg-download { opacity: 0.75; pointer-events: none; }
.lg-outer[data-lg-slide-type='video'] .lg-options { opacity: 0.75; pointer-events: none; }

.lg-outer[data-lg-slide-type='iframe'] .lg-zoom-in { opacity: 0.75; pointer-events: none; }
.lg-outer[data-lg-slide-type='iframe'] .lg-actual-size { opacity: 0.75; pointer-events: none; }
.lg-outer[data-lg-slide-type='iframe'] .lg-zoom-ou { opacity: 0.75; pointer-events: none; }
.lg-outer[data-lg-slide-type='iframe'] .lg-download { opacity: 0.75; pointer-events: none; }
.lg-outer[data-lg-slide-type='iframe'] .lg-options { opacity: 0.75; pointer-events: none; }

.lg-icon { display: inline-block; font: normal normal normal 28px/1 'skillsfirst-icons'; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.lg-next { background-color: rgba(0, 0, 0, 0.45); border-radius: 50%; color: #96A0B1; cursor: pointer; display: block; margin-top: -10px; padding: 10px; position: absolute; top: 50%; z-index: 1080; outline: none; border: none; transition: all 0.2s ease !important; right: 20px; opacity: 0; will-change: transform, opacity; -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; }
.lg-next:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.45); color: #F1F2F4; }
.lg-next:focus { border-radius: 50%; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; }
.lg-next:before { content: '\ea8a'; }

.lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 50%; color: #96A0B1; cursor: pointer; display: block; margin-top: -10px; padding: 10px; position: absolute; top: 50%; z-index: 1080; outline: none; border: none; transition: all 0.2s ease !important; left: 20px; opacity: 0; will-change: transform, opacity; -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; }
.lg-prev:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.45); color: #F1F2F4; }
.lg-prev:focus { border-radius: 50%; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; }
.lg-prev:after { content: '\ea8c'; }

.lg-next.disabled { pointer-events: none; opacity: 0.5; }

.lg-prev.disabled { pointer-events: none; opacity: 0.5; }

.lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; }

.lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; }

.lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; padding: 0 25px; opacity: 0; will-change: transform, opacity; -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; }
.lg-toolbar .lg-icon { color: #96A0B1; cursor: pointer; float: right; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; will-change: color; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; background: none; border: none; box-shadow: none; }
.lg-toolbar .lg-icon::after { padding: 3px; }
.lg-toolbar .lg-icon:hover { color: #F1F2F4; }
.lg-toolbar .lg-icon:hover::after { background-color: rgba(183, 183, 183, 0.12); border-radius: 50%; transition: background-color .3s; }
.lg-toolbar .lg-icon.lg-icon-18 { font-size: 18px; }
.lg-toolbar .lg-close:after { content: '\ea22'; }
.lg-toolbar .lg-maximize:after { content: '\ea96'; }
.lg-toolbar .lg-download:after { content: '\ea85'; }
.lg-toolbar .lg-options:after { content: '\ea2b'; }

.lg-media-overlap .lg-toolbar { background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); }
.lg-media-overlap .lg-sub-html { background-color: rgba(52, 58, 64, 0.9); }

.lg-sub-html { color: #eee; font-size: 16px; padding: 10px 40px; text-align: left; z-index: 1080; opacity: 0; -webkit-transition: opacity 0.2s ease-out 0s; -o-transition: opacity 0.2s ease-out 0s; transition: opacity 0.2s ease-out 0s; }
.lg-sub-html .lightGallery-captions { padding: 5px 10px; }
.lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lg-sub-html p { font-size: 12px; margin: 5px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lg-sub-html a { color: inherit; }
.lg-sub-html a:hover { text-decoration: underline; }

.lg-item .lg-sub-html { position: absolute; bottom: 0; right: 0; left: 0; }

.lg-error-msg { font-size: 14px; color: #999; }

.lg-counter { color: #96A0B1; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; height: 47px; vertical-align: middle; }

.lg-closing .lg-toolbar { opacity: 0; -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; }
.lg-closing .lg-prev { opacity: 0; -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; }
.lg-closing .lg-next { opacity: 0; -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; }
.lg-closing .lg-sub-html { opacity: 0; -webkit-transition: -webkit-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; -moz-transition: -moz-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; -o-transition: -o-transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear; }

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { opacity: 0; will-change: opacity; -webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; }
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { opacity: 1; }

.lg-group:after { content: ''; display: table; clear: both; }

.lg-container { display: none; }

.lg-container.lg-show { display: block; }

.lg-pager-outer { opacity: 0; will-change: transform, opacity; -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; }

.lg-hide-sub-html .lg-sub-html { opacity: 0; will-change: transform, opacity; -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; }

.lg-show-in .lg-toolbar { opacity: 1; }
.lg-show-in .lg-prev { opacity: 1; }
.lg-show-in .lg-next { opacity: 1; }
.lg-show-in .lg-pager-outer { opacity: 1; }
.lg-show-in .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); }
.lg-show-in .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
.lg-show-in .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html { opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); }

.lg-show-in.lg-hide-sub-html .lg-sub-html { opacity: 1; }

.lg-outer.lg-zoom-from-image { opacity: 1; }

.lg-outer.lg-visible { opacity: 1; }

.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; }
.lg-outer.lg-css3 .lg-prev-slide { display: inline-flex !important; justify-content: center; align-items: center; }
.lg-outer.lg-css3 .lg-current { display: inline-flex !important; justify-content: center; align-items: center; }
.lg-outer.lg-css3 .lg-next-slide { display: inline-flex !important; justify-content: center; align-items: center; }

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; }
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; }
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; }

.lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }

.lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }

.lg-inner { bottom: 100px !important; }

.lg-thumb-outer { padding: 0 0 10px 0; }

.lg-outer.lg-css .lg-current { display: inline-block !important; }

.lg-outer.lg-show-after-load .lg-item .lg-object { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; }
.lg-outer.lg-show-after-load .lg-item .lg-video-play-button { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; }
.lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-object { opacity: 1; }
.lg-outer.lg-show-after-load .lg-item.lg-zoom-from-image .lg-video-play-button { opacity: 1; }
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object { opacity: 1; }
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play-button { opacity: 1; }

.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); opacity: 1; }
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html { opacity: 1; transition: opacity 0.2s ease-out 0.15s; background-color: rgba(52, 58, 64, 0.9); padding-top: 10px; }

.lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #343A40; opacity: 0; will-change: opacity; -webkit-transition: opacity 333ms ease-in 0s; -o-transition: opacity 333ms ease-in 0s; transition: opacity 333ms ease-in 0s; }

.lg-backdrop.in { opacity: 1; }

.lg-css3.lg-no-trans .lg-prev-slide { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; }
.lg-css3.lg-no-trans .lg-next-slide { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; }
.lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; }

.lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.lg-css3.lg-use-css3 .lg-item.lg-start-progress { -webkit-transition: -webkit-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; -o-transition: -o-transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; }
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; }

.lg-css3.lg-fade .lg-item { opacity: 0; }
.lg-css3.lg-fade .lg-item.lg-current { opacity: 1; -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; }
.lg-css3.lg-fade .lg-item.lg-prev-slide { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; }
.lg-css3.lg-fade .lg-item.lg-next-slide { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; }

.lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; }

.lg-container.lg-dragging-vertical .lg-backdrop { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; }
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; }

.lg-inline .lg-backdrop { position: absolute; z-index: 1; }
.lg-inline .lg-outer { position: absolute; z-index: 1; }
.lg-inline .lg-maximize:after { content: '\ea97'; }

.lg-components { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); will-change: transform; -webkit-transition: -webkit-transform 0.35s ease-out 0s; -moz-transition: -moz-transform 0.35s ease-out 0s; -o-transition: -o-transform 0.35s ease-out 0s; transition: transform 0.35s ease-out 0s; z-index: 1080; position: absolute; bottom: 0; right: 0; left: 0; }

@media (min-width: 768px) { .lg-outer .lg-thumb { padding: 10px 0; } }
.lg-has-iframe { position: absolute; top: 0; }
.lg-has-iframe iframe { height: 100% !important; width: 100% !important; }
.lg-has-iframe iframe .dark { background: #393D41 !important; }

@media (min-width: 576px) { .lg-has-iframe iframe { width: calc(100% - 80px) !important; } }
#media_play { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

.dark { background: #2B343E; position: relative; }
.dark:after { content: ''; display: table; clear: both; }
.dark .dark__content { padding: 10px 40px; }
.dark .dark__content > p { font-size: 16px; color: rgba(255, 255, 255, 0.8); }
.dark .dark__content > p > span { display: block; color: rgba(255, 255, 255, 0.58); text-align: right; padding-top: 30px; }
.dark .dark__content.dark__content--lg { padding: 60px 75px; }
.dark .dark__answer { padding-top: 20px; padding-left: 20px; color: #FFF; }
.dark .dark__answer .answer__title { color: #FFF; margin-bottom: 20px; }
.dark .dark__answer .answer__text:after { content: ''; display: table; clear: both; }
.dark .dark__answer .answer__text > p { width: calc(100% - 65px); color: #FFF; padding: 4px 5px 0 0; float: left; }
.dark .dark__answer .answer__text .dropdown { float: right; border-left: 1px solid #6B7685; }
.dark .dark__answer .answer__text .dropdown .btn-empty { padding: 20px; }
.dark .dark__answer .answer__text .dropdown .btn-empty .caret { border-top: 15px solid #6B7685; border-right: 10px solid transparent; border-left: 10px solid transparent; }
.dark .dark__answer .answer__author { color: #443F3F; }
.dark .dark__answer .answer__author:after { content: ''; display: table; clear: both; }
.dark .dark__answer .answer__author > span { line-height: 36px; float: left; }
.dark .dark__top { border-bottom: 1px solid #6B7685; padding: 20px 0; }
.dark .dark__top .navigation { align-items: center; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); grid-column-gap: 0px; grid-row-gap: 20px; }
.dark .dark__top .navigation .prev, .dark .dark__top .navigation .next { font-size: 30px; line-height: 36px; color: #FFF; display: inline-block; vertical-align: top; }
.dark .dark__top .navigation .prev > .fa-angle-right, .dark .dark__top .navigation .next > .fa-angle-right { font-size: 30px; margin-left: 0; vertical-align: top; }
.dark .dark__top .navigation :nth-child(1) { grid-area: 2 / 1 / 3 / 2; margin: 0 !important; }
.dark .dark__top .navigation h3 { grid-area: 1 / 1 / 2 / 3; text-align: left; margin: 0 !important; }
.dark .dark__top .navigation :nth-child(3) { grid-area: 2 / 2 / 3 / 3; place-self: end; }
.dark .dark__top .navigation span { grid-area: 3 / 1 / 4 / 3; text-align: left; }
.dark .dark__top .navigation .btn { max-width: 140px; }
.dark .dark__top .navigation span.prev, .dark .dark__top .navigation span.next { opacity: 0.3; }
.dark .dark__top .navigation h3 { font-size: 13px; font-weight: 400; color: #FFF; line-height: 36px; display: inline-block; margin: 0 15px; vertical-align: top; }
@media (min-width: 740px) { .dark .dark__top .navigation { align-items: center; display: grid; grid-template-columns: auto repeat(2, 140px) 1fr; grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; }
  .dark .dark__top .navigation :nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
  .dark .dark__top .navigation h3 { grid-area: 1 / 2 / 2 / 3; text-align: center; }
  .dark .dark__top .navigation :nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
  .dark .dark__top .navigation span { grid-area: 1 / 4 / 2 / 5; text-align: right; } }
.dark .dark__title { padding: 25px 0 0; position: relative; }
.dark .dark__title:after { content: ''; display: table; clear: both; }
.dark .dark__title > a, .dark .dark__title > p { width: calc(100% - 65px); font-size: 20px; color: #FFF; padding: 14px 60px; position: relative; float: left; }
.dark .dark__title .dropdown, .dark .dark__title .dark__title__action { float: right; border-left: 1px solid #6B7685; }
.dark .dark__title .dropdown .btn-empty, .dark .dark__title .dark__title__action .btn-empty { padding: 20px; }
.dark .dark__title .dropdown .btn-empty .caret, .dark .dark__title .dark__title__action .btn-empty .caret { border-top: 15px solid #6B7685; border-right: 10px solid transparent; border-left: 10px solid transparent; vertical-align: middle; }
.dark .dark__title .dropdown .dropdown-menu, .dark .dark__title .dark__title__action .dropdown-menu { background-color: #444B55; padding: 20px 5px; }
.dark .dark__video { width: 70%; padding: 35px 40px; position: relative; margin: 0 auto; }
@media (max-width: 739px) { .dark .dark__video { width: 100%; padding: 35px 15px; } }
@media (max-width: 1099px) { .dark .dark__video { width: 100%; } }
.dark .dark__video > div { -webkit-box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 3px rgba(0, 0, 0, 0.2); z-index: 2; position: relative; }
.dark .dark__video .media-text { color: #ffffff; }
.modal .dark .dark__video { width: 85%; padding: 20px 40px; }
.dark .dark__footer { border-top: 1px solid #6B7685; text-align: right; padding: 30px 0; }
.dark .dark__actions { position: absolute; top: 50px; right: 20px; }
.grid-item--sm .dark, .info-list .dark { background-color: transparent; padding-top: 10px; }
.grid-item--sm .dark:after, .info-list .dark:after { display: none; }
.grid-item--sm .dark .dark__video, .info-list .dark .dark__video { width: 100%; padding: 10px; }
@media (max-width: 1099px) { .dark .dark__content { padding: 10px 20px; }
  .dark .dark__title > a, .dark .dark__title > p { font-size: 16px; } }
@media (max-width: 739px) { .dark .dark__content { padding: 0; }
  .dark .dark__content .tabs ~ .tab__content .tab__title { padding: 20px; }
  .dark .dark__content .tabs ~ .tab__content .info-list { width: calc(100% - 40px); margin: 0 20px; }
  .dark .dark__content.dark__content--lg { padding: 11px 9px; }
  .dark .dark__top { padding: 20px 20px; text-align: center; }
  .dark .dark__top .navigation .prev { float: left; margin-left: 25px; }
  .dark .dark__top .navigation .next { float: right; margin-right: 25px; }
  .dark .dark__title { padding: 15px 25px 0; margin-bottom: 20px; }
  .dark .dark__title > a { padding: 0px 0 0 50px; }
  .dark .dark__title > a:before { left: 0; top: 0; }
  .dark .dark__title .dropdown, .dark .dark__title .dark__title__action { border-left: 0; }
  .dark .dark__title .dropdown .btn-empty, .dark .dark__title .dark__title__action .btn-empty { padding: 0 0 0 20px; }
  .dark .dark__title .dropdown .btn-empty .caret, .dark .dark__title .dark__title__action .btn-empty .caret { border-top: 8px solid #6B7685; border-right: 7px solid transparent; border-left: 7px solid transparent; }
  .dark .dark__title .dropdown .dropdown-menu, .dark .dark__title .dark__title__action .dropdown-menu { padding: 10px 10px 10px 0; top: 70px; }
  .dark .dark__answer { padding: 20px; }
  .dark .dark__answer .answer__text p { width: calc(100% - 45px); }
  .dark .dark__answer .answer__text .dropdown { border-left: 0; }
  .dark .dark__answer .answer__text .dropdown .btn-empty { padding: 0 5px 0 20px; }
  .dark .dark__answer .answer__text .dropdown .btn-empty .caret { border-top: 8px solid #6B7685; border-right: 7px solid transparent; border-left: 7px solid transparent; }
  .dark .dark__answer > .dark__video { padding: 0; }
  .dark .dark__footer { text-align: center; padding: 20px; }
  .dark .dark__footer .btn { width: 70%; margin: 0 auto; }
  .dark .dark__footer .btn + .btn { margin-top: 15px; }
  .dark .dark__actions { position: relative; text-align: right; margin-top: 10px; margin-right: 20px; top: 0; right: 0; } }

@keyframes x_rec { 0% { border-radius: 10%; width: 50%; height: 50%; }
  100% { border-radius: 50%; width: 70%; height: 70%; } }
@keyframes x_stop { 0% { border-radius: 50%; width: 70%; height: 70%; }
  100% { border-radius: 10%; width: 50%; height: 50%; } }
@keyframes rec_pulse { 0% { opacity: 1; }
  50% { opacity: .4; }
  100% { opacity: 1; } }
input.nav-switch[type=checkbox] { height: 0; width: 0; visibility: hidden; }

label.nav-switch { cursor: pointer; text-indent: -9999px; width: 28px; height: 15px; background: rgba(0, 0, 0, 0.3); display: block; border-radius: 100px; position: relative; margin: 0; }
label.nav-switch:after { content: ""; position: absolute; top: 0px; left: 0px; width: 15px; height: 15px; background: #F1F2F4; border-radius: 15px; transition: 0.3s; }

input.nav-switch:checked + label { background: #29DD87; transition: .3s; transition-delay: .1s; }
input.nav-switch:checked + label:after { left: 100%; transform: translateX(-100%); }

.nav-switch-radio-input { display: none; }
.nav-switch-radio-input:checked ~ .section-select-item .nav-switch-radio-dot::after { opacity: 1; }

.nav-switch-radio-dot { height: 10px; width: 10px; border-radius: 50%; display: block; position: absolute; left: 0; top: 0; }
.nav-switch-radio-dot::after { content: ""; display: block; height: 10px; width: 10px; border-radius: 50%; position: absolute; top: .56rem; left: .8rem; background-color: #0CDF8B; opacity: 0; transition: opacity 0.2s; }

.media-recorder .dropup.nav-item.open > .dropdown-menu .section-select-item { padding: 6px 12px; margin: 0; display: -ms-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; border: none !important; font-weight: 400 !important; background-color: transparent; width: 100%; position: relative; }
.media-recorder .dropup.nav-item.open > .dropdown-menu .section-select-item .name { color: rgba(241, 242, 244, 0.6); padding-left: 20px; position: relative; }
.media-recorder .dropup.nav-item.open > .dropdown-menu .section-select-item:hover { background-color: rgba(0, 0, 0, 0.1); }
.media-recorder .dropup.nav-item.open > .dropdown-menu .dropdown-item:hover { background-color: rgba(0, 0, 0, 0.1); opacity: 0.3; pointer-events: none; background-color: #999ea7; }
.media-recorder .dropup.nav-item.open > .dropdown-menu .section-items[disabled] { opacity: 0.3; pointer-events: none; }
.media-recorder .dropup.nav-item.open > .dropdown-menu .section-items[disabled] .nav-switch-radio-dot::after { background-color: #999ea7; }

.media-recorder { position: relative; }
.media-recorder > div[data-x-video] { display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important; justify-content: center !important; }
.media-recorder > div[data-x-video] > div[data-x-live] { position: relative; max-width: 100vw; }
.media-recorder > div[data-x-live] { display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important; justify-content: center !important; position: relative; }
.media-recorder .nav-item { position: absolute; bottom: 28px; right: 20px; z-index: 1; }
.media-recorder .nav-item .btn { min-width: unset; height: unset; padding: unset; text-shadow: none; }
.media-recorder .nav-item .btn > i { font-size: 25px; padding: 6px; border-radius: 50%; background-color: rgba(41, 41, 41, 0.4); }
.media-recorder .dropup.nav-item.open > .dropdown-menu { display: block; position: absolute; bottom: 55px; text-decoration: none; transition: color .2s; font-size: 13px; border-color: rgba(0, 0, 0, 0.3); background-color: rgba(41, 41, 41, 0.4); -webkit-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.2); transition: .2s; border: none; padding: .5rem 0; margin: 0; border-radius: .25rem; min-width: 10rem; z-index: 1; }
.media-recorder .dropup.nav-item.open > .dropdown-menu .dropdown-item { padding: 12px; display: -ms-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; border: none !important; font-weight: 400 !important; background-color: transparent; width: 100%; }
.media-recorder .dropup.nav-item.open > .dropdown-menu .section-header-item { padding: 6px 12px; display: -ms-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; border: none !important; font-weight: 400 !important; background-color: transparent; width: 100%; }
.media-recorder .dropup.nav-item.open > .dropdown-menu a { color: #F1F2F4; text-decoration: none; }
.media-recorder .dropup.nav-item.open > .dropdown-menu .name { color: #F1F2F4; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 300px; min-width: 100px; margin-right: 30px; }
.media-recorder .dropup.nav-item.open > .dropdown-menu hr { margin-top: .3rem; margin-bottom: .3rem; border-top: 1px solid rgba(210, 210, 210, 0.1); }
.media-recorder .dropup.nav-item.open > .dropdown-menu > .dropdown-item i { color: #F1F2F4; font-size: 26px; margin-right: 8px; }
.media-recorder .dropdown-menu.dropdown-menu-right { top: unset !important; }
.media-recorder > div[data-x-live-controls] { position: relative; }
.media-recorder > div[data-x-live-controls] > .btn.rec { position: absolute; top: -85px; }
.media-recorder .upload-filename { display: inline; width: 20%; }
.media-recorder .timer { line-height: unset; font-size: 15px; width: 100%; font-family: unset; text-shadow: none; color: #F1F2F4; top: 0; position: unset; justify-content: center !important; display: flex !important; }
.media-recorder .timer span { bottom: unset; left: unset; top: 10px; background-color: rgba(41, 41, 41, 0.4); color: #F1F2F4; padding: 5px 8px; border-radius: 20px; font-size: 13px; z-index: unset; }
.media-recorder .btn.rec[disabled] { display: none; }

.dropup.nav-item > .btn-settings > i { transition: all 1s; color: rgba(255, 255, 255, 0.5); transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.dropup.nav-item:not(.open):hover > .btn-settings > i { transform: rotate(180deg); transition: all 1s; color: white; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.dropup.nav-item.open > .btn-settings > i { transform: rotate(180deg); transition: all 1s; color: white; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

.btn.rec { --size: 60px; width: var(--size); height: var(--size); border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.4); position: absolute; left: 0; right: 0; margin: 0 auto; min-width: unset; }
.btn.rec:hover { opacity: 1; }
.btn.rec:before { background-color: #FF0015; border-radius: 50%; content: ''; height: 70%; width: 70%; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.btn.rec[data-x-rec]:before { animation: x_rec .1s forwards ease-in-out; }

.btn.rec[data-x-stop]:before { animation: x_stop .1s forwards ease-in-out, rec_pulse 1.5s ease-in-out infinite; }

.rubric { padding: 6px; position: relative; }
.rubric .rubric__row { border-top: 1px solid #E8E8E8; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: inherit; }
.rubric .rubric__row:nth-of-type(odd) { background-color: #F6F6F6; }
.rubric .rubric__title { background-color: #F6F6F6; border-top: 1px solid #FFF; padding: 0 0 0 27px; }
.rubric .rubric__title p { font-size: 10px; font-weight: 600; text-transform: uppercase; line-height: 26px; margin: 0; }
.rubric .rubric__space { width: 38%; background-color: #F6F6F6; border-top: 8px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; -webkit-box-shadow: 3px 0px 10px 0px rgba(226, 226, 226, 0.4); -moz-box-shadow: 3px 0px 10px 0px rgba(226, 226, 226, 0.4); box-shadow: 3px 0px 10px 0px rgba(226, 226, 226, 0.4); }
.rubric .rubric__left { width: 38%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: inherit; -webkit-box-shadow: 3px 0px 10px 0px rgba(226, 226, 226, 0.4); -moz-box-shadow: 3px 0px 10px 0px rgba(226, 226, 226, 0.4); box-shadow: 3px 0px 10px 0px rgba(226, 226, 226, 0.4); }
.rubric .rubric__weight { width: 12px; text-align: center; font-size: 10px; font-weight: 400; color: #BABDC4; position: absolute; left: 0; top: 50%; margin-top: -7px; }
.rubric .rubric__text { padding: 20px 15px; font-size: 13px; font-weight: 400; line-height: 18px; border-left: 12px solid #F6F6F6; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.rubric .rubric__text p { margin-bottom: 0; }
.rubric .rubric__content { width: 62%; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: inherit; }
.rubric .rubric__content--top { align-items: flex-start; }
.rubric .rubric__scroll { position: relative; }
.rubric .rubric__item { flex: 1; text-align: center; padding: 10px 25px; color: #1C2430; text-decoration: none; }
.rubric .rubric__item .radio { margin-top: 10px; }
.rubric .rubric__item .large { font-size: 16px; display: block; }
.rubric .rubric__item .text { display: block; font-size: 10px; padding-top: 10px; text-align: left; color: #443F3F; }
.rubric .rubric__head { font-weight: 400; text-align: center; border-left: 1px solid #FFF; padding: 20px 25px 15px; border-bottom: 1px solid #E2E2E2; position: relative; flex: 1; }
.rubric .rubric__head > i { margin-left: 5px; }
.rubric .rubric__head .value { width: 16px; height: 16px; content: ''; position: absolute; border-radius: 100%; top: -4px; left: 50%; margin-left: -8px; color: #FFF; font-size: 8px; border: 2px solid #FFF; }
.rubric .rubric__head:before { height: 8px; width: 100%; position: absolute; top: 0; left: 0; content: ''; }
.rubric .rubric__head.color-green { color: #1C2430; }
.rubric .rubric__head.color-green:before, .rubric .rubric__head.color-green .value { background-color: #3DB928; }
.rubric .rubric__head.color-blue { color: #1C2430; }
.rubric .rubric__head.color-blue:before, .rubric .rubric__head.color-blue .value { background-color: #0E5DC9; }
.rubric .rubric__head.color-purple { color: #1C2430; }
.rubric .rubric__head.color-purple:before, .rubric .rubric__head.color-purple .value { background-color: #935EAA; }
.rubric .rubric__head.color-gray { color: #1C2430; }
.rubric .rubric__head.color-gray:before, .rubric .rubric__head.color-gray .value { background-color: #4E5B84; }
.rubric .rubric__head.color-red { color: #1C2430; }
.rubric .rubric__head.color-red:before, .rubric .rubric__head.color-red .value { background-color: #C70A0A; }
@media (max-width: 1099px) { .rubric .rubric__text, .rubric .rubric__item { padding: 10px; }
  .rubric .rubric__head { padding: 20px 5px 15px; } }
@media (max-width: 739px) { .rubric .rubric__content { display: block; position: relative; }
  .rubric .rubric__head, .rubric .rubric__item { float: left; width: 200px; } }

.violet-link { display: table; border-collapse: separate; border-spacing: 3px; }
@media (min-width: 1100px) { .violet-link:hover { color: #FFF; }
  .violet-link:focus, .violet-link:active { outline: none; } }
.violet-link span { background-color: #6064BB; width: 60px; height: 60px; display: table-cell; vertical-align: middle; text-align: center; text-transform: uppercase; color: #FFF; font-size: 9px; line-height: 1; border-radius: 50%; }
.violet-link span i { display: block; margin-bottom: 5px; }

.weight-slider { position: relative; max-width: 370px; padding-top: 55px; }
.weight-slider .weight-slider-start, .weight-slider .weight-slider-stop, .weight-slider .weight-slider-value { position: absolute; top: 47px; font-weight: 600; }
.weight-slider .weight-slider-start { left: 0; }
.weight-slider .weight-slider-stop { right: 0; }
.weight-slider .weight-slider-content { margin: 0 30px; border-radius: 0; height: 4px; background-color: #CECECE; border: 0; }
.weight-slider .weight-slider-content .ui-widget-header { background-color: #C5E166; }
.weight-slider .weight-slider-content .ui-slider-handle { background-color: #3E4450; width: 10px; height: 20px; border-radius: 5px; border: 0; top: -8px; cursor: pointer; -webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.3); }
.weight-slider .weight-slider-content .ui-slider-handle.ui-state-hover, .weight-slider .weight-slider-content .ui-slider-handle.ui-state-active, .weight-slider .weight-slider-content .ui-slider-handle.ui-state-focus { border: 0; outline: none; }
.weight-slider .weight-slider-value { background-color: #3E4450; border-radius: 3px; width: 40px; height: 32px; text-align: center; top: 0; left: 63%; color: #FFF; line-height: 32px; margin-left: 7px; }
.weight-slider .weight-slider-value:after { content: ''; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 10px solid #3E4450; position: absolute; left: 11px; bottom: -9px; }
.weight-slider.weight-slider-small { margin-top: -5px; }
.weight-slider.weight-slider-small .weight-slider-value { left: 59%; opacity: 0.77; }

.rubric-table__wrapper { position: relative; }
.rubric-table__wrapper .rubric-table__content { border-left: 6px solid #FFF; border-right: 6px solid #FFF; border-bottom: 6px solid #FFF; background: #FFF; padding-top: 6px; overflow: hidden; }
@media (max-width: 739px) { .rubric-table__wrapper .rubric-table__content { overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; –webkit-overflow-scrolling: touch; } }
@media (max-width: 1099px) { .rubric-table__wrapper .rubric-table__content { overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: -ms-autohiding-scrollbar; –webkit-overflow-scrolling: touch; } }
.rubric-table__wrapper .violet-link { position: absolute; bottom: -20px; z-index: 5; }
.rubric-table__wrapper .violet-link.center { left: 50%; margin-left: -30px; }
.rubric-table__wrapper.open .rubric-table__content, .rubric-table__wrapper.open .rubric-table__content .sticky-wrap { height: auto !important; }

.rubric-table__bottom-buttons { position: absolute; left: 0; bottom: 30px; z-index: 30; }
.rubric-table__bottom-buttons:after { content: ''; display: table; clear: both; }
.rubric-table__bottom-buttons > a { float: left; }

.rubric-table__right-buttons { position: absolute; right: 0; top: 150px; z-index: 30; }

.table-fixed { width: 99%; background-color: #FFF; table-layout: fixed; }
.table-fixed .left-cell { width: 300px; padding: 0; text-align: left; }
.table-fixed .left-cell.left-cell--empty { padding: 20px 25px 15px; }
.table-fixed thead th { width: 160px; padding: 20px 25px 15px; border-bottom: 1px solid #E2E2E2; }
.table-fixed thead th > i { top: 22px; }
.table-fixed thead th .value { top: 0; }
.table-fixed thead th.left-cell { border-bottom: 1px solid #E2E2E2; box-shadow: 3px 0px 10px 0px rgba(226, 226, 226, 0.4); }
.table-fixed thead th.tr-box { border-top: 1px solid #E2E2E2; box-shadow: 3px 0px 10px 0px rgba(226, 226, 226, 0.4); border-top: 1px solid #E8E8E8; }
.table-fixed tbody th { box-shadow: 3px 0px 10px 0px rgba(226, 226, 226, 0.4); }
.table-fixed tbody td { border-top: 1px solid #E8E8E8; position: relative; text-align: center; vertical-align: middle; min-width: 160px; }
.table-fixed tbody td > a { display: block; width: 100%; height: 100%; padding: 20px 25px; color: #1C2430; cursor: pointer; }
.table-fixed tbody td > a .value { font-size: 16px; }
.table-fixed tbody td > a .text { display: block; font-size: 10px; padding-top: 10px; text-align: left; color: #443F3F; }
@media (min-width: 1100px) { .table-fixed tbody td > a:hover, .table-fixed tbody td > a:focus, .table-fixed tbody td > a:active { border: 0; outline: none; } }
.table-fixed tbody td > span { display: block; font-size: 10px; padding-top: 10px; text-align: left; cursor: pointer; color: #443F3F; }
.table-fixed tbody td > span.descriptor { text-align: left; }
.table-fixed tbody td > p { margin: 0; }
.table-fixed tbody td > h4 { font-size: 16px; margin: 0; }
.table-fixed tbody td > h4 a { color: #1C2430; }
.table-fixed tbody td > h4 i { color: rgba(81, 81, 81, 0.5); margin-left: 5px; font-size: 14px; padding: 0 5px; }
.table-fixed.auto { table-layout: auto; overflow: scroll; -webkit-overflow-scrolling: touch; }
@media (max-width: 1099px) and (min-width: 740px) { .table-fixed .left-cell { width: 260px; }
  .table-fixed thead th, .table-fixed tbody td { min-width: 100px; } }
@media (max-width: 1099px) { .table-fixed tbody td > a { padding: 5px 10px; } }
@media (max-width: 739px) { .table-fixed.auto { table-layout: fixed; }
  .table-fixed .left-cell { width: 160px; }
  .table-fixed thead th { width: 120px; }
  .table-fixed tbody td, .table-fixed tbody th { width: 100px; }
  .table-fixed tbody td .text > span, .table-fixed tbody th .text > span { font-size: 9px; } }

.sticky-wrap { overflow-x: auto; overflow-y: hidden; position: relative; width: 100%; border-bottom: 1px solid #E8E8E8; padding-top: 2px; margin-top: -2px; }
.sticky-wrap .sticky-thead, .sticky-wrap .sticky-col, .sticky-wrap .sticky-intersect { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; transition: all 0s ease; z-index: 7; width: auto; }
.sticky-wrap .sticky-intersect { opacity: 1; z-index: 120; position: fixed; left: 6px; top: 66px; }
.sticky-wrap .sticky-intersect th { background-color: #F6F6F6; padding: 20px 0 14px; min-width: 160px; }
.sticky-wrap .sticky-intersect th .value { background-color: #E2E2E2; font-size: 8px; line-height: 1; color: #333333; position: absolute; top: 0; left: 0; width: 100%; height: 8px; }
.sticky-wrap .sticky-thead { z-index: 8; position: fixed; top: 74px; margin: 0 0 0 298px; left: 0; right: 0; table-layout: fixed; }
.low .sticky-wrap .sticky-thead { top: 147px; }
.center .sticky-wrap .sticky-thead { left: 250px; }
.sticky-wrap .sticky-thead:after { content: ''; width: 100%; height: 0; border-bottom: 1px solid #E2E2E2; display: block; position: absolute; }
.sticky-wrap .sticky-thead thead th { background-color: #FFF; min-width: 160px; padding: 11px 25px 15px; }
.sticky-wrap .sticky-thead thead th > i { top: 12px; }
.sticky-wrap .sticky-thead thead th .value { top: -8px; }
.sticky-wrap .sticky-thead thead th.left-cell { padding: 11px 0 15px; }
.sticky-wrap .sticky-col { max-width: 300px; box-shadow: 3px 0px 10px 0px rgba(226, 226, 226, 0.4); }
.sticky-wrap .sticky-col thead th { background-color: #F6F6F6; min-width: 160px; font-weight: 400; text-align: center; padding: 20px 25px 15px; border-left: 1px solid #FFF; border-bottom: 1px solid #E2E2E2; position: relative; }
.sticky-wrap .sticky-col thead th .value { background-color: #E2E2E2; font-size: 8px; line-height: 1; color: #333333; position: absolute; top: 0; left: 0; width: 100%; height: 8px; }
.sticky-wrap .sticky-col tbody th { background-color: #FFF; max-width: 300px; }
.sticky-wrap .sticky-col .row-header th > span { background-color: #F6F6F6; position: absolute; left: 25px; top: 0; z-index: 5; white-space: nowrap; }
.sticky-wrap.overflow-y { overflow-y: auto; max-height: 50vh; }
@media (max-width: 1099px) { .sticky-wrap .sticky-thead { margin: 0 0 0 47px; }
  .sticky-wrap .sticky-thead thead th { min-width: 120px; }
  .sticky-wrap .sticky-thead thead th.left-cell { width: 160px; } }
@media (max-width: 739px) { .sticky-wrap .sticky-thead { table-layout: fixed; border-left: 6px solid #FFF; border-right: 6px solid #FFF; margin: 0 20px; top: 66px; }
  .sticky-wrap .sticky-intersect { margin-left: 26px; left: 0; }
  .sticky-wrap .sticky-intersect:before { background-color: #FFF; width: 6px; height: 101%; position: absolute; top: 0; left: -6px; content: ''; }
  .sticky-wrap .sticky-col { table-layout: fixed; width: 160px; border-top: 2px solid #FFF; }
  .sticky-wrap .sticky-col thead th, .sticky-wrap .sticky-col tbody th { width: 160px !important; }
  .sticky-wrap .sticky-col thead th .dropdown button, .sticky-wrap .sticky-col tbody th .dropdown button { font-size: 9px; }
  .sticky-wrap .sticky-col thead th .text > span, .sticky-wrap .sticky-col tbody th .text > span { font-size: 9px; } }

.sticky-thead thead th, .table-fixed thead th { font-weight: 400; text-align: center; border-left: 1px solid #FFF; position: relative; }
.sticky-thead thead th > i, .table-fixed thead th > i { position: absolute; right: 10px; }
.sticky-thead thead th .value, .table-fixed thead th .value { font-size: 8px; line-height: 1; color: #FFF; position: absolute; left: 0; width: 100%; height: 8px; }
.sticky-thead thead th .value > i, .table-fixed thead th .value > i { font-style: normal; position: relative; }
.sticky-thead thead th .value:before, .table-fixed thead th .value:before { width: 16px; height: 16px; content: ''; position: absolute; border-radius: 100%; top: -4px; left: 50%; margin-left: -8px; border: 2px solid #FFF; }
.sticky-thead thead th.left-cell, .table-fixed thead th.left-cell { background-color: #F6F6F6; border-left: 0; }
.sticky-thead thead th.left-cell .value, .table-fixed thead th.left-cell .value { background-color: #E2E2E2; }
.sticky-thead thead th.left-cell .value:before, .table-fixed thead th.left-cell .value:before { display: none; }
.sticky-thead thead th.color-1 .value, .sticky-thead thead th.color-1 .value:before, .table-fixed thead th.color-1 .value, .table-fixed thead th.color-1 .value:before { background-color: #C70A0A; }
.sticky-thead thead th.color-2 .value, .sticky-thead thead th.color-2 .value:before, .table-fixed thead th.color-2 .value, .table-fixed thead th.color-2 .value:before { background-color: #4E5B84; }
.sticky-thead thead th.color-3 .value, .sticky-thead thead th.color-3 .value:before, .table-fixed thead th.color-3 .value, .table-fixed thead th.color-3 .value:before { background-color: #935EAA; }
.sticky-thead thead th.color-4 .value, .sticky-thead thead th.color-4 .value:before, .table-fixed thead th.color-4 .value, .table-fixed thead th.color-4 .value:before { background-color: #0E5DC9; }
.sticky-thead thead th.color-5 .value, .sticky-thead thead th.color-5 .value:before, .table-fixed thead th.color-5 .value, .table-fixed thead th.color-5 .value:before { background-color: #3DB928; }

.sticky-col tbody th, .table-fixed tbody th { border-top: 1px solid #E8E8E8; position: relative; text-align: center; vertical-align: middle; font-weight: 400; box-shadow: 3px 0px 10px 0px rgba(226, 226, 226, 0.4); }
.sticky-col tbody th .weight, .table-fixed tbody th .weight { background-color: #F6F6F6; width: 12px; height: 100%; position: absolute; top: 0; left: 0; text-align: center; font-size: 10px; font-weight: 400; color: #BABDC4; z-index: 2; display: block; float: left; }
.sticky-col tbody th .weight i, .table-fixed tbody th .weight i { display: block; position: absolute; top: calc(50% - 7px); font-style: normal; }
.sticky-col tbody th .text, .table-fixed tbody th .text { width: 100%; min-height: 60px; border-left: 12px solid #F6F6F6; text-align: left; height: 100%; display: block; overflow: auto; }
.sticky-col tbody th .text > .text-table, .table-fixed tbody th .text > .text-table { display: table; width: 100%; height: 100%; }
.sticky-col tbody th .text > .text-table > span, .table-fixed tbody th .text > .text-table > span { display: table-cell; width: 100%; height: 100%; padding: 20px 15px; vertical-align: middle; font-size: 13px; font-weight: 400; line-height: 18px; color: #3E4551; }
.sticky-col tbody th .text > .text-table > span .icon-awards, .table-fixed tbody th .text > .text-table > span .icon-awards { font-size: 18px; line-height: 18px; margin-left: 10px; margin-top: 4px; color: #8CC659; position: absolute; }
.sticky-col tbody th .text > .text-table > span + span, .table-fixed tbody th .text > .text-table > span + span { padding-left: 0; }
.sticky-col tbody th .text > .text-table .btn, .table-fixed tbody th .text > .text-table .btn { font-size: 22px; padding: 0; margin: 0; }
@media (max-width: 1099px) { .sticky-col tbody th .text > .text-table > span, .table-fixed tbody th .text > .text-table > span { padding: 10px; } }

.sticky-col .row-header, .table-fixed .row-header { height: 26px; }
.sticky-col .row-header th, .table-fixed .row-header th { background-color: #F6F6F6 !important; height: 26px; color: #222222; font-size: 10px; font-weight: 600; text-transform: uppercase; line-height: 26px !important; text-align: left; padding: 0 0 0 25px; border-top: 1px solid #FFF; }
.sticky-col .row-header th .actions, .table-fixed .row-header th .actions { position: absolute; top: -2px; right: 0; min-height: 0; padding: 0; width: 100px; display: none; }
.sticky-col .row-header th .actions > a, .table-fixed .row-header th .actions > a { width: 18px; height: 18px; background-color: #9F85B2; border-radius: 50%; margin: 0 2px; display: inline-block; text-align: center; color: #FFF; line-height: 16px; }
@media (min-width: 1100px) { .sticky-col .row-header th:hover .actions, .table-fixed .row-header th:hover .actions { display: block; } }

.contributors { text-align: center; padding: 0 20px 30px; }
.contributors figure { width: 66px; height: 66px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); margin: 30px auto 10px; }
.contributors figure img, .contributors figure i { border-radius: 50%; display: block; }
.contributors p, .contributors a { color: #000; }
.contributors p, .contributors a + a { margin: 0 20%; display: block; }
.contributors [class*="col-"]:nth-of-type(3n + 1) { clear: both; }

.contributors__footer { padding: 50px 45px; background-color: #FFF; }
.contributors__footer:after { content: ''; display: table; clear: both; }
.contributors__footer > a { width: 145px; float: right; margin-left: 25px; margin-top: 3px; display: block; }
.contributors__footer p { float: right; text-align: right; margin-bottom: 0; }
.contributors__footer p a { display: block; }

.more-rubrics { background-color: #FFF; padding: 20px 0 25px; text-align: center; position: relative; clear: both; }
.more-rubrics:before { width: calc(100% - 12px); content: ''; display: block; border-top: 1px solid #E2E2E2; position: absolute; top: -6px; left: 6px; }
.more-rubrics span { cursor: pointer; }
.more-rubrics span:after { font-family: "FontAwesome"; font-size: 18px; content: '\f107'; position: relative; margin-left: 8px; display: inline-block; }
.rubric-table__wrapper.open .more-rubrics span:after { content: '\f106'; }

.slim, .slim-crop-area, .slim-image-editor, .slim-popover { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; box-sizing: border-box; }
.slim img, .slim-crop-area img, .slim-image-editor img, .slim-popover img { background-color: #eee; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Gkqr6gAAAYBpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHPK0RRFMc/M4gYERaKxUvDamhQExtlJqEmTWOUwWbmzS81P17vzaTJVtlOUWLj14K/gK2yVopISdlZExv0nGfUSObc7rmf+73nnO49F+yhtJoxat2Qyeb14KRXmQ8vKPWP2OjCQRtKRDW08UDAT1V7u5Fosat+q1b1uH+tKRY3VLA1CI+pmp4XnhL2r+Q1izeFO9RUJCZ8LOzS5YLC15YeLfOTxckyf1ish4I+sLcKK8lfHP3FakrPCMvLcWbSBfXnPtZLHPHs3KysPTK7MQgyiReFaSbw4WGQUfEe+hliQHZUyXd/58+Qk1xVvEYRnWWSpMjjErUg1eOyJkSPy0hTtPr/t69GYnioXN3hhboH03zphfoN+CyZ5vu+aX4eQM09nGUr+bk9GHkVvVTRnLvQsgYn5xUtugWn69B5p0X0yLdUI9OeSMDzETSHof0SGhfLPfs55/AWQqvyVRewvQN9Et+y9AUyt2fOEwKMEgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAC9JREFUOI1jZGBgkGIgDjwjRhETkYYRDUYNHDVwMBjISIJaonLU4PfyqIGjBpIBAPvwAUFW9TOIAAAAAElFTkSuQmCC"); }

.slim-file-hopper { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; }

.slim-image-editor { position: relative; height: 100%; text-align: left; z-index: 1; }
.slim-image-editor .slim-container { position: relative; height: calc(100% - 8em); width: 100%; z-index: 2; direction: ltr; }
.slim-image-editor .slim-editor-btn-group, .slim-image-editor .slim-editor-utils-group { -ms-flex-negative: 0; flex-shrink: 0; text-align: center; }
.slim-image-editor .slim-editor-btn-group button, .slim-image-editor .slim-editor-utils-group button { width: 135px; height: 44px; font-family: 'Lato', sans-serif; color: #FFF; vertical-align: top; margin: 0 .75em; }
.slim-image-editor .slim-stage { position: absolute; line-height: 0; }
.slim-image-editor .slim-wrapper { position: absolute; z-index: 2; }
.slim-image-editor .slim-crop-preview { position: absolute; left: 0; top: 0; right: 0; bottom: 0; line-height: 0; z-index: 3; border-radius: 4px; }
.slim-image-editor .slim-crop-preview:after, .slim-image-editor .slim-crop-preview canvas, .slim-image-editor .slim-crop-preview img { position: absolute; display: block; border-radius: inherit; left: 0; top: 0; }
.slim-image-editor .slim-crop-preview .slim-crop { z-index: 3; }
.slim-image-editor .slim-crop-preview .slim-crop:after { z-index: 2; right: 0; bottom: 0; content: ''; }
.slim-image-editor .slim-crop-preview .slim-crop-blur { -webkit-filter: contrast(0.7); -moz-filter: contrast(0.7); filter: contrast(0.7); z-index: 1; }
.slim-image-editor .slim-stage { z-index: 4; }

.slim-rotation-disabled .slim-container { height: calc(100% - 4em); }
.slim-rotation-disabled .slim-editor-utils-group { display: none; }

.slim-editor-btn, .slim-editor-utils-btn { color: rgba(255, 255, 255, 0.75); border: 2px solid rgba(0, 0, 0, 0.25); }

.slim-editor-btn:focus, .slim-editor-btn:hover, .slim-editor-utils-btn:focus, .slim-editor-utils-btn:hover { color: rgba(255, 255, 255, 0.9); }

.slim-image-editor-preview:after { background-color: rgba(244, 250, 255, 0.4); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.07), 0 1px 5px rgba(0, 0, 0, 0.3); }

.slim-editor-btn-group, .slim-editor-utils-group { padding: 1em 0 0; }

.slim-crop-area { position: absolute; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.75); }
.slim-crop-area .grid { overflow: hidden; }
.slim-crop-area .grid:after, .slim-crop-area .grid:before { position: absolute; z-index: 2; content: ''; opacity: 0; -webkit-transition: opacity .5s; transition: opacity 0.5s; }
.slim-crop-area .grid:before { top: 33.333%; bottom: 33.333%; left: 1px; right: 1px; box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.35), inset 0 1px 0 0 rgba(255, 255, 255, 0.35); }
.slim-crop-area .grid:after { top: 1px; bottom: 1px; left: 33.333%; right: 33.333%; box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, 0.35), inset 1px 0 0 0 rgba(255, 255, 255, 0.35); }
.slim-crop-area button { position: absolute; background: #fafafa; box-shadow: inset 0 1px 0 0 #fff, 0 1px 1px rgba(0, 0, 0, 0.15); border: none; padding: 0; margin: 0; width: 16px; height: 16px; margin-top: -8px; margin-left: -8px; border-radius: 8px; z-index: 3; }
.slim-crop-area [class*=n] { top: 0; }
.slim-crop-area [class*=s] { top: 100%; }
.slim-crop-area [class*=w] { left: 0; }
.slim-crop-area [class*=e] { left: 100%; }
.slim-crop-area .e, .slim-crop-area .w { top: 50%; cursor: ew-resize; height: 30px; margin-top: -15px; }
.slim-crop-area .n, .slim-crop-area .s { left: 50%; cursor: ns-resize; width: 30px; margin-left: -15px; }
.slim-crop-area .ne, .slim-crop-area .sw { cursor: nesw-resize; }
.slim-crop-area .nw, .slim-crop-area .se { cursor: nwse-resize; }
.slim-crop-area .c { top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); margin: 0; border-radius: 0; border: none; z-index: 2; box-shadow: none; opacity: 0; cursor: move; }
.slim-crop-area button:not(.c):after { content: ''; position: absolute; left: -12px; right: -12px; top: -12px; bottom: -12px; }
.slim-crop-area .slim-crop-mask { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1; }
.slim-crop-area .slim-crop-mask img { position: absolute; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateZ(0); transform: translateZ(0); margin: 0 !important; width: auto; height: auto; max-width: none; min-width: 0; }
.slim-crop-area[data-dragging=true]:before, .slim-crop-area[data-dragging=true]:after { opacity: 1; }

.slim-popover { -ms-touch-action: none; touch-action: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding: 1em; font-size: 16px; background: rgba(25, 27, 29, 0.99); z-index: 2147483647; overflow: hidden; }
.slim-popover[data-state=off] { left: -100%; }
.slim-popover:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: ''; background: -webkit-radial-gradient(center ellipse, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0) 80%); background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 80%); }

.slim { position: relative; z-index: 1; font-size: inherit; padding-bottom: .025px; cursor: pointer; }
.slim img { width: 100%; height: auto; }
.slim > img, .slim > input[type=file] { display: block !important; opacity: 0 !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0 !important; border: 0 !important; }
.slim > img + input[type=file], .slim > input[type=file] + img { margin-bottom: 0 !important; }
.slim > input[type=hidden] { position: absolute; width: 1px; height: 1px; margin: -1px; opacity: 0; }
.slim .slim-area { width: 100%; height: 100%; color: inherit; overflow: hidden; position: absolute; top: 0; left: 0; }
.slim .slim-area:only-of-type { margin: 0; }
.slim .slim-area .slim-loader { pointer-events: none; position: absolute; right: .875em; top: .875em; width: 23px; height: 23px; z-index: 1; }
.slim .slim-area .slim-loader svg { display: block; width: 100%; height: 100%; opacity: 0; }
.slim .slim-area .slim-upload-status { position: absolute; right: 1em; top: 1em; z-index: 1; opacity: 0; -webkit-transition: opacity .25s; transition: opacity .25s; white-space: nowrap; line-height: 1.65; font-weight: 400; }
.slim .slim-area .slim-drip { z-index: 1; overflow: hidden; }
.slim .slim-area .slim-drip > span { position: absolute; left: 0; top: 0; opacity: 0; margin-left: -25%; margin-top: -25%; width: 50%; padding-bottom: 50%; }
.slim .slim-area .slim-drip > span > span { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); border-radius: 50%; opacity: .5; left: 0; top: 0; }
.slim .slim-area .slim-result { overflow: hidden; -webkit-perspective: 1px; }
.slim .slim-area .slim-result img { display: block; width: 100%; position: absolute; left: 0; top: 0; }
.slim .slim-area .slim-result img:not([src]), .slim .slim-area .slim-result img[src=''] { visibility: hidden; }
.slim .slim-label-loading { display: none; }
.slim .slim-label { visibility: hidden; -webkit-transition: opacity .25s; transition: opacity 0.25s; }
.slim.slim--banner { width: calc(100% - 30px); margin: 0 15px; }

.slim[data-state*=file-over] .slim-btn { pointer-events: none; }

.slim[data-state*=empty] .slim-label { visibility: visible; opacity: 1; }

.slim[data-state*=busy] .slim-label { opacity: 0; }

.slim[data-state*=loading] .slim-label { display: none; }

.slim[data-state*=loading] .slim-label-loading { opacity: 1; display: block; }

.slim[data-state*=preview] .slim-label { visibility: hidden; }

.slim[data-state*=error] .slim-status { border: 1px solid #702010; color: #702010; background-color: rgba(255, 255, 255, 0.9); }

.slim .slim-error, .slim .slim-label, .slim .slim-label-loading { max-width: 100%; }

.slim .slim-area, .slim .slim-drip, .slim .slim-ratio, .slim .slim-result, .slim .slim-status { border-radius: inherit; }

.slim .slim-area .slim-upload-status-icon { display: inline-block; opacity: 0.9; }

.slim .slim-area .slim-drip, .slim .slim-area .slim-result, .slim .slim-area .slim-status { left: 0; top: 0; right: 0; bottom: 0; z-index: 2; }

.slim .slim-area .slim-drip, .slim .slim-area .slim-result { position: absolute; }

.slim .slim-area .slim-status { padding: 3em 1.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; pointer-events: none; margin: 0; }
.slim .slim-btn-group { background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; position: absolute; right: 0; bottom: 0; left: 0; z-index: 3; overflow: hidden; pointer-events: none; padding: 92px 0 0; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.slim .slim-btn-group button { pointer-events: all; cursor: pointer; }
.slim:hover .slim-btn-group { opacity: 1; visibility: visible; }

.slim--avatar { border-radius: 100%; width: 220px; margin-top: 10px; }
.slim--avatar + svg { position: absolute; top: 0; z-index: 1; }
.slim--avatar .slim-btn-group { border-radius: 100%; }

.slim--banner .slim-area .slim-status { border: 1px solid #D7D7D7; }
.slim--banner .slim-area .slim-status p { font-size: 18px; color: #000; }
.slim--banner .slim-area .slim-status p:before { font-family: "icomoon"; font-size: 60px; content: "\e961"; display: block; }
.slim--banner .slim-area .slim-status p > span { font-size: 11px; display: block; padding-top: 5px; }

.slim-btn-rotate:before { font-family: "Fontawesome"; content: '\f0e2'; color: #FFF; }
.slim-btn-rotate:hover:before { color: #1C2430; }

.slim[data-ratio*=':'] { min-height: 0; }

.slim[data-ratio*=':'] .slim-status { position: absolute; padding: 0 1.5em; }

.slim[data-ratio='6:1'] > img, .slim[data-ratio='6:1'] > input[type=file] { margin-bottom: 6.6667%; }

.slim[data-ratio='16:10'] > img, .slim[data-ratio='16:10'] > input[type=file] { margin-bottom: 62.5%; }

.slim[data-ratio='10:16'] > img, .slim[data-ratio='10:16'] > input[type=file] { margin-bottom: 160%; }

.slim[data-ratio='16:9'] > img, .slim[data-ratio='16:9'] > input[type=file] { margin-bottom: 56.25%; }

.slim[data-ratio='9:16'] > img, .slim[data-ratio='9:16'] > input[type=file] { margin-bottom: 177.77778%; }

.slim[data-ratio='5:3'] > img, .slim[data-ratio='5:3'] > input[type=file] { margin-bottom: 60%; }

.slim[data-ratio='3:5'] > img, .slim[data-ratio='3:5'] > input[type=file] { margin-bottom: 166.66667%; }

.slim[data-ratio='5:4'] > img, .slim[data-ratio='5:4'] > input[type=file] { margin-bottom: 80%; }

.slim[data-ratio='4:5'] > img, .slim[data-ratio='4:5'] > input[type=file] { margin-bottom: 125%; }

.slim[data-ratio='4:3'] > img, .slim[data-ratio='4:3'] > input[type=file] { margin-bottom: 75%; }

.slim[data-ratio='3:4'] > img, .slim[data-ratio='3:4'] > input[type=file] { margin-bottom: 133.33333%; }

.slim[data-ratio='3:2'] > img, .slim[data-ratio='3:2'] > input[type=file] { margin-bottom: 66.66667%; }

.slim[data-ratio='2:3'] > img, .slim[data-ratio='2:3'] > input[type=file] { margin-bottom: 150%; }

.slim[data-ratio='1:1'] > img, .slim[data-ratio='1:1'] > input[type=file] { margin-bottom: 100%; }

.slim-btn { position: relative; padding: 0; margin: 0 7.2px; font-size: 0; outline: none; width: 36px; height: 36px; border: none; color: #fff; background-color: rgba(0, 0, 0, 0.7); background-repeat: no-repeat; background-size: 50% 50%; background-position: 50%; border-radius: 50%; }
.slim-btn * { pointer-events: none; }

.slim-btn-remove { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M63.12 250.254s3.998 18.222 24.582 18.222h93.072c20.583 0 24.582-18.222 24.582-18.222l18.374-178.66H44.746l18.373 178.66zM170.034 98.442a8.95 8.95 0 0 1 17.9 0l-8.95 134.238a8.95 8.95 0 0 1-17.9 0l8.95-134.238zm-44.746 0a8.949 8.949 0 1 1 17.898 0V232.68a8.95 8.95 0 1 1-17.9 0V98.442zm-35.798-8.95a8.95 8.95 0 0 1 8.95 8.95l8.95 134.237c0 4.942-4.008 8.948-8.95 8.948a8.95 8.95 0 0 1-8.95-8.95L80.54 98.441a8.95 8.95 0 0 1 8.95-8.95zm128.868-53.68h-39.376V17.898c0-13.578-4.39-17.9-17.898-17.9H107.39C95 0 89.492 6 89.492 17.9v17.91H50.116c-7.914 0-14.32 6.007-14.32 13.43 0 7.424 6.406 13.43 14.32 13.43H218.36c7.914 0 14.32-6.006 14.32-13.43 0-7.423-6.406-13.43-14.32-13.43zm-57.274 0H107.39l.002-17.914h53.695V35.81z' fill='%23fff'/%3E%3C/svg%3E"); }

.slim-btn-download { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M232.943 223.73H35.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM117.88 199.136c4.035 4.04 9.216 6.147 14.492 6.508.626.053 1.227.188 1.866.188.633 0 1.228-.135 1.847-.186 5.284-.357 10.473-2.464 14.512-6.51l70.763-70.967c8.86-8.876 8.86-23.268 0-32.143-8.86-8.876-23.225-8.876-32.086 0l-32.662 32.756V22.373C156.612 10.017 146.596 0 134.238 0c-12.356 0-22.372 10.017-22.372 22.373v106.41L79.204 96.027c-8.86-8.876-23.226-8.876-32.086 0-8.86 8.875-8.86 23.267 0 32.142l70.763 70.966z' fill='%23fff'/%3E%3C/svg%3E"); }

.slim-btn-upload { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='243' height='269' viewBox='0 0 243 269' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EDownload%3C/title%3E%3Cpath d='M219.943 223.73H22.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM104.88 6.696c4.035-4.04 9.216-6.147 14.492-6.508C119.998.135 120.6 0 121.238 0c.633 0 1.228.135 1.847.186 5.284.357 10.473 2.464 14.512 6.51l70.763 70.967c8.86 8.875 8.86 23.267 0 32.142-8.86 8.876-23.225 8.876-32.086 0L143.612 77.05v106.41c0 12.355-10.016 22.372-22.374 22.372-12.356 0-22.372-10.017-22.372-22.373V77.05l-32.662 32.755c-8.86 8.876-23.226 8.876-32.086 0-8.86-8.875-8.86-23.267 0-32.142L104.88 6.696z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.slim-btn-edit { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M161.36 56.337c-7.042-7.05-18.46-7.05-25.5 0l-6.373 6.38-89.243 89.338.023.023-2.812 2.82s-8.968 9.032-29.216 74.4c-.143.456-.284.91-.427 1.373-.36 1.172-.726 2.362-1.094 3.568a785.126 785.126 0 0 0-.988 3.25c-.28.922-.556 1.835-.84 2.778-.64 2.14-1.29 4.318-1.954 6.567-1.455 4.937-5.01 16.07-.99 20.1 3.87 3.882 15.12.467 20.043-.993a1275.615 1275.615 0 0 0 9.41-2.83c1.032-.314 2.058-.626 3.063-.935 1.27-.39 2.52-.775 3.75-1.157l1.09-.34c62.193-19.365 73.358-28.453 74.286-29.284l.01-.01.067-.06 2.88-2.886.192.193 89.244-89.336 6.373-6.382c7.04-7.048 7.04-18.476 0-25.525l-50.998-51.05zM103.4 219.782c-.08.053-.185.122-.297.193l-.21.133c-.076.047-.158.098-.245.15l-.243.148c-2.97 1.777-11.682 6.362-32.828 14.017-2.47.894-5.162 1.842-7.98 2.82l-30.06-30.092c.98-2.84 1.928-5.55 2.825-8.04 7.638-21.235 12.22-29.974 13.986-32.94l.12-.2c.063-.1.12-.196.175-.283l.126-.2c.07-.11.14-.217.192-.296l2.2-2.205 54.485 54.542-2.248 2.255zM263.35 56.337l-50.996-51.05c-7.04-7.048-18.456-7.048-25.498 0L174.108 18.05c-7.04 7.048-7.04 18.476 0 25.524l50.996 51.05c7.04 7.048 18.457 7.048 25.498 0l12.75-12.762c7.04-7.05 7.04-18.477 0-25.525z' fill='%23fff'/%3E%3C/svg%3E"); }

.slim-loader-background { stroke: rgba(0, 0, 0, 0.15); }

.slim-loader-foreground { stroke: rgba(0, 0, 0, 0.65); }

.slim[data-state*=preview] .slim-loader-background { stroke: rgba(255, 255, 255, 0.25); }

.slim[data-state*=preview] .slim-loader-foreground { stroke: #fff; }

.slim-upload-status { padding: 0 .5em; border-radius: .3125em; font-size: .75em; box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.25); }

.slim-upload-status[data-state=success] { background-color: #d1ed8f; color: #323e15; }

.slim-upload-status[data-state=success] .slim-upload-status-icon { width: .5em; height: .75em; -webkit-transform: rotate(45deg); transform: rotate(45deg); border: .1875em solid currentColor; border-left: none; border-top: none; margin-right: .325em; margin-left: .25em; margin-bottom: 0.0625em; }

.slim-upload-status[data-state=error] { background: #efd472; color: #574016; }

.slim-upload-status[data-state=error] .slim-upload-status-icon { margin-left: -.125em; margin-right: .5em; width: .5625em; height: 1em; position: relative; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.slim-upload-status[data-state=error] .slim-upload-status-icon:after, .slim-upload-status[data-state=error] .slim-upload-status-icon:before { content: ''; position: absolute; box-sizing: content-box; width: 0; height: 0; border: .09em solid currentColor; background-color: currentColor; -webkit-transform: translate(-50%, -50%) translate(0.5em, 0.5em); transform: translate(-50%, -50%) translate(0.5em, 0.5em); }

.slim-upload-status[data-state=error] .slim-upload-status-icon:before { width: 0.66667em; }

.slim-upload-status[data-state=error] .slim-upload-status-icon:after { height: 0.66667em; }

@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } }
@keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } }
.cover-upload .slim .slim-btn-group { padding: 30px 0 0; }

/* -----------------------------------------------------------------------------
 CalenStyle - Responsive Event Calendar Version 2.0.8 Copyright (c)2017 Lajpat Shah Contributors : https://github.com/nehakadam/CalenStyle/contributors Repository : https://github.com/nehakadam/CalenStyle Homepage : https://nehakadam.github.io/CalenStyle
 ----------------------------------------------------------------------------- */
.cFullscreenCont { width: 100% !important; height: 100% !important; }

.calendarCont, .calendarCont * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

.calendarCont { position: relative; height: 100%; width: 100%; overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.br-ios .cListOuterCont { overflow-y: scroll !important; }

.cListOuterCont { position: relative; top: 0; left: 0; width: 100%; background: #FFFFFF; overflow: auto; /*overflow: visible;*/ -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

/*
.cavCalendarCont
{
	max-height: 600px;
}

.cdlvCalendarCont
{
	max-height: 500px;
}

.cagvCalendarCont
{
	max-height: 600px;
}

.cdvCalendarCont
{
	min-height: 500px;
	max-height: 600px;
}
*/
.calendarContInner { position: absolute; }

.cBold { font-weight: bold; }

.cCursorNotAllowed { cursor: not-allowed !important; }

.cFontLarge { font-size: 100%; }

.cFontMedium { font-size: 90%; }

.cFontSmall { font-size: 80%; }

.cFontExtraSmall { font-size: 60%; }

.cBlurredEvent { opacity: 0.55; }

.cPartialEvent { display: inline-block; height: 100%; width: 0; }

.cPartialEventLeft { float: left; }

.cPartialEventRight { float: right; }

.cmvCalendarCont .cPartialEventRight { border-width: 1px; }

.cEditingEventClone { opacity: 0.5; }

.cEditingEvent { z-index: 10; opacity: 1 !important; }

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

.cEditingEventUI { -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); }

.cEditingEventAllDay { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.cEventBeingDragged { opacity: 0.2; }

.cEventResizeHandle { background: transparent; }

.cHandleSouth { background-image: url("images/resize-handle.png"); background-size: 10px 10px; width: 10px; height: 10px; margin: -4px auto 0 auto; }

.cDragNDrop { cursor: pointer; }

.cdvCalendarCont, .cqavCalendarCont, .ctpvCalendarCont { width: 100%; float: none; }

.cmvCalendarCont { width: auto !important; float: none; }

.br-chrome .calendarCont table, .br-safari .calendarCont table, .br-opera .calendarCont table, .br-other .calendarCont table { table-layout: fixed; border-collapse: inherit; }

.cdvCalendarCont td { border-top: 1px dotted #DDDDDD; border-bottom: 1px dotted #DDDDDD; border-right: 1px solid #DDDDDD; }

.cqavCalendarCont td { border-top: 1px dotted #DDDDDD; border-bottom: 1px dotted #DDDDDD; border-right: 1px dotted #DDDDDD; }

.ctpvCalendarCont td { border-top: 1px dotted #DDDDDD; border-bottom: 1px dotted #DDDDDD; border-right: 1px dotted #DDDDDD; }

.cdvCalendarCont .cdvDetailTableRow2 td { border-bottom-color: transparent !important; }

.cdvCalendarCont .cdvLastColumn { border-right-color: transparent !important; }

.cdvDetailTableMain .cdvDetailTableColumnTime { border-right-color: transparent !important; }

.cdvDetailTableMain .cDayEventDetailView td { border-bottom-color: transparent !important; }

.cdvTimeSlotTable tr:nth-child(even) { border-bottom: 1px dotted #000000; }

.cavCalendarCont .cavTable td { border-right: 1px solid #DDDDDD; }

.cavTableRow1 td { border-bottom: 1px solid #CCCCCC; background: #FFFFFF; }

.cavCalendarCont .cavTable .cavLastColumn { border-right-color: transparent !important; }

.cavCalendarCont td { vertical-align: top; }

.cmvCalendarContWithBorders td { border-left: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }

.cmvCalendarContWithBorders .cmvFirstColumn { border-left: none; }

.clickableLink { cursor: pointer; }

/* --------------------------------------------------------------------------- */
/* ---------------------* Common View Start *--------------------- */
/* -------------------------------* Header View  Start *-----------------------------------*/
.cContHeader { height: auto !important; background-color: #FFF; width: 100% !important; padding: 0 10px; }
@media (max-width: 739px) { .cContHeader { padding: 0 3px; } }

.cContHeaderButton { cursor: pointer; }

.calendarContWeb .cContHeaderToday:hover { color: #FFFFFF; background: #96281B; }

.cContHeaderButtonActive { color: #96281B; }

.calendarContMobile .cContHeader { font-size: 130%; }

.cContHeaderSections { text-align: left; vertical-align: top; }

.cContHeaderSectionLeft { display: inline-block; float: left; z-index: 14; }

.cContHeaderSectionCenter { margin: 0 auto; z-index: 13; }

.cContHeaderSectionRight { display: inline-block; float: right; z-index: 14; }

.cContHeaderSections * { display: inline-block; vertical-align: top; }

.cContHeaderToday { width: 38px; height: 37px; border-radius: 2px; vertical-align: middle; line-height: 28px; background: #FF3B30; color: #FFFFFF; border: 6px solid #F5F5F5; text-align: center; margin-right: 10px; }

.cContHeaderDropdownMenuArrow { height: 0; width: 0; z-index: 13; cursor: pointer; border-style: solid; border-width: 4px; border-color: transparent; border-bottom-color: #111111; border-right-color: #111111; vertical-align: middle; margin-bottom: -10px; }

.cContHeaderDropdownMenuArrow:active, .cContHeaderDropdownMenuArrow:hover, .cContHeaderLabelOuter.clickableLink:hover .cContHeaderDropdownMenuArrow { border-bottom-color: #96281B; border-right-color: #96281B; }

.cContHeaderNavButton { width: 40px; font-size: 150%; }
@media (max-width: 739px) { .cContHeaderNavButton { font-size: 100%; width: 25px; } }

.cContHeaderLabelMonth { padding: 0 3px 0 0; }

.cContHeaderLabelYear { padding: 0 0 0 3px; }

.cContHeaderLabelUnderline { display: inline; border-bottom: 1px dotted #757575; }

.cContHeaderLabelOuter { font-size: 16px; font-weight: 600; line-height: 64px; }
@media (max-width: 739px) { .cContHeaderLabelOuter { font-size: 11px; } }

.cContHeaderLabelOuter.clickableLink:hover, .cContHeaderLabelMonth.clickableLink:hover, .cContHeaderLabelYear.clickableLink:hover { color: #96281B; }

.cContHeaderLabelMonth.clickableLink:hover .cContHeaderLabelUnderline, .cContHeaderLabelYear.clickableLink:hover .cContHeaderLabelUnderline { border-color: #96281B; }

.cContHeaderLabelHover { color: #96281B !important; }

.cContHeaderDatePickerIcon { margin: 0 2px 0 2px; display: inline-block; width: 30px; height: 64px !important; line-height: 64px !important; font-weight: bold; font-size: 160%; }
@media (max-width: 739px) { .cContHeaderDatePickerIcon { display: none; } }

.cContHeaderFullscreen { margin: 0 2px 0 2px; display: inline-block; width: 30px; height: 45px; font-weight: bold; font-size: 110%; }

.cContHeaderMenuButton { width: 30px; font-weight: bold; font-size: 160%; }

.cContHeaderMenuSections { display: inline-block; }

.cContHeaderMenuSections li { list-style: none; background: #FFFFFF; font-size: 100%; }

.cContHeaderMenuSegmentedTab .cContHeaderMenuSections li { font-size: 14px; line-height: 60px; float: left; /* to remove inline-block or white-space bug */ padding: 0 10px; display: inline-block; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-bottom: 2px solid #FFF; border-top: 2px solid #FFF; }
@media (max-width: 739px) { .cContHeaderMenuSegmentedTab .cContHeaderMenuSections li { font-size: 12px; padding: 0 3px; max-width: 46px; } }

.cContHeaderMenuSegmentedTab .cContHeaderMenuSections li.cSelectedMenu { color: #2869CB; border-bottom: 2px solid #2869CB; }

.cContHeaderMenuDropdownBg { position: absolute; z-index: 13; }

.cContHeaderMenuDropdown { position: absolute; border: 1px solid #DDDDDD; }

.cContHeaderMenuDropdown .cContHeaderMenuSections { width: auto; min-width: 130px; -webkit-box-shadow: 0 3px 10px rgba(20, 20, 20, 0.9); -moz-box-shadow: 0 3px 10px rgba(20, 20, 20, 0.9); box-shadow: 0 3px 10px rgba(20, 20, 20, 0.9); }

@media (max-width: 400px) { .cContHeaderMenuDropdown .cContHeaderMenuSections { min-width: 110px; } }
.cContHeaderMenuDropdown .cContHeaderMenuSections li { padding: 10px 20px; background: #FFFFFF; color: #111111; }

.cContHeaderMenuDropdown .cContHeaderMenuSections li:first-child#cContHeaderMenuDatePicker { border-bottom: 1px solid #DDDDDD; }

.cContHeaderMenuDropdown .cContHeaderMenuSections li:last-child#cContHeaderMenuDatePicker { border-top: 1px solid #DDDDDD; }

.calendarContWeb .cContHeaderMenuDropdown .cContHeaderMenuSections li:hover:not(.cSelectedMenu) { background: #F8F8F8; color: #96281B; }

.cContHeaderMenuDropdown .cContHeaderMenuSections li.cSelectedMenu { color: #96281B; }

/* -------------------------------* Header View  End *-----------------------------------*/
/* ---------------------* Common View End *--------------------- */
/* --------------------------------------------------------------------------- */
/* ---------------------* Week Planner View Start *--------------------- */
.cwpvTableOuterCont { overflow-y: auto; }

.cwpvTable td { vertical-align: top; border-top: 1px dotted #DDDDDD; border-bottom: 1px dotted #DDDDDD; border-right: 1px solid #DDDDDD; }

.cwpvRowTwoColumn .cwpvDate { margin: 4px 6px; padding-left: 4px; font-size: 100%; color: #111111; line-height: 25px; }

.cwpvRowOneColumn .cwpvDate { float: left; display: inline-block; max-width: 85px; margin: 8px 6px; padding-left: 4px; font-size: 100%; font-weight: bold; color: #111111; }

.cwpvRowOneColumn .cwpvDay { font-size: 70%; text-transform: uppercase; }

.cwpvRowTwoColumn .cwpvDateToday, .cwpvRowOneColumn .cwpvDateToday { color: #1E8BC3; }

.cwpvEventCont { overflow-y: auto; }

.cwpvRowOneColumn .cwpvEventCont { display: inline-block; margin-top: 8px; }

.cwpvRowTwoColumn .cwpvEvent { padding: 2px 4px; margin: 0 2px 2px 2px; cursor: pointer; }

.cwpvRowOneColumn .cwpvEvent { padding: 2px 4px; margin: 0 2px 2px 2px; cursor: pointer; }

.cwpvEventIcon { float: left; width: 20px; }

.cwpvEventIconDot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; }

.cwpvEventIconFont { display: inline-block; width: 14px; height: 12px; line-height: 12px !important; font-size: 12px; text-align: center; color: #D1D1D1; }

.cwpvEventContent { display: inline-block; width: auto; height: 100%; }

.cwpvEventTitle { font-size: 85%; color: #000000; }

.cwpvEventTime { font-size: 70%; color: #ABB7B7; }

.cwpvEventTimeBottom { float: right; }

.cwpvNoEvents { color: #ABB7B7; line-height: 25px; font-size: 70%; padding-left: 25px; }

.cwpvRowOneColumn .cwpvNoEvents { display: inline-block; }

.cwpvEventCont::-webkit-scrollbar { width: 1px !important; }

/* ---------------------* Week Planner View End *--------------------- */
/* --------------------------------------------------------------------------- */
/* ---------------------* Agenda View (Timeline1) Start *--------------------- */
.cagvTimeline1 .cListOuterCont { background: #EEEEEE; }

.cagvTimeline1 .cagvTable { margin-top: 8px; table-layout: auto !important; }

.cagvTimeline1 .cagvTable * { vertical-align: top; }

.cagvTimeline1 .cagvDate { margin: 4px 6px; padding-left: 4px; font-size: 95%; color: #444444; line-height: 40px; }

.cagvTimeline1 .cagvDateToday { color: #1E8BC3; }

.cagvTimeline1 .cagvEvent { height: 40px; cursor: pointer; }

.cagvTimeline1 .cagvEventCard { position: relative; margin: 10px 10px 10px 6px; padding-top: 5px; padding-bottom: 5px; border-radius: 2px; background: #FFFFFF; border: 1px solid #CCCCCC; }

.cagvTimeline1 .cagvEventCardBefore { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -12px; display: inline-block; border-top: 12px solid transparent; border-right: 12px solid #CCCCCC; border-left: 0 solid #CCCCCC; border-bottom: 12px solid transparent; content: " "; }

.cagvTimeline1 .cagvEventCard:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: -10px; display: inline-block; border-top: 11px solid transparent; border-right: 11px solid #FFFFFF; border-left: 0 solid #FFFFFF; border-bottom: 11px solid transparent; content: " "; }

.cagvTimeline1 .cagvEventTime { margin-left: 5px; padding: 0 4px; display: inline-block; height: 100%; width: 50px; }

.cagvTimeline1 .cagvEventTime span { display: inline-block; font-size: 75%; }

.cagvTimeline1 .cagvEventTimeTop { margin-top: 2px; color: #000000; }

.cagvTimeline1 .cagvEventTimeBottom { margin-top: 5px; color: #ABB7B7 !important; }

.cagvTimeline1 .cagvEventIcon { position: relative; padding: 0 4px; width: 40px; vertical-align: middle; text-align: center; }

.cagvTimeline1 .cagvEventIconLine { position: absolute; left: 50%; margin-left: -1px; top: 0; width: 2px; height: 100%; background: #FFFFFF; content: " "; z-index: -1; }

.cagvTimeline1 .cagvEventIconFont { display: inline-block; width: 27px; height: 27px; line-height: 22px !important; font-size: 15px; text-align: center; background: #D1D1D1; color: #FFFFFF; border-radius: 25px; border: 2px solid #FFFFFF; }

.cagvTimeline1 .cagvEventIconDot { display: none; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #FFFFFF; }

.cagvTimeline1 .cagvEventContent { padding: 0 4px; display: inline-block; height: 100%; }

.cagvTimeline1 .cagvEventTitle { font-size: 100%; color: #000000; max-height: 50px; overflow: hidden; }

.cagvTimeline1 .cagvEventDesc { font-size: 85%; color: #ABB7B7; max-height: 80px; overflow: hidden; margin-top: 5px; }

.cagvTimeline1 .cagvNoEvent { color: #ABB7B7; line-height: 25px; font-size: 70%; padding-left: 25px; }

/* ---------------------* Agenda View (Timeline1) End *--------------------- */
/* ---------------------* Agenda View (Timeline2) Start *--------------------- */
.cagvTimeline2 .cagvTable { margin-top: 8px; }

.cagvTimeline2 .cagvTable * { vertical-align: top; }

.cagvTimeline2 .cagvDaySeparator { height: 40px; vertical-align: middle; }

.cagvTimeline2 .cagvDaySeparator hr { border-color: #FAFAFA; border-style: solid; }

.cagvTimeline2 .cagvContDate { vertical-align: top; width: 50px; }

.cagvTimeline2 .cagvDate { margin: 8px 4px 2px 10px; font-size: 140%; color: #000000; }

.cagvTimeline2 .cagvDay { margin: 2px 4px 2px 10px; font-size: 80%; color: #000000; text-transform: uppercase; }

.cagvTimeline2 .cagvDateToday { color: #004AD9; }

.cagvTimeline2 .cagvEvent { cursor: pointer; }

.cagvTimeline2 .cagvContDetails { margin: 4px 4px; padding: 8px 10px; border-radius: 2px; background: #ECEFF1; border-width: 1px; border-style: solid; }

.cagvTimeline2 .cagvEventIcon { float: right; clear: right; margin-left: 5px; }

.cagvTimeline2 .cagvEventIconFont { display: none; width: 12px; height: 12px; line-height: 12px !important; font-size: 12px; text-align: center; }

.cagvTimeline2 .cagvEventIconDot { display: none; width: 6px; height: 6px; border-radius: 50%; }

.cagvTimeline2 .cagvEventTitle { font-size: 100%; max-height: 50px; margin-right: 2px; }

.cagvTimeline2 .cagvContTime { margin-top: 14px; }

.cagvTimeline2 .cagvEventTime { min-width: 80px; }

.cagvTimeline2 .cagvEventTime span { display: inline-block; font-size: 75%; }

.cagvTimeline2 .cagvEventTimeBottom { float: right; }

.cagvTimeline2 .cagvEventTimeDuration { margin-right: 2px; }

.cagvTimeline2 .cagvEventTimeLabel { color: #FFFFFF !important; padding: 3px 5px; font-size: 70% !important; border-radius: 5px; text-transform: uppercase; }

.cagvTimeline2 .cagvNoEvent { padding-top: 10px; padding-left: 25px; color: #E1E1E1; font-size: 70%; }

/* ---------------------* Agenda View (Timeline2) End *--------------------- */
/* ---------------------* Agenda View (Timeline3) Start *--------------------- */
.cagvTimeline3 .cagvTable { margin-top: 8px; table-layout: auto !important; }

.cagvTimeline3 .cagvTable * { vertical-align: top; }

.cagvTimeline3 .cagvDate { padding-left: 4px; font-size: 90%; line-height: 40px; color: #9E9E9E; background: #F5F5F5; border: 1px solid #E0E0E0; }

.cagvTimeline3 .cagvDateToday { color: #1E8BC3; }

.cagvTimeline3 .cagvTable .cagvEvent td { padding-top: 10px; padding-bottom: 10px; max-height: 50px; vertical-align: middle; }

.cagvTimeline3 .cagvEventContent { padding-left: 5px; }

.cagvTimeline3 .cagvEvent { height: 40px; cursor: pointer; }

.cagvTimeline3 .cagvEventSeparator hr { border-color: #FAFAFA; border-style: solid; }

.cagvTimeline3 .cagvEventColor { width: 16px; min-width: 16px; }

.cagvTimeline3 .cagvEventColor span { display: inline-block; height: 100%; width: 4px; margin: 0 6px; vertical-align: middle; }

.cagvTimeline3 .cagvEventTime { padding: 0 4px; }

.cagvTimeline3 .cagvEventTime span { display: inline-block; font-size: 85%; color: #000000; }

.cagvTimeline3 .cagvEventTime .cagvEventTimeAllDay { font-size: 75%; }

.cagvTimeline3 .cagvEventTimeDuration { color: #ABB7B7 !important; }

.cagvTimeline3 .cagvEventTimeLabel { color: #000000 !important; }

.cagvTimeline3 .cagvEventTimeBottom { margin-top: 5px; color: #ABB7B7 !important; }

.cagvTimeline3 .cagvEventIcon { padding: 0 4px; min-width: 35px; vertical-align: middle; text-align: center; }

.cagvTimeline3 .cagvEventIconFont { display: inline-block; width: 25px; height: 25px; line-height: 25px !important; font-size: 15px; background: #D1D1D1; color: #FFFFFF; border-radius: 25px; text-align: center; }

.cagvTimeline3 .cagvEventIconDot { display: none; width: 10px; height: 10px; border-radius: 50%; }

.cagvTimeline3 .cagvEventTitle { font-size: 100%; color: #000000; max-height: 50px; overflow: hidden; }

.cagvTimeline3 .cagvEventDesc { font-size: 85%; color: #ABB7B7; max-height: 80px; overflow: hidden; margin-top: 5px; }

@media (max-width: 400px) { .cagvTimeline3 .cagvEventTime { min-width: 60px; } }
.cagvTimeline3 .cagvNoEvent { color: #ABB7B7; line-height: 25px; font-size: 70%; padding-left: 25px; }

/* ---------------------* Agenda View (Timeline3) End *--------------------- */
/* ---------------------* DayList View Start *--------------------- */
.cdlvDaysTable { position: relative; top: 0; left: 0; background: #FFFFFF; border-collapse: separate; font-size: 100%; }

.cdlvDaysTable td { border-top: 1px solid transparent !important; border-bottom: 1px solid transparent !important; border-right: 1px solid transparent !important; background: #FFFFFF; vertical-align: top; }

.cdlvDaysTableRow { height: 60px; text-align: center; color: #444444; }

.cdlvDaysTableRowDays { height: 25px; line-height: 25px; font-size: 80%; text-align: center; color: #444444; font-weight: bold; }

.cdlvDaysTableRowDates { height: 25px; line-height: 25px; text-align: center; color: #444444; font-weight: bold; }

.cdlvDaysTableRowDates span { display: inline-block; width: 25px; height: 25px; border-radius: 50%; }

.cdlvDaysTableRowDatesHover { color: #96281B !important; }

.cdlvDaysTableRowDatesHover .cdlvTodayHighlightCircle, .cdlvDaysTableRowDatesHover .cdlvCurrentHighlightCircle { background: #96281B; color: #FFFFFF; }

.cdlvCurrentHighlightText { color: #000000; text-transform: uppercase; }

.cdlvCurrentHighlightCircle { background: #000000; color: #FFFFFF; }

.cdlvTodayHighlightText { color: #FF3B30; }

.cdlvTodayHighlightSelectedText { text-transform: uppercase; }

.cdlvTodayHighlightCircle { background: #FF3B30; color: #FFFFFF; }

.cdlvDaysTableRowIndicator { margin: 5px 5px 0 5px; height: 3px; font-size: 0; line-height: 1px; }

.cdlvDaysTableRowIndicator span { display: inline-block; height: 100%; background: #242424; }

.cdlvDaysTableRowCustom { overflow: hidden; margin-top: 4px; }

.cdlvTableRowStatusGroup { line-height: 1; padding: 4px 0 6px 0; }

.cdlvTableRowStatusGroup > span { margin-right: 2px; margin-top: 3px; margin-bottom: 2px; }

.cdlvStatus { display: inline-block; position: relative; font-size: 9px; text-align: center; color: #FFFFFF; height: 16px; line-height: 16px; padding-left: 5px; padding-right: 5px; }

/* ---------------------* DayList View End *--------------------- */
/* --------------------------------------------------------------------------- */
/* ---------------------* Appointment View Start *--------------------- */
.cavTable { position: relative; top: 0; left: 0; background: #FFFFFF; }

.cavTableList { border: 1px solid #DDDDDD; }

.cavTableScroll { width: 10px; }

.cavTableRow1 { position: relative; top: 0; height: 50px; text-align: center; color: #444444; }

.cavSlotTableSection { padding: 8px 0 !important; font-size: 90%; color: #1E8BC3; background: #F1F1F1; text-align: center; }

.cavTableRowDays { position: relative; top: 0; height: 25px; line-height: 25px; text-align: center; color: #444444; font-weight: bold; }

.cavTableRowDates { position: relative; top: 0; height: 25px; line-height: 25px; font-size: 100%; text-align: center; color: #444444; font-weight: bold; }

.cavTableRowDates span { display: inline-block; width: 25px; height: 25px; border-radius: 50%; }

.cavSlotTableSubColumns { width: 33%; display: inline-block; float: left; }

.cavSlot { height: 20px; line-height: 20px; margin: 2% 2%; text-align: center; overflow: hidden; }

.cavSlotTable { border: none !important; }

.cavSlotTable td { padding: 10px 0; }

.cavStatusFree { color: #444444; font-weight: bold; cursor: pointer; }

.cavStatusBusy { color: #999999; text-decoration: line-through; }

.cavTableRow2 { overflow: auto; }

.cavContRow2 { width: 100%; position: absolute; left: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

.cavTooltipSlotCount { font-size: 90%; }

.cavTooltipBookNow { font-size: 100%; color: #000000; }

/* ---------------------* Appointment View End *--------------------- */
/* ---------------------------------------------------------------------------------- */
/* -------------------------* Detail View Start *----------------------- */
.cdvDetailTable { width: 100%; height: 100%; position: relative; top: 0; left: 0; background: #FFFFFF; }

.cdvDetailTableRow1 { height: 30px; line-height: 30px; font-weight: bold; color: #444444; }

.cdvSingleColumn { text-align: center; }

.cdvSingleColumn .cdvCellDayLeft { margin-right: 6px; }

.cdvMultiColumn .cdvCellDayLeft { float: left; margin-left: 6px; }

.cdvMultiColumn .cdvCellDayRight { float: right; margin-right: 6px; }

@media screen and (max-width: 400px) { .cdvMultiColumn .cdvCellDayLeft, .cdvMultiColumn .cdvCellDayRight { display: block; width: 100%; text-align: center; margin: 0; float: none; } }
.cExceptDayEventDetailView { font-size: 95%; }

.cdvCellWeekNumber { line-height: 15px; color: #96281B; }

.cdvCellWeekNumberLabel { color: #444444; font-size: 75%; line-height: 15px; }

.cdvDetailTableColumnTime { width: 60px; color: #666666; font-size: 80%; text-align: center; }

.cdvDetailTableColumnTime span { padding-left: 4px; }

.cdvDetailTableScroll { width: 10px; border-right: none !important; }

.cdvTimeSlotTable { position: relative; width: 100% !important; }

.cdvTimeSlotTableRow { height: 30px; }

.cdvContRow2 { width: 100%; min-height: 20px; position: absolute; left: 0; }

.cdvCellHeaderAllDay { display: table; width: 60px; height: 30px; color: #666666; font-size: 80%; text-align: center; }

.cdvCellHeaderAllDay span { display: table-cell; vertical-align: middle; }

.cdvContRow3 { width: 100%; position: absolute; left: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

.cdvContRow3Events { width: 100%; height: 100%; position: absolute; top: 0; overflow: hidden; }

.cdvDetailTableTemp { z-index: 2; }

.cdvContRow2Temp { z-index: 3; }

.cdvContRow3Temp { z-index: 3; }

/* ---------------------* Detail View End *--------------------- */
/* ---------------------* Detail View Events Start *--------------------- */
.cdvEvent { position: absolute; display: inline-block; margin: 2px 2px; text-align: center; overflow: hidden; border-left-style: solid; border-left-width: 2px; }

.cdvEventAllDay { position: absolute; display: inline-block; margin: 2px 2px; overflow: hidden; border-width: 1px; border-style: solid; border-color: transparent; }

.cdvEventIcon { display: none; height: 12px; width: 12px; line-height: 12px; font-size: 12px; color: #FFF; text-align: center; }

.cdvEventIconDot { display: inline-block; height: 6px; width: 6px; border-radius: 50%; }

.cdvEvent .cdvEventStatus { float: left; margin: 5px 4px 0 4px; border-width: 2px; border-style: solid; }

.cdvEventAllDay .cdvEventIcon { float: left; margin: 2px 0 0 4px; }

.cdvEventAllDay .cdvEventStatus { float: left; margin: 6px 0 0 4px; border-width: 2px; border-style: solid; }

.cEventLink { display: inline-block; width: 100%; height: 100%; cursor: pointer; color: #1C2430; }

.cdvEventDetails { display: block; text-align: left; }

.cdvEventTime { overflow: hidden; font-size: 65%; }

.cdvEventTimeLeft { float: left; margin-left: 2px; font-size: 65%; }

.cdvEventTimeRight { float: right; margin-right: 2px; font-size: 65%; }

.cdvEvent .cdvEventTime { margin: 1px 0 0 4px; }

.cdvEventAllDay .cdvEventTimeLeft { margin-right: 4px; }

.cdvEventTitle { margin: 0 2px 0 4px; min-height: 10px; text-decoration: none; overflow: hidden; word-wrap: break-word; word-break: break-all; font-size: 90%; text-align: left; }

.cdvEventAllDay .cdvEventTitle { float: left; display: inline-block; }

/* ---------------------* Detail View Events End *--------------------- */
/* --------------------------------------------------------------------------- */
/* -------------------------* Quick Agenda View Start *----------------------- */
.cqavTable { width: 100%; height: 100%; position: relative; top: 0; left: 0; background: #FFFFFF; }

.cqavTableRow1 { height: 30px; line-height: 30px; font-weight: bold; color: #444444; font-size: 85%; }

.cqavTableRow1 .cqavTableColumns:not(.cTodayHighlightTextColor) .cqavDayColumnLeft { color: #06998A; }

.cqavSingleColumn { text-align: center; }

.cqavSingleColumn .cqavDayColumnLeft { margin-right: 6px; }

.cqavMultiColumn .cqavDayColumnLeft { float: left; margin-left: 6px; }

.cqavMultiColumn .cqavDayColumnRight { float: right; margin-right: 6px; }

@media screen and (max-width: 400px) { .cqavMultiColumn .cqavDayColumnLeft, .cqavMultiColumn .cqavDayColumnRight { display: block; width: 100%; height: 25px; line-height: 25px; text-align: center; font-weight: bold; margin: 0; float: none; }
  .cqavMultiColumn .cqavDayColumnRight { font-size: 120%; } }
.cqavContRow2 { width: 100%; position: absolute; left: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

.cqavTableTemp { z-index: 2; }

.cqavContRow2Temp { z-index: 3; }

.cqavEvent { position: absolute; overflow: hidden; border-style: solid; border-width: 1px; }

.cqavEventTitle { margin: 0 4px 0 2px; float: left; display: inline-block; width: auto; height: 100%; font-size: 90%; white-space: nowrap; overflow: hidden; }

.cqavEventIcon { display: inline-block; height: 12px; width: 12px; font-size: 12px; text-align: center; float: left; margin: 2px 0 0 2px; }

.cqavEventIcon .cEventLink { display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; }

.cqavEventTime { float: left; margin: 0 4px 0 3px; font-size: 80%; white-space: nowrap; }

.cqavEventTimeRight { float: right; margin-right: 3px; font-size: 80%; }

/* ---------------------* Quick Agenda View End *--------------------- */
/* -------------------------* Task Planner View Start *----------------------- */
.ctpvTable { width: 100%; height: 100%; position: relative; top: 0; left: 0; background: #FFFFFF; }

.ctpvTableRow1 { height: 30px; line-height: 30px; font-weight: bold; color: #444444; font-size: 85%; }

.ctpvTableRow1 .ctpvTableColumns:not(.cTodayHighlightTextColor) .ctpvDayColumnLeft { color: #06998A; }

.ctpvSingleColumn { text-align: center; }

.ctpvSingleColumn .ctpvDayColumnLeft { margin-right: 6px; }

.ctpvMultiColumn .ctpvDayColumnLeft { float: left; margin-left: 6px; }

.ctpvMultiColumn .ctpvDayColumnRight { float: right; margin-right: 6px; }

@media screen and (max-width: 400px) { .ctpvMultiColumn .ctpvDayColumnLeft, .ctpvMultiColumn .ctpvDayColumnRight { display: block; width: 100%; height: 25px; line-height: 25px; text-align: center; font-weight: bold; margin: 0; float: none; }
  .ctpvMultiColumn .ctpvDayColumnRight { font-size: 120%; } }
.ctpvTableMain thead, .ctpvTableMain tbody { overflow-y: auto; float: left; }

.ctpvTableRow2 .ctpvTableColumns { vertical-align: top; padding-top: 5px; padding-bottom: 5px; }

.ctpvContRow2 { width: 100%; position: absolute; left: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

.ctpvTableTemp { z-index: 2; }

.ctpvContRow2Temp { z-index: 3; }

.ctpvEvent { border-left-width: 3px; border-left-style: solid; background: #FFFFFF; margin: 5px 4px 4px 4px; box-shadow: 1px 2px 2px #AEADAD, -1px -1px 1px #EAEAEA; padding: 4px; }

.ctpvEventTitle { margin: 0 4px 6px 2px; font-size: 90%; word-wrap: break-word; color: #444444; padding-right: 2px; }

.ctpvEventStatus { display: inline-block; width: 4px; height: 4px; margin: 2px; }

.ctpvEventIcon { display: inline-block; height: 16px; width: 16px; line-height: 16px !important; font-size: 12px; text-align: center; float: right; }

.ctpvEventTime { margin: 0 4px 0 3px; font-size: 70%; white-space: nowrap; color: #000000; }

.ctpvEventTimeTop { color: #777777; }

.ctpvEventTimeBottom { color: #ABB7B7; }

.ctpvTableRowSummary td { padding: 5px 2px; }

/* ---------------------* Task Planner View End *--------------------- */
/* --------------------------------------------------------------------------- */
/* ---------------------* Month View Start *--------------------- */
.cmvTableContainer { position: relative; width: 100%; height: 100%; }

.cmvMonthTable { width: calc(100% - 50px); height: calc(100% - 250px); position: relative; top: 0; left: 0; table-layout: fixed; background: #FFFFFF; overflow: auto; border-collapse: inherit; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

.cmvDayHeader { text-align: center; color: #1C2430; font-weight: bold; font-size: 10px; padding: 8px; }

.cmvMonthTableRows { vertical-align: top; min-height: 60px; }

.cmvMonthTableRowDayHeader { background-color: #EFEFEF; }

.cmvDay { text-align: right; vertical-align: top; position: relative; }

@media screen and (max-width: 500px) { .cmvDay { text-align: center; } }
.cmvDayNumber { font-size: 13px; margin: 2px; display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; }

.cFontLarge .cmvDayNumber { width: 25px; height: 25px; line-height: 25px; }

.cFontMedium .cmvDayNumber, .cFontSmall .cmvDayNumber { width: 15px; height: 15px; line-height: 15px; }

.cmvWeekNumber { width: 30px; color: #444444; font-weight: bold; vertical-align: middle; }

.cmvWeekNumber span { margin-left: 2px; }

.cmvWeekNumberBorderTop { border-top-color: transparent !important; }

.cmvWeekNumberBorderBottom { border-bottom-color: transparent !important; }

.cmvWeekNumberBorderLeft { border-left-color: transparent !important; }

.cmvCurrentMonthDay { color: #1C2430; background: #FFFFFF; }

.cmvOtherMonthDay { color: #8A919A; background: #FBFBFB; }

.cmvThinBorderTop { border-top: 1px solid #DDDDDD; }

.cmvThinBorderRight { border-right: 1px solid #DDDDDD; }

.cmvThinBorderBottom { border-bottom: 1px solid #DDDDDD; }

.cmvThinBorderLeft { border-left: 1px solid #DDDDDD; }

.cmvThinBorder { width: 100%; height: 100%; }

.cmv { height: 1000px; position: relative; }
@media (max-width: 739px) { .cmv { height: 1200px; } }

/* ------------------------* Month View End *------------------------- */
/* ---------------------* CalendarInnerCont Start *----------------------------- */
.calendarContInner { position: absolute; background: #FFFFFF; width: 100% !important; }

/* ---------------------* CalendarInnerCont End *----------------------------- */
/* ---------------------* Filter Bar Start *--------------------- */
.cFilterBar { position: absolute; background: #FFFFFF; z-index: 8; }

/* ----------------------* Filter Bar End *---------------------- */
/* ---------------------* Action Bar Start *--------------------- */
.cActionBar { position: relative; top: 0; left: 0; background: #F6EEEF; z-index: 8; }

/* ----------------------* Action Bar End *---------------------- */
/* ---------------------* Detailed Month View Start *--------------------- */
.cdmvEventCont { width: 100%; height: 100%; position: absolute; overflow: hidden; }

.cdmvEvent { position: absolute; overflow: hidden; border-left-width: 2px; border-left-style: solid; }

.cdmvEventTitle { margin: 0 4px 0 2px; float: left; display: inline-block; width: auto; height: 100%; font-size: 90%; white-space: nowrap; overflow: hidden; }
@media (max-width: 739px) { .cdmvEventTitle { min-width: 40px; } }

.cdmvEventIcon { display: none; height: 12px; width: 12px; line-height: 12px; font-size: 12px; text-align: center; float: left; margin: 2px 1px 0 2px; vertical-align: middle; color: #FFF; }

.cdmvEventIconDot { display: inline-block; height: 6px; width: 6px; border-radius: 50%; }

.cdmvEventIcon .cEventLink { display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; }

.cdmvEventTime { float: left; margin: 0 4px 0 3px; font-size: 80%; white-space: nowrap; }
@media (max-width: 739px) { .cdmvEventTime { display: none; } }

.cdmvEventTimeRight { float: right; margin-right: 3px; font-size: 80%; }

/* ---------------------* Detailed Month View End *--------------------- */
/* ---------------------* Month Events Start *--------------------- */
.cmvEventCont { position: relative; top: 60%; left: 0; width: 100%; text-align: center; }

.cmvEventContSmall { height: 25px; max-height: 25px; overflow: hidden; line-height: 0; }

.cmvEventContAllDay { position: relative; height: 25px; max-height: 25px; overflow: hidden; }

.cmvEvent { display: inline-block; z-index: 2; }

.cmvEventSmall { width: 8px; height: 8px; margin: 2px 2px; }

.cmvEventAllDay { display: block; height: 4px; position: absolute; }

.cmvEventAllDayFirst { width: 80%; margin: 0 0 0 20%; }

.cmvEventAllDayLast { width: 80%; margin: 0; }

.cmvEventAllDayMiddle { width: 100%; margin: 0; }

.cmvEventAllDaySingle { width: 80%; margin: 0 10% 0 10%; }

.cmvDisplayAllEvents { float: right; display: inline-block; width: 25px; font-weight: normal !important; cursor: pointer; text-align: left; }

.cFontLarge .cmvDisplayAllEvents { line-height: 25px; }

.cFontMedium .cmvDisplayAllEvents, .cFontSmall .cmvDisplayAllEvents { line-height: 17px; }

.cmvDialogOuterCont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; z-index: 11; }

.cmvDialog { position: absolute; top: 100px; left: 0; }

.cmvDialogTooltip, .cmvDialogTooltip:after { display: inline-block; width: 0; height: 0; position: absolute; border-width: 11px; border-style: solid; z-index: 1; }

.cmvDialogTooltip:after { content: " "; border-width: 10px; }

.cmvDialogTooltipBottom { border-color: transparent transparent #34495E transparent; }

.cmvDialogTooltipBottom:after { top: -8px; left: -10px; border-color: transparent transparent #FFFFFF transparent; }

.cmvDialogTooltipTop { border-color: #34495E transparent transparent transparent; }

.cmvDialogTooltipTop:after { top: -12px; left: -10px; border-color: #FFFFFF transparent transparent transparent; }

.br-ios .cmvDialogInnerCont { overflow-y: scroll !important; width: 100%; height: 10px; /* required for scrolling in iOS. */ }

.cmvDialogInnerCont { border: 1px solid #34495E; background: #FFFFFF; padding: 10px 10px 10px 10px; overflow-x: hidden; overflow-y: auto; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }

.cmvDialogTable { width: 100%; }

.cmvDialogTable td { border-color: transparent; padding: 2px 4px; }

.cmvDialogEvent { color: #444444; font-weight: normal; }

.cmvDialogTime { font-size: 75%; margin-top: 5px; }

.cmvDialogTimeStart { padding: 1px 4px; border-radius: 2px; background: #ABB7B7; color: #FFFFFF; }

.cmvDialogTimeDuration { margin-left: 5px; color: #ABB7B7; }

.cmvDialogIcon { width: 20px; }

.cmvDialogIconFont { display: inline-block; height: 16px; width: 16px; line-height: 16px; margin: 0; color: #FFFFFF; float: right; }

.cmvDialogIconDot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; }

.cmvDialogEventSeparator td { padding: 1px; }

.cmvDialogEventSeparator hr { border-color: #FAFAFA; border-style: solid; }

.cmvMonthTableRowIndicator { margin: 5px 3px 0 3px; height: 3px; line-height: 1px; font-size: 0; text-align: center; }

.cmvMonthTableRowIndicator span { display: inline-block; height: 100%; background: #242424; }

.cmvMonthTableRowCustom { position: absolute; bottom: 0; width: 100%; overflow: hidden; }

.cHiddenEventsIndicator { background-color: #FFF; height: 22px; width: 22px; position: absolute; right: 4px; color: #1C2430; font-size: 75%; font-weight: bold; line-height: 22px; text-align: center; border-radius: 100%; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.29); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.29); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.29); }

.cHiddenEventsCont { position: absolute; background: #FFFFFF; padding: 5px 10px; -moz-box-shadow: 0px 0px 5px 0px rgba(40, 40, 40, 0.15); -webkit-box-shadow: 0px 0px 5px 0px rgba(40, 40, 40, 0.15); box-shadow: 0px 0px 5px 0px rgba(40, 40, 40, 0.15); }
.cHiddenEventsCont .cdmvEvent { margin-top: 0; }

.cHiddenEventsContHeader { padding: 5px 2px; color: #242424; font-size: 85%; font-weight: bold; }

.cHiddenEventsContToday { color: #FF3B30; }

.cHiddenEventsContClose { display: inline-block; width: 15px; height: 15px; float: right; margin-top: -2px; margin-right: -2px; cursor: pointer; font-size: 12px; line-height: 17px; text-align: center; color: #242424; border-radius: 50%; }

/* ---------------------* Month Events End *--------------------- */
/* --------------------------------------------------------------------------------- */
/* ---------------------* Month List View Start *--------------------- */
.cmlvOuterCont { position: absolute; width: 100%; height: 100%; background: transparent; z-index: 12; }

.cmlvPopup .cmlvCont { position: absolute; background: #FFFFFF; width: 200px; height: 200px; margin: 0 auto; }

.cmlvFull .cmlvCont { position: absolute; background: #FFFFFF; width: 100%; height: 100%; }

.cmlvContTooltip, .cmlvContTooltip:after { display: inline-block; width: 0; height: 0; position: absolute; border-width: 11px; border-style: solid; }

.cmlvContTooltip:after { content: " "; border-width: 10px; }

.cmlvContTooltipBottom { top: -22px; left: 10px; border-color: transparent transparent #DDDDDD transparent; }

.cmlvContTooltipBottom:after { top: -8px; left: -10px; border-color: transparent transparent #FFFFFF transparent; }

.cmlvMonthListTable { width: 100%; height: 100%; }

.cmlvMonth { min-height: 40px; width: 20%; height: 30%; border-color: transparent !important; padding: 2%; text-align: center; }

.cmlvMonthCurrent { color: #96281B; font-weight: bold; }

.cmlvMonthOther { color: #111111; }

.cmlvMonthOtherHover { color: #96281B !important; }

/* ---------------------* Month List View End *--------------------- */
/* --------------------------------------------------------------------------------- */
/* ---------------------* Year List View Start *--------------------- */
.cylvOuterCont { position: absolute; width: 100%; height: 100%; background: transparent; z-index: 12; }

.cylvPopup .cylvCont { position: absolute; background: #FFFFFF; width: 200px; height: 200px; margin: 0 auto; }

.cylvFull .cylvCont { position: absolute; background: #FFFFFF; width: 100%; height: 100%; }

.cylvContTooltip, .cylvContTooltip:after { display: inline-block; width: 0; height: 0; position: absolute; border-width: 11px; border-style: solid; }

.cylvContTooltip:after { content: " "; border-width: 10px; }

.cylvContTooltipBottom { top: -22px; left: 10px; border-color: transparent transparent #DDDDDD transparent; }

.cylvContTooltipBottom:after { top: -8px; left: -10px; border-color: transparent transparent #FFFFFF transparent; }

.cylvYearListOuterTable { position: absolute; width: 100%; height: 100%; overflow: hidden; }

.cylvTableContRow td { border: none !important; }

.cylvTableColumns { min-height: 40px; width: 30%; height: 20%; border-color: transparent !important; padding: 2%; text-align: center; color: #757575; }

.cylvTableColumnsHover { color: #96281B !important; }

.cylvTableColumnsClick { color: #96281B; }

.cylvSelectedYear { font-size: 110%; color: #000000; }

.cylvSelectedYearHover { color: #96281B !important; }

.cylvPrevYears, .cylvNextYears { font-size: 200%; line-height: 25px; }

.cylvYearListTable { width: 100%; height: 100%; background: #FFFFFF; }

.cylvYear { min-height: 40px; width: 20%; height: 20%; border-color: transparent !important; padding: 2%; text-align: center; }

.cylvYearCurrent { color: #96281B; font-weight: bold; }

.cylvYearOther { color: #111111; }

.cylvYearOtherHover { color: #96281B !important; }

/* ---------------------* Year List View End *--------------------- */
/* --------------------------------------------------------------------------------- */
/*--------------------------------* Droppable Start *---------------------------- */
.cActivatedCell { background: #F9FFE5 !important; }

/*--------------------------------* Droppable End *---------------------------- */
.calendarContWeb ::-webkit-scrollbar { width: 5px; height: 0; }

.calendarContMobile ::-webkit-scrollbar { width: 2px; height: 10px; }

.calendarCont ::-webkit-scrollbar-button:start:decrement, .calendarCont ::-webkit-scrollbar-button:end:increment { height: 0; display: block; background-color: transparent; }

.calendarCont ::-webkit-scrollbar-track-piece { background-color: #FFFFFF; }

.calendarCont ::-webkit-scrollbar-thumb:vertical { height: 50px; background-color: #AAAAAA; border: 1px solid #AAAAAA; }

/* --------------------------------------------------------------------------------- */
/*--------------------------------* DatePicker Start *---------------------------- */
.cElemDatePickerBg { position: absolute; display: none; z-index: 9; background: rgba(0, 0, 0, 0.6); }

.cElemDatePickerCont { position: absolute; -webkit-box-shadow: 0 3px 10px rgba(20, 20, 20, 0.9); -moz-box-shadow: 0 3px 10px rgba(20, 20, 20, 0.9); box-shadow: 0 3px 10px rgba(20, 20, 20, 0.9); }

.cElemDatePicker { background-color: #FFF; width: 320px; height: 320px; position: relative; z-index: 9; }
.cElemDatePicker .cContHeader { position: relative; padding-left: 15px; }

@media screen and (max-width: 480px) { .cElemDatePicker { width: 300px; height: 320px; } }
.cElemDatePickerTooltip, .cElemDatePickerTooltip:after { display: inline-block; width: 0; height: 0; position: absolute; border-width: 11px; border-style: solid; z-index: 6; }

.cElemDatePickerTooltip:after { content: " "; border-width: 10px; }

.cElemDatePickerTooltipBottom { top: -22px; left: 10px; border-color: transparent transparent #DDDDDD transparent; }

.cElemDatePickerTooltipBottom:after { top: -8px; left: -10px; border-color: transparent transparent #F8F8F8 transparent; }

.cElemDatePickerBg .cmvDay { text-align: center; vertical-align: middle; }

.cElemDatePickerBg .cmvDayNumber { width: 25px; height: 25px; line-height: 25px; margin-top: 5px; cursor: pointer; }

.cElemDatePicker .cmvDayNumber:hover { color: #96281B; }

.cElemDatePicker .cmvDayNumber.cTodayHighlightCircle:hover { color: #FFFFFF; background: #96281B; }

.cElemDatePickerCustom { position: absolute; bottom: 0; width: 100%; height: 10px; line-height: 5px; overflow: hidden; }

.cElemDatePickerDot { display: inline-block; width: 5px; height: 5px; background-color: #242424; border-radius: 5px; }

/*--------------------------------* DatePicker End *------------------------------ */
.cEventLoaderBg { position: absolute; z-index: 100; color: #FF3B30; text-align: center; }

.cEventLoaderIndicator { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }

.cEventLoaderIcon { min-width: 24px; min-height: 24px; }

.cEventLoaderIcon:before { content: 'Loading…'; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-top: -10px; margin-left: -10px; }

.cEventLoaderIcon:not(:required):before { content: ''; border-radius: 50%; border: 1px solid #F6F; border-top-color: #0E0; border-right-color: #0DD; border-bottom-color: #F90; -webkit-animation: spinner .6s linear infinite; -moz-animation: spinner .6s linear infinite; -o-animation: spinner .6s linear infinite; animation: spinner .6s linear infinite; }

@keyframes spinner { to { transform: rotate(360deg); } }
@-webkit-keyframes spinner { to { -webkit-transform: rotate(360deg); } }
@-moz-keyframes spinner { to { -moz-transform: rotate(360deg); } }
@-o-keyframes spinner { to { -o-transform: rotate(360deg); } }
.cViewLoaderBg { position: absolute; z-index: 100; }

.cViewLoaderBody { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; background: #FFFFFF; width: 100%; height: 100%; }

.cViewLoaderIndicator { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }

.cTooltipTitle { font-size: 13px; margin: 0 8px; padding: 0 8px 10px; border-bottom: 1px solid #D0D0D0; }

.cTooltipTime { padding: 10px 18px 0; font-size: 11px; color: #443F3F; }

/*------------------------* Color Differentiators Start *------------------------------ */
.cTodayHighlightBg { background: #FFFFFF; }

.cTodayHighlightTextColor { color: #2869CB !important; }

.cCurrentHighlightCircle { background: #444444; color: #FFFFFF; }

.cTodayHighlightCircle { background: #7BBBE6; color: #FFFFFF; }

.cCurrentDateHighlightBg { background: #FFFFFF; }

.cCurrentDateHighlightColor { color: #282828; }

.cRestrictedTodayBg { background: #F6FAFF; }

.cNonBusinessHoursBg { background: #ECF0F1; }

.cRestrictedSectionBg { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAO0lEQVQYV2NkIAIwElJz/vz5/3gVgRQYGhoyEjQJZBNWRTATYE7BUISuAKdJ6J6Bm4TNBBTr8CkAKQQAFYsXdiESspEAAAAASUVORK5CYII=") repeat !important; }

.cBusinessHoursBg { background: #FFFFFF; }

.cDatePickerHighlightBg { color: #96281B !important; }

.cTimeIndicator { position: absolute; left: 0; width: 60px; height: 1px; background: #FF0000; z-index: 1; }

.cTimeline { position: absolute; width: 100%; height: 1px; background: #FF0000; z-index: 1; }

/*------------------------* Color Differentiators End *------------------------------ */
/*--------------------------------* Marked Day Start *------------------------------ */
.cmvDay .cMarkedDayIndicator { float: right; display: inline-block; width: 20px; height: 20px; text-align: center; font-size: 12px; margin-top: 2px; }

.cMarkedDayEvent .cdmvEventIcon { display: none; }

.cmvDialogTable .cMarkedDayEvent td { padding: 4px 4px; }

.cMarkedDayEvent .cmvDialogTitle { float: left; }

.cMarkedDayEvent .cdvEventIcon { display: none; }

.cMarkedDayEvent .cqavEventIcon { display: inline-block; height: 16px; width: 16px; line-height: 16px; margin: 0; float: right; color: #FFFFFF; }

.cagvDate .cMarkedDayIndicator { float: right; display: inline-block; width: 20px; height: 20px; text-align: center; font-size: 12px; margin-top: 12px; }

.cagvTimeline2 .cMarkedDayEvent .cagvContDetails { padding: 8px 3px 8px 10px; }

.cagvTimeline2 .cMarkedDayEvent .cagvEventIcon { display: inline-block; width: 25px; height: 25px; line-height: 25px !important; border-radius: 25px; font-size: 12px; text-align: center; color: #FFFFFF; margin-top: -4px; }

.cagvTimeline3 .cMarkedDayEvent .cagvEventIcon { color: #FFFFFF; }

.cagvTimeline3 .cMarkedDayEvent .cagvEventIconFont { border-radius: 0; }

.cMarkedDayLineIndicator span { background: #D91E18; }

.cwpvDate .cMarkedDayIndicator { float: right; display: inline-block; width: 20px; height: 20px; text-align: center; font-size: 12px; margin-top: 6px; }

/*--------------------------------* Marked Day End *------------------------------ */
.profiler .profiler__steps { padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; border-bottom: 3px solid #F1F1F1; }
.profiler .profiler__steps p { font-size: 11px; margin: 0 10px; line-height: 18px; color: #A8A8A8; }
.profiler .profiler__steps p > i { font-size: 8px; line-height: 18px; vertical-align: top; margin-right: 5px; }
.profiler .profiler__steps p.active { color: #1C2430; }
.profiler .profiler__steps p.active > i { color: #20B446; }
.profiler .profiler__footer { background-color: #F8F8F8; }
.profiler .profiler__footer:after { content: ''; display: table; clear: both; }
.profiler .profiler__footer .left, .profiler .profiler__footer .right { width: 50%; float: left; padding: 35px 70px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.profiler .profiler__footer .left p, .profiler .profiler__footer .right p { margin-bottom: 0; }
.profiler .profiler__footer .left > img { width: 95px; margin-right: 28px; }
.profiler .profiler__footer .left > a { margin: 0 11px; }
.profiler .profiler__footer .right > img { width: 44px; margin: 11px 28px 11px 0; }
.profiler .profiler__bottom { margin: 50px 24px 0; padding: 27px 17px; border-top: 1px solid rgba(168, 168, 168, 0.5); display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
.profiler .profiler__bottom a:not(.btn) { color: #1C2430; }
.profiler .profiler__bottom a:last-child { margin-left: auto; }
.profiler .profiler__icons { margin-top: 50px; justify-content: center; }
.profiler .profiler__icons img { width: 50px; margin-bottom: 10px; }
.profiler .profiler__step { position: relative; padding: 0 20px; }
.profiler .profiler__step h2 { font-size: 30px; text-align: center; margin-bottom: 35px; }
.profiler .profiler__step h3 { font-size: 24px; font-weight: 400; text-align: center; margin-bottom: 15px; }
.profiler .profiler__step ul { padding: 0 0 0 20px; text-align: left; max-width: 50%; margin: 0 auto; }
.profiler .profiler__step ul li { margin-bottom: 10px; }
.profiler .profiler__step ul.sm { max-width: 30%; }
.profiler .profiler__step--bg { background: #FFF url("/images/bg-profiler.jpg") bottom center no-repeat; background-size: 100% auto; padding-bottom: 120px; }
.profiler .profiler__content { text-align: center; padding-top: 75px; }
.profiler .profiler__progress { font-size: 11px; font-weight: 600; text-align: left; margin: -30px 80px 30px; }
.profiler .profiler__progress .row > *:last-child { text-align: right; }
.profiler .profiler__progress .progress { background-color: #E8FFEA; height: 6px; }
.profiler .profiler__progress .progress .progress-bar { background-color: #45C010; height: 6px; }
.profiler .profiler__table { width: calc(100% - 160px); margin: 0 80px 30px; }
.profiler .profiler__table img { width: 40px; }
.profiler .profiler__table th { width: 100px; padding: 20px; vertical-align: middle; }
.profiler .profiler__table th:nth-child(2) { width: auto; text-align: left; }
.profiler .profiler__table td { padding: 10px 20px; vertical-align: middle; }
.profiler .profiler__table td:nth-child(2) { text-align: left; }
.profiler .profiler__table tr:nth-of-type(even) td { background-color: #F8F8F8; }
.profiler .profiler__ranking { width: calc(100% - 160px); margin: 0 80px 50px; }
.profiler .profiler__ranking img { width: 40px; }
.profiler .profiler__ranking th { width: 165px; padding: 20px; vertical-align: middle; text-align: left; font-size: 10px; text-transform: uppercase; }
.profiler .profiler__ranking th img { width: 25px; margin-right: 10px; float: left; }
.profiler .profiler__ranking th.color-orange { color: #FF9100; }
.profiler .profiler__ranking th.color-green { color: #3EBA26; }
.profiler .profiler__ranking th.color-blue { color: #124C8B; }
.profiler .profiler__ranking th.profiler__ranking-name { width: auto; text-align: left; }
.profiler .profiler__ranking td { font-size: 16px; padding: 10px 20px; vertical-align: middle; }
.profiler .profiler__ranking td a { font-weight: 600; }
.profiler .profiler__ranking td .ico { font-size: 20px; color: #9A9A9A; }
.profiler .profiler__ranking td.profiler__ranking-name { text-align: left; padding: 10px 20px 10px 80px; }
.profiler .profiler__ranking tr:nth-of-type(even) td { background-color: #F8F8F8; }
.profiler .profiler__ranking .profiler__ranking-tag .btn { min-width: 0px; }
.profiler .profiler__ranking .profiler__ranking-tag + .profiler__ranking-name { padding: 10px; }
.profiler .profiler__ranking .profiler__ranking-name img { width: 70px; }
.profiler .profiler__link { display: block; }
.profiler .profiler__link > span { font-size: 14px; color: #FFF; width: 48px; line-height: 48px; border-radius: 100%; display: inline-block; margin-bottom: 10px; }
.profiler .profiler__link > b { display: block; }
.profiler .profiler__link.color-1 > span { background-color: #2BBFAF; }
.profiler .profiler__link.color-2 > span { background-color: #BF83BA; }
.profiler .profiler__link.color-3 > span { background-color: #F0D248; }
.profiler .profiler__link.color-4 > span { background-color: #7B5EAB; }
.profiler .profiler__link.color-5 > span { background-color: #EE8323; }
.profiler .profiler__link.color-6 > span { background-color: #6179B5; }
.profiler .profiler__print { background-color: #FFF; width: 44px; font-size: 16px; line-height: 44px; border-radius: 100%; color: #8C8C8C; display: inline-block; position: absolute; top: -25px; right: 60px; -webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.04); }
.profiler .profiler__summary { margin-top: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; padding-bottom: 40px; }
.profiler .profiler__summary .left { padding-top: 20px; width: 70%; border-right: 1px solid #b7b7b7; padding-right: 50px; }
.profiler .profiler__summary .right { width: 30%; text-align: right; padding-right: 50px; }
.profiler .radio { margin-bottom: 0; }
@media (max-width: 1099px) { .profiler .profiler__footer .left, .profiler .profiler__footer .right { padding: 35px 30px; }
  .profiler .profiler__step ul { max-width: 80%; }
  .profiler .profiler__step ul.sm { max-width: 60%; }
  .profiler .profiler__progress { margin-left: 0; margin-right: 0; }
  .profiler .profiler__print { display: none; }
  .profiler .profiler__table { width: 100%; margin-left: 0; margin-right: 0; }
  .profiler .profiler__table th { width: 80px; padding: 20px 10px; }
  .profiler .profiler__table th:first-child { width: 40px; }
  .profiler .profiler__table td { padding: 10px; }
  .profiler .profiler__ranking { width: 100%; margin-left: 0; margin-right: 0; }
  .profiler .profiler__ranking td.profiler__ranking-name { padding: 10px 20px; } }
@media (max-width: 739px) { .profiler .profiler__steps { padding: 20px 10px; }
  .profiler .profiler__steps p { margin: 0 8px; }
  .profiler .profiler__steps p > i { margin-right: 3px; }
  .profiler .profiler__footer { padding: 20px 0; }
  .profiler .profiler__footer .left, .profiler .profiler__footer .right { width: 100%; padding: 10px 20px; }
  .profiler .profiler__footer .left > img { width: 50px; margin-right: 18px; }
  .profiler .profiler__bottom { margin: 50px 0px 0; padding: 27px 10px; }
  .profiler .profiler__content { padding-top: 30px; }
  .profiler .profiler__progress { margin-top: 0; }
  .profiler .profiler__step ul { max-width: 90%; }
  .profiler .profiler__step ul.sm { max-width: 90%; }
  .profiler .profiler__step--bg { padding-bottom: 50px; }
  .profiler .profiler__link { margin-bottom: 20px; }
  .profiler .profiler__summary { margin-top: 0; display: block; padding-bottom: 20px; }
  .profiler .profiler__summary .left { width: 100%; padding-right: 0; border-bottom: 1px solid #b7b7b7; border-right: 0; }
  .profiler .profiler__summary .right { width: 100%; text-align: center; padding-right: 0px; padding-top: 20px; }
  .profiler .profiler__table img { width: 25px; }
  .profiler .profiler__table th { padding: 20px 5px; }
  .profiler .profiler__table td { padding: 10px 5px; }
  .profiler .profiler__ranking th { width: 100px; padding: 20px 5px; font-size: 9px; text-align: center; vertical-align: top; }
  .profiler .profiler__ranking th img { display: block; margin: 0 auto 10px; float: none; }
  .profiler .profiler__ranking td { padding: 10px; font-size: 14px; }
  .profiler .profiler__ranking td.profiler__ranking-name { padding: 10px; } }

.modal-close { background-color: rgba(0, 0, 0, 0.25); position: fixed; top: 45px; right: 2%; font-weight: 400; width: 60px; height: 60px; border-radius: 50%; text-align: center; opacity: 1; z-index: 50; }
.modal-close i { line-height: 60px; font-size: 30px; color: #FFF; display: block; }
@media (min-width: 1441px) { .modal-close { right: 50px; } }
@media (min-width: 1100px) { .modal-close:hover, .modal-close:focus, .modal-close:active { background-color: #FFF; opacity: 1; outline: none; }
  .modal-close:hover i, .modal-close:focus i, .modal-close:active i { color: #000; } }
@media (max-width: 1099px) { .modal-close { position: absolute; top: 42px; right: 42px; width: 40px; height: 40px; }
  .modal-close i { font-size: 24px; line-height: 40px; }
  .home-page .modal-close, .corporate-page .modal-close { top: 15px; right: 25px; } }
@media (max-width: 739px) { .modal-close { top: 22px; right: 22px; }
  .home-page .modal-close, .corporate-page .modal-close { right: 15px; } }

.modal-header { background: #006EC5; background: -moz-linear-gradient(left, #006EC5 0%, #119BCE 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #006EC5), color-stop(100%, #119BCE)); background: -webkit-linear-gradient(left, #006EC5 0%, #119BCE 100%); background: -o-linear-gradient(left, #006EC5 0%, #119BCE 100%); background: -ms-linear-gradient(left, #006EC5 0%, #119BCE 100%); background: linear-gradient(to right, #006ec5 0%, #119bce 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); border-radius: 0; border-bottom: 0; align-items: center; padding: 16px 30px; }
.modal-header.modal-header--green { background: #197D00; background: -moz-linear-gradient(left, #197D00 0%, #6DE043 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #197D00), color-stop(100%, #6DE043)); background: -webkit-linear-gradient(left, #197D00 0%, #6DE043 100%); background: -o-linear-gradient(left, #197D00 0%, #6DE043 100%); background: -ms-linear-gradient(left, #197D00 0%, #6DE043 100%); background: linear-gradient(to right, #197d00 0%, #6de043 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
.modal-header .modal-header__title { margin-top: 10px; font-size: 13px; line-height: 16px; display: block; opacity: 0.9; }
.modal-header .modal-header__right { margin-left: auto; }
.modal-header .modal-header__right i { font-size: 24px; margin-right: 10px; }
.modal-header p { font-size: 16px; line-height: 26px; margin: 0; padding: 5px 0; color: #FFF; }
@media (max-width: 1099px) { .modal-header { padding: 15px 30px; }
  .modal-header .modal-header__right { margin-right: 50px; } }
@media (max-width: 739px) { .modal-header { padding: 15px 55px 15px 15px; flex-wrap: wrap; }
  .modal-header .modal-header__right { margin-right: 0; width: 100%; } }

/* MARCIN'S MODAL, MODAL_MARG */
.modal.modal-white { background-color: white; }

.modal-content-marg .modal-header { background: #FFFFFF; position: -webkit-sticky; position: sticky; top: 0; z-index: 9; border-bottom: 1px solid #dee2e6; }
@media (max-width: 769px) { .modal-content-marg .modal-header { padding: 10px 15px; } }
@media (max-width: 739px) { .modal-content-marg .modal-header { padding: 5px 10px; flex-wrap: nowrap; /* nowrap because X gets wrapped to early due to styles in style.css */ } }
@media (max-width: 304px) { .modal-content-marg .modal-header { flex-wrap: wrap-reverse; /* set wrap for smaller screen where X is shifted outside viewport */ } }
.modal-content-marg .modal-header .modal-header-content { margin-right: auto; }
.modal-content-marg .modal-header .modal-header-main { display: inline-flex; }
.modal-content-marg .modal-header .modal-header-main .btn-back { font-size: 17px; font-weight: 500; margin-right: 10px; min-width: 80px; }
.modal-content-marg .modal-header .modal-header-main .btn-back i { font-size: 22px; font-weight: 800; }
.modal-content-marg .modal-header .modal-header-description { color: #6c757d; font-size: 1.0rem; font-weight: 400; margin-top: 10px; }
.modal-content-marg .modal-header .modal-header-title { max-width: 560px; overflow: hidden; }
@media (max-width: 769px) { .modal-content-marg .modal-header .modal-header-title { max-width: 340px; } }
@media (max-width: 494px) { .modal-content-marg .modal-header .modal-header-title { max-width: 240px; } }
@media (max-width: 396px) { .modal-content-marg .modal-header .modal-header-title { max-width: 160px; } }
.modal-content-marg .modal-header p { color: #000000; font-size: 1.5rem; }
.modal-content-marg .modal-header .modal-header-close { align-self: flex-start; padding: 1rem; margin: -1rem -1rem -1rem auto; font-size: 1.8rem; font-weight: 700; opacity: .5; }

/* END MODAL_MARG */
.modal-title { background-color: #FFF; padding: 26px 30px; }
.modal-title p { font-size: 12px; margin-bottom: 0; }
.modal-title ul { list-style-type: none; margin: 0; padding: 0; padding-top: 10px; }
.modal-title ul li span, .modal-title ul li a { font-size: 12px; color: #959EAD; display: block; display: -webkit-box; max-height: 18px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; }
.modal-title ul li a { text-decoration: underline; }
.modal-title .text { padding-top: 10px; }
.modal-title .text p { font-size: 12px; color: #959EAD; }
@media (max-width: 1099px) { .modal-body__content .modal-title { padding-left: 0; padding-right: 0; } }
@media (max-width: 739px) { .modal-title { padding-left: 15px; padding-right: 15px; } }

.modal-body { padding: 0; }
.modal-body .modal-body__content { padding: 30px; }
.modal-body .modal-body__content > p:last-child, .modal-body .modal-body__content > p:only-child { margin-bottom: 0; }
.modal-body .modal-body__center { text-align: center; padding: 40px 30px 10px; }
.modal-body .modal-body__center.modal-body__center--dark { background: #2B343E; color: #FFF; }
.modal-body .modal-body__confirm { background-color: #FFF; text-align: center; padding: 100px 20px; }
.modal-body .modal-body__confirm h1 { font-style: italic; color: #11C76F; }
.modal-body .modal-body__confirm > p { font-size: 22px; margin-bottom: 60px; }
.modal-body .modal-body__left { background-color: #1C2430; width: 250px; }
.modal-body .modal-body__left .modal-body__select { padding: 25px 20px; }
.modal-body .modal-body__left .modal-body__select p { color: rgba(255, 255, 255, 0.52); margin-bottom: 0; }
.modal-body .modal-body__right { flex-grow: 2; width: calc(100% - 250px); }
.modal-body .modal-body__right.bg-gray { background-color: #F1F1F1; }
.modal-body--flex { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: inherit; }
.modal--lg .modal-body .modal-body__content { padding-left: 12%; padding-right: 12%; }
.modal--lg .modal-body .modal-body__content--sm { padding-left: 3%; padding-right: 3%; }
@media (max-width: 1099px) { .modal-body .modal-body__left { width: 190px; }
  .modal-body .modal-body__left.action-modal__filters { width: 0; }
  .modal-body .modal-body__right { width: calc(100% - 190px); } }
@media (max-width: 739px) { .modal-body .modal-body__left { position: fixed; width: 100%; bottom: 0; left: 0; } }

.modal-footer { padding: 15px 30px; justify-content: flex-end; }
.modal-footer .modal-footer__left { margin-right: auto; }
.modal-footer.dark { border-top-color: rgba(255, 255, 255, 0.2); }
.modal-footer:empty { display: none; }
@media (max-width: 1099px) { .modal-footer .btn { width: 210px; } }
@media (max-width: 739px) { .modal-footer { display: block; }
  .modal-footer.action-footer { margin-bottom: 61px; } }
@media (max-width: 739px) and (max-width: 1099px) { .modal-footer .action-footer { margin-bottom: 61px; } }
@media (max-width: 739px) { .modal-footer .modal-footer__left { display: block; margin: 5px auto 20px; }
  .modal-footer .btn { width: 80%; display: block; margin: 10px auto; } }

.window { width: 360px; position: absolute; top: 0; left: 0; z-index: 11; outline: none; display: none; text-align: left; }
.window .window__close { font-size: 20px; color: #1C2430; cursor: pointer; margin-left: auto; margin-top: 5px; }
.window.window--right { left: auto; right: -35px; }
.window.window-shadow { -webkit-box-shadow: 0px 2px 20px 0px rgba(170, 170, 170, 0.75); -moz-box-shadow: 0px 2px 20px 0px rgba(170, 170, 170, 0.75); box-shadow: 0px 2px 20px 0px rgba(170, 170, 170, 0.75); }
.window .window__title { background-color: #F5F6F8; padding: 15px 0; text-align: center; }
.window .window__title p { text-transform: uppercase; color: #BDBDBD; margin-bottom: 0; font-size: 10px; line-height: 1.1; }
.window .window__footer { padding: 10px 0 30px; text-align: center; }
.window > .box { margin-bottom: 0; }
@media (max-width: 739px) { .window.window--right { right: auto; } }

.modal-request { background: #788190 url("/website/images/bg-modal.jpg") no-repeat center top; background-size: cover; padding: 45px 0 0; text-align: center; }
.modal-request .modal-request__top { padding-bottom: 40px; }
.modal-request .modal-request__top img { margin: 0 42px; }
.modal-request .modal-request__top .image-1 { width: 225px; position: relative; top: 7px; }
.modal-request .modal-request__top .image-2 { width: 188px; }
.modal-request .modal-request__form { padding-bottom: 35px; }
.modal-request .modal-request__form h2 { font-size: 30px; font-weight: 300; color: #FFF; margin: 0 0 20px; padding: 0 40px; }
.modal-request .modal-request__form p { font-size: 16px; font-weight: 300; color: #FFF; margin-bottom: 35px; }
.modal-request .modal-request__form label { font-size: 14px; font-weight: 700; color: #FFF; text-align: left; display: block; width: 70%; margin: 20px auto 10px; }
.modal-request .modal-request__form input[type="text"], .modal-request .modal-request__form textarea { background-color: transparent; width: 70%; border: 1px solid #FFF; margin: 0 auto 40px; padding: 15px 30px; font-size: 14px; line-height: 16px; color: #FFF; display: block; border-radius: 0; }
.modal-request .modal-request__form textarea { height: 120px; resize: none; }
.modal-request .modal-request__form input[type="submit"] { background-color: #3E4551; border: 1px solid #9FB3BD; width: 205px; height: 50px; color: #FFF; font-size: 14px; font-weight: 600; display: block; margin: 0 auto; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }
.modal-request form ::-webkit-input-placeholder { color: #FFF; }
.modal-request form :-moz-placeholder { /* Firefox 18- */ color: #FFF; }
.modal-request form ::-moz-placeholder { /* Firefox 19+ */ color: #FFF; }
.modal-request form :-ms-input-placeholder { color: #FFF; }
.modal-request .modal-request__footer { background-color: #0B8DF4; padding: 40px 0 35px; text-align: center; }
.modal-request .modal-request__footer p { color: #FFF; font-size: 30px; font-weight: 300; margin-bottom: 20px; }
.modal-request .modal-request__footer a { background-color: #FFF; height: 50px; color: #0B8DF4; font-family: "Open Sans"; font-size: 14px; font-weight: 600; text-decoration: none; line-height: 50px; display: inline-block; padding: 0 40px; margin: 0 auto; cursor: pointer; }
.modal-request .success-message, .modal-request .error-message { font-size: 22px; font-weight: 300; padding: 20px; }
.modal-request .success-message { color: #5DEA53; }
.modal-request .error-message { color: #FF6A6A; }
@media (max-width: 1099px) { .modal-request { min-height: calc(100vh - 57px); } }
@media (max-width: 739px) { .modal-request { padding-top: 90px; }
  .modal-request .modal-request__top img + img { margin-top: 10px; }
  .modal-request .modal-request__form h2 { padding: 0 30px; }
  .modal-request .modal-request__form input[type="text"], .modal-request .modal-request__form textarea, .modal-request .modal-request__form label { width: 80%; } }

.modal-background { z-index: 2000; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; right: 0; bottom: 0; left: 0; }
.modal-background .modal-table { width: 100%; max-width: 290px; height: 100%; display: table; table-layout: fixed; margin: 0 auto; z-index: 2099; }
.modal-background .modal-table__content { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }
.modal-background .modal-table__content > p { background-color: #FFF; width: 100%; text-align: center; line-height: 20px; padding: 15px 20px; }
.modal-background .modal-table__content > p > img { margin: 0 auto 10px; display: block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; max-width: 50px; }
.modal-background .modal-table__close { width: 50px; height: 50px; cursor: pointer; display: block; position: absolute; top: 0; right: 0; color: #FFF; font-size: 24px; line-height: 50px; }
.modal-background .modal-table__title { background-color: #4DCE82; padding: 43px 20px 15px; text-align: center; position: relative; }
.modal-background .modal-table__title p { font-size: 12px; color: rgba(255, 255, 255, 0.82); text-transform: uppercase; margin-bottom: 0; }
.modal-background .modal-table__title span { font-size: 24px; font-weight: 300; color: #FFF; display: block; }
.modal-background .modal-table__title.color--communities { background-color: #A75A7B; }
.modal-background .modal-table__title.color--interviews { background-color: #0B8FCF; }
.modal-background .modal-table__title.color--questions { background-color: #F35E24; }

.global-confirm { background-image: url("/images/bg-global-confirm.jpg"); background-size: cover; text-align: center; padding: 65px 20px; }
.global-confirm p { font-size: 14px; line-height: 20px; margin-bottom: 30px; }

/* TOOLTIP */
.modal-open .ui-tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-size: 11px; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; word-wrap: break-word; opacity: 1; border-radius: 10px; box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.26); }
.modal-open .ui-tooltip .ui-tooltip-content { padding-top: 10px; padding-bottom: 10px; background-color: #000000; color: #ffffff; width: 270px; max-width: 300px; text-align: left; margin-top: 3px; padding: 0.25rem 0.5rem; }

*, :before, :after { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; border: 0; }

*:hover, *:active, *:focus { outline: none; }

.justify-center { justify-content: center; }

.align-center { align-items: center !important; }

.clearfix:after { content: ''; display: table; clear: both; }

.clear { clear: both; }

.pointer { cursor: pointer !important; }

.be-circle { border-radius: 100%; }

.bg-white { background-color: #FFF; }

.bg-light { background-color: #FBFBFB; }

.bg-gray { background-color: #F9F9F9; }

.bg-grey { background-color: #EEEEEE; }

.bg-dark { background-color: #2B343E; }

.txt-xs { font-size: 10px; }

.txt-sm { font-size: 12px !important; }

.txt-cm { /* compact */ font-size: 16px; }

.txt-md { font-size: 18px; }

.txt-lg { font-size: 26px; }

.txt-thin { font-weight: 300; }

.txt-thick { font-weight: 900; }

.text-top { vertical-align: top; }

.text-middle { vertical-align: middle; }

.text-underline { text-decoration: underline; }
@media (min-width: 1100px) { .text-underline:hover { text-decoration: underline; } }

.color-assessment { color: #555FA8; }

.color-assignment { color: #0C4C73; }

.color-badge { color: #29ABC3; }

.color-organization { color: #A75A7B; }

.color-letter { color: #7ABF0D; }

.color-interview { color: #04BCEB; }

.color-occupation { color: #7F97B6; }

.color-orange { color: #E7931A; }

.color-outcome { color: #C58042; }

.color-portfolio { color: #E56161; }

.color-quiz { color: #33C1B2; }

.color-question { color: #F35E24; }

.color-career-advice { color: #476399; }

.color-resume { color: #2A5CC0; }

.color-rubric { color: #7582BB; }

.color-user { color: #D64C4C; }

.color-violet { color: #3135E1; }

.color-black { color: #000; }

.color-link { color: #2869CB; }
@media (min-width: 1100px) { .color-link:hover, .color-link:active, .color-link:focus { color: #2A6496; } }

.color-mutted { color: #443F3F; }

.color-text { color: #1C2430; }

.color-white { color: #FFF !important; }

.color-gray { color: #A7A7A7; }

.color-green { color: #20b446; }

.color-error { color: #D64C4C !important; }

.color-guide-seeker { color: #21e0e7; }

.color-guide_staff { color: #fea956; }

.bg-assessments { background-color: #555FA8; }

.bg-assignments { background-color: #0C4C73; }

.bg-api { background-color: #3A414C; }

.bg-badges { background-color: #29ABC3; }

.bg-organizations { background-color: #A75A7B; }

.bg-letters { background-color: #7ABF0D; }

.bg-interviews { background-color: #0B8FCF; }

.bg-occupations { background-color: #7F97B6; }

.bg-outcomes { background-color: #C58042; }

.bg-quizzes { background-color: #33C1B2; }

.bg-questions { background-color: #F35E24; }

.bg-resources { background-color: #476399; }

.bg-resumes { background-color: #2A5CC0; }

.bg-rubrics { background-color: #7582BB; }

.bg-users, .box.box--gray { background-color: #4E596C; }

.h-110 { height: 110px !important; }

.h-150 { height: 150px; }

.size-150 { width: 100%; height: 150px; }

.size-180 { width: 100%; height: 180px; }
@media (max-width: 739px) { .size-180 { height: 150px; } }

.size-250 { width: 100%; height: 250px; }
@media (max-width: 739px) { .size-250 { height: 150px; } }

.size-300 { width: 100%; height: 350px; }
@media (max-width: 739px) { .size-300 { height: 150px; } }

.size-350 { width: 100%; height: 350px; }
@media (max-width: 739px) { .size-350 { height: 150px; } }

.size-450 { width: 100%; height: 450px; }
@media (max-width: 739px) { .size-450 { height: 250px; } }

.w-20 { width: 20px; }

.w-30 { width: 30px; }

.w-40 { width: 40px; }

.w-70 { width: 70px; }

.w-100 { width: 100px !important; }

.w-120 { width: 120px; }

.w-130 { width: 130px; }

.w-140 { width: 140px; }

.w-150 { width: 150px; }

.w-170 { width: 170px; }

.w-200 { width: 200px; }

@media (max-width: 739px) { .w-80--phone { width: 80px; }
  .w-100--phone { width: 100px; } }
.no-padding { padding: 0 !important; }

.no-padding-left { padding-left: 0 !important; }

.no-padding-right { padding-right: 0 !important; }

.p-10 { padding: 10px; }

.p-15 { padding: 15px; }

.p-20 { padding: 20px; }

.p-30 { padding: 30px; }

.pt-4 { padding-top: 4px !important; }

.pt-5 { padding-top: 5px !important; }

.pt-8 { padding-top: 8px; }

.pt-10 { padding-top: 10px; }

.pt-12 { padding-top: 12px; }

.pt-15 { padding-top: 15px; }

.pt-20 { padding-top: 20px; }

.pt-30 { padding-top: 30px; }

.pt-40 { padding-top: 40px; }

.pt-60 { padding-top: 60px; }

.pb-5 { padding-bottom: 5px; }

.pb-10 { padding-bottom: 10px; }

.pb-20 { padding-bottom: 20px; }

.pb-30 { padding-bottom: 30px; }

.pb-50 { padding-bottom: 50px; }

@media (max-width: 1099px) { .pt-20--mobile { padding-top: 20px; } }
@media (max-width: 739px) { .p-10--phone { padding: 10px !important; }
  .pt-20--phone { padding-top: 20px; }
  .pb-20--phone { padding-bottom: 20px; } }
.no-margin { margin: 0 !important; }

.no-mb { margin-bottom: 0 !important; }

.m-20 { margin: 20px; }

.mt-5 { margin-top: 5px !important; }

.mt-10 { margin-top: 10px; }

.mt-20 { margin-top: 20px; }

.mt-30 { margin-top: 30px; }

.mb-5 { margin-bottom: 5px !important; }

.mb-10 { margin-bottom: 10px; }

.mb-15 { margin-bottom: 15px; }

.mb-20 { margin-bottom: 20px; font-weight: bold; }
.mb-20 > span.required__asterix { color: #F35E24; display: inline-block; padding-right: 3px; font-size: 20px; font-weight: 700; }

.mb-30 { margin-bottom: 30px; }

.ml-4 { margin-left: 4px; }

.ml-5 { margin-left: 5px !important; }

.ml-10 { margin-left: 10px; }
@media (max-width: 739px) { .ml-10.mobile-left { margin-top: 10px; } }

.ml-15 { margin-left: 15px; }

.ml-17 { margin-left: 17px; }

.ml-20 { margin-left: 20px; }
@media (max-width: 739px) { .ml-20.mobile-left { margin-left: 0; margin-top: 10px; } }

.ml-30 { margin-left: 30px; }

.ml-45 { margin-left: 45px; }

.ml-50 { margin-left: 50px; }

.ml-60 { margin-left: 60px; }

.mr-5 { margin-right: 5px !important; }

.mr-10 { margin-right: 10px; }

.mr-15 { margin-right: 15px; }

.mr-20 { margin-right: 20px; }

.mr-30 { margin-right: 30px; }

@media (max-width: 739px) { .mobile-left-zone { margin-top: 10px; } }

.hidden-x { overflow-x: hidden; }

.hidden { display: none !important; }

@media (min-width: 1100px) { .hidden--desktop { display: none !important; } }

@media (max-width: 1099px) { .hidden--mobile { display: none !important; } }

@media (max-width: 1099px) and (min-width: 740px) { .hidden--tablet { display: none !important; } }

@media (max-width: 739px) { .hidden--phone { display: none !important; } }

.visible { display: block; }

.visible--mobile, .visible--tablet, .visible--phone { display: none; }

@media (max-width: 1099px) { .visible--mobile { display: block !important; } }

@media (max-width: 1099px) and (min-width: 740px) { .visible--tablet { display: block !important; } }

@media (max-width: 739px) { .visible--phone { display: block !important; } }

.div-table { display: table; table-layout: fixed; width: 100%; height: 100%; }
.div-table .div-table-row { display: table-row; height: 100%; }
.div-table .div-table-row .div-table-cell { display: table-cell; height: 100%; vertical-align: middle; }
.div-table .div-table-row .div-table-cell.div-table-cell--top { vertical-align: top; }
@media (max-width: 1099px) { .div-table.div-table--no-mobile { display: block; }
  .div-table.div-table--no-mobile .div-table-row { display: block; height: auto; }
  .div-table.div-table--no-mobile .div-table-row .div-table-cell { display: block; height: auto; width: 100%; } }
@media (max-width: 739px) { .div-table.div-table--no-phone { display: block; }
  .div-table.div-table--no-phone .div-table-row { display: block; height: auto; }
  .div-table.div-table--no-phone .div-table-row .div-table-cell { display: block; height: auto; width: 100%; } }

.pe-none { pointer-events: none; }

@media (max-width: 739px) { .minus-margin--phone { margin-top: -40px; } }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes toggle { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@-moz-keyframes toggle { 0% { opacity: 0; }
  50% { opacity: 0; }
  100% { opacity: 1; } }
@-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
  100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } }
@-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); }
  30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } }
@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@-moz-keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
  10% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
  20% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }
@keyframes dropdown { 0% { -webkit-transform: scaleY(0.7); -moz-transform: scaleY(0.7); -ms-transform: scaleY(0.7); -o-transform: scaleY(0.7); transform: scaleY(0.7); }
  100% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } }
@-webkit-keyframes dropdown { 0% { -webkit-transform: scaleY(0.7); -moz-transform: scaleY(0.7); -ms-transform: scaleY(0.7); -o-transform: scaleY(0.7); transform: scaleY(0.7); }
  100% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } }
@-moz-keyframes dropdown { 0% { -webkit-transform: scaleY(0.7); -moz-transform: scaleY(0.7); -ms-transform: scaleY(0.7); -o-transform: scaleY(0.7); transform: scaleY(0.7); }
  100% { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } }
.theme-prev { width: 60%; margin-bottom: 25px; display: block; cursor: pointer; }
.theme-prev .theme-prev__head { height: 55px; position: relative; display: block; }
.theme-prev .theme-prev__head:after { height: 4px; width: calc(100% - 36px); content: ''; position: absolute; left: 18px; top: 25px; }
.theme-prev .theme-prev__content { padding: 25px 35px 45px; display: block; }
.theme-prev .theme-prev__content > span { display: block; width: 85%; height: 4px; margin-bottom: 25px; position: relative; }
.theme-prev .theme-prev__content > span:before { width: 12px; height: 12px; display: block; content: ''; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; left: -22px; top: -4px; }
.theme-prev + input[type="radio"] + label { margin-bottom: 30px; margin-left: 18px; }
.theme-prev.theme-prev--basic .theme-prev__head { background-color: #1C2430; }
.theme-prev.theme-prev--basic .theme-prev__head:after { background-color: #FFF; }
.theme-prev.theme-prev--basic .theme-prev__content { background-color: #23303F; border: 5px solid #23303F; }
.theme-prev.theme-prev--basic .theme-prev__content > span { background-color: #FFF; }
.theme-prev.theme-prev--basic .theme-prev__content > span:before { background-color: #999EA7; }
.theme-prev.theme-prev--gray .theme-prev__head { background-color: #343B45; }
.theme-prev.theme-prev--gray .theme-prev__head:after { background-color: #FFF; }
.theme-prev.theme-prev--gray .theme-prev__content { background-color: #3D4551; border: 5px solid #3D4551; }
.theme-prev.theme-prev--gray .theme-prev__content > span { background-color: #FFF; }
.theme-prev.theme-prev--gray .theme-prev__content > span:before { background-color: #999EA7; }
.theme-prev.theme-prev--light .theme-prev__head { background-color: #F2F2F2; }
.theme-prev.theme-prev--light .theme-prev__head:after { background-color: #1C2430; }
.theme-prev.theme-prev--light .theme-prev__content { background-color: #FFFFFF; border: 5px solid #F2F2F2; }
.theme-prev.theme-prev--light .theme-prev__content > span { background-color: #1C2430; }
.theme-prev.theme-prev--light .theme-prev__content > span:before { background-color: #999EA7; }
.theme-prev.theme-prev--blue .theme-prev__head { background-color: #1978B5; }
.theme-prev.theme-prev--blue .theme-prev__head:after { background-color: #FFFFFF; }
.theme-prev.theme-prev--blue .theme-prev__content { background-color: #0367B6; border: 5px solid #0367B6; }
.theme-prev.theme-prev--blue .theme-prev__content > span { background-color: #FFFFFF; }
.theme-prev.theme-prev--blue .theme-prev__content > span:before { background-color: #BAD9EE; }
.theme-prev.theme-prev--red .theme-prev__head { background-color: #CD3433; }
.theme-prev.theme-prev--red .theme-prev__head:after { background-color: #FFFFFF; }
.theme-prev.theme-prev--red .theme-prev__content { background-color: #E04934; border: 5px solid #E04934; }
.theme-prev.theme-prev--red .theme-prev__content > span { background-color: #FFFFFF; }
.theme-prev.theme-prev--red .theme-prev__content > span:before { background-color: #F5B9B8; }
.theme-prev.theme-prev--purple .theme-prev__head { background-color: #3E354F; }
.theme-prev.theme-prev--purple .theme-prev__head:after { background-color: #FFFFFF; }
.theme-prev.theme-prev--purple .theme-prev__content { background-color: #513962; border: 5px solid #513962; }
.theme-prev.theme-prev--purple .theme-prev__content > span { background-color: #FFFFFF; }
.theme-prev.theme-prev--purple .theme-prev__content > span:before { background-color: #C9C5CF; }
.theme-prev.theme-prev--purple .theme-prev__head { background-color: #3E354F; }
.theme-prev.theme-prev--purple .theme-prev__head:after { background-color: #FFFFFF; }
.theme-prev.theme-prev--purple .theme-prev__content { background-color: #513962; border: 5px solid #513962; }
.theme-prev.theme-prev--purple .theme-prev__content > span { background-color: #FFFFFF; }
.theme-prev.theme-prev--purple .theme-prev__content > span:before { background-color: #C9C5CF; }
.theme-prev.theme-prev--green .theme-prev__head { background-color: #33B186; }
.theme-prev.theme-prev--green .theme-prev__head:after { background-color: #FFFFFF; }
.theme-prev.theme-prev--green .theme-prev__content { background-color: #27BC89; border: 5px solid #27BC89; }
.theme-prev.theme-prev--green .theme-prev__content > span { background-color: #FFFFFF; }
.theme-prev.theme-prev--green .theme-prev__content > span:before { background-color: #9AE4CA; }
.theme-prev.theme-prev--orange .theme-prev__head { background-color: #ED8F48; }
.theme-prev.theme-prev--orange .theme-prev__head:after { background-color: #FFFFFF; }
.theme-prev.theme-prev--orange .theme-prev__content { background-color: #EB7B3F; border: 5px solid #EB7B3F; }
.theme-prev.theme-prev--orange .theme-prev__content > span { background-color: #FFFFFF; }
.theme-prev.theme-prev--orange .theme-prev__content > span:before { background-color: #F5C098; }
.theme-prev.theme-prev--caribbean .theme-prev__head { background-color: #3AC0BF; }
.theme-prev.theme-prev--caribbean .theme-prev__head:after { background-color: #FFFFFF; }
.theme-prev.theme-prev--caribbean .theme-prev__content { background-color: #60CCCB; border: 5px solid #60CCCB; }
.theme-prev.theme-prev--caribbean .theme-prev__content > span { background-color: #FFFFFF; }
.theme-prev.theme-prev--caribbean .theme-prev__content > span:before { background-color: #C8EAEB; }
.theme-prev.theme-prev--brown .theme-prev__head { background-color: #6F3A22; }
.theme-prev.theme-prev--brown .theme-prev__head:after { background-color: #FFFFFF; }
.theme-prev.theme-prev--brown .theme-prev__content { background-color: #864021; border: 5px solid #864021; }
.theme-prev.theme-prev--brown .theme-prev__content > span { background-color: #FFFFFF; }
.theme-prev.theme-prev--brown .theme-prev__content > span:before { background-color: #CCA897; }
@media (max-width: 1099px) { .theme-prev { width: 100%; } }

.theme-light header .header__right .header__user--dark { background-color: #FFF; }
.theme-light header .header__right .header__user--dark .avatar, .theme-light header .header__right .header__user--dark .dropdown-toggle { color: #1C2430; }
.theme-light header .header__right .header__user--dark .avatar figure { border: 1px solid rgba(202, 202, 202, 0.5); }
.theme-light .modal-body .modal-body__left { background-color: #FFFFFF; }
.theme-light .modal-body .modal-body__left .modal-body__select { background-color: #F2F2F2; }
.theme-light .modal-body .modal-body__left .modal-body__select p { color: #1C2430; }
@media (min-width: 1100px) { .theme-light .page__body:before { background: white; background: -moz-linear-gradient(left, white 0%, white 100%); background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(100%, white)); background: -webkit-linear-gradient(left, white 0%, white 100%); background: -o-linear-gradient(left, white 0%, white 100%); background: -ms-linear-gradient(left, white 0%, white 100%); background: linear-gradient(to right, #ffffff 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); outline: 5px solid rgba(0, 0, 0, 0.04); }
  .theme-light .menu .menu__head, .theme-light .menu .menu__head + .menu__title { background-image: linear-gradient(to right, #222222 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-light .menu .menu__back { color: #999EA7; background-image: linear-gradient(to right, #222222 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-light .menu .menu__title { color: #1C2430; }
  .theme-light .menu .menu__title > i, .theme-light .menu .menu__title > span:after { color: #999EA7; }
  .theme-light .menu .menu__title.active, .theme-light .menu .menu__title[aria-expanded="true"] { background-color: #F1F1F1; color: #1C2430; }
  .theme-light .menu .menu__title.active + div, .theme-light .menu .menu__title[aria-expanded="true"] + div { background-color: #F1F1F1; color: #1C2430; }
  .theme-light .category-list a { color: #1C2430; }
  .theme-light .category-list a.active { color: #1C2430; }
  .theme-light .category-list a.more:after, .theme-light .category-list a > i { color: #999EA7; }
  .theme-light .category-list a.checked { font-weight: 600; }
  .theme-light .category-list a:hover { background-color: #d8d8d8; }
  .theme-light .filters .filter .filter__btn { color: #1C2430; }
  .theme-light .filters .filter .filter__btn .filter__icon, .theme-light .filters .filter .filter__btn .filter__name:after { color: #999EA7; }
  .theme-light .filters .filter .filter__btn[aria-expanded="true"] { background-color: #F1F1F1; color: #1C2430; }
  .theme-light .filters .filter .filter__btn[aria-expanded="true"] .filter__icon, .theme-light .filters .filter .filter__btn[aria-expanded="true"] .filter__name { border-bottom: 1px solid #999EA7; }
  .theme-light .filters .filter .filter__btn[aria-expanded="true"] .filter__name { color: #1C2430; }
  .theme-light .filters .filter .filter__back { border-bottom: 1px solid #999EA7; }
  .theme-light .filters .filter .filter__back > a > i, .theme-light .filters .filter .filter__back .info { color: #999EA7; }
  .theme-light .filters .filter .filter__content { background-color: #F1F1F1; }
  .theme-light .filters .filter .filter__content .list .list__item { color: #1C2430; }
  .theme-light .filters .filter .filter__content .list .list__item.list__item--more.open { background-color: #FFFFFF; }
  .theme-light .filters .filter .filter__content .list .list__item.list__item--more.open > .item__more .item__name { color: #1C2430; }
  .theme-light .filters .filter .filter__content .list .list { background-color: #FFFFFF; border-bottom: 1px solid #999EA7; }
  .theme-light .filters .filter .filter__content .list .list .list__item.list__item--more.open, .theme-light .filters .filter .filter__content .list .list .list { background-color: #F1F1F1; }
  .theme-light .filters .filter .filter__content .item__name { color: #1C2430; }
  .theme-light .filters .filter .filter__content .item__amount, .theme-light .filters .filter .filter__content .item__more .fa-angle-right { color: #999EA7; }
  .theme-light .filters .filter .filter__all { color: #1C2430; border-color: #1C2430; }
  .theme-light .filters .filter .auto-wrapper.auto-wrapper--dark input, .theme-light .filters .filter .date-wrapper .input { color: #1C2430; border-color: #999EA7; }
  .theme-light .filters .filter .auto-wrapper.auto-wrapper--dark input::-webkit-input-placeholder, .theme-light .filters .filter .date-wrapper .input::-webkit-input-placeholder { color: #999EA7; }
  .theme-light .filters .filter .auto-wrapper.auto-wrapper--dark input::-moz-placeholder, .theme-light .filters .filter .date-wrapper .input::-moz-placeholder { color: #999EA7; }
  .theme-light .filters .filter .auto-wrapper.auto-wrapper--dark input:-ms-input-placeholder, .theme-light .filters .filter .date-wrapper .input:-ms-input-placeholder { color: #999EA7; }
  .theme-light .filters .filter .auto-wrapper.auto-wrapper--dark input:-moz-placeholder, .theme-light .filters .filter .date-wrapper .input:-moz-placeholder { color: #999EA7; }
  .theme-light .filters .checkbox > span:before, .theme-light .filters .checkbox > .item__name:not(:first-child):before { border: 1px solid #1C2430; }
  .theme-light .sidebar { background: white; background: -moz-linear-gradient(left, white 0%, white 100%); background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(100%, white)); background: -webkit-linear-gradient(left, white 0%, white 100%); background: -o-linear-gradient(left, white 0%, white 100%); background: -ms-linear-gradient(left, white 0%, white 100%); background: linear-gradient(to right, #ffffff 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-light .sidebar .sidebar__text h4, .theme-light .sidebar .sidebar__text h4 a { color: #1C2430; }
  .theme-light .sidebar .sidebar__text p { color: #999EA7; }
  .theme-light .sidebar .sidebar__socials a { color: #1C2430; }
  .theme-light .sidebar .sidebar__actions .btn-circle.btn-circle--white { color: #1C2430; border-color: #1C2430; }
  .theme-light .sidebar .avatar-inline { background: white; background: -moz-linear-gradient(left, white 0%, white 100%); background: -webkit-gradient(left top, right top, color-stop(0%, white), color-stop(100%, white)); background: -webkit-linear-gradient(left, white 0%, white 100%); background: -o-linear-gradient(left, white 0%, white 100%); background: -ms-linear-gradient(left, white 0%, white 100%); background: linear-gradient(to right, #ffffff 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); border-bottom-color: rgba(202, 202, 202, 0.5); }
  .theme-light .sidebar .avatar-inline .avatar-inline__name p { color: #1C2430; }
  .theme-light .sidebar .avatar-inline .avatar-inline__name span { color: #999EA7; } }

.theme-gray header .header__right .header__user--dark { background-color: #2A3037; }
.theme-gray .modal-body .modal-body__left { background-color: #3E4651; }
.theme-gray .modal-body .modal-body__left .modal-body__select { background-color: #373f4A; }
@media (min-width: 1100px) { .theme-gray .page__body:before { background: #373f4A; background: -moz-linear-gradient(left, #373f4A 0%, #3E4651 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #373f4A), color-stop(100%, #3E4651)); background: -webkit-linear-gradient(left, #373f4A 0%, #3E4651 100%); background: -o-linear-gradient(left, #373f4A 0%, #3E4651 100%); background: -ms-linear-gradient(left, #373f4A 0%, #3E4651 100%); background: linear-gradient(to right, #373f4a 0%, #3e4651 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-gray .menu .menu__head, .theme-gray .menu .menu__head + .menu__title { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-gray .menu .menu__head > span { color: #FFF; }
  .theme-gray .menu .menu__back { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-gray .menu .menu__title { color: #A0ABBB; }
  .theme-gray .menu .menu__title > i, .theme-gray .menu .menu__title > span:after { color: #68707C; }
  .theme-gray .menu .menu__title.active, .theme-gray .menu .menu__title[aria-expanded="true"] { background-color: #484F5C; border-left-color: #FFF; color: #A0ABBB; }
  .theme-gray .menu .menu__title.active + div, .theme-gray .menu .menu__title[aria-expanded="true"] + div { background-color: #484F5C; border-left-color: #FFF; }
  .theme-gray .category-list a { color: #A0ABBB; }
  .theme-gray .category-list a.more:after, .theme-gray .category-list a > i { color: #68707C; }
  .theme-gray .category-list a.checked { font-weight: 600; }
  .theme-gray .category-list a:hover { background-color: #32363f; }
  .theme-gray .filters .filter .filter__btn { color: #A0ABBB; }
  .theme-gray .filters .filter .filter__btn .filter__icon, .theme-gray .filters .filter .filter__btn .filter__name:after { color: #68707C; }
  .theme-gray .filters .filter .filter__btn[aria-expanded="true"] { background-color: #484F5C; border-left-color: #FFF; color: #A0ABBB; }
  .theme-gray .filters .filter .filter__btn[aria-expanded="true"] .filter__icon, .theme-gray .filters .filter .filter__btn[aria-expanded="true"] .filter__name { border-bottom: 1px solid #68707C; }
  .theme-gray .filters .filter .filter__back { border-bottom: 1px solid #68707C; }
  .theme-gray .filters .filter .filter__back > a > i, .theme-gray .filters .filter .filter__back .info { color: #68707C; }
  .theme-gray .filters .filter .filter__content { background-color: #484F5C; border-left-color: #FFF; }
  .theme-gray .filters .filter .filter__content .list .list__item { color: #A0ABBB; }
  .theme-gray .filters .filter .filter__content .list .list__item.list__item--more.open { background-color: #3E4651; }
  .theme-gray .filters .filter .filter__content .list .list { background-color: #3E4651; border-bottom: 1px solid #68707C; }
  .theme-gray .filters .filter .filter__content .list .list .list__item.list__item--more.open, .theme-gray .filters .filter .filter__content .list .list .list { background-color: #484F5C; }
  .theme-gray .filters .filter .filter__content .item__name { color: #A0ABBB; }
  .theme-gray .filters .filter .filter__content .item__amount, .theme-gray .filters .filter .filter__content .item__more .fa-angle-right { color: #68707C; }
  .theme-gray .filters .checkbox > span:before, .theme-gray .filters .checkbox > .item__name:not(:first-child):before { border: 1px solid #A0ABBB; }
  .theme-gray .filters .date-wrapper.date-wrapper--dark:after { color: #68707C; }
  .theme-gray .filters .auto-wrapper.auto-wrapper--dark:after { color: #68707C; }
  .theme-gray .sidebar { background: #373f4A; background: -moz-linear-gradient(left, #373f4A 0%, #3E4651 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #373f4A), color-stop(100%, #3E4651)); background: -webkit-linear-gradient(left, #373f4A 0%, #3E4651 100%); background: -o-linear-gradient(left, #373f4A 0%, #3E4651 100%); background: -ms-linear-gradient(left, #373f4A 0%, #3E4651 100%); background: linear-gradient(to right, #373f4a 0%, #3e4651 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-gray .sidebar .sidebar__text h4, .theme-gray .sidebar .sidebar__text h4 a { color: #A0ABBB; }
  .theme-gray .sidebar .sidebar__text p { color: #68707C; }
  .theme-gray .sidebar .sidebar__actions .btn-empty { color: #FFF; }
  .theme-gray .sidebar .sidebar__actions .item .btn { color: #1C2430; border-color: #CDD5E0; background: white; }
  .theme-gray .sidebar .sidebar__actions .item .btn.btn--more:after { border-left: 1px solid rgba(110, 123, 140, 0.6); }
  .theme-gray .sidebar .avatar-inline { background: #373f4A; background: -moz-linear-gradient(left, #373f4A 0%, #3E4651 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #373f4A), color-stop(100%, #3E4651)); background: -webkit-linear-gradient(left, #373f4A 0%, #3E4651 100%); background: -o-linear-gradient(left, #373f4A 0%, #3E4651 100%); background: -ms-linear-gradient(left, #373f4A 0%, #3E4651 100%); background: linear-gradient(to right, #373f4a 0%, #3e4651 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-gray .sidebar .avatar-inline .avatar-inline__name p { color: #A0ABBB; }
  .theme-gray .sidebar .avatar-inline .avatar-inline__name span { color: #68707C; } }

.theme-blue header .header__right .header__user--dark { background-color: #1a84c7; }
.theme-blue .sidebar .btn.btn--blue { background-color: #FFF; color: #1C2430; }
.theme-blue .modal-body .modal-body__left { background-color: #0367B6; }
.theme-blue .modal-body .modal-body__left .modal-body__select { background-color: #1978B5; }
@media (min-width: 1100px) { .theme-blue .page__body:before { background: #1978B5; background: -moz-linear-gradient(left, #1978B5 0%, #0367B6 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #1978B5), color-stop(100%, #0367B6)); background: -webkit-linear-gradient(left, #1978B5 0%, #0367B6 100%); background: -o-linear-gradient(left, #1978B5 0%, #0367B6 100%); background: -ms-linear-gradient(left, #1978B5 0%, #0367B6 100%); background: linear-gradient(to right, #1978b5 0%, #0367b6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-blue .menu .menu__head, .theme-blue .menu .menu__head + .menu__title { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-blue .menu .menu__head > span { color: #FFF; }
  .theme-blue .menu .menu__back { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-blue .menu .menu__title { color: #FFFFFF; }
  .theme-blue .menu .menu__title > i, .theme-blue .menu .menu__title > span:after { color: #BAD9EE; }
  .theme-blue .menu .menu__title.active, .theme-blue .menu .menu__title[aria-expanded="true"] { background-color: #3093D2; border-left-color: #FFF; color: #FFFFFF; }
  .theme-blue .menu .menu__title.active + div, .theme-blue .menu .menu__title[aria-expanded="true"] + div { background-color: #3093D2; border-left-color: #FFF; }
  .theme-blue .category-list a { color: #FFFFFF; }
  .theme-blue .category-list a.more:after, .theme-blue .category-list a > i { color: #BAD9EE; }
  .theme-blue .category-list a.checked { font-weight: 600; }
  .theme-blue .category-list a:hover { background-color: #2576aa; }
  .theme-blue .filters .filter .filter__btn { color: #FFFFFF; }
  .theme-blue .filters .filter .filter__btn .filter__icon, .theme-blue .filters .filter .filter__btn .filter__name:after { color: #BAD9EE; }
  .theme-blue .filters .filter .filter__btn[aria-expanded="true"] { background-color: #3093D2; border-left-color: #FFF; color: #FFFFFF; }
  .theme-blue .filters .filter .filter__btn[aria-expanded="true"] .filter__icon, .theme-blue .filters .filter .filter__btn[aria-expanded="true"] .filter__name { border-bottom: 1px solid #BAD9EE; }
  .theme-blue .filters .filter .filter__back { border-bottom: 1px solid #BAD9EE; }
  .theme-blue .filters .filter .filter__back > a > i, .theme-blue .filters .filter .filter__back .info { color: #BAD9EE; }
  .theme-blue .filters .filter .filter__content { background-color: #3093D2; border-left-color: #FFF; }
  .theme-blue .filters .filter .filter__content .list .list__item { color: #FFFFFF; }
  .theme-blue .filters .filter .filter__content .list .list__item.list__item--more.open { background-color: #0367B6; }
  .theme-blue .filters .filter .filter__content .list .list { background-color: #0367B6; border-bottom: 1px solid #BAD9EE; }
  .theme-blue .filters .filter .filter__content .list .list .list__item.list__item--more.open, .theme-blue .filters .filter .filter__content .list .list .list { background-color: #3093D2; }
  .theme-blue .filters .filter .filter__content .item__name { color: #FFFFFF; }
  .theme-blue .filters .filter .filter__content .item__amount, .theme-blue .filters .filter .filter__content .item__more .fa-angle-right { color: #BAD9EE; }
  .theme-blue .filters .checkbox > span:before, .theme-blue .filters .checkbox > .item__name:not(:first-child):before { border: 1px solid #FFFFFF; }
  .theme-blue .filters .date-wrapper.date-wrapper--dark:after { color: #BAD9EE; }
  .theme-blue .filters .auto-wrapper.auto-wrapper--dark:after { color: #BAD9EE; }
  .theme-blue .sidebar { background: #1978B5; background: -moz-linear-gradient(left, #1978B5 0%, #0367B6 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #1978B5), color-stop(100%, #0367B6)); background: -webkit-linear-gradient(left, #1978B5 0%, #0367B6 100%); background: -o-linear-gradient(left, #1978B5 0%, #0367B6 100%); background: -ms-linear-gradient(left, #1978B5 0%, #0367B6 100%); background: linear-gradient(to right, #1978b5 0%, #0367b6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-blue .sidebar .sidebar__text h4, .theme-blue .sidebar .sidebar__text h4 a { color: #FFFFFF; }
  .theme-blue .sidebar .sidebar__text p { color: #BAD9EE; }
  .theme-blue .sidebar .sidebar__actions .btn-empty { color: #FFF; }
  .theme-blue .sidebar .sidebar__actions .item .btn { color: #1C2430; border-color: #CDD5E0; background: white; }
  .theme-blue .sidebar .sidebar__actions .item .btn.btn--more:after { border-left: 1px solid rgba(110, 123, 140, 0.6); }
  .theme-blue .sidebar .avatar-inline { background: #1978B5; background: -moz-linear-gradient(left, #1978B5 0%, #0367B6 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #1978B5), color-stop(100%, #0367B6)); background: -webkit-linear-gradient(left, #1978B5 0%, #0367B6 100%); background: -o-linear-gradient(left, #1978B5 0%, #0367B6 100%); background: -ms-linear-gradient(left, #1978B5 0%, #0367B6 100%); background: linear-gradient(to right, #1978b5 0%, #0367b6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-blue .sidebar .avatar-inline .avatar-inline__name p { color: #FFFFFF; }
  .theme-blue .sidebar .avatar-inline .avatar-inline__name span { color: #BAD9EE; } }

.theme-red header .header__right .header__user--dark { background-color: #C71717; }
.theme-red .modal-body .modal-body__left { background-color: #E04934; }
.theme-red .modal-body .modal-body__left .modal-body__select { background-color: #CD3433; }
@media (min-width: 1100px) { .theme-red .page__body:before { background: #CD3433; background: -moz-linear-gradient(left, #CD3433 0%, #E04934 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #CD3433), color-stop(100%, #E04934)); background: -webkit-linear-gradient(left, #CD3433 0%, #E04934 100%); background: -o-linear-gradient(left, #CD3433 0%, #E04934 100%); background: -ms-linear-gradient(left, #CD3433 0%, #E04934 100%); background: linear-gradient(to right, #cd3433 0%, #e04934 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-red .menu .menu__head, .theme-red .menu .menu__head + .menu__title { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-red .menu .menu__head > span { color: #FFF; }
  .theme-red .menu .menu__back { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-red .menu .menu__title { color: #FFFFFF; }
  .theme-red .menu .menu__title > i, .theme-red .menu .menu__title > span:after { color: #F5B9B8; }
  .theme-red .menu .menu__title.active, .theme-red .menu .menu__title[aria-expanded="true"] { background-color: #ED4323; border-left-color: #FFF; color: #FFFFFF; }
  .theme-red .menu .menu__title.active + div, .theme-red .menu .menu__title[aria-expanded="true"] + div { background-color: #ED4323; border-left-color: #FFF; }
  .theme-red .category-list a { color: #FFFFFF; }
  .theme-red .category-list a.more:after, .theme-red .category-list a > i { color: #F5B9B8; }
  .theme-red .category-list a.checked { font-weight: 600; }
  .theme-red .category-list a:hover { background-color: #cc2e11; }
  .theme-red .filters .filter .filter__btn { color: #FFFFFF; }
  .theme-red .filters .filter .filter__btn .filter__icon, .theme-red .filters .filter .filter__btn .filter__name:after { color: #F5B9B8; }
  .theme-red .filters .filter .filter__btn[aria-expanded="true"] { background-color: #ED4323; border-left-color: #FFF; color: #FFFFFF; }
  .theme-red .filters .filter .filter__btn[aria-expanded="true"] .filter__icon, .theme-red .filters .filter .filter__btn[aria-expanded="true"] .filter__name { border-bottom: 1px solid #F5B9B8; }
  .theme-red .filters .filter .filter__back { border-bottom: 1px solid #F5B9B8; }
  .theme-red .filters .filter .filter__back > a > i, .theme-red .filters .filter .filter__back .info { color: #F5B9B8; }
  .theme-red .filters .filter .filter__content { background-color: #ED4323; border-left-color: #FFF; }
  .theme-red .filters .filter .filter__content .list .list__item { color: #FFFFFF; }
  .theme-red .filters .filter .filter__content .list .list__item.list__item--more.open { background-color: #E04934; }
  .theme-red .filters .filter .filter__content .list .list { background-color: #E04934; border-bottom: 1px solid #F5B9B8; }
  .theme-red .filters .filter .filter__content .list .list .list__item.list__item--more.open, .theme-red .filters .filter .filter__content .list .list .list { background-color: #ED4323; }
  .theme-red .filters .filter .filter__content .item__name { color: #FFFFFF; }
  .theme-red .filters .filter .filter__content .item__amount, .theme-red .filters .filter .filter__content .item__more .fa-angle-right { color: #F5B9B8; }
  .theme-red .filters .checkbox > span:before, .theme-red .filters .checkbox > .item__name:not(:first-child):before { border: 1px solid #FFFFFF; }
  .theme-red .filters .date-wrapper.date-wrapper--dark:after { color: #F5B9B8; }
  .theme-red .filters .auto-wrapper.auto-wrapper--dark:after { color: #F5B9B8; }
  .theme-red .sidebar { background: #CD3433; background: -moz-linear-gradient(left, #CD3433 0%, #E04934 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #CD3433), color-stop(100%, #E04934)); background: -webkit-linear-gradient(left, #CD3433 0%, #E04934 100%); background: -o-linear-gradient(left, #CD3433 0%, #E04934 100%); background: -ms-linear-gradient(left, #CD3433 0%, #E04934 100%); background: linear-gradient(to right, #cd3433 0%, #e04934 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-red .sidebar .sidebar__text h4, .theme-red .sidebar .sidebar__text h4 a { color: #FFFFFF; }
  .theme-red .sidebar .sidebar__text p { color: #F5B9B8; }
  .theme-red .sidebar .sidebar__actions .btn-empty { color: #FFF; }
  .theme-red .sidebar .sidebar__actions .item .btn { color: #1C2430; border-color: #CDD5E0; background: white; }
  .theme-red .sidebar .sidebar__actions .item .btn.btn--more:after { border-left: 1px solid rgba(110, 123, 140, 0.6); }
  .theme-red .sidebar .avatar-inline { background: #CD3433; background: -moz-linear-gradient(left, #CD3433 0%, #E04934 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #CD3433), color-stop(100%, #E04934)); background: -webkit-linear-gradient(left, #CD3433 0%, #E04934 100%); background: -o-linear-gradient(left, #CD3433 0%, #E04934 100%); background: -ms-linear-gradient(left, #CD3433 0%, #E04934 100%); background: linear-gradient(to right, #cd3433 0%, #e04934 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-red .sidebar .avatar-inline .avatar-inline__name p { color: #FFFFFF; }
  .theme-red .sidebar .avatar-inline .avatar-inline__name span { color: #F5B9B8; } }

.theme-purple header .header__right .header__user--dark { background-color: #473d5c; }
.theme-purple .modal-body .modal-body__left { background-color: #513962; }
.theme-purple .modal-body .modal-body__left .modal-body__select { background-color: #3E354F; }
@media (min-width: 1100px) { .theme-purple .page__body:before { background: #3E354F; background: -moz-linear-gradient(left, #3E354F 0%, #513962 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #3E354F), color-stop(100%, #513962)); background: -webkit-linear-gradient(left, #3E354F 0%, #513962 100%); background: -o-linear-gradient(left, #3E354F 0%, #513962 100%); background: -ms-linear-gradient(left, #3E354F 0%, #513962 100%); background: linear-gradient(to right, #3e354f 0%, #513962 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-purple .menu .menu__head, .theme-purple .menu .menu__head + .menu__title { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-purple .menu .menu__head > span { color: #FFF; }
  .theme-purple .menu .menu__back { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-purple .menu .menu__title { color: #FFFFFF; }
  .theme-purple .menu .menu__title > i, .theme-purple .menu .menu__title > span:after { color: #C9C5CF; }
  .theme-purple .menu .menu__title.active, .theme-purple .menu .menu__title[aria-expanded="true"] { background-color: #57496F; border-left-color: #FFF; color: #FFFFFF; }
  .theme-purple .menu .menu__title.active + div, .theme-purple .menu .menu__title[aria-expanded="true"] + div { background-color: #57496F; border-left-color: #FFF; }
  .theme-purple .category-list a { color: #FFFFFF; }
  .theme-purple .category-list a.more:after, .theme-purple .category-list a > i { color: #C9C5CF; }
  .theme-purple .category-list a.checked { font-weight: 600; }
  .theme-purple .category-list a:hover { background-color: #3f3550; }
  .theme-purple .filters .filter .filter__btn { color: #FFFFFF; }
  .theme-purple .filters .filter .filter__btn .filter__icon, .theme-purple .filters .filter .filter__btn .filter__name:after { color: #C9C5CF; }
  .theme-purple .filters .filter .filter__btn[aria-expanded="true"] { background-color: #57496F; border-left-color: #FFF; color: #FFFFFF; }
  .theme-purple .filters .filter .filter__btn[aria-expanded="true"] .filter__icon, .theme-purple .filters .filter .filter__btn[aria-expanded="true"] .filter__name { border-bottom: 1px solid #C9C5CF; }
  .theme-purple .filters .filter .filter__back { border-bottom: 1px solid #C9C5CF; }
  .theme-purple .filters .filter .filter__back > a > i, .theme-purple .filters .filter .filter__back .info { color: #C9C5CF; }
  .theme-purple .filters .filter .filter__content { background-color: #57496F; border-left-color: #FFF; }
  .theme-purple .filters .filter .filter__content .list .list__item { color: #FFFFFF; }
  .theme-purple .filters .filter .filter__content .list .list__item.list__item--more.open { background-color: #513962; }
  .theme-purple .filters .filter .filter__content .list .list { background-color: #513962; border-bottom: 1px solid #C9C5CF; }
  .theme-purple .filters .filter .filter__content .list .list .list__item.list__item--more.open, .theme-purple .filters .filter .filter__content .list .list .list { background-color: #57496F; }
  .theme-purple .filters .filter .filter__content .item__name { color: #FFFFFF; }
  .theme-purple .filters .filter .filter__content .item__amount, .theme-purple .filters .filter .filter__content .item__more .fa-angle-right { color: #C9C5CF; }
  .theme-purple .filters .checkbox > span:before, .theme-purple .filters .checkbox > .item__name:not(:first-child):before { border: 1px solid #FFFFFF; }
  .theme-purple .filters .date-wrapper.date-wrapper--dark:after { color: #C9C5CF; }
  .theme-purple .filters .auto-wrapper.auto-wrapper--dark:after { color: #C9C5CF; }
  .theme-purple .sidebar { background: #3E354F; background: -moz-linear-gradient(left, #3E354F 0%, #513962 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #3E354F), color-stop(100%, #513962)); background: -webkit-linear-gradient(left, #3E354F 0%, #513962 100%); background: -o-linear-gradient(left, #3E354F 0%, #513962 100%); background: -ms-linear-gradient(left, #3E354F 0%, #513962 100%); background: linear-gradient(to right, #3e354f 0%, #513962 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-purple .sidebar .sidebar__text h4, .theme-purple .sidebar .sidebar__text h4 a { color: #FFFFFF; }
  .theme-purple .sidebar .sidebar__text p { color: #C9C5CF; }
  .theme-purple .sidebar .sidebar__actions .btn-empty { color: #FFF; }
  .theme-purple .sidebar .sidebar__actions .item .btn { color: #1C2430; border-color: #CDD5E0; background: white; }
  .theme-purple .sidebar .sidebar__actions .item .btn.btn--more:after { border-left: 1px solid rgba(110, 123, 140, 0.6); }
  .theme-purple .sidebar .avatar-inline { background: #3E354F; background: -moz-linear-gradient(left, #3E354F 0%, #513962 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #3E354F), color-stop(100%, #513962)); background: -webkit-linear-gradient(left, #3E354F 0%, #513962 100%); background: -o-linear-gradient(left, #3E354F 0%, #513962 100%); background: -ms-linear-gradient(left, #3E354F 0%, #513962 100%); background: linear-gradient(to right, #3e354f 0%, #513962 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-purple .sidebar .avatar-inline .avatar-inline__name p { color: #FFFFFF; }
  .theme-purple .sidebar .avatar-inline .avatar-inline__name span { color: #C9C5CF; } }

.theme-green header .header__right .header__user--dark { background-color: #27BC89; }
.theme-green .modal-body .modal-body__left { background-color: #27BC89; }
.theme-green .modal-body .modal-body__left .modal-body__select { background-color: #33B186; }
@media (min-width: 1100px) { .theme-green .page__body:before { background: #33B186; background: -moz-linear-gradient(left, #33B186 0%, #27BC89 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #33B186), color-stop(100%, #27BC89)); background: -webkit-linear-gradient(left, #33B186 0%, #27BC89 100%); background: -o-linear-gradient(left, #33B186 0%, #27BC89 100%); background: -ms-linear-gradient(left, #33B186 0%, #27BC89 100%); background: linear-gradient(to right, #33b186 0%, #27bc89 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-green .menu .menu__head, .theme-green .menu .menu__head + .menu__title { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-green .menu .menu__head > span { color: #FFF; }
  .theme-green .menu .menu__back { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-green .menu .menu__title { color: #FFFFFF; }
  .theme-green .menu .menu__title > i, .theme-green .menu .menu__title > span:after { color: #9AE4CA; }
  .theme-green .menu .menu__title.active, .theme-green .menu .menu__title[aria-expanded="true"] { background-color: #1CA275; border-left-color: #FFF; color: #FFFFFF; }
  .theme-green .menu .menu__title.active + div, .theme-green .menu .menu__title[aria-expanded="true"] + div { background-color: #1CA275; border-left-color: #FFF; }
  .theme-green .category-list a { color: #FFFFFF; }
  .theme-green .category-list a.more:after, .theme-green .category-list a > i { color: #9AE4CA; }
  .theme-green .category-list a.checked { font-weight: 600; }
  .theme-green .category-list a:hover { background-color: #147756; }
  .theme-green .filters .filter .filter__btn { color: #FFFFFF; }
  .theme-green .filters .filter .filter__btn .filter__icon, .theme-green .filters .filter .filter__btn .filter__name:after { color: #9AE4CA; }
  .theme-green .filters .filter .filter__btn[aria-expanded="true"] { background-color: #1CA275; border-left-color: #FFF; color: #FFFFFF; }
  .theme-green .filters .filter .filter__btn[aria-expanded="true"] .filter__icon, .theme-green .filters .filter .filter__btn[aria-expanded="true"] .filter__name { border-bottom: 1px solid #9AE4CA; }
  .theme-green .filters .filter .filter__back { border-bottom: 1px solid #9AE4CA; }
  .theme-green .filters .filter .filter__back > a > i, .theme-green .filters .filter .filter__back .info { color: #9AE4CA; }
  .theme-green .filters .filter .filter__content { background-color: #1CA275; border-left-color: #FFF; }
  .theme-green .filters .filter .filter__content .list .list__item { color: #FFFFFF; }
  .theme-green .filters .filter .filter__content .list .list__item.list__item--more.open { background-color: #27BC89; }
  .theme-green .filters .filter .filter__content .list .list { background-color: #27BC89; border-bottom: 1px solid #9AE4CA; }
  .theme-green .filters .filter .filter__content .list .list .list__item.list__item--more.open, .theme-green .filters .filter .filter__content .list .list .list { background-color: #1CA275; }
  .theme-green .filters .filter .filter__content .item__name { color: #FFFFFF; }
  .theme-green .filters .filter .filter__content .item__amount, .theme-green .filters .filter .filter__content .item__more .fa-angle-right { color: #9AE4CA; }
  .theme-green .filters .checkbox > span:before, .theme-green .filters .checkbox > .item__name:not(:first-child):before { border: 1px solid #FFFFFF; }
  .theme-green .filters .date-wrapper.date-wrapper--dark:after { color: #9AE4CA; }
  .theme-green .filters .auto-wrapper.auto-wrapper--dark:after { color: #9AE4CA; }
  .theme-green .sidebar { background: #33B186; background: -moz-linear-gradient(left, #33B186 0%, #27BC89 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #33B186), color-stop(100%, #27BC89)); background: -webkit-linear-gradient(left, #33B186 0%, #27BC89 100%); background: -o-linear-gradient(left, #33B186 0%, #27BC89 100%); background: -ms-linear-gradient(left, #33B186 0%, #27BC89 100%); background: linear-gradient(to right, #33b186 0%, #27bc89 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-green .sidebar .sidebar__text h4, .theme-green .sidebar .sidebar__text h4 a { color: #FFFFFF; }
  .theme-green .sidebar .sidebar__text p { color: #9AE4CA; }
  .theme-green .sidebar .sidebar__actions .btn-empty { color: #FFF; }
  .theme-green .sidebar .sidebar__actions .item .btn { color: #1C2430; border-color: #CDD5E0; background: white; }
  .theme-green .sidebar .sidebar__actions .item .btn.btn--more:after { border-left: 1px solid rgba(110, 123, 140, 0.6); }
  .theme-green .sidebar .avatar-inline { background: #33B186; background: -moz-linear-gradient(left, #33B186 0%, #27BC89 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #33B186), color-stop(100%, #27BC89)); background: -webkit-linear-gradient(left, #33B186 0%, #27BC89 100%); background: -o-linear-gradient(left, #33B186 0%, #27BC89 100%); background: -ms-linear-gradient(left, #33B186 0%, #27BC89 100%); background: linear-gradient(to right, #33b186 0%, #27bc89 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-green .sidebar .avatar-inline .avatar-inline__name p { color: #FFFFFF; }
  .theme-green .sidebar .avatar-inline .avatar-inline__name span { color: #9AE4CA; } }

.theme-orange header .header__right .header__user--dark { background-color: #EB7B3F; }
.theme-orange .modal-body .modal-body__left { background-color: #EB7B3F; }
.theme-orange .modal-body .modal-body__left .modal-body__select { background-color: #EA7C10; }
@media (min-width: 1100px) { .theme-orange .page__body:before { background: #EA7C10; background: -moz-linear-gradient(left, #EA7C10 0%, #EB7B3F 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #EA7C10), color-stop(100%, #EB7B3F)); background: -webkit-linear-gradient(left, #EA7C10 0%, #EB7B3F 100%); background: -o-linear-gradient(left, #EA7C10 0%, #EB7B3F 100%); background: -ms-linear-gradient(left, #EA7C10 0%, #EB7B3F 100%); background: linear-gradient(to right, #ea7c10 0%, #eb7b3f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-orange .menu .menu__head, .theme-orange .menu .menu__head + .menu__title { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-orange .menu .menu__head > span { color: #FFF; }
  .theme-orange .menu .menu__back { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-orange .menu .menu__title { color: #FFFFFF; }
  .theme-orange .menu .menu__title > i, .theme-orange .menu .menu__title > span:after { color: #F5C098; }
  .theme-orange .menu .menu__title.active, .theme-orange .menu .menu__title[aria-expanded="true"] { background-color: #F18E2C; border-left-color: #FFF; color: #FFFFFF; }
  .theme-orange .menu .menu__title.active + div, .theme-orange .menu .menu__title[aria-expanded="true"] + div { background-color: #F18E2C; border-left-color: #FFF; }
  .theme-orange .category-list a { color: #FFFFFF; }
  .theme-orange .category-list a.more:after, .theme-orange .category-list a > i { color: #F5C098; }
  .theme-orange .category-list a.checked { font-weight: 600; }
  .theme-orange .category-list a:hover { background-color: #db740f; }
  .theme-orange .filters .filter .filter__btn { color: #FFFFFF; }
  .theme-orange .filters .filter .filter__btn .filter__icon, .theme-orange .filters .filter .filter__btn .filter__name:after { color: #F5C098; }
  .theme-orange .filters .filter .filter__btn[aria-expanded="true"] { background-color: #F18E2C; border-left-color: #FFF; color: #FFFFFF; }
  .theme-orange .filters .filter .filter__btn[aria-expanded="true"] .filter__icon, .theme-orange .filters .filter .filter__btn[aria-expanded="true"] .filter__name { border-bottom: 1px solid #F5C098; }
  .theme-orange .filters .filter .filter__back { border-bottom: 1px solid #F5C098; }
  .theme-orange .filters .filter .filter__back > a > i, .theme-orange .filters .filter .filter__back .info { color: #F5C098; }
  .theme-orange .filters .filter .filter__content { background-color: #F18E2C; border-left-color: #FFF; }
  .theme-orange .filters .filter .filter__content .list .list__item { color: #FFFFFF; }
  .theme-orange .filters .filter .filter__content .list .list__item.list__item--more.open { background-color: #EB7B3F; }
  .theme-orange .filters .filter .filter__content .list .list { background-color: #EB7B3F; border-bottom: 1px solid #F5C098; }
  .theme-orange .filters .filter .filter__content .list .list .list__item.list__item--more.open, .theme-orange .filters .filter .filter__content .list .list .list { background-color: #F18E2C; }
  .theme-orange .filters .filter .filter__content .item__name { color: #FFFFFF; }
  .theme-orange .filters .filter .filter__content .item__amount, .theme-orange .filters .filter .filter__content .item__more .fa-angle-right { color: #F5C098; }
  .theme-orange .filters .checkbox > span:before, .theme-orange .filters .checkbox > .item__name:not(:first-child):before { border: 1px solid #FFFFFF; }
  .theme-orange .filters .date-wrapper.date-wrapper--dark:after { color: #F5C098; }
  .theme-orange .filters .auto-wrapper.auto-wrapper--dark:after { color: #F5C098; }
  .theme-orange .sidebar { background: #EA7C10; background: -moz-linear-gradient(left, #EA7C10 0%, #EB7B3F 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #EA7C10), color-stop(100%, #EB7B3F)); background: -webkit-linear-gradient(left, #EA7C10 0%, #EB7B3F 100%); background: -o-linear-gradient(left, #EA7C10 0%, #EB7B3F 100%); background: -ms-linear-gradient(left, #EA7C10 0%, #EB7B3F 100%); background: linear-gradient(to right, #ea7c10 0%, #eb7b3f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-orange .sidebar .sidebar__text h4, .theme-orange .sidebar .sidebar__text h4 a { color: #FFFFFF; }
  .theme-orange .sidebar .sidebar__text p { color: #F5C098; }
  .theme-orange .sidebar .sidebar__actions .btn-empty { color: #FFF; }
  .theme-orange .sidebar .sidebar__actions .item .btn { color: #1C2430; border-color: #CDD5E0; background: white; }
  .theme-orange .sidebar .sidebar__actions .item .btn.btn--more:after { border-left: 1px solid rgba(110, 123, 140, 0.6); }
  .theme-orange .sidebar .avatar-inline { background: #EA7C10; background: -moz-linear-gradient(left, #EA7C10 0%, #EB7B3F 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #EA7C10), color-stop(100%, #EB7B3F)); background: -webkit-linear-gradient(left, #EA7C10 0%, #EB7B3F 100%); background: -o-linear-gradient(left, #EA7C10 0%, #EB7B3F 100%); background: -ms-linear-gradient(left, #EA7C10 0%, #EB7B3F 100%); background: linear-gradient(to right, #ea7c10 0%, #eb7b3f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-orange .sidebar .avatar-inline .avatar-inline__name p { color: #FFFFFF; }
  .theme-orange .sidebar .avatar-inline .avatar-inline__name span { color: #F5C098; } }

.theme-caribbean header .header__right .header__user--dark { background-color: #42B7B8; }
.theme-caribbean header .header__right .header__user--dark .avatar, .theme-caribbean header .header__right .header__user--dark .dropdown-toggle { color: #FFFFFF; }
.theme-caribbean .modal-body .modal-body__left { background-color: #4FBBD0; }
.theme-caribbean .modal-body .modal-body__left .modal-body__select { background-color: #42B7B8; }
@media (min-width: 1100px) { .theme-caribbean .page__body:before { background: #42B7B8; background: -moz-linear-gradient(left, #42B7B8 0%, #4FBBD0 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #42B7B8), color-stop(100%, #4FBBD0)); background: -webkit-linear-gradient(left, #42B7B8 0%, #4FBBD0 100%); background: -o-linear-gradient(left, #42B7B8 0%, #4FBBD0 100%); background: -ms-linear-gradient(left, #42B7B8 0%, #4FBBD0 100%); background: linear-gradient(to right, #42b7b8 0%, #4fbbd0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-caribbean .menu .menu__head, .theme-caribbean .menu .menu__head + .menu__title { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-caribbean .menu .menu__head > span { color: #FFF; }
  .theme-caribbean .menu .menu__back { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-caribbean .menu .menu__title { color: #FFFFFF; }
  .theme-caribbean .menu .menu__title > i, .theme-caribbean .menu .menu__title > span:after { color: #C8EAEB; }
  .theme-caribbean .menu .menu__title.active, .theme-caribbean .menu .menu__title[aria-expanded="true"] { background-color: #4BC2CD; border-left-color: #FFF; color: #FFFFFF; }
  .theme-caribbean .menu .menu__title.active + div, .theme-caribbean .menu .menu__title[aria-expanded="true"] + div { background-color: #4BC2CD; border-left-color: #FFF; }
  .theme-caribbean .category-list a { color: #FFFFFF; }
  .theme-caribbean .category-list a.more:after, .theme-caribbean .category-list a > i { color: #C8EAEB; }
  .theme-caribbean .category-list a.checked { font-weight: 600; }
  .theme-caribbean .category-list a:hover { background-color: #32a8b3; }
  .theme-caribbean .filters .filter .filter__btn { color: #FFFFFF; }
  .theme-caribbean .filters .filter .filter__btn .filter__icon, .theme-caribbean .filters .filter .filter__btn .filter__name:after { color: #C8EAEB; }
  .theme-caribbean .filters .filter .filter__btn[aria-expanded="true"] { background-color: #4BC2CD; border-left-color: #FFF; color: #FFFFFF; }
  .theme-caribbean .filters .filter .filter__btn[aria-expanded="true"] .filter__icon, .theme-caribbean .filters .filter .filter__btn[aria-expanded="true"] .filter__name { border-bottom: 1px solid #C8EAEB; }
  .theme-caribbean .filters .filter .filter__back { border-bottom: 1px solid #C8EAEB; }
  .theme-caribbean .filters .filter .filter__back > a > i, .theme-caribbean .filters .filter .filter__back .info { color: #C8EAEB; }
  .theme-caribbean .filters .filter .filter__content { background-color: #4BC2CD; border-left-color: #FFF; }
  .theme-caribbean .filters .filter .filter__content .list .list__item { color: #FFFFFF; }
  .theme-caribbean .filters .filter .filter__content .list .list__item.list__item--more.open { background-color: #4FBBD0; }
  .theme-caribbean .filters .filter .filter__content .list .list { background-color: #4FBBD0; border-bottom: 1px solid #C8EAEB; }
  .theme-caribbean .filters .filter .filter__content .list .list .list__item.list__item--more.open, .theme-caribbean .filters .filter .filter__content .list .list .list { background-color: #4BC2CD; }
  .theme-caribbean .filters .filter .filter__content .item__name { color: #FFFFFF; }
  .theme-caribbean .filters .filter .filter__content .item__amount, .theme-caribbean .filters .filter .filter__content .item__more .fa-angle-right { color: #C8EAEB; }
  .theme-caribbean .filters .checkbox > span:before, .theme-caribbean .filters .checkbox > .item__name:not(:first-child):before { border: 1px solid #FFFFFF; }
  .theme-caribbean .filters .date-wrapper.date-wrapper--dark:after { color: #C8EAEB; }
  .theme-caribbean .filters .auto-wrapper.auto-wrapper--dark:after { color: #C8EAEB; }
  .theme-caribbean .sidebar { background: #42B7B8; background: -moz-linear-gradient(left, #42B7B8 0%, #4FBBD0 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #42B7B8), color-stop(100%, #4FBBD0)); background: -webkit-linear-gradient(left, #42B7B8 0%, #4FBBD0 100%); background: -o-linear-gradient(left, #42B7B8 0%, #4FBBD0 100%); background: -ms-linear-gradient(left, #42B7B8 0%, #4FBBD0 100%); background: linear-gradient(to right, #42b7b8 0%, #4fbbd0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-caribbean .sidebar .sidebar__text h4, .theme-caribbean .sidebar .sidebar__text h4 a { color: #FFFFFF; }
  .theme-caribbean .sidebar .sidebar__text p { color: #C8EAEB; }
  .theme-caribbean .sidebar .sidebar__actions .btn-empty { color: #FFF; }
  .theme-caribbean .sidebar .sidebar__actions .item .btn { color: #1C2430; border-color: #CDD5E0; background: white; }
  .theme-caribbean .sidebar .sidebar__actions .item .btn.btn--more:after { border-left: 1px solid rgba(110, 123, 140, 0.6); }
  .theme-caribbean .sidebar .avatar-inline { background: #42B7B8; background: -moz-linear-gradient(left, #42B7B8 0%, #4FBBD0 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #42B7B8), color-stop(100%, #4FBBD0)); background: -webkit-linear-gradient(left, #42B7B8 0%, #4FBBD0 100%); background: -o-linear-gradient(left, #42B7B8 0%, #4FBBD0 100%); background: -ms-linear-gradient(left, #42B7B8 0%, #4FBBD0 100%); background: linear-gradient(to right, #42b7b8 0%, #4fbbd0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-caribbean .sidebar .avatar-inline .avatar-inline__name p { color: #FFFFFF; }
  .theme-caribbean .sidebar .avatar-inline .avatar-inline__name span { color: #C8EAEB; } }

.theme-brown header .header__right .header__user--dark { background-color: #864021; }
.theme-brown .modal-body .modal-body__left { background-color: #864021; }
.theme-brown .modal-body .modal-body__left .modal-body__select { background-color: #6F3A22; }
@media (min-width: 1100px) { .theme-brown .page__body:before { background: #6F3A22; background: -moz-linear-gradient(left, #6F3A22 0%, #864021 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #6F3A22), color-stop(100%, #864021)); background: -webkit-linear-gradient(left, #6F3A22 0%, #864021 100%); background: -o-linear-gradient(left, #6F3A22 0%, #864021 100%); background: -ms-linear-gradient(left, #6F3A22 0%, #864021 100%); background: linear-gradient(to right, #6f3a22 0%, #864021 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-brown .menu .menu__head, .theme-brown .menu .menu__head + .menu__title { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-brown .menu .menu__head > span { color: #FFF; }
  .theme-brown .menu .menu__back { background-image: linear-gradient(to right, #ffffff 15%, rgba(255, 255, 255, 0) 0%); }
  .theme-brown .menu .menu__title { color: #FFFFFF; }
  .theme-brown .menu .menu__title > i, .theme-brown .menu .menu__title > span:after { color: #CCA897; }
  .theme-brown .menu .menu__title.active, .theme-brown .menu .menu__title[aria-expanded="true"] { background-color: #65311B; border-left-color: #FFF; color: #FFFFFF; }
  .theme-brown .menu .menu__title.active + div, .theme-brown .menu .menu__title[aria-expanded="true"] + div { background-color: #65311B; border-left-color: #FFF; }
  .theme-brown .category-list a { color: #FFFFFF; }
  .theme-brown .category-list a.more:after, .theme-brown .category-list a > i { color: #CCA897; }
  .theme-brown .category-list a.checked { font-weight: 600; }
  .theme-brown .category-list a:hover { background-color: #3d1d10; }
  .theme-brown .filters .filter .filter__btn { color: #FFFFFF; }
  .theme-brown .filters .filter .filter__btn .filter__icon, .theme-brown .filters .filter .filter__btn .filter__name:after { color: #CCA897; }
  .theme-brown .filters .filter .filter__btn[aria-expanded="true"] { background-color: #65311B; border-left-color: #FFF; color: #FFFFFF; }
  .theme-brown .filters .filter .filter__btn[aria-expanded="true"] .filter__icon, .theme-brown .filters .filter .filter__btn[aria-expanded="true"] .filter__name { border-bottom: 1px solid #CCA897; }
  .theme-brown .filters .filter .filter__back { border-bottom: 1px solid #CCA897; }
  .theme-brown .filters .filter .filter__back > a > i, .theme-brown .filters .filter .filter__back .info { color: #CCA897; }
  .theme-brown .filters .filter .filter__content { background-color: #65311B; border-left-color: #FFF; }
  .theme-brown .filters .filter .filter__content .list .list__item { color: #FFFFFF; }
  .theme-brown .filters .filter .filter__content .list .list__item.list__item--more.open { background-color: #864021; }
  .theme-brown .filters .filter .filter__content .list .list { background-color: #864021; border-bottom: 1px solid #CCA897; }
  .theme-brown .filters .filter .filter__content .list .list .list__item.list__item--more.open, .theme-brown .filters .filter .filter__content .list .list .list { background-color: #65311B; }
  .theme-brown .filters .filter .filter__content .item__name { color: #FFFFFF; }
  .theme-brown .filters .filter .filter__content .item__amount, .theme-brown .filters .filter .filter__content .item__more .fa-angle-right { color: #CCA897; }
  .theme-brown .filters .checkbox > span:before, .theme-brown .filters .checkbox > .item__name:not(:first-child):before { border: 1px solid #FFFFFF; }
  .theme-brown .filters .date-wrapper.date-wrapper--dark:after { color: #CCA897; }
  .theme-brown .filters .auto-wrapper.auto-wrapper--dark:after { color: #CCA897; }
  .theme-brown .sidebar { background: #6F3A22; background: -moz-linear-gradient(left, #6F3A22 0%, #864021 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #6F3A22), color-stop(100%, #864021)); background: -webkit-linear-gradient(left, #6F3A22 0%, #864021 100%); background: -o-linear-gradient(left, #6F3A22 0%, #864021 100%); background: -ms-linear-gradient(left, #6F3A22 0%, #864021 100%); background: linear-gradient(to right, #6f3a22 0%, #864021 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-brown .sidebar .sidebar__text h4, .theme-brown .sidebar .sidebar__text h4 a { color: #FFFFFF; }
  .theme-brown .sidebar .sidebar__text p { color: #CCA897; }
  .theme-brown .sidebar .sidebar__actions .btn-empty { color: #FFF; }
  .theme-brown .sidebar .sidebar__actions .item .btn { color: #1C2430; border-color: #CDD5E0; background: white; }
  .theme-brown .sidebar .sidebar__actions .item .btn.btn--more:after { border-left: 1px solid rgba(110, 123, 140, 0.6); }
  .theme-brown .sidebar .avatar-inline { background: #6F3A22; background: -moz-linear-gradient(left, #6F3A22 0%, #864021 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #6F3A22), color-stop(100%, #864021)); background: -webkit-linear-gradient(left, #6F3A22 0%, #864021 100%); background: -o-linear-gradient(left, #6F3A22 0%, #864021 100%); background: -ms-linear-gradient(left, #6F3A22 0%, #864021 100%); background: linear-gradient(to right, #6f3a22 0%, #864021 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color-start', endColorstr='$color-stop', GradientType=1 ); }
  .theme-brown .sidebar .avatar-inline .avatar-inline__name p { color: #FFFFFF; }
  .theme-brown .sidebar .avatar-inline .avatar-inline__name span { color: #CCA897; } }

.pdf-annotations .pdf-annotations-toolbar { position: relative; overflow: visible; top: 182px; left: -34px; width: 80px; z-index: 1; margin-top: -92px; }
.pdf-annotations .pdf-annotations-toolbar .pdf-annotations-tool-name { color: #6bcc4e; width: 200px; }
.pdf-annotations .pdf-annotations-toolbar .pdf-annotations-tool-details { color: #6bcc4e; width: 200px; }
.pdf-annotations .pdf-annotations-toolbar .moon-item { overflow: visible; padding-left: 42px; }
.pdf-annotations .pdf-annotations-toolbar .moon-item .icon-notes-2 { font-size: 36px; color: #ffffff; }
.pdf-annotations .pdf-annotations-tool { font-size: 12px; line-height: 20px; height: 20px; width: 150px; padding-left: 5px; padding-right: 5px; }
.pdf-annotations .pdf-annotations-tool .btn { min-width: 20px; }
.pdf-annotations .pdf-annotations-tool:nth-child(2) { margin-left: -3px; }
.pdf-annotations .pdf-annotations-tools { display: none; z-index: 2; position: absolute; top: 22px; left: 46px; width: 260px; }
.pdf-annotations .pdf-annotations-tools-primary { float: left; width: 150px; }
.pdf-annotations .pdf-annotations-tools-secondary { display: none; float: right; width: 110px; }
.pdf-annotations .pdf-annotations-tools-secondary .pdf-annotations-size-label, .pdf-annotations .pdf-annotations-tools-secondary .pdf-annotations-width-label, .pdf-annotations .pdf-annotations-tools-secondary .pdf-annotations-color-label { padding: 0 5px; }
.pdf-annotations .box__comments__send textarea { height: 80px; }

.ticket-conversation .info-list__content { border-spacing: 0; }
.ticket-conversation .box__comments__send .fa { font-size: large; padding-left: 5px; padding-top: 10px; }
.ticket-conversation .browse-list { border-spacing: 0; display: block; }
.ticket-conversation .browse-list .browse-list__avatar { padding: 0; }
.ticket-conversation .browse-list .browse-list__avatar .border { width: 40%; height: 40%; }
.ticket-conversation .browse-list .browse-list__content { padding: 0; font-size: 12px; }
.ticket-conversation .browse-list .browse-list__content .file-owner-avatar { width: 10px; height: 10px; }
.ticket-conversation .info-list__actions { float: right; }

.user-ticket__attachments .info-list__content { border-spacing: 0; }
.user-ticket__attachments .browse-list { border-spacing: 0; display: block; }
.user-ticket__attachments .browse-list .browse-list__avatar { padding: 0; }
.user-ticket__attachments .browse-list .browse-list__avatar .border { width: 50%; height: 50%; }
.user-ticket__attachments .browse-list .browse-list__content { padding: 0; font-size: 14px; }
.user-ticket__attachments .browse-list .browse-list__content .file-owner-avatar { width: 10px; height: 10px; }

.user-ticket__details .main__user { width: 200px; }

form[name="edit-ticket-form"] .drop__content, form[name="edit-ticket-conversation-form"] .drop__content { padding-top: 0px; }
form[name="edit-ticket-form"] .drop-progress, form[name="edit-ticket-conversation-form"] .drop-progress, form[name="edit-ticket-form"] .drop-progress .drop-progress__top, form[name="edit-ticket-conversation-form"] .drop-progress .drop-progress__top { padding-top: 0px; padding-bottom: 0px; }
form[name="edit-ticket-form"] .drop-progress .files, form[name="edit-ticket-conversation-form"] .drop-progress .files { padding-top: 0px; padding-bottom: 0px; border: 0; }

.browse-list--comment .browse-list .browse-list__actions { padding-top: 10px; vertical-align: top; }
.browse-list--comment .comments-list .comments-item-files { padding-top: 10px; }

.comments-list .info-list__actions { float: right; }
.comments-list .comments-item-files { border-spacing: 0; display: block; width: 80%; }
.comments-list .comments-item-files .browse-list__actions { width: 0; display: block; margin-left: -120px; padding-top: 0px; vertical-align: middle; }
.comments-list .comments-item-files .browse-list__avatar { padding: 0; }
.comments-list .comments-item-files .browse-list__avatar .border { width: 40%; height: 40%; }
.comments-list .comments-item-files .browse-list__content { padding: 0; font-size: 12px; }
.comments-list .comments-item-files .browse-list__content .file-owner-avatar { width: 10px; height: 10px; }
.comments-list .comments-item-files .info-list__content { border-spacing: 0; }

[data-x-comment-add] .box__comments__user { padding: 20px 30px; }
[data-x-comment-add] .box__comments__user:after { content: ''; display: table; clear: both; }
[data-x-comment-add] .box__comments__user > figure { float: left; margin-right: 20px; width: 40px; height: 40px; padding: 1px; border: 1px solid rgba(41, 41, 41, 0.05); border-radius: 50%; display: inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.23); }
[data-x-comment-add] .box__comments__user > figure img, [data-x-comment-add] .box__comments__user > figure i { border-radius: 50%; display: block; }
[data-x-comment-add] .box__comments__user > figure > i { font-size: 36px; line-height: 36px; }
[data-x-comment-add] .box__comments__send { float: left; width: calc(100% - 60px); position: relative; }
[data-x-comment-add] .box__comments__send .fa { font-size: large; padding-left: 5px; padding-top: 10px; }
[data-x-comment-add] .box__comments__send .input { background-color: #FFF; float: left; width: calc(100% - 45px); }
[data-x-comment-add] .box__comments__send > button { height: 40px; line-height: 40px; color: #1C2430; font-size: 20px; float: left; margin: 0; padding: 0; }
[data-x-comment-add] .box__comments__send > button i { width: 44px; height: 34px; display: block; line-height: 34px; }
[data-x-comment-add] .box__comments__send > button:focus, [data-x-comment-add] .box__comments__send > button:active { outline: none; }

.jofi-table { -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); border-collapse: collapse; background-color: #FFF; font-size: 13px; }
.jofi-table .multi-cell { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
.jofi-table .multi-cell strong { margin-bottom: -4px; }
.jofi-table tbody td { border: 2px solid #F6F6F6; padding-right: 5px; }
.jofi-table tbody tr:first-child td { border-top: 0; border-bottom: 0; }
.jofi-table tbody tr td:first-child { border-left: 0; }
.jofi-table tbody tr td:last-child { border-right: 0; }
.jofi-table tbody tr:last-child td { border-bottom: 0; }
.jofi-table tbody tr:nth-child(even) td { background-color: #FFF; }
.jofi-table tbody tr:nth-child(odd) td { background-color: #FAFAFA; }
.jofi-table tbody span { display: inline-block; font-size: 11px; margin-top: 7px; color: #707C8D; }
.jofi-table tbody .x-item { display: inline-block; font-size: 11px; padding: 5px 10px; background-color: #F6F6F6; border-radius: 50px; font-weight: 400; margin-top: -15px; color: #007BFF; }
.jofi-table tbody .x-item:hover { background-color: #f2f2f2; text-decoration: none; }
.jofi-table thead th { border: 2px solid #F6F6F6; border-top: 0; border-bottom: 0; border-bottom: 0; background-color: #EBEBEB; height: 130px; min-width: 150px; position: -webkit-sticky; position: sticky; top: 0; z-index: 1; }
.jofi-table thead th:first-child { border-left: 0; }
.jofi-table thead th:last-child { border-right: 0; }
.jofi-table thead strong { font-weight: 400; display: inline-block; width: calc(100% - 20px); }
.jofi-table thead .row { margin-top: 20px; font-size: 11px; font-weight: 400; min-height: 20px; margin-bottom: unset; }
.jofi-table thead .row span { display: block; line-height: 20px; }
.jofi-table .btn-sm { padding: 3px 5px; font-size: 11px; font-weight: 400; white-space: nowrap; height: unset; min-width: unset; line-height: unset; }
.jofi-table .btn { font-size: 11px; font-weight: 400; white-space: nowrap; min-width: unset; line-height: unset; text-shadow: none; }
.jofi-table .btn-more-alt { cursor: pointer; color: unset !important; }
.jofi-table td .dropdown { position: absolute; top: 8px; right: 8px; color: #1C242F; }
.jofi-table td .dropdown-menu { z-index: 1; }
.jofi-table td .jofi-btn-more { position: absolute; top: 0; }
.jofi-table td:nth-child(n+2) { text-align: center; vertical-align: middle; height: 100%; }
.jofi-table td:nth-child(n+2) p { margin: 0; }
.jofi-table th .dropdown { position: absolute !important; width: 32px; right: 0; top: 8px; color: #1C242F; }
.jofi-table .btn.dropdown-toggle.btn-more-alt { height: 20px; }
.jofi-table .btn.dropdown-toggle.btn-more-alt::after { display: none; }
.jofi-table .btn.dropdown-toggle.btn-more-alt i { margin-right: 0px !important; top: 8px; }
.jofi-table .btn.dropdown-toggle.btn-more-alt a { padding: 10px; }
.jofi-table .dropdown-menu { font-size: 13px; border: none; position: absolute; top: unset; right: 0 !important; }
.jofi-table .dropdown-menu a { line-height: 36px; color: #1C2430; padding: 0px 20px; display: block; text-transform: capitalize; white-space: nowrap; }
.jofi-table .bottom-links { margin-top: 10px; align-self: end; }
.jofi-table .bottom-links > div { margin-top: 7px; }
.jofi-table .bottom-links span { font-size: 11px; font-weight: 400; display: block; }
.jofi-table .bottom-links a { font-size: 11px; font-weight: 400; display: block; }
.jofi-table .bottom-links a:hover { text-decoration: none; }
.jofi-table .double-row { height: 100%; display: grid; row-gap: 0; }
.jofi-table .table { margin: 0; }
.jofi-table .col-left p { margin-bottom: 5px; padding: 0; hyphens: auto; width: calc(100% + 15px); }
.jofi-table .col-left .row { margin-bottom: unset; }
.jofi-table .jofi-section-header { -webkit-box-shadow: none !important; box-shadow: none !important; border: 0 !important; }
.jofi-table .jofi-section-space { -webkit-box-shadow: none !important; box-shadow: none !important; border: 0 !important; }
.jofi-table .section-row { -webkit-box-shadow: none !important; box-shadow: none !important; border: 0 !important; }

td.jofi-radio { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; position: relative; padding: 0; margin: 0; }
td.jofi-radio .radio { position: absolute; left: 12px; top: 12px; visibility: hidden; display: none; }
td.jofi-radio .gg-check { position: absolute; left: 7px; top: 7px; background-color: rgba(235, 235, 235, 0.38); border-radius: 50px; color: rgba(255, 255, 255, 0); transition: color .2s; }
td.jofi-radio label { cursor: pointer; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; }
td.jofi-radio label:not(.selected):hover .gg-check { color: #1C242F; transition: color .2s; }
td.jofi-radio .selected .gg-check { visibility: visible; background-color: rgba(255, 255, 255, 0.3); }

.jofi-cell { height: 100% !important; }

.jofi-section-header { background-color: #F6F6F6; }
.jofi-section-header strong { font-size: 16px; font-weight: 400; position: -webkit-sticky; position: sticky; left: 12px; }

.col.text-center { text-align: center !important; }

.jofi-radio.green-cell .selected { background-color: #D9FCEA; transition: all .2s; }
.jofi-radio.green-cell .selected .dropdown { color: #31BB87; }
.jofi-radio.green-cell .selected .gg-check { color: #31BB87; }
.jofi-radio.green-cell .selected p { color: #31BB87; }

.jofi-radio.blue-cell .selected { background-color: #D8EBFF; transition: all .2s; }
.jofi-radio.blue-cell .selected .dropdown { color: #006CD5; }
.jofi-radio.blue-cell .selected .gg-check { color: #006CD5; }
.jofi-radio.blue-cell .selected p { color: #006CD5; }

.jofi-radio label:not(.selected) .dropdown { display: none; }

@media (max-width: 991px) { .jofi-table .col-left { position: -webkit-sticky; position: sticky; left: 0; z-index: 2; -webkit-box-shadow: 1px 0 0 0 #F6F6F6; box-shadow: 1px 0 0 0 #F6F6F6; } }
@media (max-width: 991px) { .jofi-table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } }
@media (min-width: 1100px) and (max-width: 1368px) { .jofi-table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .jofi-table .col-left { position: -webkit-sticky; position: sticky; left: 0; z-index: 2; -webkit-box-shadow: 1px 0 0 0 #F6F6F6; box-shadow: 1px 0 0 0 #F6F6F6; } }
@media (min-width: 992px) and (max-width: 1099px) { .jofi-table thead th { top: 68px; } }
@media (min-width: 1369px) { .jofi-table thead th { top: 68px; } }
.gg-check { box-sizing: border-box; display: block; position: relative; transform: scale(var(--ggs, 1)); width: 22px; height: 22px; border: 2px solid transparent; border-radius: 100px; }
.gg-check::after { box-sizing: border-box; display: block; content: ""; position: absolute; left: 3px; top: -1px; width: 6px; height: 10px; border-width: 0 2px 2px 0; border-style: solid; transform-origin: bottom left; transform: rotate(45deg); }

.gg-more-alt { transform: scale(var(--ggs, 1)); box-sizing: border-box; position: relative; display: block; width: 4px; height: 4px; background: currentColor; border-radius: 100%; }
.gg-more-alt::after { box-sizing: border-box; position: relative; display: block; width: 4px; height: 4px; background: currentColor; border-radius: 100%; content: ""; position: absolute; top: 0; left: -6px; }
.gg-more-alt::before { box-sizing: border-box; position: relative; display: block; width: 4px; height: 4px; background: currentColor; border-radius: 100%; content: ""; position: absolute; top: 0; right: -6px; }

.gg-more-vertical-alt { transform: scale(var(--ggs, 1)); box-sizing: border-box; position: relative; display: block; width: 4px; height: 4px; background: currentColor; border-radius: 100%; }
.gg-more-vertical-alt::after { box-sizing: border-box; position: relative; display: block; width: 4px; height: 4px; background: currentColor; border-radius: 100%; content: ""; position: absolute; left: 0; top: 6px; }
.gg-more-vertical-alt::before { box-sizing: border-box; position: relative; display: block; width: 4px; height: 4px; background: currentColor; border-radius: 100%; content: ""; position: absolute; top: -6px; right: 0; }

:root { --nav-regular: #F1F2F4; --nav-grey-regular: #96A0AF; --nav-background: #363D47; --nav-background-hover: #4F5966; --nav-border: #4F5966; }

.navbar-sf { color: var(--nav-regular); text-decoration: none; transition: color .2s; height: 68px; background: var(--nav-background); z-index: 11; font-size: 13px; box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.06); transition: background .2s; list-style: none; padding-right: 10px !important; }
.navbar-sf .dropdown-menu { color: var(--nav-regular); text-decoration: none; transition: color .2s; font-size: 13px; border-color: var(--nav-background); background-color: var(--nav-background); -webkit-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.2); transition: .2s; border: none; padding: .5rem 0; margin: 0; border-radius: .25rem; min-width: 10rem; top: 68px !important; }
.navbar-sf .dropdown-menu .dropdown-item { padding: 12px; }
.navbar-sf .dropdown-menu hr { border-color: var(--nav-border); transition: .2s; margin: 7px 0; }
.navbar-sf .dropdown-menu .if-navbar-collapsed span.nav-notification { position: absolute; font-size: 11px; padding: 2px 5px; min-width: 20px; height: 20px; background-color: #f15e4f; border-radius: 10px; margin-top: -1px; color: #fff; font-weight: 600; text-align: center; opacity: 1; transition: opacity .2s; right: 12px; display: inline-table; }
.navbar-sf .dropdown-menu .if-navbar-collapsed .dropdown-regular-item span.nav-notification { background: 0 0; color: var(--nav-grey-regular); }
.navbar-sf a { color: var(--nav-regular); text-decoration: none; transition: color .2s; transition: color .2s; }
.navbar-sf a:hover { color: var(--nav-regular); text-decoration: none; transition: color .2s; }
.navbar-sf .roles-list__item { color: var(--nav-grey-regular) !important; }
.navbar-sf .roles-list__item.active { color: var(--nav-grey-regular) !important; }
.navbar-sf .top-list__header { color: var(--nav-grey-regular) !important; padding: 5px 15px !important; }
.navbar-sf .dropdown.nav-item > a[aria-expanded=true].bait::after { content: "\ea23"; }
.navbar-sf .dropdown.nav-item > a.bait::after { font: 32px/1 skillsfirst-icons; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #96a0af; content: "\ea26"; margin-right: -5px; margin-left: -10px; }
.navbar-sf .nav-item { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.navbar-sf .nav-item > .bait { text-decoration: none; height: 68px; display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center !important; align-items: center !important; padding-left: 5px; }
.navbar-sf .nav-item .avatar_header { margin-right: 5px !important; margin-left: 0 !important; width: 48px; min-width: 48px; height: 48px; min-height: 48px; border-radius: 50%; -webkit-box-shadow: 0 0 0 1px rgba(54, 61, 71, 0.05); box-shadow: 0 0 0 1px rgba(54, 61, 71, 0.05); transition: .3s; }
.navbar-sf .nav-item .pr-avatar { margin-right: 5px !important; margin-left: 0 !important; width: 48px; min-width: 48px; height: 48px; min-height: 48px; border-radius: 50%; -webkit-box-shadow: 0 0 0 1px rgba(54, 61, 71, 0.05); box-shadow: 0 0 0 1px rgba(54, 61, 71, 0.05); transition: .3s; }
.navbar-sf .nav-item .nav-name { margin-right: 8px; margin-left: 3px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 17px; max-height: 34px; max-width: 210px; hyphens: auto; }
.navbar-sf .nav-item > a[aria-expanded=true] > span.nav-notification { opacity: 0; }
.navbar-sf .nav-item span.nav-notification { right: 0; position: absolute; font-size: 11px; padding: 2px 5px; min-width: 20px !important; height: 20px; background-color: #f15e4f; border-radius: 10px; margin-left: 19px; color: #fff; font-weight: 600; vertical-align: middle; text-align: center; display: inline-table; }
.navbar-sf .nav-item > a > span.nav-notification { position: absolute; font-size: 11px; padding: 2px 5px; min-width: 20px; top: 3px; height: 20px; left: 50px; background-color: #f15e4f; border-radius: 10px; margin-left: -13px; color: #fff; font-weight: 600; text-align: center; opacity: 1; transition: opacity .2s; display: inline-table; }
.navbar-sf .nav-account .nav-name { max-width: 0; margin-right: 0; -webkit-line-clamp: 1; transition: .3s; }
.navbar-sf .nav-account .dropdown-item i { color: var(--nav-grey-regular); font-size: 26px; margin-right: 8px; }
.navbar-sf .nav-account .dropdown-menu .name { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; min-width: 100px; margin-right: 30px; }
.navbar-sf .nav-brand-org .nav-name { -webkit-line-clamp: 2; transition: .2s; }
.navbar-sf .nav-brand-org .change-org-avatar { min-width: 48px; }
.navbar-sf .nav-brand-org .dropdown-menu .dropdown-item { -ms-flex-align: start; align-items: start; }
.navbar-sf .nav-brand-org .dropdown-menu .name { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 55vw; min-width: 40px; padding-right: 5px; }
.navbar-sf .nav-brand-org .dropdown-item.active { background-color: rgba(187, 190, 195, 0.1) !important; }
.navbar-sf .dropdown-menu.dropdown-menu-right { right: 5px; }
.navbar-sf .dropdown-item { display: -ms-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; border: none !important; font-weight: 400 !important; }
.navbar-sf .dropdown-item:active { background-color: var(--nav-background-hover); color: var(--nav-regular); background-color: rgba(187, 190, 195, 0.1) !important; }
.navbar-sf .dropdown-item:focus { background-color: var(--nav-background-hover); color: var(--nav-regular); }
.navbar-sf .dropdown-item:hover { background-color: var(--nav-background-hover); color: var(--nav-regular); }
.navbar-sf .if-navbar-collapsed { display: block; }
.navbar-sf .nav-regular-item span.nav-notification { background: 0 0; color: inherit; }
.navbar-sf #nav-icons { list-style-type: none; white-space: nowrap; padding: 0 10px; display: none; opacity: 0; }
.navbar-sf #nav-icons a { min-height: 68px; padding: 0 10px; min-width: 40px; text-align: center; text-decoration: none; color: #535962;!important; transition: .2s; }
.navbar-sf #nav-icons li { margin-right: 0; transition: .2s; }
.navbar-sf .nav-options i { color: #96a0b0 !important; transition: .2s; }
.navbar-sf .nav-brand-sf { max-width: 43px; min-width: 43px; padding: 0; transition: .2s; }
.navbar-sf .container-fluid { padding-left: 0; }
.navbar-sf .navbar-brand a { position: absolute; top: 10px; left: 8px; height: 50px; width: 47px; transition: .2s; }
.navbar-sf .navbar-brand a::before { position: absolute; top: 0; left: 0; height: 50px; width: 47px; background: url(/images/logo_inv_gray.svg) 0 0/auto 50px no-repeat; content: ""; opacity: 1; transition: .2s; }
.navbar-sf .navbar-brand a::after { position: absolute; top: 0; left: 0; height: 50px; width: 47px; background: url(/images/logo.svg) 0 0/auto 50px no-repeat; content: ""; opacity: 0; transition: .2s; }
.navbar-sf .col.title { padding-left: 10px; padding-top: 5px; padding-right: 0; }
.navbar-sf .search-button { color: var(--nav-grey-regular); text-decoration: none; height: 68px; display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center !important; align-items: center !important; padding: 0 10px; transition: .2s; }
.navbar-sf .search-container { position: relative; right: 0; display: inline-block; transition: .2s; }
.navbar-sf .search { position: fixed; top: -78px; background-color: transparent; outline: 0; border: none; padding: 0; width: 100%; z-index: 10; border-radius: 0; color: #fff; opacity: 0; transition: opacity .01s; }
.navbar-sf .search:focus + .searchbutton { pointer-events: none; }
.navbar-sf .search:focus { opacity: 1; }
.navbar-sf .search:focus::-webkit-input-placeholder { color: #96a0af; opacity: 1; }
.navbar-sf .search::-webkit-input-placeholder { opacity: 0; }
.navbar-sf .expand { left: auto; right: 0; }
.navbar-sf input#searchheader { padding: 0 15px; }

header:before { border-bottom: none !important; bottom: 0 !important; }

@media (max-width: 339px) { .navbar-sf .nav-brand-org .nav-name { display: none; max-width: 10vw; }
  .navbar-sf .nav-brand-org .dropdown-menu { left: -45px; } }
@media (min-width: 740px) { .navbar-sf .nav-brand-org .bait > .avatar_header { display: flex; }
  .navbar-sf .nav-brand-org .bait > .pr-avatar { display: flex; }
  .navbar-sf .nav-brand-sf { max-width: 231px; min-width: 231px; }
  .navbar-sf .navbar-brand a { width: 192px; }
  .navbar-sf .navbar-brand a::after { width: 192px; }
  .navbar-sf .navbar-brand a::before { width: 192px; } }
@media (min-width: 576px) { .navbar-sf .if-navbar-collapsed { display: none; }
  .navbar-sf .nav-item span.nav-notification { position: absolute; right: unset; top: 3px; opacity: 1; transition: opacity .2s ease-in .2s; }
  .navbar-sf .nav-item > a > span.nav-notification { opacity: 0; }
  .navbar-sf #nav-icons { opacity: 1; transition: opacity .3s; margin-right: 0; display: inline-block; }
  .navbar-sf .nav-brand-org .dropdown-menu .name { max-width: 200px; } }
@media (min-width: 349px) { .navbar-sf .search-button { margin-left: 10px; } }
@media (min-width: 1100px) { :root { --nav-regular: #535962; --nav-background: #FFFFFF; --nav-background-hover: #F8F9FA; --nav-border: #E5E5E5; }
  .navbar-sf { background: #fff; }
  .navbar-sf .dropdown a[aria-expanded=true] > .avatar_header { -webkit-box-shadow: 0 0 0 4px rgba(54, 61, 71, 0.05); box-shadow: 0 0 0 4px rgba(54, 61, 71, 0.05); }
  .navbar-sf .dropdown a[aria-expanded=true] > .pr-avatar { -webkit-box-shadow: 0 0 0 4px rgba(212, 32, 62, 0.15); box-shadow: 0 0 0 4px rgba(212, 32, 62, 0.15); }
  .navbar-sf .dropdown:hover > a > .avatar_header { -webkit-box-shadow: 0 0 0 4px rgba(54, 61, 71, 0.05); box-shadow: 0 0 0 4px rgba(54, 61, 71, 0.05); }
  .navbar-sf .dropdown:hover > a > .pr-avatar { -webkit-box-shadow: 0 0 0 4px rgba(212, 32, 62, 0.15); box-shadow: 0 0 0 4px rgba(212, 32, 62, 0.15); }
  .navbar-sf .avatar_header { -webkit-box-shadow: 0 0 0 4px rgba(212, 32, 62, 0.15); box-shadow: 0 0 0 4px rgba(212, 32, 62, 0.15); }
  .navbar-sf .nav-account .nav-name { max-width: 100px; margin-right: 8px; }
  .navbar-sf .nav-brand-org .nav-name { max-width: 210px; -webkit-line-clamp: 2; transition: .1s; margin-right: 8px; }
  .navbar-sf .dropdown-menu { border-color: var(--nav-border); background-color: var(--nav-background); }
  .navbar-sf .dropdown-menu hr { border-color: var(--nav-border); }
  .navbar-sf #nav-icons li { margin-right: 25px; }
  .navbar-sf #nav-icons a:hover { color: #535962 !important; }
  .navbar-sf .nav-options:hover i { color: #535962 !important; }
  .navbar-sf a.nav-options[aria-expanded=true] i { color: #535962 !important; }
  .navbar-sf a { color: var(--nav-regular-on-white); }
  .navbar-sf .navbar-brand a::before { opacity: 0; }
  .navbar-sf .navbar-brand a::after { opacity: 1; }
  .navbar-sf .search-container { right: 30px; }
  .navbar-sf .search { position: absolute; top: 10px; margin-right: -30px; background-color: transparent; outline: 0; border: none; padding: 0; width: 0; height: 48px; border-radius: 3px; transition: .5s; opacity: 0; color: #535962; }
  .navbar-sf .search:focus + .searchbutton { transition: color .2s; color: #535962 !important; }
  .navbar-sf .search:focus { top: 10px; width: 300px; transition: width .3s,opacity .3s; background-color: #f1f2f2; width: 250px; }
  .search-button:hover { transition: color .2s; color: #535962 !important; } }
@media (max-width: 1099px) { .navbar-sf #autocompleteWrapper { position: fixed; width: 100%; top: 128px !important; right: 0 !important; }
  .navbar-sf .search:focus { padding: 0 15px 0 0; top: 60px; background-color: #4f5966; border: 10px solid #363d47; height: 68px; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.06); } }
.bottom-navbar-sf { height: 50px; background: var(--nav-background); z-index: 14; font-size: 13px; box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px -4px 0px 0px rgba(0, 0, 0, 0.06); transition: background 0.2s; list-style: none; padding-right: 10px !important; text-align: center; }
.bottom-navbar-sf .container-fluid { display: flex !important; white-space: nowrap; }
.bottom-navbar-sf .list-inline.nav.nav-item { width: 100vw; left: 0; right: 0; flex-wrap: nowrap; }
.bottom-navbar-sf a { color: #96a0b0 !important; transition: all .2s; min-height: 68px; min-width: 40px; text-decoration: none; justify-content: space-between !important; }
.bottom-navbar-sf a span.description { color: var(--nav-regular); display: none; font-size: 11px; }
.bottom-navbar-sf .nav-options i { color: #96a0b0 !important; transition: all .2s; }
.bottom-navbar-sf a.nav { display: grid; grid-row-gap: 0; position: relative; padding: 10px 0; justify-content: space-between; }
.bottom-navbar-sf .nav-regular-item.disable { pointer-events: none; }

@media (min-width: 1100px) { .bottom-navbar-sf { display: none; } }
@media (min-height: 500px) { .bottom-navbar-sf { height: 62px; }
  .bottom-navbar-sf a span.description { display: block; } }
@font-face { font-family: 'skillsfirst-icons'; src: url(fonts/skillsfirst-icons.eot?v=1.8) format("embedded-opentype"), url(fonts/skillsfirst-icons.eot?v=1.8) format("embedded-opentype"), url(fonts/skillsfirst-icons.woff2?v=1.8) format("woff2"), url(fonts/skillsfirst-icons.woff?v=1.8) format("woff"), url(fonts/skillsfirst-icons.ttf?v=1.8) format("truetype"), url(fonts/skillsfirst-icons.svg?v=1.8) format("svg"); font-weight: normal; font-style: normal; }
/* ------------------------ base class definition
------------------------- */
.sf { display: inline-block; font: normal normal normal 32px/1 'skillsfirst-icons'; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.sf-gray { color: #96A0B1; }

/* ------------------------ icons
------------------------- */
.sf-home::before { content: "\ea02"; }

.sf-notes::before { content: "\ea03"; }

.sf-notes-2::before { content: "\ea04"; }

.sf-notes-3::before { content: "\ea05"; }

.sf-access-management::before { content: "\ea06"; }

.sf-accessibility-1::before { content: "\ea07"; }

.sf-bell::before { content: "\ea09"; }

.sf-check::before { content: "\ea0a"; }

.sf-competencies::before { content: "\ea0b"; }

.sf-files::before { content: "\ea0c"; }

.sf-galleries::before { content: "\ea0d"; }

.sf-history::before { content: "\ea0e"; }

.sf-login::before { content: "\ea0f"; }

.sf-logout::before { content: "\ea10"; }

.sf-menu::before { content: "\ea11"; }

.sf-message::before { content: "\ea12"; }

.sf-occupations::before { content: "\ea15"; }

.sf-placements::before { content: "\ea16"; }

.sf-plus::before { content: "\ea17"; }

.sf-profile::before { content: "\ea18"; }

.sf-project-activities::before { content: "\ea19"; }

.sf-search::before { content: "\ea1a"; }

.sf-settings::before { content: "\ea1b"; }

.sf-share::before { content: "\ea1c"; }

.sf-user-projects::before { content: "\ea1d"; }

.sf-verified::before { content: "\ea1e"; }

.sf-graduate::before { content: "\ea21"; }

.sf-close::before { content: "\ea22"; }

.sf-angle-up::before { content: "\ea23"; }

.sf-angle-right::before { content: "\ea24"; }

.sf-angle-left::before { content: "\ea25"; }

.sf-angle-down::before { content: "\ea26"; }

.sf-analytics::before { content: "\ea29"; }

.sf-settings-2::before { content: "\ea2a"; }

.sf-options::before { content: "\ea2b"; }

.sf-options-vertical::before { content: "\ea2c"; }

.sf-menu-3::before { content: "\ea2d"; }

.sf-menu-2::before { content: "\ea2e"; }

.sf-activities::before { content: "\ea2f"; }

.sf-add-1::before { content: "\ea30"; }

.sf-archive::before { content: "\ea31"; }

.sf-add-2::before { content: "\ea32"; }

.sf-award-1::before { content: "\ea33"; }

.sf-award-2::before { content: "\ea34"; }

.sf-career-advice-1::before { content: "\ea35"; }

.sf-career-advice-2::before { content: "\ea36"; }

.sf-create::before { content: "\ea37"; }

.sf-date::before { content: "\ea38"; }

.sf-elements-1::before { content: "\ea39"; }

.sf-elements-2::before { content: "\ea3a"; }

.sf-filters-1::before { content: "\ea3b"; }

.sf-filters-2::before { content: "\ea3c"; }

.sf-filters-3::before { content: "\ea3d"; }

.sf-filters-4::before { content: "\ea3e"; }

.sf-filters-5::before { content: "\ea3f"; }

.sf-filters-6::before { content: "\ea40"; }

.sf-filters-7::before { content: "\ea41"; }

.sf-filters-8::before { content: "\ea42"; }

.sf-filters-9::before { content: "\ea43"; }

.sf-filters-10::before { content: "\ea44"; }

.sf-filters-11::before { content: "\ea45"; }

.sf-filters-12::before { content: "\ea46"; }

.sf-filters-13::before { content: "\ea47"; }

.sf-filters-14::before { content: "\ea48"; }

.sf-folder::before { content: "\ea49"; }

.sf-folders::before { content: "\ea4a"; }

.sf-goal::before { content: "\ea4b"; }

.sf-home-2::before { content: "\ea4c"; }

.sf-license::before { content: "\ea4d"; }

.sf-linkedin::before { content: "\ea4e"; }

.sf-menu-4::before { content: "\ea4f"; }

.sf-menu-5::before { content: "\ea50"; }

.sf-menu-6::before { content: "\ea51"; }

.sf-menu-7::before { content: "\ea52"; }

.sf-place::before { content: "\ea54"; }

.sf-profile-1::before { content: "\ea55"; }

.sf-profile-2::before { content: "\ea56"; }

.sf-resume::before { content: "\ea57"; }

.sf-resumes::before { content: "\ea58"; }

.sf-role::before { content: "\ea59"; }

.sf-settings-4::before { content: "\ea5a"; }

.sf-settings-3::before { content: "\ea5b"; }

.sf-share-1::before { content: "\ea5c"; }

.sf-shared-1::before { content: "\ea5d"; }

.sf-shared::before { content: "\ea5e"; }

.sf-showcase::before { content: "\ea5f"; }

.sf-sort::before { content: "\ea60"; }

.sf-ticket::before { content: "\ea62"; }

.sf-trash::before { content: "\ea63"; }

.sf-twitter::before { content: "\ea64"; }

.sf-video-1::before { content: "\ea65"; }

.sf-video-2::before { content: "\ea66"; }

.sf-video-3::before { content: "\ea67"; }

.sf-video-4::before { content: "\ea68"; }

.sf-video-answer::before { content: "\ea69"; }

.sf-video-question-answer::before { content: "\ea6a"; }

.sf-video-question::before { content: "\ea6b"; }

.sf-visible::before { content: "\ea6c"; }

.sf-occupations-1::before { content: "\ea6d"; }

.sf-star::before { content: "\ea6e"; }

.sf-video-question-answer-1::before { content: "\ea6f"; }

.sf-switch-2::before { content: "\ea70"; }

.sf-switch-1::before { content: "\ea71"; }

.sf-organization-info-2::before { content: "\ea72"; }

.sf-organization-info-1::before { content: "\ea73"; }

.sf-organization-1::before { content: "\ea74"; }

.sf-grid::before { content: "\ea75"; }

.sf-career-pathway::before { content: "\ea76"; }

.sf-history-3::before { content: "\ea77"; }

.sf-history-2::before { content: "\ea78"; }

.sf-calendar::before { content: "\ea79"; }

.sf-graduate-2::before { content: "\ea7a"; }

.sf-career-profiles-3::before { content: "\ea7d"; }

.sf-back-2::before { content: "\ea80"; }

.sf-back-1::before { content: "\ea81"; }

.sf-back-to-root-1::before { content: "\ea82"; }

.sf-back-to-root-2::before { content: "\ea83"; }

.sf-delete::before { content: "\ea84"; }

.sf-download::before { content: "\ea85"; }

.sf-portfolio-1::before { content: "\ea86"; }

.sf-portfolio-2::before { content: "\ea87"; }

.sf-portfolio-3::before { content: "\ea88"; }

.sf-play::before { content: "\ea89"; }

.sf-arrow-right::before { content: "\ea8a"; }

.sf-clone::before { content: "\ea8b"; }

.sf-arrow-left::before { content: "\ea8c"; }

.sf-shared-2::before { content: "\ea8d"; }

.sf-loader::before { content: "\ea8e"; }

.sf-view-1column::before { content: "\ea8f"; }

.sf-view-gallery::before { content: "\ea90"; }

.sf-view-grid::before { content: "\ea91"; }

.sf-view-list::before { content: "\ea92"; }

.sf-view-touch-carousel::before { content: "\ea93"; }

.sf-zoom-out::before { content: "\ea94"; }

.sf-zoom-in::before { content: "\ea95"; }

.sf-minimize::before { content: "\ea96"; }

.sf-maximize::before { content: "\ea97"; }

.sf-add-doc::before { content: "\ea99"; }

.sf-add-4::before { content: "\ea9a"; }

.sf-upload-1::before { content: "\ea9b"; }

.sf-redo-3::before { content: "\ea9f"; }

.sf-redo-2::before { content: "\eaa0"; }

.sf-redo-1::before { content: "\eaa1"; }

.sf-preview-1::before { content: "\eaa2"; }

.sf-mic::before { content: "\eaa4"; }

.sf-linkedin-1::before { content: "\eaa5"; }

.sf-help::before { content: "\eaa7"; }

.sf-eye::before { content: "\eaa8"; }

.sf-edit-1::before { content: "\eaa9"; }

.sf-download-1::before { content: "\eaaa"; }

.sf-create-2::before { content: "\eaab"; }

.sf-cam-1::before { content: "\eaac"; }

.sf-bulb::before { content: "\eaad"; }

.sf-attach-1::before { content: "\eaae"; }

.sf-add-3::before { content: "\eab3"; }

.sf-accessibility::before { content: "\eab4"; }

.sf-send-1::before { content: "\eab8"; }

.sf-grab::before { content: "\eab9"; }

.sf-attach-2::before { content: "\eaba"; }

.sf-send-2::before { content: "\eabc"; }

.sf-send-2-filled::before { content: "\eabd"; }

.sf-attach-3::before { content: "\eabe"; }

.sf-assist-bubble-1::before { content: "\eabf"; }

.sf-chat-1::before { content: "\eac0"; }

.sf-chat-1-filled::before { content: "\eac1"; }

.sf-assist-bubble-3::before { content: "\eac2"; }

.sf-ask-2::before { content: "\eac3"; }

.sf-assist-bubble-2::before { content: "\eac4"; }

.sf-download-2::before { content: "\eac5"; }

.sf-info-2::before { content: "\eac6"; }

.sf-assist-bubble-4::before { content: "\eac7"; }

.sf-transfer::before { content: "\eac8"; }

.sf-info-1::before { content: "\eac9"; }

.sf-assist-1::before { content: "\eaca"; }

.sf-ask-1::before { content: "\eacb"; }

.sf-linkedin-2::before { content: "\eacd"; }

.sf-twitter-2::before { content: "\eace"; }

.sf-new-window::before { content: "\eacf"; }

.sf-folders-2::before { content: "\ead0"; }

.sf-folder-2::before { content: "\ead1"; }

.sf-job-postings::before { content: "\ead2"; }

.sf-video-question-2::before { content: "\ead3"; }

.sf-video-question-coach::before { content: "\ead4"; }

.sf-video-answer-3::before { content: "\ead5"; }

.sf-video-answer-1::before { content: "\ead6"; }

.sf-types::before { content: "\ead7"; }

.sf-stats::before { content: "\ead8"; }

.sf-licenses::before { content: "\eada"; }

.sf-edit-doc::before { content: "\eadb"; }

.sf-reorder::before { content: "\eadd"; }

.sf-collapse-left::before { content: "\eadc"; }

.sf-collapse-right::before { content: "\eade"; }

.sf-add-5::before { content: "\eadf"; }

.sf-summary-information-1::before { content: "\eae0"; }

.sf-summary-information-2::before { content: "\eae1"; }

.sf-career-profiles-1::before { content: "\eae2"; }

.sf-career-profiles-2::before { content: "\eae3"; }

.sf-notes-check::before { content: "\eae4"; }

.sf-cover-letter::before { content: "\eae5"; }

.sf-cover-letters::before { content: "\eae6"; }

.sf-pitches-3::before { content: "\eae7"; }

.sf-pitches-4::before { content: "\eae8"; }

.sf-pitches-2::before { content: "\eae9"; }

.sf-pitches-1::before { content: "\eaea"; }

.sf-logins::before { content: "\eaeb"; }

#float-shortcuts { display: none; top: 38vh; right: 0; z-index: 2; position: fixed; }
#float-shortcuts i { padding: 0 !important; position: relative; vertical-align: inherit; font-size: 35px; text-align: center; margin-right: 0 !important; }
#float-shortcuts .btn { display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: center !important; justify-content: center !important; -ms-flex-align: center !important; align-items: center !important; color: #FFFFFF; text-shadow: none !important; height: 58px; width: 58px; text-align: center; padding: 0 !important; min-width: unset !important; max-height: 58px !important; margin: 3px 0; outline: 4px solid rgba(0, 0, 0, 0.06) !important; border-radius: 0; }
#float-shortcuts .btn-support { background-color: #25303F !important; font-size: 14px !important; min-height: 90px; }
#float-shortcuts .btn-support span { font-size: 14px !important; transform: rotate(90deg); }
#float-shortcuts .btn-accessibility { background-color: #1782c9 !important; border-color: #1782c9 !important; }
#float-shortcuts .dropdown-menu { font-size: 13px; border-color: var(--nav-background); background-color: var(--nav-background); -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.2); border: none; padding: 0.5rem 0; margin: -3px 4px 0 0; border-radius: 0.25rem 0 0.25rem 0.25rem; width: max-content; z-index: 1000; list-style: none; }
#float-shortcuts .dropdown-menu hr { border-color: #E5E5E5; transition: all .2s; margin: 7px 0; }
#float-shortcuts .top-list__header { padding: 5px 15px !important; }
#float-shortcuts .accessibility { padding: 5px 10px; }

@media (min-width: 1100px) { #float-shortcuts { display: inline-block; } }
.resume-keywords { display: flex; background-color: #343a40; color: #f0f1f2; }
.resume-keywords .resume-keywords-media { width: 100%; }
.resume-keywords .resume-keywords-suggestions { transition: width 0.2s ease; width: 250px; padding: 0 10px; position: relative; }
.resume-keywords .resume-keywords-suggestions.collapsed { width: 58px; }
.resume-keywords .resume-keywords-suggestions.collapsed .rk-content { pointer-events: none; user-select: none; transition: opacity 0.1s; opacity: 0; overflow: hidden; }
.resume-keywords .resume-keywords-suggestions .rk-content { transition: opacity 0.6s; transition-delay: .2s; opacity: 1; }
.resume-keywords .resume-keywords-suggestions .resume-keywords-collapse-btn { right: 10px; top: 10px; position: absolute; z-index: 1; }
.resume-keywords .resume-keywords-suggestions .resume-keywords-suggestions_top { margin-bottom: 30px; }
.resume-keywords .resume-keywords-suggestions .resume-keywords-suggestions_top .resume-keywords-suggestions_header { margin-right: 54px; overflow: hidden; text-overflow: ellipsis; hyphens: auto; padding: 16px 0; max-width: 186px; min-width: 186px; }
.resume-keywords .resume-keywords-suggestions .resume-keywords-suggestions_top .resume-keywords-suggestions_header-job { color: #9c9fa2; }
.resume-keywords .resume-keywords-suggestions .resume-keywords-suggestions_top .resume-keywords-suggestions_job { width: 90%; float: left; margin-left: -20px; margin-right: -10px; }
.resume-keywords .resume-keywords-suggestions .resume-keywords-suggestions_top .resume-keywords-suggestions_browse { padding-top: 20px; }
.resume-keywords .resume-keywords-suggestions .resume-keywords-suggestions_top .resume-keywords-suggestions_browse a { min-width: 64px; width: 64px; color: #5f9dff; }
.resume-keywords .resume-keywords-suggestions .resume-keywords-suggestions_inresume li { display: inline-block; padding: 2px 3px; background-color: #4c4f52; margin-bottom: 10px; margin-right: 10px; border-radius: 14px; }
.resume-keywords .resume-keywords-suggestions .resume-keywords-suggestions_inresume input { background-color: #8cd68c; vertical-align: middle; width: 15px; height: 15px; margin-right: 3px; border-radius: 50px; outline: none; -webkit-appearance: none; cursor: pointer; }
.resume-keywords .resume-keywords-suggestions .resume-keywords-suggestions_inresume input:checked { background-color: #ffcccc; }
.resume-keywords .resume-keywords-suggestions .resume-keywords-suggestions_inresume label { margin: 0; }
.resume-keywords .resume-keywords-suggestions .resume-keywords-suggestions_inresume .resume-keywords-suggestions_list { position: relative; overflow: hidden; max-height: 200px; }
.resume-keywords .resume-keywords-suggestions .resume-keywords-suggestions_suggested li { display: inline-block; padding: 2px 3px; background-color: #4c4f52; margin-bottom: 10px; margin-right: 10px; border-radius: 14px; }
.resume-keywords .resume-keywords-suggestions .resume-keywords-suggestions_suggested .resume-keywords-suggestions_list { position: relative; overflow: hidden; max-height: 600px; }
.resume-keywords hr { border-top: 1px solid #52585E; margin: 0.25rem 0; }

.nav-collapse > *[data-x-count] { margin-left: 0.2rem; }
.nav-collapse > a { font-size: 13px; color: #f0f1f2; padding: 5px 0; user-select: none; }
.nav-collapse > a:hover { color: #f0f1f2; }
.nav-collapse > a:focus { box-shadow: none; }
.nav-collapse > a:active { box-shadow: none; }
.nav-collapse > a:after { font: 32px/1 skillsfirst-icons; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #96a0af; content: "\ea26"; margin-right: -7px; margin-left: auto; }
.nav-collapse > a[aria-expanded=true]:after { content: "\ea23"; }
.nav-collapse .collapse { max-height: 400px; overflow: scroll; }

:root { --nav-regular: #F1F2F4; --nav-grey-regular: #96A0AF; --nav-background: #363D47; --nav-background-hover: #4F5966; --nav-border: #4F5966; --nav-color-darkoption: #F1F2F4; --nav-background-darkoption: #363D47; }

.navbar-sf { color: var(--nav-regular); text-decoration: none; transition: color .2s; }
.navbar-sf .dropdown-menu { color: var(--nav-regular); text-decoration: none; transition: color .2s; }
.navbar-sf a { color: var(--nav-regular); text-decoration: none; transition: color .2s; }
.navbar-sf a:hover { color: var(--nav-regular); text-decoration: none; transition: color .2s; }
.navbar-sf .roles-list__item { color: var(--nav-grey-regular) !important; }
.navbar-sf .roles-list__item.active { color: var(--nav-grey-regular) !important; }
.navbar-sf .top-list__header { color: var(--nav-grey-regular) !important; }

.bottom-navbar-sf { height: 50px; background: var(--nav-background); z-index: 14; font-size: 13px; box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.06); -webkit-box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 -4px 0 0 rgba(0, 0, 0, 0.06); transition: background .2s; list-style: none; padding-right: 10px !important; text-align: center; }
.bottom-navbar-sf .container-fluid { display: flex !important; white-space: nowrap; }
.bottom-navbar-sf .list-inline.nav.nav-item { width: 100vw; left: 0; right: 0; flex-wrap: nowrap; }
.bottom-navbar-sf .nav-options i { color: #96a0b0 !important; transition: .2s; }
.bottom-navbar-sf a { color: #96a0b0 !important; transition: .2s; min-height: 68px; min-width: 40px; text-decoration: none; justify-content: space-between !important; }
.bottom-navbar-sf a span.description { color: var(--nav-regular); display: none; font-size: 11px; }
.bottom-navbar-sf a.nav { display: grid; grid-row-gap: 0; position: relative; padding: 10px 0; justify-content: space-between; }
.bottom-navbar-sf .nav-regular-item.disable { pointer-events: none; }

.menu .menu__close { border-bottom: none; }
.menu .menu__title.more > span:after { font: 32px/1 skillsfirst-icons !important; speak: none !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #96a0af; content: "\ea26" !important; margin-right: -12px; margin-top: -5px; }
.menu .menu__title[aria-expanded=true] > span:after { -ms-transform: rotate(180deg) !important; -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; }
.menu .menu__back { text-decoration: none !important; }
.menu .menu__back > .sf { color: var(--nav-grey-regular); font-size: 26px; width: 40px; text-align: center; top: unset; vertical-align: unset !important; position: unset; line-height: unset; display: unset; }
.menu .menu__title { text-decoration: none !important; }
.menu .menu__title > .sf { color: var(--nav-grey-regular); font-size: 26px; width: 40px; text-align: center; top: unset; vertical-align: unset !important; position: unset; line-height: unset; display: unset; }

.filters .filter .filter__btn[aria-expanded=true] .filter__name { font-weight: unset; color: unset; }

.bottom-navbar-menu.menu .menu__close { display: none; }
.bottom-navbar-menu.menu .menu__close + .menu__title { margin: 0; }

.bottom-nav-perspective { height: 100%; overflow: hidden; }
.bottom-nav-perspective body { height: 100%; overflow: hidden; }

.bottom-navbar-menu { position: fixed; bottom: 0; width: 100%; font-size: 13px; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.bottom-navbar-menu i { font-size: 40px; }
.bottom-navbar-menu .bottom-nav-content { position: fixed; max-height: calc(100% - 68px); bottom: 0; margin: 0; min-width: 100vw; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*		color: var(--nav-regular);
		background-color: var(--nav-background);
*/ color: var(--nav-color-darkoption); background-color: var(--nav-background-darkoption); border-radius: .25rem .25rem 0 0; -webkit-box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.2); padding-top: 12px; z-index: 2000; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; }
.bottom-navbar-menu .modal-assistant.bottom-nav-content { max-height: 100%; }

.bottom-navbar-menu.open { visibility: visible; }
.bottom-navbar-menu.open .bottom-nav-content { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); transition: .3s; opacity: 1; }

.menu-items-wrapper { min-height: 100%; overflow: scroll !important; }

.menu-items { overflow: scroll; padding: 6px 0; overflow-x: hidden; }

.bottom-nav-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; opacity: 0; background: rgba(34, 37, 42, 0.85); -webkit-transition: .2s; -moz-transition: .2s; transition: .2s; }

.bottom-navbar-menu.open ~ .bottom-nav-overlay { opacity: 1; visibility: visible; }

.bottom-nav-content h3 { margin: 0; padding: .4em; text-align: center; font-size: 2.4em; font-weight: 300; opacity: .8; background: rgba(0, 0, 0, 0.1); border-radius: 3px 3px 0 0; }
.bottom-nav-content > div p { margin: 0; padding: 0; }
.bottom-nav-content > div ul { margin: 0; padding: 0 0 30px 20px; }
.bottom-nav-content > div ul li { padding: 5px 0; }
.bottom-nav-content button { display: block; margin: 0 auto; font-size: .8em; }

@media (min-height: 500px) { .bottom-navbar-sf { height: 62px; }
  .bottom-navbar-sf a span.description { display: block; } }
@media (max-width: 1099px) { .filters { background-color: unset; }
  .filters .filter .filter__btn[aria-expanded=true] { border-left: none !important; background-color: #424a56 !important; font-size: 13px; padding: 0 10px 0 13px; }
  .filters .filter .filter__content { border-left: none !important; background-color: #424a56 !important; font-size: 13px; }
  .filters .filter .filter__btn { color: unset; font-size: 13px; }
  .menu { background-color: var(--nav-background); }
  .menu .menu__title[aria-expanded=true] { border-left: none !important; background-color: #424a56 !important; font-size: 13px; }
  .menu .menu__title[aria-expanded=true] + div { border-left: none !important; background-color: #424a56 !important; font-size: 13px; }
  .menu .menu__title:active { background-color: #424a55 !important; }
  .menu .menu__title > span { color: var(--nav-regular) !important; font-size: 13px; }
  .menu .menu__title.active { border-left: none !important; background-color: #4f5a69 !important; }
  .menu .menu__back { color: var(--nav-regular); font-weight: unset; }
  .menu .category-list .category-list__item { color: #bec8d5; font-size: 13px; line-height: 16px; padding: 12px 25px 12px 50px; display: block; position: relative; }
  .menu .category-list .category-list__item.active { color: var(--nav-regular); font-weight: unset; background-color: #4f5964; }
  .bottom-navbar-menu.menu { position: unset; top: unset; height: unset; padding-bottom: 0; background-color: unset; }
  .bottom-navbar-menu.menu .menu__back { margin: 5px 0; background-image: none; padding: 5px 8px; align-items: center !important; line-height: 48px; color: var(--nav-regular); font-weight: unset; background-color: #495ad7; }
  .bottom-navbar-menu.menu .menu__back:hover { background-color: #495ad7; }
  .filter__btn { align-items: center !important; width: 100%; text-align: left; cursor: pointer; font-size: 13px; line-height: 50px; padding: 0 10px 0 13px; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex !important; }
  .menu__back { align-items: center !important; width: 100%; text-align: left; cursor: pointer; font-size: 13px; line-height: 50px; padding: 0 10px 0 13px; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex !important; }
  .menu__title { align-items: center !important; width: 100%; text-align: left; cursor: pointer; font-size: 13px; line-height: 50px; padding: 0 10px 0 13px; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex !important; } }
@media (min-width: 1100px) { :root { --nav-regular: #535962; --nav-background: #FFFFFF; --nav-background-hover: #F8F9FA; --nav-border: #E5E5E5; }
  .bottom-navbar-sf { display: none !important; }
  .bottom-navbar-menu { z-index: 999; }
  .bottom-navbar-menu .bottom-nav-content.modal-assistant { bottom: 100px !important; right: 30px; min-width: unset; width: 350px; border-radius: .45rem; -webkit-box-shadow: 0 0 14px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 14px 5px rgba(0, 0, 0, 0.1); }
  .bottom-nav-content.modal-assistant { max-height: calc(90vh - 150px) !important; }
  .bottom-navbar-menu.open { z-index: 3; }
  .bottom-navbar-menu.open ~ .bottom-nav-overlay { opacity: 0; visibility: hidden; } }
.btn-bubble { padding: 2px 9px 2px 2px; border-radius: 17px; transition: all .2s; text-decoration: none !important; align-items: center; text-shadow: none !important; transition: .2s; display: inline-flex; text-shadow: none !important; line-height: normal; box-shadow: none; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; max-width: 100%; hyphens: auto; text-align: center; margin: 8px 0 0 0; background-color: rgba(247, 247, 247, 0.1); color: #F7F7F7; white-space: nowrap; }
.btn-bubble:hover { background-color: #3D58E3; color: #F7F7F7; }
.btn-bubble:focus { border-radius: 17px !important; }
.btn-bubble i { color: #F7F7F7; font-size: 24px !important; }

.chat-message-coach .btn-bubble { background-color: #B6F9E7; color: #232830; }
.chat-message-coach .btn-bubble:hover { background-color: #3D58E3; color: #F7F7F7; }
.chat-message-coach .btn-bubble:hover i { color: #F7F7F7; }
.chat-message-coach .btn-bubble i { color: #232830; transition: all .2s; }
.chat-message-coach .chat-message-bubble { background: var(--receive-coach-bg); color: var(--receive-coach-color); text-align: left; margin-left: 30px; max-width: calc(100% - 60px); }
.chat-message-coach .chat-message-bubble:before { left: -7px; width: 20px; background-color: var(--receive-coach-bg); border-bottom-right-radius: 16px 14px; margin-left: 30px; }
.chat-message-coach .chat-message-bubble:after { left: -26px; width: 26px; /*background-color: var(--nav-background);*/ background-color: var(--nav-background-darkoption); border-bottom-right-radius: 10px; margin-left: 30px; }
.chat-message-coach .avatar { z-index: 1; border-radius: 50%; margin-left: -5px; margin-right: 6px; position: absolute; width: 28px; height: 28px; bottom: 0; }

.chat-message-self { text-align: right; }
.chat-message-self .chat-message-bubble { background: var(--send-bg); text-align: left; }
.chat-message-self .chat-message-bubble:before { right: -7px; width: 20px; background-color: var(--send-bg); border-bottom-left-radius: 16px 14px; }
.chat-message-self .chat-message-bubble:after { right: -26px; width: 26px; /*background-color: var(--nav-background);*/ background-color: var(--nav-background-darkoption); border-bottom-left-radius: 10px; }

#btn-assistant { position: fixed; bottom: 30px; right: 15px; display: none; background-color: #2b343e; color: #fff; padding: 12px; border-radius: 50%; transition: .2s; z-index: 3; }
#btn-assistant i { font-size: 32px; }
#btn-assistant:hover { color: #fff; background-color: #405cdb; text-decoration: none; }
#btn-assistant .nav-notification { position: absolute; font-size: 11px; padding: 2px 5px; min-width: 20px !important; height: 20px; background-color: #f15e4f; border-radius: 10px; top: 0; right: 0; color: #fff; font-weight: 600; vertical-align: middle; text-align: center; display: inline-table; }

#modal-assistant .bottom-nav-close i { transition: .3s; }

.chat-input-wrapper { position: relative; z-index: 2; padding: .5em 0; border-radius: 0 0 2px 2px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; font-size: 16px; align-items: center; }
.chat-input-wrapper button { display: flex !important; padding: 0; border-radius: 50%; outline: 0 !important; box-shadow: none; }

.chat-input-bar { padding: 0 12px; /*border-top: 1px solid var(--nav-border);*/ border-top: 1px solid #4F5966; bottom: 0; width: 100%; /*background: var(--nav-background);*/ background: var(--nav-background-darkoption); border-radius: 0 0 .45rem .45rem; }

.chat-send { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; font-size: 16px; background: 0 0; border: none; position: relative; overflow: hidden; padding: 0 .75em; color: inherit; -webkit-transition: .3s; transition: .3s; color: var(--nav-grey-regular); background: var(--receive-bg); pointer-events: none; }
.chat-send > i { position: relative; }

.chat-input-tool { color: var(--nav-grey-regular); background: var(--receive-bg); transition: .3s; background: 0 0; border-radius: 50%; }

.chat-input { padding-left: 10px !important; padding-right: 10px !important; margin: 0 5px; border-radius: 24px; color: var(--send-color); background: var(--receive-bg); max-height: 150px !important; transition: .2s; outline: 0; resize: none; overflow: scroll; min-height: 40px; -webkit-flex: 1; flex: 1; font-size: 13px; padding: 10px 0 7px; cursor: text; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; max-height: 50px; }
.chat-input:empty::before { content: "How can I help you..."; color: var(--nav-grey-regular); }
.chat-input:focus { box-shadow: none; border-radius: 24px; }
.chat-input:focus::before { content: ""; }
.chat-input:not(:empty) + .chat-send { color: #fff; background: #405cdb; pointer-events: auto; }
.chat-input:not(:empty) { color: var(--send-color); background: var(--send-bg); }

.bottom-navbar-menu.open + .btn-assistant { display: none; margin: 20px; }

:root { --send-bg: #596072; --send-color: #F7F7F7; --send-btn-bg: #42485b; --receive-bg: #232830; --receive-color: #F7F7F7; --receive-coach-bg: #A8EBD9; --receive-coach-color: #232830; --receive-btn-bg: #A4B2FF; --receive-real-btn-bg: #97d7c7; }

.chat-window { font-weight: 400; display: flex; flex-direction: column; color: unset !important; margin: 0; overflow: hidden; }
.chat-window p { color: var(--send-color) !important; font-size: 13px !important; max-width: 255px; word-wrap: break-word; margin-bottom: 8px !important; position: relative !important; padding: 10px 20px !important; border-radius: 25px !important; overflow: visible !important; max-height: unset !important; -webkit-box-orient: unset !important; -webkit-line-clamp: unset !important; }
.chat-window p:after { content: "" !important; position: absolute !important; bottom: 0 !important; height: 22px; }
.chat-window p:before { content: "" !important; position: absolute !important; bottom: 0 !important; height: 22px; }

.chat-message-bot .chat-message-bubble:before { left: -7px; width: 20px; background-color: var(--receive-bg); border-bottom-right-radius: 16px 14px; }
.chat-message-bot .chat-message-bubble:after { left: -26px; width: 26px; background-color: var(--nav-background-darkoption); border-bottom-right-radius: 10px; }

.modal-assistant .nav-header { border-bottom: 1px solid #4F5966; }
.modal-assistant .nav-header .row { padding: 0 10px; margin-bottom: 10px; }
.modal-assistant .nav-header img { width: 48px; min-width: 48px; height: 48px; min-height: 48px; border-radius: 50%; margin-left: 0; margin-right: 7px; }
.modal-assistant .nav-header p { color: #B3B8BF; }
.modal-assistant .nav-header h1 { font-size: 18px !important; margin-bottom: 0px !important; }
.modal-assistant .nav-header a.bottom-nav-close i { padding: 0; margin: -5px -5px 0 0; }
.modal-assistant .ico-btn i { color: #96a0b0; }

.bottom-nav-trigger .nav-notification { right: 0; top: 8px; position: absolute; font-size: 11px; padding: 2px 5px; min-width: 20px !important; height: 20px; background-color: #f15e4f; border-radius: 10px; margin-left: 19px; color: #fff; font-weight: 600; vertical-align: middle; text-align: center; display: inline-table; }

.chat-messages { height: 100%; overflow-x: hidden; overflow-y: auto; width: 100%; position: relative; }

.chat-messages-list { list-style-type: none; padding: 10px 17px; margin: 0; width: 100%; }

.chat-message { position: relative; font-size: 0; margin-bottom: 7px; }

.chat-message-effect { position: absolute; }

.chat-message-bubble { background: var(--receive-bg); color: var(--receive-color); font-size: 13px !important; display: inline-block; max-width: calc(100% - 30px); padding: 8px 14px; border-radius: 18px; min-width: 0; line-height: 17px; }
.chat-message-bubble a { color: inherit; text-decoration: underline; word-wrap: break-word; word-break: break-all; }
.chat-message-bubble a:hover { color: inherit; text-decoration: none; }
.chat-message-bubble:after { content: "" !important; position: absolute !important; bottom: 0 !important; height: 18px; }
.chat-message-bubble:before { content: "" !important; position: absolute !important; bottom: 0 !important; height: 18px; }

@media (min-width: 1100px) { #btn-assistant { display: flex; }
  #modal-assistant .bottom-nav-close:hover i { color: #F1F2F4; }
  .modal-assistant .ico-btn:hover i { color: #F1F2F4; }
  .chat-input-tool:hover { color: #F1F2F4 !important; background: var(--receive-bg); }
  .chat-input-tool:focus { border-radius: 50%; box-shadow: none; } }
.modal-assistant .chat-input::-webkit-scrollbar { display: none !important; }

.chat-message-self .avatar { z-index: 1; border-radius: 50%; margin-right: -5px; margin-left: 6px; position: absolute; width: 28px; height: 28px; bottom: 0; right: 0; }

.chat-message-coach .pr-avatar { z-index: 1; border-radius: 50%; margin-left: -5px; margin-right: 6px; position: absolute; width: 28px; height: 28px; bottom: 0; left: 0; }

.chat-message-self .pr-avatar { z-index: 1; border-radius: 50%; margin-right: -5px; margin-left: 6px; position: absolute; width: 28px; height: 28px; bottom: 0; right: 0; }
.chat-message-self .chat-message-bubble { text-align: left; margin-right: 30px; max-width: calc(100% - 60px); }
.chat-message-self .chat-message-bubble:before, .chat-message-self .chat-message-bubble:after { margin-right: 30px; }

.chat-message-coach .pr-avatar, .chat-message-self .pr-avatar { font-size: 8px; }

.chat-messages-list li.chat-message-bot:nth-child(even) .chat-message-bubble { background-color: #29303B; }
.chat-messages-list li.chat-message-bot:nth-child(even) .chat-message-bubble:before { background-color: #29303B; }

.freeze { overflow: auto; }

.btn-bubble[data-type="attach"] span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 130px; }

.form-group small { font-size: 12px; }




/*ui scores*/
@font-face{font-family:'skillsfirst-icons';src:url(../assets/fonts/skillsfirst-icons.eot) format('embedded-opentype'),url(../assets/fonts/skillsfirst-icons.eot) format('embedded-opentype'),url(../assets/fonts/skillsfirst-icons.woff2) format('woff2'),url(.../assets/fonts/skillsfirst-icons.woff) format('woff'),url(../assets/fonts/skillsfirst-icons.ttf) format('truetype'),url(../assets/fonts/skillsfirst-icons.svg) format('svg');font-weight:400;font-style:normal;font-display:auto}

.btn.score-tile__btn {
  background-color: #96a0b022;
  color: #1C2430 !important;
  text-shadow: none;
  font-weight: normal;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .2s;
  margin-top: auto;
  min-width: auto;
}

.btn.score-tile__btn:hover {
  opacity: 1;
  background-color: #96a0b040;
}

.btn.score-tile__btn:focus, .btn.score-tile__btn:active {
  background-color: #96a0b061;
}


/* Improved section header alignment */
.box .box__title {
  padding: 12px 8px 0;
}


.score-ring {
  width: 38px;
  height: 38px;
  min-width: 38px;
  position: relative;
}

.score-ring-lg {
  width: 55px;
  height: 55px;
}

.score-ring svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.score-ring svg circle {
  fill: none;
  stroke-width: 10;
}

.score-ring__bg {
  stroke: #96a0b033;
}

.score-ring__fg {
  stroke-linecap: round;
  stroke: transparent;
  stroke-dasharray: 282.6;
  stroke-dashoffset: 282.6;
  transition: stroke-dashoffset 0.5s ease, stroke 0.3s;
}

.score-ring__label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: .8rem;
}

.score-ring-lg .score-ring__label {
  font-size: 1.15rem;
}

.score-tile__desc {
  margin-bottom: .25rem;
}

.score-tile__desc {
  color: #6c757d;
  transition: color .3s;
}

a.tile.score-tile:hover .score-tile__desc {
  color: #1C2430!important;
}

.tile.score-tile {
  display: flex;
  flex-direction: column !important;
  align-items: start;
  line-height: normal;
  gap: .5rem;
  height: 100%;
  transition: all .2s;
  color: #1C2430;
}

.tile.score-tile:focus {
  border-radius: 10px;
}

.tile.score-tile::before {
  content: none;
}

.tile.score-tile, .tile.score-tile:hover {
  background-color: inherit;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}

a.tile.score-tile:hover {
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.14);
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.14);
}


.scorecard-alert {
  position: relative;
  padding: .75rem 1.25rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

.scorecard__title {
  display: flex;
  flex-direction: column !important;
  align-items: start;
  gap: .5rem;
  transition: all .2s;
  padding: 16px 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}

.scorecard-results > li {
  padding: .75rem 0;
}

.scorecard-results > li:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.scorecard-todo {
  gap: .75rem;
  margin-top: .75rem;
}

.scorecard-todo .todo-label {
  display: flex;
  align-items: start;
  gap: .25rem;
}

.scorecard-todo .todo-label i {
  font-size: 2.25rem;
  margin-right: .5rem;
}

.sf-average::before {
  content: "\eaec";
}


.score-gauge {
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  position: relative;
}

.score-gauge-lg {
  width: 55px;
  height: 55px;
  min-width: 55px;
  min-height: 55px;
}

.score-gauge-xlg {
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
}

.score-gauge-xxlg {
  width: 120px;
  height: 120px;
  min-width: 120px;
  min-height: 120px;
}

.score-gauge svg path {
  fill: none;
  stroke-width: 10;
  stroke-linecap: round;
}

.score-gauge svg .gauge-needle {
  fill: none;
}

.score-gauge.score-gauge-xlg svg path {
  stroke-width: 8;
}

.score-gauge.score-gauge-xxlg svg path {
  stroke-width: 6;
}

.gauge-bg {
  stroke: #96a0b033;
}

.gauge-fg {
  stroke-dasharray: 159.174;
  stroke-dashoffset: 159.174;
}

.score-gauge__label {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: .8rem;
}

.score-gauge-lg .score-gauge__label, .score-gauge-xlg .score-gauge__label, .score-gauge-xxlg .score-gauge__label {
  font-size: 1.15rem;
}


/*# sourceMappingURL=style.css.map */