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

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

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap; }

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

@font-face {
  font-family: "AvenirNext-Medium";
  src: url("../fonts/AvenirNext-Medium.woff2") format("woff2"), url("../fonts/AvenirNext-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: "AvenirNext-Bold";
  src: url("../fonts/AvenirNext-Bold.woff2") format("woff2"), url("../fonts/AvenirNext-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: "AvenirNext-DemiBold";
  src: url("../fonts/AvenirNext-DemiBold.woff2") format("woff2"), url("../fonts/AvenirNext-DemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap; }

@font-face {
  font-family: 'icon';
  src: url("../fonts/icons/icon.ttf?vjibff") format("truetype"), url("../fonts/icons/icon.woff?vjibff") format("woff"), url("../fonts/icons/icon.svg?vjibff#icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icon';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

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

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

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

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

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

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

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

.icon-dash-board:before {
  content: "\e965"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-ui-pto:before {
  content: "\e941"; }

.icon-ui-title-ix:before {
  content: "\e942"; }

.icon-ui-photo-gallery:before {
  content: "\e943"; }

.icon-ui-principal:before {
  content: "\e944"; }

.icon-ui-pay-lunch:before {
  content: "\e945"; }

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

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

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

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

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

.icon-ui-health:before {
  content: "\e94b"; }

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

.icon-ui-documents:before {
  content: "\e94e"; }

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

.icon-ui-bus:before {
  content: "\e950"; }

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

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

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

.icon-ui-agenda:before {
  content: "\e954"; }

.icon-ui-bell:before {
  content: "\e955"; }

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

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

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

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

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

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

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

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

.icon-no-text-speech:before {
  content: "\e936"; }

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

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

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

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

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

.icon-twitter-fill:before {
  content: "\e932"; }

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

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

.icon-school-activities-report:before {
  content: "\e92f"; }

.icon-contact-unreachable:before {
  content: "\e930"; }

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

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

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

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

.icon-deviceapp:before {
  content: "\e92a"; }

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

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

.icon-userlist:before {
  content: "\e927"; }

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

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

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

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

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

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

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

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

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

.icon-angleright-light:before {
  content: "\e904"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.icon-glyph-chevron-left:before {
  content: "\e919"; }

.icon-glyph-chevron-right:before {
  content: "\e91a"; }

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

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

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

.icon-feed:before {
  content: "\e91e"; }

.icon-chevron-down:before {
  content: "\e91f"; }

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

.font-10, .ce__table [class^="icon-"] {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1rem; }

.font-12, .uploadlist__row--head h3, .studentinfo__school {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.125rem; }

.font-13, .socialpreview__url, .socialpreview__desc, .uploadlist__media-size, .commconfigs__body, .uilib .sectionseparator.font-13 {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.0625rem; }

.font-14, .activity__table, .nav-tabs .nav-link, .studentinfo__name, .commconfigs__head {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.375rem; }

.font-15 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.4375rem; }

.font-17, .socialpreview__title {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.6875rem; }

.font-18, .smsmsg__cdetail--title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.625rem; }

.font-20 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 2rem; }

.font-24 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 2.125rem; }

.font-30 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 2.5rem; }

.text-regular {
  font-weight: 400; }

.text-medium, .table__data .tablesub--medium, .nav-tabs .nav-link, .crmsg__desc, .mediafile__detail, .uploadlist__media-detail, .mp__form, .mp__contactinfo .row li, .smsmsg__contact, .smsmsg__time {
  font-weight: 500; }

.text-semibold, .text-headstyle, b, strong, h1, h2, h3, h4, h5, h6, .btn, .header--steps ul .steps, .nav-tabs .nav-link.active, .mp__form form h3, .mp__legend, .header__mp a, .commconfigs__head, .mf__item span {
  font-weight: 600; }

.text-bold, .socialpreview__title, .body__mp h2, .footer__mp h3, .smsmsg__subject, .notify__head h3 {
  font-weight: 700; }

.text-extrabold {
  font-weight: 800; }

.text-an, .mp__app-txt p {
  font-family: 'AvenirNext';
  font-weight: 400; }

.text-an-md {
  font-family: 'AvenirNext-Medium';
  font-weight: 400; }

.text-an-bold, .mp__app-txt h2, .admin__form .form__title {
  font-family: 'AvenirNext-Bold';
  font-weight: 400; }

.text-an-demibold, .mp__app-txt strong, .mp__faqs .faqlist__h h3, .mp__faqs .faqlist__note .highlight, .mp__faqs .faqlist__mypref .mypref__title, .mp__faqs .faqlist__mypref .mypref__item--left, .admin__form .g_id_signin div[role="button"] {
  font-family: 'AvenirNext-DemiBold';
  font-weight: 400; }

.text-bodycolor {
  color: #787C80 !important; }

.text-heading, .table__data .tablesub__text a, .ce__table td:last-child {
  color: #404451 !important; }

.text-slate {
  color: #9DA3A7; }

.text-gray-dark, .text-headstyle {
  color: #2C373C !important; }

.text-gray-light {
  color: #CBCED7 !important; }

.text-link {
  color: #1F88C3 !important; }

.text-green-light {
  color: #7DC481; }

.text-orangerollover {
  color: #E36F4B !important; }

.text-unpublished {
  color: #1F88C3; }

.text-scheduled {
  color: #F2994A; }

.bg-featured {
  background: #F9FAFD !important; }

.bg-lightgray {
  background: #DADDE6 !important; }

.bg-lightorange {
  background: #FFF7E2 !important; }

.bg-darkgray {
  background: #404451 !important; }

.mr-12 {
  margin-right: 12px; }

.px-15 {
  padding-left: 15px;
  padding-right: 15px; }

.h-min-200 {
  height: 200px; }

.w-md-80 {
  width: 80%; }

.flex__wrap, .flex__wrap--center, .flex__wrap--xycenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .flex__wrap--center, .flex__wrap--xycenter {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .flex__wrap--xycenter {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.whitespace-nowrap {
  white-space: nowrap; }

.wordbreak, .emailid {
  word-break: break-word; }

.valign-top {
  vertical-align: top; }

.valign-middle {
  vertical-align: middle; }

.text-underline {
  text-decoration: underline; }

.cursor-pointer {
  cursor: pointer; }

/*Check List*/
.list__check {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none; }
  .list__check li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .list__check li::before {
      font-family: 'icon';
      content: "\e93b";
      margin-right: 10px; }
    .list__check li + li {
      margin-top: 12px;
      margin-bottom: 0; }

/*Icoomon Icons Class Extenstions*/
.icon-chevron-left::before {
  content: "\e919"; }

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

.icon-angleright-light.right {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

html, body {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5rem; }

body {
  background: #F9FAFD; }
  body.sidepanel--active {
    overflow: hidden; }
    body.sidepanel--active::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: 0.2;
      z-index: 1009; }

a, span, label, i {
  display: inline-block; }

button {
  outline: none;
  border: 0; }

audio, video {
  max-width: 100%; }

select:focus, button:focus, audio:focus {
  outline: none; }

a, a:hover, a:focus, .site__transition, button {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

hr {
  border-top: 1px solid #E5E5E5; }

hr.gray {
  border-top: 1px solid #DADDE6; }

h1, .h1 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.875rem;
  margin-bottom: 0.75rem; }

h2, .h2 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.75rem;
  margin-bottom: 0.75rem; }

h3, .h3 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.625rem;
  margin-bottom: 1rem; }

h4, .h4 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 1rem; }

h5, .h5 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.375rem;
  margin-bottom: 0.625rem; }

h6, .h6 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-bottom: 0.625rem; }

.clear__list, .inline__list {
  list-style: none;
  padding: 0;
  margin: 0; }

.inline__list li {
  display: inline-block; }

.dropdown-toggle {
  cursor: pointer; }

.btn {
  padding: 0 30px;
  height: 46px;
  line-height: 46px;
  border-radius: 3px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }
  .btn-md, .btn-compress {
    height: 40px;
    line-height: 40px; }
  .btn-sm {
    padding: 0 15px;
    height: 32px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 0rem; }
    .btn-sm.border {
      padding: 0 14px;
      height: 34px;
      line-height: 34px; }
  .btn-wide {
    padding-left: 34px;
    padding-right: 34px; }
  .btn-shrunk {
    font-size: 14px;
    height: 38px;
    line-height: 38px; }
  .btn-brand {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 15px; }
    .btn-brand > span {
      margin-left: auto;
      padding-left: 15px; }
  .btn-icon:not(.btn-icon.btn-icon--left) {
    padding-right: 0; }
  .btn-icon--left {
    padding-left: 0; }
  .btn-icon img, .btn-icon [class^="icon-"] {
    display: inline-block;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.875rem;
    margin-left: 6px;
    padding-left: 17px;
    padding-right: 17px;
    color: rgba(255, 255, 255, 0.5);
    vertical-align: middle; }
  .btn-iconselect img, .btn-iconselect [class^="icon-"] {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.875rem;
    margin-left: 6px;
    padding-left: 17px;
    padding-right: 17px;
    vertical-align: middle; }
  .btn-iconselect:not(.btn-iconselect.btn-icon--left) {
    padding-right: 0; }
  .btn-iconselect--left {
    padding-left: 0; }
  .btn-group .btn {
    padding: 0 21px; }
  .btn-group .btn-addon {
    padding: 0 12px 0 12px; }
    .btn-group .btn-addon--right {
      /*border-left: 1px solid inherit;*/
      border-left: 0;
      opacity: 0.9; }
      .btn-group .btn-addon--right i {
        opacity: 0.6;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .btn-group .btn-addon--right:hover {
        opacity: 1; }
        .btn-group .btn-addon--right:hover i {
          opacity: 1; }
  .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
    background-color: #369A3B;
    border-color: #369A3B; }
  .btn-primary.btn-addon--right {
    border-left-color: rgba(255, 255, 255, 0.3); }
  .btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active {
    background-color: #0F4DA7;
    border-color: #0F4DA7; }
  .btn-white {
    background-color: #fff;
    border: 1px solid #CBCED7; }
    .btn-white:focus, .btn-white:hover, .btn-white:active {
      background-color: #fff;
      border-color: #787C80; }
  .btn-orange {
    color: #fff;
    /*
&.btn-addon {
&--right {
    border-left-color: rgba($white, 0.3);
}
}
*/ }
    .btn-orange:focus, .btn-orange:hover, .btn-orange:active {
      background-color: #E36F4B;
      border-color: #E36F4B;
      color: #fff; }
  .btn-gray {
    background: #E6E9EF;
    color: #4F4F4F; }
    .btn-gray:focus, .btn-gray:hover, .btn-gray:active {
      background-color: #d6dbe5;
      border-color: #d6dbe5;
      color: #4F4F4F; }
  .btn-lightgray {
    background: #DADDE6;
    color: #4B505F; }
    .btn-lightgray:focus, .btn-lightgray:hover, .btn-lightgray:active {
      background-color: #cbcfdc;
      border-color: #cbcfdc;
      color: #4B505F; }
  .btn-graydark {
    background: #585D6F;
    color: #CBCED7; }
    .btn-graydark:focus, .btn-graydark:hover, .btn-graydark:active {
      background-color: #63697d;
      border-color: #63697d;
      color: #CBCED7; }
  .btn-darkwhite {
    background: #585D6F;
    color: #fff; }
    .btn-darkwhite:focus, .btn-darkwhite:hover, .btn-darkwhite:active {
      background-color: #63697d;
      border-color: #63697d;
      color: #fff; }
  .btn-lightsky {
    background: #F9FAFD;
    color: #2C373C; }
    .btn-lightsky:focus, .btn-lightsky:hover, .btn-lightsky:active {
      background-color: #e6eaf7;
      border-color: #e6eaf7;
      color: #2C373C; }
  .btn-lighter {
    color: #787C80; }
  .btn-outline-light {
    background-color: transparent;
    border-color: #CBCED7;
    color: #CBCED7; }
    .btn-outline-light:focus, .btn-outline-light:hover, .btn-outline-light:active {
      background-color: #585D6F !important;
      color: #CBCED7 !important; }
  .btn-outline-primary i, .btn-outline-primary.text-gray-dark i, .btn-outline-primary.text-headstyle i {
    color: #3FB045; }
  .btn-outline-primary:hover i, .btn-outline-primary:focus i, .btn-outline-primary:active i, .btn-outline-primary.text-gray-dark:hover i, .btn-outline-primary.text-headstyle:hover i, .btn-outline-primary.text-gray-dark:focus i, .btn-outline-primary.text-headstyle:focus i, .btn-outline-primary.text-gray-dark:active i, .btn-outline-primary.text-headstyle:active i {
    color: #fff; }
  .btn-outline-primary.text-gray-dark:not(:disabled):not(.disabled):hover, .btn-outline-primary.text-headstyle:not(:disabled):not(.disabled):hover, .btn-outline-primary.text-gray-dark:not(:disabled):not(.disabled):focus, .btn-outline-primary.text-headstyle:not(:disabled):not(.disabled):focus, .btn-outline-primary.text-gray-dark:not(:disabled):not(.disabled):active, .btn-outline-primary.text-headstyle:not(:disabled):not(.disabled):active {
    background: #3FB045;
    color: #fff !important; }
  .btn-outline-orange:hover {
    color: #F77A53; }
  .btn__list > * {
    margin-right: 10px; }
    .btn__list > *:last-child {
      margin-right: 0; }
  .btn--clear {
    background: none; }
  .btn-markfixed {
    color: #2C373C; }
  .btn-compress {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 0.875rem;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .btn-compress--icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .btn-compress--icon img, .btn-compress--icon [class^="icon-"] {
        display: block;
        width: 40px;
        height: 100%;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 2.375rem;
        text-align: center; }
      .btn-compress--icon-left {
        padding-left: 0; }
        .btn-compress--icon-left img, .btn-compress--icon-left [class^="icon-"] {
          margin-right: 12px; }
    .btn-compress--secondary {
      color: #787C80;
      background: #FAFBFD;
      border: 1px solid #787C80;
      overflow: hidden; }
      .btn-compress--secondary:not([disabled]):not(.disabled):hover {
        color: #575c6d;
        border-color: #bcc1d1; }
      .btn-compress--secondary.disabled, .btn-compress--secondary:disabled {
        color: #787C80;
        border-color: #787C80; }
      .btn-compress--secondary.btn-compress--icon img, .btn-compress--secondary.btn-compress--icon [class^="icon-"] {
        color: #585D6F;
        background: #fff;
        border-right: 1px solid #DADDE6; }
      .btn-compress--secondary.btn-compress--lighter {
        border-color: #DADDE6; }
    .btn-compress--red {
      color: #EB5757;
      background: transparent;
      border: 1px solid #EB5757; }
      .btn-compress--red:not([disabled]):not(.disabled):hover {
        color: #e62929;
        border-color: #e62929; }
      .btn-compress--red.disabled, .btn-compress--red:disabled {
        color: #EB5757; }
    .btn-compress .icon-record, .btn-compress .icon-stop, .btn-compress .icon-text-speech {
      font-size: 10px;
      font-size: 0.625rem;
      line-height: 1.5rem;
      margin-right: 10px; }
  .btn--clearall {
    background: none;
    padding: 0;
    border: none;
    margin: 0;
    outline: none;
    line-height: initial; }
  .btn-loading {
    position: relative; }
    .btn-loading .loader-wrap {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      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;
      -ms-flex-line-pack: center;
          align-content: center;
      opacity: 0;
      visibility: hidden; }
    .btn-loading.loading > .btn-text {
      opacity: 0;
      visibility: hidden; }
    .btn-loading.loading .loader-wrap {
      opacity: 1;
      visibility: visible; }
    .btn-loading.btn-md .loader, .btn-loading.btn-compress .loader {
      width: 15px;
      height: 15px; }
  .btn-btndrop {
    position: relative; }
    .btn-btndrop > .btn {
      position: static; }
      .btn-btndrop > .btn:hover .btndrop, .btn-btndrop > .btn:active .btndrop, .btn-btndrop > .btn:focus .btndrop {
        visibility: visible;
        opacity: 1; }

.tooltip-white .tooltip-inner {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 0.75rem;
  font-weight: 600;
  background-color: #fff;
  color: #404451;
  border: 1px solid #CBCED7;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }

.tooltip-white.bs-tooltip-bottom .arrow, .tooltip-white.bs-tooltip-auto[x-placement^="bottom"] .arrow {
  -webkit-transform: translateY(0.2px);
          transform: translateY(0.2px); }
  .tooltip-white.bs-tooltip-bottom .arrow::before, .tooltip-white.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #fff;
    bottom: -1px;
    z-index: 1; }
  .tooltip-white.bs-tooltip-bottom .arrow::after, .tooltip-white.bs-tooltip-auto[x-placement^="bottom"] .arrow::after {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0 6.4px 6.4px;
    top: 0;
    border-bottom-color: #CBCED7;
    z-index: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }

.tooltip-white.bs-tooltip-top .arrow, .tooltip-white.bs-tooltip-auto[x-placement^="top"] .arrow {
  -webkit-transform: translateX(0.2px);
          transform: translateX(0.2px); }
  .tooltip-white.bs-tooltip-top .arrow::before, .tooltip-white.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #fff;
    top: -1px;
    z-index: 1; }
  .tooltip-white.bs-tooltip-top .arrow::after, .tooltip-white.bs-tooltip-auto[x-placement^="top"] .arrow::after {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 6.4px 6.4px 0;
    top: 0;
    border-top-color: #CBCED7;
    z-index: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }

.row--10 {
  margin-left: -10px;
  margin-right: -10px; }
  .row--10 .col-1, .row--10 .col-2, .row--10 .col-3, .row--10 .col-4, .row--10 .col-5, .row--10 .col-6, .row--10 .col-7, .row--10 .col-8, .row--10 .col-9, .row--10 .col-10, .row--10 .col-11, .row--10 .col-12, .row--10 .col, .row--10 .col-auto, .row--10 .col-sm-1, .row--10 .col-sm-2, .row--10 .col-sm-3, .row--10 .col-sm-4, .row--10 .col-sm-5, .row--10 .col-sm-6, .row--10 .col-sm-7, .row--10 .col-sm-8, .row--10 .col-sm-9, .row--10 .col-sm-10, .row--10 .col-sm-11, .row--10 .col-sm-12, .row--10 .col-sm, .row--10 .col-sm-auto, .row--10 .col-md-1, .row--10 .col-md-2, .row--10 .col-md-3, .row--10 .col-md-4, .row--10 .col-md-5, .row--10 .col-md-6, .row--10 .col-md-7, .row--10 .col-md-8, .row--10 .col-md-9, .row--10 .col-md-10, .row--10 .col-md-11, .row--10 .col-md-12, .row--10 .col-md, .row--10 .col-md-auto, .row--10 .col-lg-1, .row--10 .col-lg-2, .row--10 .col-lg-3, .row--10 .col-lg-4, .row--10 .col-lg-5, .row--10 .col-lg-6, .row--10 .col-lg-7, .row--10 .col-lg-8, .row--10 .col-lg-9, .row--10 .col-lg-10, .row--10 .col-lg-11, .row--10 .col-lg-12, .row--10 .col-lg, .row--10 .col-lg-auto, .row--10 .col-xl-1, .row--10 .col-xl-2, .row--10 .col-xl-3, .row--10 .col-xl-4, .row--10 .col-xl-5, .row--10 .col-xl-6, .row--10 .col-xl-7, .row--10 .col-xl-8, .row--10 .col-xl-9, .row--10 .col-xl-10, .row--10 .col-xl-11, .row--10 .col-xl-12, .row--10 .col-xl, .row--10 .col-xl-auto {
    padding-left: 10px;
    padding-right: 10px; }

.row--shrunk {
  margin-left: -6px;
  margin-right: -6px; }
  .row--shrunk .col-1, .row--shrunk .col-2, .row--shrunk .col-3, .row--shrunk .col-4, .row--shrunk .col-5, .row--shrunk .col-6, .row--shrunk .col-7, .row--shrunk .col-8, .row--shrunk .col-9, .row--shrunk .col-10, .row--shrunk .col-11, .row--shrunk .col-12, .row--shrunk .col, .row--shrunk .col-auto, .row--shrunk .col-sm-1, .row--shrunk .col-sm-2, .row--shrunk .col-sm-3, .row--shrunk .col-sm-4, .row--shrunk .col-sm-5, .row--shrunk .col-sm-6, .row--shrunk .col-sm-7, .row--shrunk .col-sm-8, .row--shrunk .col-sm-9, .row--shrunk .col-sm-10, .row--shrunk .col-sm-11, .row--shrunk .col-sm-12, .row--shrunk .col-sm, .row--shrunk .col-sm-auto, .row--shrunk .col-md-1, .row--shrunk .col-md-2, .row--shrunk .col-md-3, .row--shrunk .col-md-4, .row--shrunk .col-md-5, .row--shrunk .col-md-6, .row--shrunk .col-md-7, .row--shrunk .col-md-8, .row--shrunk .col-md-9, .row--shrunk .col-md-10, .row--shrunk .col-md-11, .row--shrunk .col-md-12, .row--shrunk .col-md, .row--shrunk .col-md-auto, .row--shrunk .col-lg-1, .row--shrunk .col-lg-2, .row--shrunk .col-lg-3, .row--shrunk .col-lg-4, .row--shrunk .col-lg-5, .row--shrunk .col-lg-6, .row--shrunk .col-lg-7, .row--shrunk .col-lg-8, .row--shrunk .col-lg-9, .row--shrunk .col-lg-10, .row--shrunk .col-lg-11, .row--shrunk .col-lg-12, .row--shrunk .col-lg, .row--shrunk .col-lg-auto, .row--shrunk .col-xl-1, .row--shrunk .col-xl-2, .row--shrunk .col-xl-3, .row--shrunk .col-xl-4, .row--shrunk .col-xl-5, .row--shrunk .col-xl-6, .row--shrunk .col-xl-7, .row--shrunk .col-xl-8, .row--shrunk .col-xl-9, .row--shrunk .col-xl-10, .row--shrunk .col-xl-11, .row--shrunk .col-xl-12, .row--shrunk .col-xl, .row--shrunk .col-xl-auto {
    padding-left: 6px;
    padding-right: 6px; }

.container-fluid--lg {
  width: 100%;
  max-width: 100%;
  padding-left: 46px;
  padding-right: 46px; }

.container-md--nospaces {
  padding-left: 0;
  padding-right: 0;
  max-width: 720px; }

.header {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1001;
  -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
          box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: -webkit-box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out; }
  .header.nav-master-header {
    position: relative; }
    .header.nav-master-header .header__actions > ul {
      position: static;
      background: #FAFBFD;
      padding: 0 14px; }
  .header.sticky {
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }
  .header__logo {
    padding-left: 30px;
    line-height: 62px; }
  .header__title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: #2C373C; }
    .header__title > span {
      padding-top: 20px;
      padding-bottom: 20px;
      margin-left: 22px; }
    .header__title-link {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.75rem;
      color: #A7ACB0;
      padding: 20px; }
  .header a:not(.btn), .header__dropdown .header__link {
    color: #2C373C; }
    .header a:not(.btn):hover, .header__dropdown .header__link:hover {
      color: #1F88C3; }
  .header .header__link, .header ul a:not(.btn) {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 3.875rem;
    padding: 0 40px; }
    .header .header__link:hover, .header ul a:hover:not(.btn), .header .header__link:focus, .header ul a:focus:not(.btn), .header .header__link:active, .header ul a:active:not(.btn), .header .active.header__link, .header ul a.active:not(.btn) {
      outline: none; }
  .header ul a:not(.btn) {
    position: relative; }
    .header ul a:not(.btn)::before {
      content: "";
      position: absolute;
      left: 0%;
      top: calc(100% - 2px);
      width: 100%;
      height: 4px;
      border-radius: 50px;
      background: #4B505F;
      opacity: 0;
      visibility: hidden;
      -webkit-transform: all 0.3s ease;
              transform: all 0.3s ease; }
    .header ul a:not(.btn).active::before {
      opacity: 1;
      visibility: visible; }
  .header .bg-dark .steps {
    font-weight: 600; }
    .header .bg-dark .steps a.header__link {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 3.5rem;
      padding: 0 22px;
      color: #9DA3A7; }
    .header .bg-dark .steps__count {
      display: inline-block;
      width: 24px;
      height: 24px;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.5rem;
      padding: 0;
      margin-right: 10px;
      text-align: center;
      border: 1px solid #9DA3A7;
      border-radius: 3px; }
    .header .bg-dark .steps--active .header__link {
      color: #fff; }
    .header .bg-dark .steps--active .steps__count {
      background: #5A6072;
      border-color: #DADDE6; }
  .header .btndrop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 12px !important;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .header .btndrop-item:not(.btn) {
      position: relative;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 2.25rem;
      width: 100%;
      padding: 0 10px;
      text-align: center;
      height: 36px;
      vertical-align: top;
      border-radius: 3px;
      background-color: #E6E9EF; }
      .header .btndrop-item:not(.btn)::before {
        display: none !important; }
      .header .btndrop-item:not(.btn) i {
        position: absolute;
        left: 10px;
        line-height: 36px; }
        .header .btndrop-item:not(.btn) i.icon-rss {
          color: #F2994A; }
        .header .btndrop-item:not(.btn) i.icon-share {
          color: #24A9C7; }
      .header .btndrop-item:not(.btn) + .btndrop-item {
        margin-top: 12px; }
  .header__dropdown {
    position: relative; }
    .header__dropdown .header__link {
      margin-bottom: 0; }
    .header__dropdown .icon-chevron-down {
      font-size: 0.75rem;
      font-weight: bold;
      color: #2C373C;
      margin-left: 15px; }
  .header__left--right {
    margin-left: auto; }
  .header__btn {
    -ms-flex-item-align: stretch;
        align-self: stretch;
    text-align: center; }
    .header__btn--home {
      margin-right: 72px; }
      .header__btn--home a {
        color: rgba(255, 255, 255, 0.3); }
        .header__btn--home a:hover {
          color: rgba(255, 255, 255, 0.6); }
    .header__btn a {
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 3.875rem;
      padding-left: 12px;
      padding-right: 12px;
      color: #2C373C;
      /*
&:hover {
    background: $gray-800-dark;
}
*/ }
      .header__btn a.active {
        color: #1F88C3; }
    .header__btn--ictxt a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%; }
    .header__btn--lbl {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 1.3125rem;
      font-weight: 500; }
  .header__avatar {
    margin-left: 9px;
    margin-right: 18px; }
    .header__avatar .dropdown-toggle::after {
      display: none; }
    .header__avatar .dropdown-item:not(.btn) {
      color: #787C80; }
      .header__avatar .dropdown-item:not(.btn):hover {
        color: #2e3031; }
  .header__buttons {
    padding: 8px 10px; }
  .header__brand, .header__opt {
    min-width: 212px;
    min-width: 150px; }
  .header--light {
    background: #FAFBFD; }

.menu-toggle {
  width: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease; }
  .menu-toggle span {
    position: relative;
    display: block;
    font-size: 0;
    width: 22px;
    height: 19px;
    border-top: 3px solid;
    border-bottom: 3px solid;
    background: transparent;
    color: #2C373C;
    cursor: pointer;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    opacity: 1; }
    .menu-toggle span:before, .menu-toggle span:after {
      content: "";
      display: block;
      width: 100%;
      height: 2px;
      position: absolute;
      top: 50%;
      left: 50%;
      background: #2C373C;
      -webkit-transform: translate3d(-50%, -50%, 0);
              transform: translate3d(-50%, -50%, 0);
      -webkit-transition: -webkit-transform 0.25s ease-in-out;
      transition: -webkit-transform 0.25s ease-in-out;
      transition: transform 0.25s ease-in-out;
      transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; }
  .menu-toggle input:checked + span {
    border-color: transparent;
    opacity: 1; }
    .menu-toggle input:checked + span:before {
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
              transform: translate(-50%, -50%) rotate(45deg); }
    .menu-toggle input:checked + span:after {
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
              transform: translate(-50%, -50%) rotate(-45deg); }

.dropdown-menu {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  top: -10px;
  width: auto;
  border-radius: 3px;
  color: #404451;
  border: 1px solid #CBCED7;
  -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.1);
  -webkit-transition: top 0.3s ease;
  transition: top 0.3s ease;
  margin-top: 0;
  padding-top: 0; }

.dropdown-toggle::after {
  font-family: 'icon' !important;
  content: "\e91f";
  font-size: 8px;
  font-size: 0.5rem;
  line-height: 2.25rem;
  margin-left: 10px;
  border: 0;
  vertical-align: middle; }

.dropdown-toggle--noicon::after {
  display: none; }

.dropdown-item {
  padding-left: 12px;
  padding-right: 12px;
  font-weight: 500;
  padding: 12px 24px;
  color: #404451; }
  .dropdown-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
  .dropdown-item:hover, .dropdown-item:active, .dropdown-item:focus {
    background: #F9FAFD;
    color: inherit; }

input[type="text"], input[type="email"], input[type="password"], input[type="search"], input, .input__custom[type="text"], .input__custom[type="email"], .input__custom[type="password"], .input__custom[type="search"], .input__custom, textarea[type="text"], textarea[type="email"], textarea[type="password"], textarea[type="search"], textarea, select[type="text"], select[type="email"], select[type="password"], select[type="search"], select {
  width: 100%;
  /* padding: 11px 20px; prevchange*/
  padding: 12px 20px;
  line-height: 24px;
  font-weight: 500;
  color: #404451;
  border: 1px solid #DADDE6;
  border-radius: 3px;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

input:focus, .input__custom:focus, textarea:focus, select:focus {
  border-color: #787C80;
  outline: none; }

input[type="search"], .input__custom[type="search"], textarea[type="search"], select[type="search"] {
  padding-right: 50px;
  background-image: url("../images/icon-search.svg");
  background-position: right 15px center;
  background-size: 20px auto;
  background-repeat: no-repeat; }
  input[type="search"]::-ms-clear, .input__custom[type="search"]::-ms-clear, textarea[type="search"]::-ms-clear, select[type="search"]::-ms-clear {
    display: none;
    width: 0;
    height: 0; }
  input[type="search"]::-ms-reveal, .input__custom[type="search"]::-ms-reveal, textarea[type="search"]::-ms-reveal, select[type="search"]::-ms-reveal {
    display: none;
    width: 0;
    height: 0; }
  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration, .input__custom[type="search"]::-webkit-search-decoration, .input__custom[type="search"]::-webkit-search-cancel-button, .input__custom[type="search"]::-webkit-search-results-button, .input__custom[type="search"]::-webkit-search-results-decoration, textarea[type="search"]::-webkit-search-decoration, textarea[type="search"]::-webkit-search-cancel-button, textarea[type="search"]::-webkit-search-results-button, textarea[type="search"]::-webkit-search-results-decoration, select[type="search"]::-webkit-search-decoration, select[type="search"]::-webkit-search-cancel-button, select[type="search"]::-webkit-search-results-button, select[type="search"]::-webkit-search-results-decoration {
    display: none; }

input[type="file"], .input__custom[type="file"], textarea[type="file"], select[type="file"] {
  visibility: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute; }

select {
  padding-left: 15px;
  padding-right: 30px;
  background-image: url("../images/select-down.svg");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: center right 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #787C80;
  font-weight: 400; }

.input__control {
  position: relative;
  display: inline-block; }
  .input__control--search [class^="icon-"] {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    line-height: 48px;
    padding-right: 10px;
    text-align: center;
    display: none; }
  .input__control--uisearch input[type="search"] {
    background-image: url("../images/icon-search-blue.svg"); }
  .input__control--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.input__autocomplete {
  background: #fff;
  padding: 8px !important;
  height: 60px;
  line-height: 24px; }

.input__custom--richtext {
  background: #fff; }
  .input__custom--richtext a {
    text-decoration: underline;
    word-break: break-all; }

.input__custom--inputbg {
  background: #FAFBFD; }

.input__file--box {
  display: inline-block;
  text-align: center; }
  .input__file--box label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 169px;
    height: 169px;
    background: #FAFBFD;
    border: 1px dashed #9DA3A7;
    cursor: pointer;
    margin-bottom: 0; }

.input__file--selected {
  display: none; }

.input-group .form-control {
  border: 1px solid #DADDE6; }

.input-group .input-group-text {
  min-width: 48px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #DADDE6;
  background: #FAFBFD;
  color: #787C80; }

textarea {
  min-height: 88px;
  resize: none; }
  textarea.textarea--md {
    min-height: 170px; }

.formfield-colored input[type="text"],
.formfield-colored input[type="email"],
.formfield-colored input[type="password"],
.formfield-colored input[type="search"],
.formfield-colored .input__control,
.formfield-colored .input__custom,
.formfield-colored select {
  background-color: #FAFBFD; }

.custom-control-label {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #787C80;
  font-weight: 600;
  cursor: pointer; }
  .custom-control-label.text-regular {
    font-weight: 400; }
  .custom-control-label::before, .custom-control-label::after {
    width: 17px;
    height: 17px;
    top: 3px;
    left: -23px; }

.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: none;
          box-shadow: none; }

.custom-control--inline {
  margin-right: 16px; }
  .custom-control--inline:last-child {
    margin-right: 0; }

.custom-checkbox {
  padding-left: 30px; }
  .custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after {
    border-radius: 3px; }
  .custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after {
    top: 1px;
    left: -26px;
    top: 2px;
    left: -30px;
    width: 20px;
    height: 20px;
    border-radius: 2.64px; }
  .custom-checkbox .custom-control-label::before {
    border: 3px solid #9DA3A7;
    background: 50% / 50% 50% no-repeat;
    background-color: transparent; }
  .custom-checkbox .custom-control-label::after {
    background-size: 10px; }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background: #fff;
    color: #369A3B;
    border-color: #369A3B; }
  .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.52953 8.99999C4.30178 9.00054 4.0762 8.95686 3.86586 8.87149C3.65552 8.78612 3.46461 8.66075 3.30421 8.50267L0.414315 5.67695C0.131017 5.35196 -0.016425 4.93441 0.00145503 4.50774C0.0193351 4.08107 0.20122 3.67671 0.510762 3.37547C0.820303 3.07423 1.2347 2.8983 1.67114 2.88284C2.10758 2.86737 2.53392 3.01351 2.86495 3.29205L4.52953 4.9174L9.084 0.455034C9.4127 0.155553 9.84744 -0.00748559 10.2966 0.000264142C10.7459 0.00801387 11.1745 0.185947 11.4921 0.496579C11.8098 0.807211 11.9918 1.22629 11.9997 1.66552C12.0077 2.10475 11.8409 2.52984 11.5346 2.85124L5.75484 8.49137C5.5954 8.65149 5.40493 8.77895 5.19454 8.86628C4.98416 8.95361 4.75808 8.99907 4.52953 8.99999V8.99999Z' fill='%233FB045'/%3E%3C/svg%3E%0A"); }
  .custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before, .custom-checkbox .custom-control-input[disabled] ~ .custom-control-label::before {
    background: #fff;
    opacity: 0.5; }
  .custom-checkbox .custom-control-input:disabled ~ .custom-control-label::after, .custom-checkbox .custom-control-input[disabled] ~ .custom-control-label::after {
    opacity: 0.5; }
  .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input[disabled]:checked ~ .custom-control-label::before {
    background: #fff; }
  .custom-checkbox--muted .custom-control-label {
    color: #9DA3A7;
    font-weight: 500; }
    .custom-checkbox--muted .custom-control-label::before {
      border-color: #CBCED7; }
  .custom-checkbox--muted input:checked + .custom-control-label {
    color: #787C80; }

.custom-radio .custom-control-label::before, .custom-radio .custom-control-label::after {
  border-color: #CBCED7;
  border-radius: 100%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #CBCED7;
  background: #fff; }

.table__filter, .section__header {
  margin-bottom: 22px; }
  .table__filter--link {
    font-weight: 500; }
    .table__filter--link i {
      font-size: 8px;
      padding-left: 5px; }
  .table__filter input, .section__header input {
    min-width: 392px;
    max-width: 100%;
    font-weight: 400; }

.table__data table {
  border: 0;
  border-spacing: 0; }

.table__data tr {
  border: 1px solid #CBCED7;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.table__data th, .table__data td {
  padding: 0; }

.table__data th {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.375rem;
  text-transform: uppercase;
  background-color: #FAFBFD;
  font-weight: 600;
  padding: 12px 20px;
  color: #404451;
  white-space: nowrap; }
  .table__data th a {
    color: #404451;
    display: block; }
  .table__data th i {
    font-size: 9px;
    font-size: 0.5625rem;
    line-height: 0.5625rem;
    margin-left: 5px;
    color: #9DA3A7; }

.table__data td {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  position: relative;
  font-weight: 400;
  padding: 20px 20px;
  height: 85px;
  color: #404451;
  background-color: #fff; }
  .table__data td a {
    font-weight: 500; }

.table__data tbody tr:hover {
  background: #FAFBFD; }
  .table__data tbody tr:hover td {
    background-color: #FAFBFD; }

.table__data .table__sort {
  padding: 0; }
  .table__data .table__sort a {
    padding: 12px 20px; }
    .table__data .table__sort a > {
      vertical-align: middle; }
  .table__data .table__sort--active {
    background: #F9FAFD; }
    .table__data .table__sort--active i {
      display: inline-block;
      color: #3FB045;
      /*transform: rotate(180deg);*/ }

.table__data .tablesub {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: #787C80; }
  .table__data .tablesub a {
    color: #787C80; }
  .table__data .tablesub__text a {
    text-decoration: underline; }

.table__data .sub-text {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }
  .table__data .sub-text:hover {
    color: #535659; }

.table__data--normal td {
  height: 48px;
  padding: 15px 20px; }

.table__data--firstwide th:first-child, .table__data--firstwide th:first-child > a {
  padding-right: 0; }

.table__data--firstwide th:nth-child(2) {
  width: 110px; }

.table__data--firstwide th:nth-child(3) {
  width: 126px; }

.table__data--firstwide th:nth-child(4) {
  width: 157px; }

.table__data--searchtemp {
  margin-top: 24px; }
  .table__data--searchtemp tr > td:nth-child(2) {
    width: 126px; }
  .table__data--searchtemp tr > td:last-child {
    width: 157px; }

.table__data .cell--auto {
  width: 1px;
  min-width: 0; }

.table__data--white table {
  background: #fff; }

.table__data--white .page-item:not(.active) .page-link {
  background: transparent; }

.table__auto td {
  height: auto; }

.table__actions {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
  padding-left: 32px;
  background: #F9FAFD;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(8%, #FAFBFD));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FAFBFD 8%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 1; }
  .table__actions .btn {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 2.125rem;
    width: 80px;
    height: 36px;
    padding: 0 5px;
    font-weight: 600; }
  .table__actions > a {
    margin-left: auto; }
  .table__actions > .dropdown {
    margin: 0 15px; }

.table__data tr:hover .table__actions {
  opacity: 1;
  visibility: visible; }

.table__settings {
  margin-bottom: 24px; }
  .table__settings th {
    font-weight: 500;
    background: #fff; }
    .table__settings th i {
      margin-left: 0;
      margin-right: 6px; }
    .table__settings th .icon-envelope {
      font-size: 11px;
      font-size: 0.6875rem;
      line-height: 1.1875rem; }
    .table__settings th .icon-sms {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.25rem; }
    .table__settings th .icon-mobileapp {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 0.875rem; }
  .table__settings td {
    font-weight: unset; }
  .table__settings .thead--title {
    font-weight: 600;
    text-transform: none; }
  .table__settings .thead--sub {
    text-transform: none; }
  .table__settings tbody tr {
    background: #FAFBFD; }

.table__empty {
  background: #fff; }
  .table__empty--block {
    min-height: 40vh; }

.table__sis td,
.table__sis th {
  padding: 12px 16px;
  white-space: nowrap; }

.table__sis tbody td {
  border: 1px solid #CBCED7; }
  .table__sis tbody td:first-child {
    width: 113px;
    min-width: 113px; }
  .table__sis tbody td:first-child, .table__sis tbody td:nth-child(2) {
    background-color: #FAFBFD; }

.activity__table {
  color: #2C373C;
  font-weight: 500;
  text-align: left; }
  .activity__table tr {
    position: relative;
    z-index: 0; }
    .activity__table tr .activity__iconwrapper:before {
      content: "";
      display: block;
      position: absolute;
      bottom: 100%;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 1px;
      height: 146%;
      background: #DADDE6;
      z-index: -1; }
    .activity__table tr:first-child .activity__iconwrapper:before {
      bottom: auto;
      top: 100%;
      height: 100%; }
  .activity__table td {
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
    vertical-align: middle; }

.activity__iconwrapper {
  position: relative;
  width: 30px;
  height: 30px;
  background: #fff;
  border: 1px solid #7DC481;
  border-radius: 100%;
  text-align: center; }
  .activity__iconwrapper i {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.875rem;
    color: #7DC481; }

.activity__type {
  padding-left: 11px;
  font-weight: 600; }

.activity__action a {
  font-weight: 400;
  text-decoration: underline;
  color: #2C373C; }

.activity__contact a {
  color: #2C373C; }

.activity--error .activity__iconwrapper, .activity--error .activity__iconwrapper i, .activity--error .activity__date, .activity--error .activity__contact, .activity--error .activity__status {
  border-color: #EB5757;
  color: #EB5757; }

.activity--error .activity__contact a {
  color: #EB5757; }

.section__header--card .icon--gray {
  color: #9DA3A7; }

.section__header--card .icon--4x {
  font-size: 44px;
  font-size: 2.75rem;
  line-height: 2.75rem; }

.status {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 13px;
  line-height: 18px;
  color: #787C80;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .status::before {
    content: "";
    width: 8px;
    min-width: 8px;
    height: 8px;
    display: block;
    border-radius: 100%;
    margin-right: 8px;
    background: #DADDE6; }
  .status--sending::before {
    background: #F77A53; }
  .status--draft::before {
    background: #DADDE6; }
  .status--scheduled::before {
    background: #1F88C3; }
  .status--sent::before {
    background: #3FB045; }
  .status--dblue::before {
    background: #0F4DA7; }
  .status--red::before {
    background: #EB5757; }

.breadcrumb-item {
  font-weight: 500; }
  .breadcrumb-item a, .breadcrumb-item + .breadcrumb-item::before {
    font-weight: 500;
    color: #828282; }
  .breadcrumb-item.active {
    font-weight: 600;
    color: #828282; }

.aside__area {
  position: fixed;
  top: 62px;
  left: 0;
  width: 282px;
  padding-top: 36px;
  padding-bottom: 36px;
  height: calc(100vh - 62px);
  overflow-y: auto;
  z-index: 1000; }
  .aside__area > ul > li {
    margin-top: 20px; }
    .aside__area > ul > li > a {
      display: block;
      color: #2C373C;
      padding: 0 15px 0 28px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .aside__area > ul > li > a i {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 2.5625rem;
        vertical-align: middle;
        color: #787C80; }
      .aside__area > ul > li > a.active, .aside__area > ul > li > a:hover {
        color: #3FB045; }
        .aside__area > ul > li > a.active i, .aside__area > ul > li > a:hover i {
          color: #3FB045; }
        .aside__area > ul > li > a.active .aside__icon-hover, .aside__area > ul > li > a:hover .aside__icon-hover {
          visibility: visible;
          opacity: 1; }
  .aside__area > ul > li.aside__dropdown > a {
    padding-right: 50px; }
  .aside__area--uilib h3 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.625rem;
    padding: 0 30px;
    margin-bottom: 0; }
  .aside__area--uilib ul {
    margin-top: 15px; }
    .aside__area--uilib ul > li {
      padding: 0 15px;
      margin-top: 5px; }
      .aside__area--uilib ul > li a {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 2.125rem;
        font-weight: 500;
        padding: 0 15px;
        color: #787C80;
        border-radius: 3px; }
        .aside__area--uilib ul > li a.active {
          font-weight: 600; }
        .aside__area--uilib ul > li a:hover, .aside__area--uilib ul > li a.active {
          background: #EAEEF6;
          color: #404451; }
      .aside__area--uilib ul > li.aside__dropdown a {
        max-width: calc(100% - 15px); }
    .aside__area--uilib ul + h3 {
      margin-top: 15px; }
    .aside__area--uilib ul ul {
      margin: 0;
      padding: 0;
      background: transparent; }
  .aside__area--uilib .aside__dropdown--toggle {
    width: auto;
    height: auto;
    line-height: 34px;
    right: 15px; }
    .aside__area--uilib .aside__dropdown--toggle i {
      color: #1F88C3; }
  .aside__area--offset {
    padding-top: 90px; }

.aside__icon {
  position: relative;
  width: 41px;
  height: 41px;
  background-color: rgba(218, 221, 230, 0.6);
  border-radius: 100%;
  margin-right: 12px;
  text-align: center; }
  .aside__icon img {
    vertical-align: top;
    width: 21px;
    height: auto; }
  .aside__icon-hover {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .aside__icon .icon-dashboard {
    font-size: 16px; }

.aside__dropdown {
  position: relative; }
  .aside__dropdown--toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 9px;
    text-align: center;
    cursor: pointer;
    z-index: 2; }
    .aside__dropdown--toggle i {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); }
  .aside__dropdown--list {
    list-style: none;
    padding: 6px 0px;
    background: #FAFBFD;
    display: none;
    margin-top: 15px; }
    .aside__dropdown--list li {
      margin: 5px 0; }
    .aside__dropdown--list a {
      display: block;
      font-weight: 500;
      color: #787C80;
      padding: 9px 15px;
      padding-left: 60px; }
      .aside__dropdown--list a:hover, .aside__dropdown--list a.active {
        background: #F9FAFD;
        color: #3FB045; }
  .aside__dropdown--active .aside__dropdown--toggle i {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }

.aside__user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
  padding-left: 28px;
  padding-right: 15px;
  margin-bottom: 50px; }

.aside__userdetails {
  padding-left: 12px; }
  .aside__userdetails span {
    display: block;
    width: 100%; }

.aside__usertitle {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  color: #9DA3A7;
  margin-top: 0; }

.aside__pagetitle {
  padding: 0 28px;
  min-height: 150px; }

.aside__uilibtitle {
  padding: 0 28px;
  min-height: 90px; }

.content__area {
  padding-top: 55px;
  padding-left: 28px;
  padding-right: 50px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 282px);
          flex: 1 0 calc(100% - 282px);
  max-width: calc(100% - 282px);
  margin-left: 282px; }
  .content__area--uilib {
    padding: 40px 44px;
    margin-top: 36px;
    margin-bottom: 36px;
    background: #fff;
    max-width: calc(100% - 282px - 30px);
    min-height: calc(100vh - 134px);
    border: 1px solid #E6ECF0;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); }

.content__header {
  margin-bottom: 30px; }

.pagination {
  margin: 0;
  padding: 32px 0;
  max-width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .pagination__wrapper {
    position: relative;
    text-align: center;
    /*
&::before, &::after {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 28px;
z-index: 1;
}

&::before {
left: 0;
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

&::after {
right: 0;
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
*/ }
  .pagination ul {
    margin: 0;
    font-size: 14px;
    line-height: 14px; }
  .pagination li {
    padding-left: 2px;
    padding-right: 2px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
    .pagination li:first-child {
      padding-left: 0; }
    .pagination li:last-child {
      padding-right: 0; }
  .pagination .page-link {
    line-height: 31px;
    text-align: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 3px;
    background-color: transparent; }
  .pagination__arrow .page-link, .pagination__arrow.disabled .page-link {
    width: auto;
    padding: 0 10px;
    color: #1F88C3;
    background: transparent; }
    .pagination__arrow .page-link:hover, .pagination__arrow .page-link:focus, .pagination__arrow.disabled .page-link:hover, .pagination__arrow.disabled .page-link:focus {
      border-color: transparent;
      background: transparent;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #0F4DA7; }
  .pagination__arrow--prev i {
    margin-right: 18px; }
  .pagination__arrow--next i {
    margin-left: 18px; }
  .pagination__arrow.disabled .page-link {
    color: #CBCED7;
    border: 0; }

.page-link i {
  font-size: 12px; }

.page-btn.active .page-link, .page-btn .page-link:hover, .page-btn .page-link:active, .page-btn .page-link:focus {
  color: #1F88C3;
  border: 1px solid #1F88C3;
  background: #F9FAFD;
  -webkit-box-shadow: none;
          box-shadow: none; }

.modal-backdrop {
  background: #2C373C; }
  .modal-backdrop.show {
    opacity: 0.8; }

.modal-dialog {
  max-width: 875px; }

.modal-dialog--createmsg {
  max-width: 822px;
  margin-top: 142px; }

.modal__top {
  position: sticky;
  top: 0;
  z-index: 1200; }

.modal-header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 21px 16px;
  color: #404451;
  border-radius: 3px;
  border: 0;
  background: #F9FAFD;
  padding-left: 44px;
  padding-right: 22px; }
  .modal-header .close,
  .modal-header .close i,
  .modal-header .close:hover,
  .modal-header .close:hover i {
    color: #404451;
    font-size: 16px;
    color: #404451;
    text-shadow: none;
    opacity: 1; }

.modal-title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 2.125rem;
  color: #404451; }

.modal-content {
  border: 0;
  overflow: hidden;
  border-radius: 3px; }

.modal-title {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.4375rem; }

.modal-body {
  padding: 44px; }
  .modal-body--title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 2rem; }

.modal__skip-link {
  font-size: 17px;
  color: #787C80;
  text-decoration: underline; }
  .modal__skip-link:hover {
    color: #3FB045;
    text-decoration: underline; }

.modal--fullscreen {
  padding-right: 0 !important; }
  .modal--fullscreen .modal-dialog {
    width: 100%;
    max-width: 100%;
    height: 100vh;
    max-height: 100vh;
    margin-top: 0;
    margin-bottom: 0; }
    .modal--fullscreen .modal-dialog-scrollable .modal-content {
      max-height: 100vh;
      height: 100vh;
      overflow-y: auto; }
  .modal--fullscreen .modal-content {
    border-radius: 0; }

.modal--filebrowse .modal-dialog {
  max-width: 1089px; }

.modal--filebrowse .section__header i {
  font-size: 8px;
  padding-top: 2px;
  color: #9DA3A7; }

.modal-delete .btn {
  min-width: 153px; }

.modal-video {
  max-width: 927px; }
  .modal-video .modal-content {
    overflow: visible; }
  .modal-video--close {
    position: absolute;
    top: -16.5px;
    right: -14.5px;
    width: 43px;
    height: 43px;
    line-height: 43px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 100%; }
    .modal-video--close .icon-cross {
      display: inline-block;
      font-weight: 600; }

.modal-template .input__control--search {
  display: block; }
  .modal-template .input__control--search input {
    background-color: #F9FAFD; }

.header__actions > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 14px;
  width: auto;
  height: 66px;
  z-index: 1201; }
  .header__actions > ul:last-child {
    left: auto;
    right: 14px; }

.header__actions .inline__list + .inline__list {
  padding-left: 10px; }

.header__actions--side .btn {
  font-size: 14px; }

.header--steps ul a:not(.btn)::before {
  display: none; }

.header--steps ul .steps {
  color: #9DA3A7; }
  .header--steps ul .steps > .header__link {
    padding: 0 22px; }
  .header--steps ul .steps a.header__link {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 4.125rem;
    color: #9DA3A7;
    padding: 0 22px; }
    .header--steps ul .steps a.header__link:hover, .header--steps ul .steps a.header__link:focus, .header--steps ul .steps a.header__link:active {
      background: transparent !important; }
  .header--steps ul .steps a, .header--steps ul .steps .header__link {
    color: #9DA3A7;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 3.5rem; }
    .header--steps ul .steps a:hover, .header--steps ul .steps a:focus, .header--steps ul .steps a:active, .header--steps ul .steps .header__link:hover, .header--steps ul .steps .header__link:focus, .header--steps ul .steps .header__link:active {
      background: transparent; }
  .header--steps ul .steps--active, .header--steps ul .steps--active a, .header--steps ul .steps--active .header__link {
    color: #404451; }
  .header--steps ul .steps__count {
    display: inline-block;
    width: 28px;
    height: 28px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.75rem;
    padding: 0;
    text-align: center;
    color: #fff;
    background: #CBCED7;
    border: 0px;
    border-radius: 100%;
    margin-right: 10px; }
  .header--steps ul .steps--active .steps__count {
    background: #5483A5; }

.header--tabs ul {
  padding-top: 10px;
  padding-bottom: 10px; }
  .header--tabs ul .htabs .header__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 0.8125rem;
    font-weight: 600;
    padding: 11px 25px;
    color: #404451;
    border-radius: 50px;
    border: 1px solid transparent; }
    .header--tabs ul .htabs .header__link::before {
      display: none; }
    .header--tabs ul .htabs .header__link:hover {
      background: #eff2f9;
      border-color: #eff2f9; }
    .header--tabs ul .htabs .header__link.active {
      background: #fff;
      border-color: #DADDE6; }
  .header--tabs ul .htabs__icon {
    margin-right: 10px; }

.page__block {
  padding-bottom: 48px; }

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
  opacity: 1; }

.featured {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  min-height: 169px;
  border-bottom: 1px solid #DADDE6;
  margin-bottom: 35px; }
  .featured__block {
    padding-top: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #FAFBFD; }
  .featured--create-message {
    margin-bottom: 52px; }
  .featured--review-send {
    margin-bottom: 0px;
    border-bottom: 0px solid #DADDE6; }
    .featured--review-send .featured__block {
      padding-bottom: 55px; }
    .featured--review-send .featured__link {
      color: #1F88C3;
      font-weight: 500;
      text-decoration: none; }
      .featured--review-send .featured__link:hover {
        color: #1F88C3;
        text-decoration: underline; }
  .featured__link {
    color: #9DA3A7;
    font-weight: 500;
    text-decoration: underline; }
    .featured__link:hover {
      color: #9DA3A7;
      text-decoration: underline; }

.blockgroup, .blocklist {
  color: #404451;
  margin-bottom: 18px; }
  .blockgroup-wrapper, .blocklist-wrapper {
    margin-top: 34px; }
  .blockgroup__label, .blocklist__label {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: 700;
    margin-bottom: 10px; }
  .blockgroup input[type="text"], .blockgroup input[type="email"], .blockgroup input[type="password"], .blockgroup input[type="search"], .blockgroup .input__control, .blockgroup .input__custom, .blocklist input[type="text"], .blocklist input[type="email"], .blocklist input[type="password"], .blocklist input[type="search"], .blocklist .input__control, .blocklist .input__custom {
    padding: 14px 20px;
    font-weight: 500;
    color: #404451;
    max-width: 720px; }
  .blockgroup .input__custom--richtext a, .blocklist .input__custom--richtext a {
    text-decoration: underline; }

legend {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
  margin-bottom: 10px;
  position: relative; }
  legend span {
    background-color: #fff;
    padding-right: 8px;
    position: relative;
    z-index: 1; }
  legend:after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #DADDE6;
    position: absolute;
    top: 50%;
    left: 0; }

.blockgroup + .blockgroup {
  padding-top: 18px; }

.blockgroup:last-child {
  margin-bottom: 0; }

.blocklist {
  /*
&--active {
.blocklist__cell--icon {
[class^="icon-"] {
    color: $primary;
}
}
}
*/ }
  .blocklist--grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 34px; }
  .blocklist__label {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.125rem; }
  .blocklist__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }
    .blocklist__cell:nth-child(2) {
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      padding: 0;
      max-width: calc(100% - 255px); }
    .blocklist__cell + .blocklist__cell {
      margin-left: 48px; }
    .blocklist__cell [class^="icon-"] {
      font-size: 45px;
      font-size: 2.8125rem;
      line-height: 2.8125rem;
      color: #787C80; }
    .blocklist__cell .icon-website::before {
      font-size: 0.82em; }
    .blocklist__cell .icon-twitter::before {
      font-size: 0.84em; }
    .blocklist__cell .icon-envelope::before {
      font-size: 0.77em; }
    .blocklist__cell .icon-sms::before {
      font-size: 0.97em; }
    .blocklist__cell .icon-voicecall::before {
      font-size: 0.91em; }
    .blocklist__cell .icon-mobileapp::before {
      font-size: 0.97em; }
    .blocklist__cell--icon {
      min-width: 47px;
      text-align: center; }
  .blocklist__panel {
    padding-top: 45px;
    padding-left: 96px; }
  .blocklist__text {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: #787C80; }
  .blocklist--contact-count {
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #787C80; }
  .blocklist--row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-top: 1px solid #DADDE6;
    margin-bottom: 0;
    padding: 22px 15px; }
    .blocklist--row:last-child {
      border-bottom: 1px solid #DADDE6; }
  .blocklist__chevron {
    margin-left: 22px; }
    .blocklist__chevron [class^="icon-"] {
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 1.5rem;
      color: #DADDE6;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .blocklist__chevron:not(.collapsed) [class^="icon-"] {
      color: #3FB045;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }

.website__bannerpopup {
  border-radius: 6px;
  border: 1px solid #CBCED7;
  overflow: hidden; }
  .website__bannerpopup img {
    max-height: 153px; }

.sms__thread > .row + .row {
  margin-top: 20px; }

.sms__avatar {
  width: 57px;
  height: 57px; }
  .sms__avatar img {
    width: 100%;
    height: 100%; }

.sms__msg {
  padding: 20px 25px;
  background: #F9FAFD;
  color: #2C373C;
  font-weight: 500;
  border-radius: 20px;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.5625rem; }
  .sms__msg p:last-child {
    margin-bottom: 0; }

.badge {
  position: relative;
  display: inline-block;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 0.75rem;
  width: 12px;
  height: 12px;
  text-align: center;
  padding: 0;
  border-radius: 100%;
  background: #CBCED7;
  color: #fff;
  vertical-align: middle;
  cursor: pointer; }
  .badge:empty {
    display: inline-block; }
  .badge--right {
    margin-left: 5px; }
  .badge--icon {
    width: auto;
    height: auto;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 0.9375rem;
    background: transparent; }
    .badge--icon::before {
      line-height: 21px; }
  .badge--orange, .badge--urgent {
    color: #F77A53; }
  .badge-square {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 30px;
    height: 40px;
    line-height: 40px;
    width: auto;
    border-radius: 0;
    background: transparent;
    border: 1px solid;
    margin-left: 4px;
    width: 169px;
    max-width: 100%; }
    .badge-square--gray {
      color: #787C80;
      border-color: #787C80; }
    .badge-square--yellow {
      color: #F2C94C;
      border-color: #F2C94C; }
    .badge-square--warning {
      color: #EB5757;
      border-color: #EB5757; }
  .badge-rounded {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 13px;
    font-weight: 700;
    padding: 4px 10px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    background: #F3F3F3; }
  .badge-unsubscribe {
    display: none;
    font-size: 11.5px;
    line-height: 19px;
    max-width: 186px;
    text-align: center;
    color: #EB5757; }

.promote-check-wrapper {
  position: relative; }

.promote-check, .pin-top-check {
  margin-top: 5px; }
  .promote-check .options-pin, .pin-top-check .options-pin {
    text-align: right;
    font-weight: 600;
    font-size: 12px;
    line-height: 1.8;
    color: #9DA3A7; }
    .promote-check .options-pin .txt-promote-check, .pin-top-check .options-pin .txt-promote-check {
      margin-left: 3px;
      margin-right: 5px; }
    .promote-check .options-pin.pinned i, .pin-top-check .options-pin.pinned i {
      color: #F2C94C; }
    .promote-check .options-pin.pinned .txt-promote-check, .pin-top-check .options-pin.pinned .txt-promote-check {
      color: #404451; }

.contacts__list {
  margin-top: 20px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.contacts__item {
  margin-bottom: 30px; }
  .contacts__item:not(:last-child) {
    margin-right: 48px; }
  .contacts__item--detail {
    margin-left: 8px; }
    .contacts__item--detail h4 {
      line-height: 14px; }

.contact__settings i {
  color: #787C80;
  margin-right: 6px; }

.contact__settings .icon-voicecall {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.25rem; }

.contact__settings .icon-sms {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.3125rem; }

.contact__settings .icon-envelope {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.3125rem; }

.contact__settings .icon-mobileapp {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.3125rem; }

.contact__settings .card {
  min-height: 108px; }

.contact__settings .custom-control-label {
  padding-top: 3px; }

.nav-tabs {
  border-bottom: 1px solid #CBCED7; }
  .nav-tabs .nav-item:first-child .nav-link {
    border-top-left-radius: 6px;
    border-right-width: 0.5px; }
  .nav-tabs .nav-item:last-child .nav-link {
    border-top-right-radius: 6px;
    border-left-width: 0.5px; }
  .nav-tabs .nav-item + .nav-item:not(:last-child) .nav-link {
    border-left-width: 0.5px;
    border-right-width: 0.5px; }
  .nav-tabs .nav-link {
    border-color: #DADDE6 #DADDE6 #DADDE6;
    color: #2C373C;
    background: #F9FAFD;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    min-width: 159px;
    padding: 12px 15px;
    text-align: center; }
  .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-color: #DADDE6 #DADDE6 #fff;
    background: #fff; }

.tab-pane {
  padding-top: 20px;
  padding-bottom: 20px; }

.pane__row {
  padding-top: 19px;
  padding-bottom: 19px; }
  .pane__row--title {
    margin-bottom: 20px; }

.card {
  border-radius: 6px;
  padding: 12px 24px;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  min-height: 100%; }
  .card-light {
    background: #F9FAFD; }
  .card__content {
    margin-top: 22px; }
  .card__infobox {
    padding: 24px;
    border: 1px solid #DADDE6;
    border-radius: 3px; }
    .card__infobox--stats [class^="icon-"] {
      font-size: 35px;
      color: #9DA3A7;
      padding-right: 24px; }
    .card__infobox--details {
      max-width: 162px;
      margin-top: -3px; }
  .card__deliverymethods .icon-sms {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.125rem; }

.custom-switch {
  padding-left: 48px; }

.custom-switch .custom-control-label::before {
  width: 44px;
  height: 25px;
  border: 0;
  border-radius: 20px;
  top: 2px;
  left: -48px;
  background: #CBCED7; }

.custom-control-label::after {
  background-size: 9px;
  background-repeat: no-repeat; }

.custom-switch .custom-control-label::after {
  top: 4px;
  left: -45px;
  width: 21px;
  height: 21px;
  background: #fff;
  border-radius: 100%; }

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  -webkit-transform: translateX(19px);
          transform: translateX(19px); }

.custom-control--nolabel {
  padding-left: 44px; }

.custom-control--nolabel.custom-switch .custom-control-label::before {
  left: -44px; }

.custom-control--nolabel.custom-switch .custom-control-label::after {
  left: -42px; }

.count__block {
  font-weight: 600; }
  .count__block--label {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5rem;
    color: #2C373C; }
  .count__block--count {
    display: block;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 2.5rem; }

.page__block--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.page__block--sidebar {
  min-width: 352px;
  max-width: 352px; }

.page__block--content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding-left: 40px; }

.sidefilters {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500; }
  .sidefilters--title {
    margin-bottom: 5px; }
  .sidefilters__block {
    padding-bottom: 22px; }
    .sidefilters__block--type {
      padding-top: 22px;
      margin-bottom: 20px; }
      .sidefilters__block--type + .sidefilters--and {
        margin-top: 18px; }
  .sidefilters__fields .custom-radio {
    margin-bottom: 12px; }
  .sidefilters label {
    margin-bottom: 18px; }
  .sidefilters .custom-control label {
    color: #2C373C;
    margin-bottom: 0; }
  .sidefilters--and {
    display: none; }
  .sidefilters--back {
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #787C80;
    margin-bottom: 20px;
    background: transparent;
    padding: 0; }
    .sidefilters--back:hover, .sidefilters--back:focus {
      color: #787C80; }
    .sidefilters--back span {
      text-decoration: underline; }
    .sidefilters--back i {
      font-size: 9px;
      font-size: 0.5625rem;
      line-height: 1.25rem;
      vertical-align: middle;
      margin-right: 5px; }
  .sidefilters--property, .sidefilters--subproperty, .sidefilters__options {
    display: none; }
  .sidefilters .input__select, .sidefilters__block .subproperty__select {
    max-width: 300px;
    width: 100%;
    margin-bottom: 18px; }
  .sidefilters__results .sidefilters__block {
    margin-bottom: 20px; }
  .sidefilters__results .icon-delete {
    color: #787C80; }

.subproperty--filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 14px; }
  .subproperty--filter .icon-select-down {
    font-size: 6px;
    font-size: 0.375rem;
    line-height: 0.375rem;
    color: #CBCED7; }

.subproperty__filterset, .subproperty__select, .subproperty__apply {
  display: none; }

.filter__result--list {
  margin-top: -10px; }
  .filter__result--list li {
    background-color: #F9FAFD;
    border: 0;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    margin-left: 5px;
    margin-top: 10px;
    color: #404451; }

.filter__result--edit {
  color: #9DA3A7;
  font-weight: 500;
  text-decoration: underline;
  padding: 0;
  margin-right: 12px;
  background: transparent; }
  .filter__result--edit:hover {
    color: #9DA3A7; }

.filter__result--delete {
  background: transparent;
  padding: 0; }

.select2-container {
  display: block; }
  .select2-container > span {
    display: block;
    width: 100%; }
  .select2-container textarea {
    min-height: 0; }
  .select2-container--default .select2-selection {
    background-color: #fff;
    padding: 9px 30px 9px 15px;
    background-image: url(../images/select-down.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center right 10px;
    border: 1px solid #DADDE6;
    height: auto; }
    .select2-container--default .select2-selection .select2-selection__choice {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      background-color: #F9FAFD;
      border: 0;
      padding-right: 10px;
      padding-left: 10px;
      padding-top: 3px;
      padding-bottom: 3px;
      border-radius: 3px;
      font-size: 13px;
      font-weight: 500;
      color: #404451; }
      .select2-container--default .select2-selection .select2-selection__choice:first-child {
        margin-top: 0; }
      .select2-container--default .select2-selection .select2-selection__choice__display {
        max-width: calc(100% - 17px);
        -webkit-box-flex: 1;
            -ms-flex: 1 0 calc(100% - 17px);
                flex: 1 0 calc(100% - 17px);
        white-space: normal; }
      .select2-container--default .select2-selection .select2-selection__choice__remove {
        height: 100%;
        padding: 0;
        border-right: 0;
        position: static;
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-left: auto; }
        .select2-container--default .select2-selection .select2-selection__choice__remove:hover {
          background: transparent;
          color: #fff; }
        .select2-container--default .select2-selection .select2-selection__choice__remove span {
          font-size: 17px;
          width: 17px;
          height: 17px;
          line-height: 17px;
          border-radius: 100%;
          background: #CBCED7;
          color: #fff;
          -webkit-transform: translateY(1px);
                  transform: translateY(1px); }
    .select2-container--default .select2-selection--single {
      font-weight: 500; }
  .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #787C80; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none; }
  .select2-container .select2-icon {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.25rem;
    padding-right: 5px;
    display: inline;
    vertical-align: middle;
    font-size: 16px;
    color: #81848F; }
  .select2-container .select2-selection__rendered:empty {
    display: none !important; }
  .select2-container .select2-search--inline {
    position: relative;
    height: 24px;
    line-height: 18px;
    vertical-align: middle; }
    .select2-container .select2-search--inline .select2-search__field {
      display: inline-block;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.125rem;
      font-weight: 400;
      vertical-align: middle;
      margin-top: 0;
      margin-left: 10px; }

.select2-results__option--selectable {
  color: #404451;
  font-size: 13px;
  font-weight: 500; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: #3FB045; }
  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .select2-icon {
    color: #fff; }

.select2-container--default .select2-results__option--selected {
  background: #DADDE6; }

.customselect + .select2-container--default .select2-selection, .multiselect + .select2-container--default .select2-selection {
  padding: 12px 30px 12px 10px; }
  .customselect + .select2-container--default .select2-selection .select2-selection__choice, .multiselect + .select2-container--default .select2-selection .select2-selection__choice {
    min-width: 302px;
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 8px;
    border: 1px solid #CBCED7;
    border-radius: 3px; }
  .customselect + .select2-container--default .select2-selection__rendered, .multiselect + .select2-container--default .select2-selection__rendered {
    margin-left: -5px; }

.customselect.itsSelected + .select2-container--default .select2-selection:not(.select2-selection--single), .multiselect.itsSelected + .select2-container--default .select2-selection:not(.select2-selection--single) {
  padding: 0px 30px 8px 10px; }

.customselect.itsSelected + .select2-container .select2-search--inline, .multiselect.itsSelected + .select2-container .select2-search--inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 42px; }

.customselect__clear, .multiselect__clear {
  display: inline-block;
  width: auto; }
  .customselect__clear .select2-container--default .select2-selection, .multiselect__clear .select2-container--default .select2-selection {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
    border-width: 0px; }
  .customselect__clear.font-18, .customselect__clear.smsmsg__cdetail--title, .multiselect__clear.font-18, .multiselect__clear.smsmsg__cdetail--title {
    font-weight: 600; }

.customselect__head .select2-selection--single, .multiselect__head .select2-selection--single {
  font-weight: 600; }

.customselect__head .customselect + .select2-container .select2-selection__rendered, .customselect__head .multiselect + .select2-container .select2-selection__rendered, .multiselect__head .customselect + .select2-container .select2-selection__rendered, .multiselect__head .multiselect + .select2-container .select2-selection__rendered {
  padding-left: 0px;
  margin-left: 0; }

.iconselect + .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 1;
  padding-right: 0; }
  .iconselect + .select2-container .select2-selection--single .select2-selection__rendered > span {
    font-size: 0; }
    .iconselect + .select2-container .select2-selection--single .select2-selection__rendered > span > i {
      font-size: 1rem; }

.iconselect + .select2-container .select2-selection {
  width: 70px;
  min-width: 0; }

.social__list li {
  margin-right: 22px;
  margin-bottom: 18px; }

.banner__type {
  margin-top: 10px;
  margin-left: -22px; }
  .banner__type img {
    height: auto; }

.infostats__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.infostats__col:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 338px);
          flex: 1 0 calc(100% - 338px);
  max-width: calc(100% - 338px);
  padding-right: 20px; }

.infostats__title {
  margin-bottom: 4px; }

.dashboard__donutchart {
  position: relative;
  margin-right: 50px; }
  .dashboard__donutchart svg {
    max-width: 100%; }
  .dashboard__donutchart--small {
    margin-right: 36px; }

.chart__donut path {
  stroke-width: 2px; }

.chart__overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  cursor: default; }
  .chart__overlay span {
    width: 100%;
    display: block; }
  .chart__overlay--wide {
    left: 0;
    max-width: 202px;
    width: 100%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center; }

.chart__bar text {
  font-weight: 500;
  color: #2C373C;
  fill: #2C373C; }

.chart__bar div {
  max-width: 100%;
  height: auto; }

.chart__bar svg {
  max-width: 100%;
  height: auto; }
  .chart__bar svg > g rect:first-child {
    border: 1px solid red; }

.chart__area svg {
  max-width: 100%;
  height: auto; }

.donutlegend__item {
  margin-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.donutlegend__detail {
  padding-left: 16px; }

.donutlegend__icon {
  width: 58px;
  height: 58px;
  color: #fff;
  border-radius: 100%;
  text-align: center; }
  .donutlegend__icon i {
    font-size: 24px;
    line-height: 58px; }
  .donutlegend__icon--reachable {
    background: #7DC481; }
  .donutlegend__icon--unreachable {
    background: #EFA058; }
  .donutlegend__icon--warning {
    background: #E86969; }

.donutlegend__title {
  font-size: 28px; }

.donutlegend--small .donutlegend__item {
  margin-bottom: 12px; }

.donutlegend--small .donutlegend__icon {
  width: 42px;
  height: 42px; }
  .donutlegend--small .donutlegend__icon i {
    font-size: 17px;
    line-height: 42px; }

.donutlegend--small .donutlegend__title {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.375rem; }

.donutlegend--small .font-14, .donutlegend--small .activity__table, .donutlegend--small .nav-tabs .nav-link, .nav-tabs .donutlegend--small .nav-link, .donutlegend--small .studentinfo__name, .donutlegend--small .commconfigs__head {
  line-height: 18px; }

.donutlegend--small .chart__overlay span {
  line-height: 24px; }
  .donutlegend--small .chart__overlay span.font-14, .donutlegend--small .chart__overlay span.activity__table, .donutlegend--small .chart__overlay .nav-tabs span.nav-link, .nav-tabs .donutlegend--small .chart__overlay span.nav-link, .donutlegend--small .chart__overlay span.studentinfo__name, .donutlegend--small .chart__overlay span.commconfigs__head {
    line-height: 14px; }

.progress__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px; }
  .progress__item:first-child {
    margin-top: 0; }

.progress__label {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600;
  color: #2C373C;
  max-width: 42px;
  min-width: 42px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 42px;
          flex: 1 0 42px; }

.progress__bar {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 99px);
          flex: 1 0 calc(100% - 99px);
  min-width: calc(100% - 99px);
  max-width: calc(100% - 99px);
  height: 25px;
  margin-left: 12px;
  margin-right: 8px;
  background: #EAEFF1;
  border-radius: 3px;
  overflow: hidden; }
  .progress__bar--track {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background: #CBCED7;
    border-radius: 3px;
    -webkit-transition: all 2s cubic-bezier(0, 0.99, 0.71, 0.91);
    transition: all 2s cubic-bezier(0, 0.99, 0.71, 0.91); }

.progress__chart--dm .progress__bar {
  max-width: 245px;
  height: 38px;
  margin-left: auto;
  margin-right: auto; }
  .progress__chart--dm .progress__bar--track {
    background: #7DC481; }

.icon-twitter-fill.icon--real {
  color: #00AEE9; }

.icon-facebook-fill.icon--real {
  color: #006CF1; }

.avatar {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 100%;
  width: 100%;
  height: 100%; }
  .avatar__wrapper {
    min-width: 51px;
    width: 51px;
    height: 51px;
    border-radius: 100%;
    border: 1px solid #DADDE6; }
  .avatar__featured {
    position: relative; }
    .avatar__featured i {
      position: absolute;
      left: 50%;
      bottom: 0;
      -webkit-transform: translateY(15%);
              transform: translateY(15%);
      width: 28px;
      height: 28px;
      font-size: 11px;
      line-height: 28px;
      text-align: center;
      border-radius: 100%;
      color: #fff; }
      .avatar__featured i.icon-twitter-fill {
        background: #00AEE9; }
      .avatar__featured i.icon-facebook-fill {
        font-size: 13px;
        background: #006CF1; }

.targetlist__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 22px;
  color: #9DA3A7; }
  .targetlist__item.active .targetlist__icon {
    color: #3FB045; }
  .targetlist__item.active .targetlist__title {
    color: #2C373C; }
  .targetlist__item.active .targetlist__text {
    color: #404451; }
  .targetlist__item:last-child {
    margin-top: 0; }

.targetlist__icon {
  min-width: 44px;
  height: 44px;
  margin-right: 13px;
  text-align: center; }
  .targetlist__icon i {
    font-size: 24px;
    line-height: 44px; }
    .targetlist__icon i.icon-facebook {
      font-size: 26px; }

.dm__stats {
  padding-top: 32px;
  padding-bottom: 32px;
  background: #FAFBFD;
  text-align: center; }
  .dm__stats--value {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 2.375rem;
    padding-top: 10px; }

.custom-onoff {
  height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .custom-onoff--wrapper {
    position: relative;
    background: #CBCED7;
    border-radius: 3px;
    width: 73px;
    height: 31px;
    line-height: 31px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 0; }
  .custom-onoff--handle {
    position: absolute;
    top: -1px;
    left: 33px;
    width: 33px;
    height: 33px;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    border: 1px solid #CBCED7;
    border-radius: 3px;
    -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
    background: #fff;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .custom-onoff--toggle {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    padding: 0 10px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .custom-onoff--on {
    visibility: hidden;
    opacity: 0;
    background: #7DC481;
    z-index: 1; }
  .custom-onoff--off {
    text-align: right; }
  .custom-onoff input:checked + .custom-onoff--wrapper .custom-onoff--handle {
    left: 100%;
    border-color: #7DC481; }
  .custom-onoff input:checked + .custom-onoff--wrapper .custom-onoff--on {
    visibility: visible;
    opacity: 1; }

.socialpreview__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px; }
  .socialpreview__head--pic {
    min-width: 48px;
    max-width: 48px;
    border-radius: 100%;
    overflow: hidden; }
    .socialpreview__head--pic img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center; }
  .socialpreview__head--title {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    font-weight: 700;
    color: #2C373C;
    padding-left: 10px; }
  .socialpreview__head--icon {
    width: 30px;
    height: 30px;
    font-size: 30px;
    font-size: 1.875rem;
    line-height: 1.875rem;
    text-align: center; }
  .socialpreview__head--fb {
    color: #2D76F1; }
  .socialpreview__head--tw {
    color: #38A1F0; }

.socialpreview__comment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px; }
  .socialpreview__comment input[type="text"] {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 30px);
            flex: 1 0 calc(100% - 30px);
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    height: 29px;
    width: 100%;
    background: transparent; }
    .socialpreview__comment input[type="text"]::-webkit-input-placeholder {
      color: #9DA3A7;
      font-weight: 500; }
    .socialpreview__comment input[type="text"]::-moz-placeholder {
      color: #9DA3A7;
      font-weight: 500; }
    .socialpreview__comment input[type="text"]:-ms-input-placeholder {
      color: #9DA3A7;
      font-weight: 500; }
    .socialpreview__comment input[type="text"]::-ms-input-placeholder {
      color: #9DA3A7;
      font-weight: 500; }
    .socialpreview__comment input[type="text"]::placeholder {
      color: #9DA3A7;
      font-weight: 500; }
  .socialpreview__comment--btn {
    text-align: center;
    width: 30px;
    padding: 0;
    border: 0;
    margin: 0;
    margin-left: auto;
    background: transparent; }

.socialpreview__view {
  margin-bottom: 30px; }

.socialpreview__meta {
  padding: 18px 14px;
  background: #F2F3F5;
  border: 1px solid #CBCED7; }

.socialpreview__url {
  margin-bottom: 8px;
  text-transform: uppercase; }

.socialpreview__title {
  color: #2C373C;
  margin-bottom: 0; }

.socialpreview__desc {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

.socialpreview .add-image--remove {
  display: none;
  position: absolute;
  top: 22px;
  right: 20px;
  width: 43px;
  height: 43px;
  font-size: 13px;
  line-height: 43px;
  border-radius: 100%;
  background: #fff; }

.socialpreview__image {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  border: 1px solid #CBCED7;
  border-bottom: 0; }
  .socialpreview__image::before {
    content: "";
    display: block;
    padding-top: 52.52%; }
  .socialpreview__image > img,
  .socialpreview__image > .add-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center; }
  .socialpreview__image > img + .add-image {
    display: none; }
  .socialpreview__image > img ~ .add-image--remove {
    display: block; }

.ce__box {
  padding-top: 20px;
  padding-bottom: 55px;
  border-bottom: 1px solid #DADDE6; }

.ce__table {
  text-align: center;
  font-weight: 500;
  white-space: nowrap;
  margin-top: 26px; }
  .ce__table .icon {
    color: #9DA3A7; }
  .ce__table th, .ce__table td {
    vertical-align: middle;
    padding: 12px 20px; }
    .ce__table th:nth-child(3), .ce__table td:nth-child(3) {
      border-left: 1px solid #DADDE6;
      border-right: 1px solid #DADDE6;
      background: #F9FAFD; }
  .ce__table th {
    font-weight: 600; }
  .ce__table td:first-child, .ce__table td:last-child {
    text-align: left; }
  .ce__table td:last-child {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.25rem; }

.field__highlighter {
  position: relative; }
  .field__highlighter::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(64, 165, 224, 0.63);
    border-radius: 3px;
    background: rgba(64, 165, 224, 0.231);
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .field__highlighter.active::before {
    opacity: 1;
    visibility: visible;
    cursor: pointer; }
  .field__highlighter .input__control, .field__highlighter .input__custom {
    border: 0;
    background: #fff;
    border: 1px solid transparent; }
    .field__highlighter .input__control:hover, .field__highlighter .input__custom:hover {
      border: 1px solid rgba(64, 165, 224, 0.63);
      background: rgba(64, 165, 224, 0.231); }

.blockgroup__msgfield textarea {
  resize: none;
  min-height: 0;
  height: 55px;
  max-height: 88px; }

.blockgroup__msgfield .msgfield__notify {
  display: none; }

.blockgrouplabel__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px; }
  .blockgrouplabel__group .block__switch {
    margin-left: auto; }
  .blockgrouplabel__group .blockgroup__label {
    margin-bottom: 0; }

.wide__switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background: #DADDE6;
  background: #F3F3F3;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 700;
  color: #787C80;
  margin-bottom: 0; }
  .wide__switchtab {
    position: relative;
    cursor: pointer;
    padding: 4px 38px;
    min-width: 190px;
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s; }
  .wide__switch .wide__switchone {
    color: #3FB045; }
  .wide__switchhiglight {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block; }
    .wide__switchhiglight::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 50%;
      height: 100%;
      border-radius: 20px;
      border: 1px solid #3FB045;
      background: #fff;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .wide__switch input {
    position: absolute;
    width: 0;
    height: 0; }
    .wide__switch input:checked ~ .wide__switchhiglight::before {
      left: 50%; }
    .wide__switch input:checked ~ .wide__switchone {
      color: #787C80; }
    .wide__switch input:checked ~ .wide__switchtwo {
      color: #3FB045; }
  .wide__switch-sm {
    max-width: 186px;
    text-align: center;
    font-size: 11.5px;
    line-height: 19px;
    margin-left: auto;
    margin-right: auto; }
    .wide__switch-sm .wide__switchtab {
      min-width: 50%;
      padding: 3px 10px; }
      .wide__switch-sm .wide__switchtab i {
        font-size: 9px;
        font-size: 0.5625rem;
        line-height: 0.625rem; }
    .wide__switch-sm .wide__switchone {
      color: #fff; }
    .wide__switch-sm .wide__switchhiglight::before {
      background: #3FB045; }
    .wide__switch-sm input:checked ~ .wide__switchtwo {
      color: #fff; }
    .wide__switch-sm input:checked ~ .wide__switchone {
      color: #787C80; }
    .wide__switch-sm i {
      vertical-align: middle;
      margin-right: 2px;
      margin-top: -1px; }

.blockswitch__pane {
  display: none; }
  .blockswitch__pane.show {
    display: block; }

.voice__composer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  font-weight: 500;
  padding: 12px 28px;
  min-height: 81px;
  margin-top: 25px;
  margin-bottom: 18px;
  color: #2C373C;
  background: #F9FAFD;
  border: 1px solid #CBCED7;
  border-radius: 6px; }
  .voice__composer > * {
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    max-width: 100%;
    text-align: center; }
    .voice__composer > *:first-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .voice__composer [class^="icon-"] {
    margin-right: 12px; }
  .voice__composer .icon-mic {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #CBCED7; }
  .voice__composer .icon-no-text-speech {
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 1.5rem;
    color: #CBCED7; }

.voice__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .voice__controls button + button {
    margin-left: 12px; }

.systab__pane {
  display: none; }
  .systab__pane--active {
    display: block; }

.loader {
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  stroke-linecap: round;
  stroke-width: 20;
  fill: none;
  margin-right: 8px; }
  .loader .external-circle {
    stroke: #3FB045;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
            transform-origin: center;
    stroke-dasharray: 312;
    -webkit-animation: external 2.5s linear infinite;
            animation: external 2.5s linear infinite;
    opacity: 1; }
    .loader .external-circle.white {
      stroke: #EDEDEF; }
    .loader .external-circle.gray {
      stroke: #787C80; }

@-webkit-keyframes external {
  0% {
    stroke-dashoffset: 312;
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg); }
  60% {
    stroke-dashoffset: -312; }
  100% {
    stroke-dashoffset: -312;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg); } }

@keyframes external {
  0% {
    stroke-dashoffset: 312;
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg); }
  60% {
    stroke-dashoffset: -312; }
  100% {
    stroke-dashoffset: -312;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg); } }

.crmsg__dialogs {
  text-align: center; }

.crmsg__title {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 2.625rem;
  margin-top: 30px; }

.crmsg__desc {
  color: #404451;
  margin-top: 15px;
  margin-bottom: 40px; }

.crmsg__field .input-group-text {
  font-size: 14px;
  width: 55px;
  background: #fff;
  border-color: #DADDE6;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  color: #787C80; }

.crmsg__field input {
  min-height: 55px;
  background: #FAFBFD; }
  .crmsg__field input:focus {
    border-color: #DADDE6; }

.crmsg__btngroup {
  margin-top: 48px; }

.crmsg__fieldgroup {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 740px;
  margin-left: auto;
  margin-right: auto; }
  .crmsg__fieldgroup + .crmsg__fieldgroup {
    margin-top: 20px; }
  .crmsg__fieldgroup--close {
    display: none;
    position: absolute;
    right: -24px;
    top: 50%;
    padding: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    background: transparent;
    color: #CBCED7;
    z-index: 4; }

.crmsg__addmorewrapper {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto; }

.crmsg__addmore {
  margin-top: 30px; }

.notify__bar {
  display: none; }

.mediafile__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.mediafile__media {
  position: relative;
  min-width: 120px;
  height: 83px; }
  .mediafile__media > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center; }
  .mediafile__media--loader {
    position: absolute;
    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;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .mediafile__media--loading .mediafile__media--loader {
    visibility: visible;
    opacity: 1; }
  .mediafile__media--loading > img {
    visibility: hidden;
    opacity: 0; }

.mediafile__detail {
  padding-left: 25px; }

.mediafile__size {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4375rem;
  color: #787C80; }

.uploadlist__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 25px 0;
  border-bottom: 1px solid #DADDE6; }
  .uploadlist__row h3 {
    margin-bottom: 0;
    color: #404451; }
  .uploadlist__row--head {
    padding: 8px 0; }
    .uploadlist__row--head h3 {
      text-transform: uppercase; }

.uploadlist__cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 50%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .uploadlist__cell .btn--clearall {
    color: #9DA3A7;
    margin-left: 25px; }

.uploadlist__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .uploadlist__media i {
    font-size: 49px;
    font-size: 3.0625rem;
    line-height: 3.0625rem;
    padding-left: 10px;
    padding-right: 20px; }
  .uploadlist__media-title {
    color: #404451;
    margin-bottom: 4px; }

.uploadlist .progress__item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto; }

.uploadlist .progress__bar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: unset;
  max-width: 100%;
  margin: 0;
  height: 18px;
  background: #DADDE6; }
  .uploadlist .progress__bar--track {
    background: #3FB045; }

.create__first-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 60vh;
  padding: 40px 0; }
  .create__first-message > * {
    width: 100%; }
  .create__first-message p {
    max-width: 440px; }

.delete__file, .delete__msg {
  display: none; }

.delete__msg .input__control {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 600;
  max-width: 242px; }
  .delete__msg .input__control::-webkit-input-placeholder {
    font-weight: 600;
    color: #DADDE6; }

.message__type .custom-control--inline {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(33.33% - 16px);
          flex: 1 0 calc(33.33% - 16px);
  max-width: calc(33.33% - 16px); }

.message__type .custom-control-label {
  width: 100%; }

.message__type .badge-square {
  padding: 0 15px;
  width: 100%; }

.banner__type img {
  width: 168px; }

.datetime__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 500; }
  .datetime__row .icon-chevron-down {
    font-size: 8px;
    vertical-align: middle; }
  .datetime__row > * + * {
    margin-left: 40px; }

/*Manage Preferences*/
.min-100vh {
  min-height: 100vh; }

.mp__container {
  width: 100%;
  max-width: 1098px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px; }
  .mp__container-sm {
    max-width: 754px; }

.mp__head {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff; }
  .mp__head-left {
    padding-top: 10px;
    padding-bottom: 10px; }
  .mp__head-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .mp__head-user, .mp__head-signout {
    font-family: 'AvenirNext-Medium', sans-serif;
    font-weight: 400;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #17212C; }

.mp__intro {
  padding-top: 90px;
  padding-bottom: 80px; }
  .mp__intro.mp__signup {
    padding-top: 44px; }
  .mp__intro-txt {
    max-width: 502px;
    margin-left: auto; }
  .mp__intro h1 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 3.25rem;
    color: #17212C;
    margin-bottom: 20px; }
  .mp__intro p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2.0625rem;
    color: #17212C;
    margin-bottom: 40px; }
  .mp__introbtn {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 3.875rem;
    height: 62px;
    line-height: 62px;
    border-radius: 6px; }

.mp__app {
  padding-top: 200px;
  padding-bottom: 140px;
  background-image: url("../images/appsection-bg.svg");
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #17212C; }
  .mp__app-txt h2 {
    font-size: 35px;
    font-size: 2.1875rem;
    line-height: 3.0625rem;
    color: #17212C;
    margin-bottom: 20px; }
  .mp__app-txt p {
    color: #17212C;
    margin-bottom: 30px; }
  .mp__app-txt .list__check {
    margin-bottom: 40px; }
    .mp__app-txt .list__check li {
      font-size: 19px;
      font-size: 1.1875rem;
      line-height: 1.875rem; }
      .mp__app-txt .list__check li::before {
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.875rem;
        margin-right: 14px;
        color: #3FB045; }
  .mp__app-first {
    background-image: url("../images/appmobile-bg.svg");
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat; }
    .mp__app-first img {
      display: block;
      margin: 0 auto; }

.mp__form {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  z-index: 1; }
  .mp__form-head {
    margin-top: 40px;
    margin-bottom: 60px;
    width: auto; }
  .mp__form-body {
    width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 28px 20px;
    margin-top: 16px;
    margin-left: auto;
    background: #fff; }
  .mp__form-foo {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.375rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
    padding-top: 86px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center; }
    .mp__form-foo a {
      color: #787C80; }
      .mp__form-foo a:hover {
        color: #1F88C3; }
    .mp__form-foo div {
      margin-bottom: 5px;
      display: inline-block;
      margin-right: 5px; }
  .mp__form a {
    color: #787C80; }
  .mp__form form {
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    .mp__form form h2 {
      font-family: 'AvenirNext-Bold', sans-serif;
      font-size: 47px;
      font-size: 2.9375rem;
      line-height: 4.1875rem;
      margin-bottom: 10px;
      color: #17212C; }
    .mp__form form h3 {
      font-size: 16px;
      font-size: 1rem;
      line-height: 1.4375rem;
      margin-bottom: 26px;
      color: #17212C; }
      .mp__form form h3 span {
        display: inline; }
    .mp__form form p {
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 1.375rem;
      margin-bottom: 1rem; }
    .mp__form form .form-mutedtxt {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 1.25rem;
      margin-top: 28px;
      color: #9CA2A8; }
    .mp__form form .mp-code h3 {
      font-weight: 500;
      color: #787C80; }
    .mp__form form .mp-phonena h2 {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.875rem;
      margin-bottom: 30px; }
  .mp__form input, .mp__form button {
    width: 100%; }
  .mp__form input.form-control {
    font-weight: 500;
    padding-top: 0;
    padding-bottom: 0;
    height: 55px;
    line-height: 55px;
    -webkit-appearance: none;
    color: #787C80; }
    .mp__form input.form-control.input-invalid {
      border-color: #EB5757; }
  .mp__form input::-webkit-input-placeholder {
    color: #9DA3A7; }
  .mp__form .mp-error {
    display: none;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.1875rem;
    font-weight: 500;
    color: #EB5757;
    margin-top: -29px;
    margin-bottom: 5px; }

.mp__manage .mp__container {
  background-color: #fff;
  border-radius: 12px;
  padding: 58px 30px 72px;
  margin-top: 40px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }

.mp__manage .mp__wrapper {
  max-width: 100%; }

.mp__manage-head {
  color: #2C373C; }

.mp__manage-editphone h3 + .mp__form {
  margin-top: 22px; }

.mp__recaptch {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 5px; }
  .mp__recaptch .g-recaptcha div {
    margin-left: auto;
    margin-right: auto; }

.mp-formgroup {
  width: 362px;
  max-width: 100%;
  padding-top: 18px;
  margin-left: auto;
  margin-right: auto; }
  .mp-formgroup .btn {
    margin-top: 18px; }
    .mp-formgroup .btn-loader {
      display: none; }
  .mp-formgroup input {
    background: #FAFBFD; }

.mp-formlink {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 18px; }
  .mp-formlink:hover a {
    color: #0F4DA7; }

.mp-signin {
  width: 366px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }

.mp-code {
  display: none;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .mp-code .mp-inputprint {
    color: #3FB045; }

.mp-phonena, .mp-exceeded, .mp-multiacc {
  width: 414px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px; }

.mp-phonena .phonena__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  margin-bottom: 22px; }
  .mp-phonena .phonena__item:last-child {
    margin-bottom: 0; }
  .mp-phonena .phonena__item i {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.375rem;
    display: block;
    color: #5483A5;
    margin-right: 15px; }
  .mp-phonena .phonena__item div {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.375rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 40px);
            flex: 1 0 calc(100% - 40px);
    max-width: calc(100% - 40px);
    margin-left: auto; }

.mp-phonena .btn-lightsky {
  color: #2C373C; }

.mp-phonena .trydiffno {
  color: #1F88C3; }
  .mp-phonena .trydiffno:hover {
    color: #0F4DA7; }

.mp-multiacc .mp-formbtns > * + * {
  margin-top: 14px; }

.mp__wrapper {
  max-width: 756px;
  margin-left: auto;
  margin-right: auto; }

.mp__legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #404451;
  padding: 20px 18px;
  margin-bottom: 24px;
  background: #F9FAFD; }
  .mp__legend .mpEditInfo {
    color: #404451;
    text-decoration: underline;
    margin-left: auto; }

.mp__contactinfo {
  padding-left: 5px; }
  .mp__contactinfo h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin-bottom: 18px; }
  .mp__contactinfo .row a, .mp__contactinfo .row .mpci_infolist {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    color: #404451; }
    .mp__contactinfo .row a i, .mp__contactinfo .row .mpci_infolist i {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.375rem;
      color: #9DA3A7;
      vertical-align: middle;
      margin-right: 8px; }
  .mp__contactinfo .row li + li {
    margin-top: 6px; }

.mp__editcontact {
  display: none; }

.mp__formblock:not(:last-child) {
  margin-bottom: 70px; }

.mp__formblock:last-child .studentinfo__list {
  margin-bottom: 0; }

.mp__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .mp__actions .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 330px;
            flex: 1 0 330px;
    width: 330px;
    max-width: 50%; }
    .mp__actions .btn + .btn {
      margin-left: 46px; }
    .mp__actions .btn-incorrect {
      padding-left: 30px;
      padding-right: 30px;
      background-image: url("../images/icon-cross.svg");
      background-position: left 13px center;
      background-repeat: no-repeat;
      background-size: 16px; }
    .mp__actions .btn-correct {
      padding-left: 30px;
      padding-right: 30px;
      background-image: url("../images/icon-tick.svg");
      background-position: left 13px center;
      background-repeat: no-repeat;
      background-size: 21px; }

.mp__thankyou {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 50px;
  min-height: calc(100vh - 130px); }
  .mp__thankyou .mp__container {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .mp__thankyou h1 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 4.125rem; }
  .mp__thankyou p {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.9375rem;
    color: #000;
    max-width: 492px;
    margin: 22px auto 60px; }
  .mp__thankyou img {
    max-width: 100%;
    height: auto; }

.mp__faqs .faqlist__item {
  border-bottom: 1px solid #DADDE6; }

.mp__faqs .faqlist__h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  cursor: pointer; }
  .mp__faqs .faqlist__h h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 2.125rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 52px);
            flex: 1 0 calc(100% - 52px);
    max-width: calc(100% - 52px);
    margin: 0; }
  .mp__faqs .faqlist__h i {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 2.125rem;
    color: #D7E2E7;
    margin-left: auto;
    margin-right: 20px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .mp__faqs .faqlist__h.collapsed i {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  .mp__faqs .faqlist__h:hover h3 {
    color: #575c6d; }
  .mp__faqs .faqlist__h:hover i {
    color: #9DA3A7; }

.mp__faqs .faqlist__b {
  font-family: 'AvenirNext';
  font-weight: 400;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.875rem;
  padding-bottom: 30px;
  color: #17212C; }
  .mp__faqs .faqlist__b h4 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 2.375rem;
    font-weight: 700;
    color: #17212C;
    margin-bottom: 30px; }
  .mp__faqs .faqlist__b .list__check li::before {
    color: #3FB045; }
  .mp__faqs .faqlist__b img {
    max-width: 100%;
    height: auto; }

.mp__faqs .faqlist__note {
  padding: 14px 22px;
  border-radius: 12px;
  background-color: #F5F7FB; }
  .mp__faqs .faqlist__note--danger .highlight {
    color: #F07B52; }
  .mp__faqs .faqlist__note--info .highlight {
    color: #1F88C3; }
  .mp__faqs .faqlist__note + .faqlist__note {
    margin-top: 22px; }
  .mp__faqs .faqlist__note:last-child {
    margin-bottom: 30px; }

.mp__faqs .faqlist__mypref {
  max-width: 408px;
  padding: 30px 50px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #F5F7FB;
  border-radius: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05); }
  .mp__faqs .faqlist__mypref .mypref__pic {
    width: 99px;
    margin-left: auto;
    margin-right: auto;
    border: 8px solid #F8F9FB;
    border-radius: 100%;
    margin-bottom: 18px; }
    .mp__faqs .faqlist__mypref .mypref__pic img {
      max-width: 100%;
      height: auto; }
  .mp__faqs .faqlist__mypref .mypref__title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.875rem;
    color: #303337;
    margin-bottom: 36px;
    text-align: center; }
  .mp__faqs .faqlist__mypref .mypref__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .mp__faqs .faqlist__mypref .mypref__item--left {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.625rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
    .mp__faqs .faqlist__mypref .mypref__item--icon {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.625rem;
      margin-right: 20px; }
    .mp__faqs .faqlist__mypref .mypref__item + .mypref__item {
      margin-top: 20px; }
    .mp__faqs .faqlist__mypref .mypref__item:last-child {
      padding-bottom: 20px; }
    .mp__faqs .faqlist__mypref .mypref__item .custom-switch .custom-control-label::before {
      top: 8px;
      width: 36px;
      height: 18px; }
    .mp__faqs .faqlist__mypref .mypref__item .custom-switch .custom-control-label::after {
      top: 10px;
      width: 14px;
      height: 14px; }

.header__mp {
  padding-top: 25px;
  padding-bottom: 25px; }
  .header__mp h1 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.6875rem;
    margin-bottom: 0;
    color: #fff; }
  .header__mp a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1rem;
    margin-bottom: 0;
    color: #fff; }
    .header__mp a:hover {
      color: rgba(255, 255, 255, 0.9); }

.body__mp {
  padding-top: 40px; }
  .body__mp h2 {
    font-size: 20.43px;
    font-size: 1.27687rem;
    line-height: 1.75rem;
    margin-bottom: 24px; }

.studentinfo__list {
  padding-left: 5px;
  margin-bottom: -25px; }
  .studentinfo__list .row > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    max-width: calc(25% - 30px);
    min-width: 25%;
    padding-right: 20px;
    margin-bottom: 25px; }

.studentinfo__icon {
  margin-right: 8px;
  color: #9DA3A7; }

.studentinfo__name {
  display: block;
  color: #404451;
  word-break: break-word; }

.studentinfo__school {
  display: block; }

.comm__block {
  margin-top: 10px; }
  .comm__block h3 {
    margin-bottom: 10px; }
  .comm__block .icon-message-plane {
    color: #9DA3A7; }
  .comm__block + .comm__block {
    margin-top: 50px; }

.commconfigs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 26px; }
  .commconfigs__col {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(33.33% - 16px);
            flex: 1 0 calc(33.33% - 16px);
    max-width: calc(33.33% - 16px);
    text-align: center;
    border-radius: 6px;
    border: 1px solid #DADDE6;
    background: #FAFBFD;
    padding: 14px 15px 20px; }
    .commconfigs__col.checked .commconfigs__value {
      color: #404451; }
  .commconfigs__head {
    color: #404451; }
    .commconfigs__head i {
      color: #9DA3A7;
      margin-right: 4px;
      vertical-align: middle; }
    .commconfigs__head strong {
      vertical-align: middle; }
  .commconfigs__body {
    font-weight: 500;
    padding-top: 12px; }
  .commconfigs__value {
    padding-bottom: 14px; }
    .commconfigs__value a {
      color: #787C80; }
  .commconfigs__alert {
    border-color: #EB5757; }
    .commconfigs__alert .commconfigs__head,
    .commconfigs__alert .commconfigs__head i,
    .commconfigs__alert .commconfigs__value,
    .commconfigs__alert .commconfigs__value a {
      color: #EB5757; }
    .commconfigs__alert .badge {
      background: #EB5757; }

.footer__mp {
  padding: 60px 20px;
  text-align: center; }
  .footer__mp .footer__area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 18px;
    background: #FAFBFD;
    border: 1px solid #DADDE6;
    border-radius: 6px; }
  .footer__mp .mp__downloadapps {
    margin-left: auto;
    padding-left: 15px; }
  .footer__mp p {
    margin-top: 26px; }

.reportingmark-true {
  display: none; }

.reportingmark-checkbox:checked + label .reportingmark-false {
  display: none; }

.reportingmark-checkbox:checked + label .reportingmark-true {
  display: inline; }

.add-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  cursor: pointer;
  background: #FAFBFD;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }
  .add-image img {
    margin-bottom: 18px; }
  .add-image span {
    display: block;
    width: 100%; }

.mobile__view {
  min-height: 100vh;
  background: #F7F7F7; }

.mobile__container {
  max-width: 375px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px; }

.mobile__header {
  padding-top: 16px;
  padding-bottom: 16px; }

.mobile__body {
  background: #fff;
  padding-bottom: 40px;
  min-height: calc(100vh - 269.4px); }

.mobile__foo {
  padding-top: 33px;
  padding-bottom: 33px;
  background-color: #fff; }

.mh-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.mh-title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.725rem;
  font-weight: 700;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 100%;
          flex: 1 0 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  color: #2C373C; }
  .mh-title.col-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto; }

.mh-nav {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.25rem;
  width: 42px;
  max-width: 42px;
  color: #1F88C3; }
  .mh-nav i {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .mh-nav + .mh-title {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 84px);
            flex: 1 0 calc(100% - 84px);
    max-width: calc(100% - 84px);
    padding-left: 15px;
    padding-right: 15px; }

.mh-translate {
  font-size: 12.41px;
  font-size: 0.77563rem;
  line-height: 0.9375rem;
  color: #404451;
  font-weight: 600;
  padding-right: 0; }
  .mh-translate--label {
    margin-right: 6px; }
  .mh-translate i {
    color: #4B505F;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 0.9375rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .mh-translate::after {
    display: none; }
  .mh-translate:hover i {
    color: #0F4DA7; }

.smsmsg__item {
  width: 100%;
  padding: 22px 2px;
  border-bottom: 1px solid #DADDE6; }

.smsmsg__content {
  width: 100%; }

.smsmsg__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12.84px;
  font-size: 0.8025rem;
  line-height: 1rem;
  color: #303337;
  margin-bottom: 18px; }
  .smsmsg__contact .icon-record {
    font-size: 9px;
    line-height: 16px;
    color: #123259;
    margin-right: 5px; }

.smsmsg__subject {
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #404451; }
  .smsmsg__subject span {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 8px);
            flex: 1 0 calc(100% - 8px);
    max-width: calc(100% - 8px);
    padding-right: 18px; }
  .smsmsg__subject--action {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #303337; }

.smsmsg__time {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.75rem;
  color: #787C80; }

.smsmsg__details .smsmsg__contact {
  padding-top: 22px;
  margin-bottom: 0; }

.smsmsg__detailtitle {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 2.1875rem;
  margin-top: 32px;
  margin-bottom: 14px; }

.smsmsg__timestamp {
  margin-bottom: 26px; }

.smsmsg__detailcontent p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  color: #000; }
  .smsmsg__detailcontent p:last-child {
    margin-bottom: 0; }

.smsmsg__cdetail {
  padding-top: 30px; }

.smsmsg__loadmore {
  margin-top: 22px;
  padding-left: 10px;
  padding-right: 10px; }
  .smsmsg__loadmore button {
    width: 100%;
    font-weight: 600;
    min-height: 65px;
    border-radius: 6px;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 4.0625rem; }

.mf__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 15px 10px;
  border-radius: 6px;
  background: #fff;
  min-height: 85px;
  border: 1px solid #F6F6F6;
  background-color: #F6F6F6; }
  .mf__item i {
    width: 100%; }
    .mf__item i.icon-gear {
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 1.625rem; }
    .mf__item i.icon-activity-voice {
      font-size: 21px;
      font-size: 1.3125rem;
      line-height: 1.625rem; }
    .mf__item i.icon-viewall {
      font-size: 23px;
      font-size: 1.4375rem;
      line-height: 1.625rem; }
  .mf__item span {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    width: 100%;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.0625rem;
    color: #303337;
    margin-top: 8px; }

.mf__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  margin-top: 26px; }
  .mf__link .icon-m-arrow {
    font-size: 8px;
    font-size: 0.5rem;
    line-height: 1.3125rem;
    padding-top: 2px;
    margin-left: 8px; }

.mob__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -7.5px;
  margin-right: -7.5px; }

.mob__col {
  padding-left: 7.5px;
  padding-right: 7.5px; }

.cdetail__list {
  padding-top: 28px;
  padding-bottom: 28px; }

.cdetail__item:not(:last-child) {
  margin-bottom: 22px; }

.cdetail__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #1F88C3;
  color: #fff;
  padding: 20px;
  border-radius: 6px; }
  .cdetail__item a i {
    font-size: 27px;
    text-align: center;
    min-width: 27px; }
  .cdetail__item a span {
    display: block;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 54px);
            flex: 1 0 calc(100% - 54px);
    max-width: calc(100% - 54px);
    text-align: center; }
  .cdetail__item a:hover {
    background-color: #186997; }

.msgtypes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 741px;
  max-width: 100%;
  margin: 33px auto 50px;
  text-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .msgtypes-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    max-width: calc(50% - 15px);
    padding: 50px 18px;
    background: #F0F2F6;
    border: 0px solid #DADDE6;
    border-radius: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .msgtypes-block:hover {
      background: #eaecf2; }
    .msgtypes-block span {
      display: block; }
    .msgtypes-block .h3 {
      font-size: 22px;
      font-size: 1.375rem;
      line-height: 1.875rem;
      margin-top: 18px;
      margin-bottom: 12px; }
    .msgtypes-block .para {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.46875rem;
      font-weight: 500;
      color: #2C373C; }
      .msgtypes-block .para:not(:last-child) {
        margin-bottom: 15px; }
  .msgtypes--general i {
    font-size: 32px;
    color: #5483A5; }
  .msgtypes--urgent i {
    font-size: 32px;
    color: #F77A53; }
  .msgtypes-inner {
    width: 100%; }
  .msgtypes-muted {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.125rem;
    color: #787C80;
    font-weight: 500;
    font-style: italic; }
    .msgtypes-muted i.icon-activity-voice {
      font-size: 10px;
      font-size: 0.625rem;
      line-height: 1.125rem;
      color: #787C80; }
    .msgtypes-muted span {
      display: inline-block; }
  .msgtypes__notification {
    display: none; }

.notify__head {
  padding: 20px 22px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }
  .notify__head--urgent {
    background-color: #EB5757;
    color: #fff;
    text-align: center; }
    .notify__head--urgent h3 {
      color: #fff; }
  .notify__head h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 0; }

.notify__body {
  padding: 30px 26px;
  background-color: #F0F2F6; }
  .notify__body p {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    color: #303337; }

.notify__actions {
  margin-top: 46px;
  text-align: center; }
  .notify__actions button + button {
    margin-left: 30px; }

.feeds__area {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px; }

.feeds__compose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 22px; }
  .feeds__compose--btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(50% - 9px);
            flex: 1 0 calc(50% - 9px);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: calc(50% - 9px);
    padding: 32px 15px;
    background: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .feeds__compose--btn img,
    .feeds__compose--btn .text-headstyle {
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .feeds__compose--btn:hover {
      -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); }
      .feeds__compose--btn:hover img {
        opacity: 0.8; }
      .feeds__compose--btn:hover .text-headstyle {
        color: #787C80 !important; }

.feeds__list {
  margin-top: 24px;
  margin-bottom: 45px; }

.feedsbox__inner {
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden; }

.feedsbox + .feedsbox {
  margin-top: 22px; }

.feedsbox--unpublished .feedbox__meta, .feedsbox--scheduled .feedbox__meta {
  margin-bottom: 15px; }

.feedsbox--unpublished .feedstatus {
  color: #1F88C3; }

.feedsbox--unpublished .feedbox__meta:hover {
  background-color: #F4F8FF; }

.feedsbox--unpublished .feedbox__meta .options-drawer {
  background: -webkit-gradient(linear, right top, left top, color-stop(79.75%, #F4F8FF), color-stop(97.11%, rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #F4F8FF 79.75%, rgba(255, 255, 255, 0) 97.11%); }

.feedsbox--scheduled .feedstatus {
  color: #F2994A; }

.feedsbox--scheduled .feedbox__meta:hover {
  background-color: #FFF9E5; }

.feedsbox--scheduled .feedbox__meta .options-drawer {
  background: -webkit-gradient(linear, right top, left top, color-stop(79.75%, #FFF9E5), color-stop(97.11%, rgba(255, 255, 255, 0)));
  background: linear-gradient(270deg, #FFF9E5 79.75%, rgba(255, 255, 255, 0) 97.11%); }

.feedbox__meta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 5px 16px 22px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .feedbox__meta--name {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.125rem;
    font-weight: 500;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 51px);
            flex: 1 0 calc(100% - 51px);
    max-width: calc(100% - 51px);
    padding-right: 10px;
    color: #2C373C; }
  .feedbox__meta--time {
    color: #9DA3A7; }
  .feedbox__meta--link {
    color: #2C373C; }
    .feedbox__meta--link:hover {
      color: #0F4DA7; }
  .feedbox__meta > .dropdown,
  .feedbox__meta .options {
    -ms-flex-item-align: start;
        align-self: flex-start;
    line-height: 0; }
    .feedbox__meta > .dropdown > .dropdown-toggle,
    .feedbox__meta > .dropdown .options-toggle,
    .feedbox__meta .options > .dropdown-toggle,
    .feedbox__meta .options .options-toggle {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.1875rem;
      width: 35px;
      height: 19px;
      text-align: center;
      color: #9DA3A7; }
  .feedbox__meta .status {
    line-height: 18px;
    vertical-align: middle;
    -ms-flex-item-align: start;
        align-self: flex-start;
    height: 19px; }
  .feedbox__meta .options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .feedbox__meta .options .feedbox__pinned {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-size: 12px;
      font-weight: 600;
      color: #404451;
      margin-right: 16px;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .feedbox__meta .options .feedbox__pinned.pinned {
        visibility: visible;
        opacity: 1; }
      .feedbox__meta .options .feedbox__pinned i {
        color: #F2C94C;
        margin-right: 7px; }
    .feedbox__meta .options-drawer {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: auto;
      padding: 11px 8px 11px 45px;
      background: -webkit-gradient(linear, right top, left top, color-stop(79.75%, #FFFFFF), color-stop(97.11%, rgba(255, 255, 255, 0)));
      background: linear-gradient(270deg, #FFFFFF 79.75%, rgba(255, 255, 255, 0) 97.11%);
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .feedbox__meta .options-drawer .btn {
        padding: 0 18px;
        height: 30px;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.875rem; }
      .feedbox__meta .options-drawer .dropdown-toggle {
        padding-right: 10px; }
        .feedbox__meta .options-drawer .dropdown-toggle i {
          font-size: 5px;
          font-size: 0.3125rem;
          line-height: 0.375rem;
          color: #9DA3A7;
          margin-left: 2px;
          vertical-align: middle; }
      .feedbox__meta .options-drawer > * + * {
        margin-left: 4px; }
    .feedbox__meta .options-pin {
      margin-bottom: 0;
      color: #9DA3A7; }
      .feedbox__meta .options-pin .btn {
        padding: 0 10px; }
        .feedbox__meta .options-pin .btn:focus, .feedbox__meta .options-pin .btn:hover, .feedbox__meta .options-pin .btn:active {
          background-color: #F2C94C;
          border-color: #F2C94C;
          color: #fff; }
      .feedbox__meta .options-pin input:checked + .icon-pin, .feedbox__meta .options-pin input:checked + .icon-thumbs-up {
        background-color: #F2C94C;
        border-color: #F2C94C;
        color: #fff; }
        .feedbox__meta .options-pin input:checked + .icon-pin:active, .feedbox__meta .options-pin input:checked + .icon-pin:focus, .feedbox__meta .options-pin input:checked + .icon-thumbs-up:active, .feedbox__meta .options-pin input:checked + .icon-thumbs-up:focus {
          background-color: #e1ae10;
          border-color: #e1ae10; }
    .feedbox__meta .options:hover .options-drawer {
      opacity: 1;
      visibility: visible; }

.feedbox__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%; }
  .feedbox__title h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.625rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    margin-right: 14px;
    color: #2C373C;
    max-width: 100%;
    margin-bottom: 0; }
  .feedbox__title i {
    -ms-flex-item-align: start;
        align-self: flex-start;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.625rem;
    color: #9DA3A7; }

.feedbox__excerpt {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  max-width: calc(100% - 25px);
  color: #2C373C;
  margin-top: 16px; }
  .feedbox__excerpt p:first-child:last-child {
    margin-bottom: 0; }
  .feedbox__excerpt .readmore {
    display: inline;
    color: #9DA3A7;
    text-decoration: underline; }

.feedbox__content {
  padding: 0 22px 22px; }

.feedbox__media {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .feedbox__media--link {
    position: relative;
    vertical-align: top; }
  .feedbox__media.media__single .feedbox__media--link {
    display: block;
    width: 100%; }
  .feedbox__media.media__single img {
    display: block;
    width: 100%; }
  .feedbox__media.media__single .feedbox__media--more {
    content: "";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(358.21deg, rgba(0, 0, 0, 0.8) 12.22%, rgba(0, 0, 0, 0) 35.85%);
    text-align: right;
    padding-right: 50px;
    padding-bottom: 30px; }
    .feedbox__media.media__single .feedbox__media--more i {
      font-size: 25px;
      margin-right: 10px;
      margin-left: auto;
      color: #fff; }
    .feedbox__media.media__single .feedbox__media--more span {
      -webkit-box-flex: 0;
          -ms-flex: 0 auto;
              flex: 0 auto;
      font-size: 26px;
      font-weight: 600;
      color: #fff; }
  .feedbox__media.media__square {
    position: relative; }
    .feedbox__media.media__square .feedbox__media--link {
      position: relative;
      padding-top: 100%; }
      .feedbox__media.media__square .feedbox__media--link img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover; }
  .feedbox__media.media__three {
    padding-top: 55.73%; }
    .feedbox__media.media__three .feedbox__media--link {
      position: absolute;
      top: 0; }
      .feedbox__media.media__three .feedbox__media--link:first-child {
        left: 0;
        width: 68%;
        height: 100%;
        padding-right: 3px; }
      .feedbox__media.media__three .feedbox__media--link:nth-child(2), .feedbox__media.media__three .feedbox__media--link:nth-child(3) {
        right: 0;
        width: 32%;
        height: 50%;
        padding-bottom: 1.5px; }
      .feedbox__media.media__three .feedbox__media--link:nth-child(3) {
        top: 50%;
        padding-top: 1.5px;
        padding-bottom: 0px; }
    .feedbox__media.media__three .feedbox__media--more {
      content: "";
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-line-pack: center;
          align-content: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      right: 0;
      bottom: 0;
      height: calc(50% - 1.5px);
      width: 32%;
      background: rgba(0, 0, 0, 0.6);
      text-align: center; }
      .feedbox__media.media__three .feedbox__media--more i {
        font-size: 36px;
        margin-bottom: 10px;
        color: #fff; }
      .feedbox__media.media__three .feedbox__media--more span {
        width: 100%;
        font-size: 32px;
        font-weight: 600;
        color: #fff; }
  .feedbox__media img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

.feedbox__foo {
  padding: 16px 22px; }

.feedbox__calendar .feedbox__meta--name {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 131px);
          flex: 1 0 calc(100% - 131px);
  max-width: calc(100% - 131px); }

.feedbox__calendar .feedbox__meta.calender_post_meta .feedbox__meta--name {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% - 148px);
          flex: 1 0 calc(100% - 148px);
  max-width: calc(100% - 148px); }

.feedbox__calendar .event-details .calendar__wrapper {
  margin-top: 0;
  border-top: none; }

.feedbox__calendar .calendar__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-top: 1px solid #0F4DA7;
  margin-top: 6px;
  padding-top: 23px; }

.feedbox__calendar .calendar__page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 84px;
  min-width: 84px;
  height: 84px;
  border-radius: 6px;
  background-color: #F9FAFD;
  margin-right: 34px; }
  .feedbox__calendar .calendar__page > * {
    width: 100%;
    text-align: center; }
  .feedbox__calendar .calendar__page span {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2rem;
    font-weight: 600; }
  .feedbox__calendar .calendar__page--date {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 0.875rem;
    font-weight: 600;
    color: #2C373C; }

.feedbox__calendar .calendar__details--event {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 700;
  color: #9DA3A7;
  margin-bottom: 6px; }

.feedbox__calendar .calendar__details .feedbox__title {
  margin-bottom: 12px; }

.feedbox__calendar .calendar__details--time {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5rem; }

.feedbox__calendar--dblue .status::before {
  background: #0F4DA7; }

.feedbox__calendar--red .status::before {
  background: #EB5757; }

.feedbox__calendar--red .calendar__wrapper {
  border-color: #EB5757; }

.searchbox {
  position: relative; }
  .searchbox input {
    padding: 10px 20px;
    border: 1px solid #F0F2F6;
    border-radius: 6px;
    background: #F0F2F6; }
    .searchbox input::-webkit-input-placeholder {
      color: #787C80; }
    .searchbox input::-moz-placeholder {
      color: #787C80; }
    .searchbox input:-ms-input-placeholder {
      color: #787C80; }
    .searchbox input::-ms-input-placeholder {
      color: #787C80; }
    .searchbox input::placeholder {
      color: #787C80; }
    .searchbox input:focus {
      background: white;
      -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }
  .searchbox__control--btn {
    position: absolute;
    top: 0px;
    right: 14px;
    font-size: 21px;
    font-size: 1.3125rem;
    line-height: 3rem;
    height: 100%;
    color: #CBCED7;
    background: transparent; }

.sharepanel {
  padding-top: 30px; }
  .sharepanel__item {
    display: none; }
    .sharepanel__item.active {
      display: block; }

.addphotos__input {
  margin-top: 10px; }

.addphotos--video .addphotos__label {
  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;
  background: #FAFBFD;
  padding-top: calc(28.12% - 23px);
  padding-bottom: calc(28.12% - 23px); }

.addphotos__label {
  padding: 21px;
  background: #FAFBFD;
  border: 1px dashed #9DA3A7;
  border-radius: 3px;
  text-align: center;
  cursor: pointer; }
  .addphotos__label .btn-light {
    font-size: 13px;
    background: #DADDE6;
    border-color: #DADDE6;
    border-radius: 5px;
    margin-bottom: 10px; }

.addphotos__list {
  margin-top: 30px; }

.addphotos__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .addphotos__item > * {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    padding-top: 20px;
    padding-bottom: 20px; }

.addphotos__media {
  position: relative;
  max-height: 264px; }
  .addphotos__media--upload, .addphotos__media--generating, .addphotos__media--preview {
    width: 268px;
    max-width: 100%;
    visibility: hidden;
    opacity: 0; }
  .addphotos__media--upload, .addphotos__media--generating {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }
    .addphotos__media--upload span, .addphotos__media--generating span {
      color: #9DA3A7;
      display: block;
      width: 100%;
      position: relative;
      z-index: 2; }
  .addphotos__media--upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 20px; }
    .addphotos__media--upload .upload__progress {
      position: relative;
      width: 148px;
      height: 14px;
      max-width: 100%;
      border-radius: 50px;
      background: #DADDE6;
      margin-top: 6px;
      overflow: hidden; }
    .addphotos__media--upload .upload__tracker {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      border-radius: 50px;
      background: #3FB045;
      overflow: hidden; }
  .addphotos__media--generating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .addphotos__media--generating .generatingpreview img {
      -webkit-animation: rotation 1s infinite linear;
              animation: rotation 1s infinite linear; }
  .addphotos__media.uploading .addphotos__media--upload {
    visibility: visible;
    opacity: 1; }
  .addphotos__media.generating .addphotos__media--generating {
    visibility: visible;
    opacity: 1; }
  .addphotos__media.preview .addphotos__media--preview {
    visibility: visible;
    opacity: 1; }
  .addphotos__media.preview:hover .addphotos__editing {
    opacity: 1;
    visibility: visible; }
  .addphotos__media .mediaphoto {
    position: relative; }
    .addphotos__media .mediaphoto img {
      max-width: 100%;
      height: auto;
      max-height: 264px; }
    .addphotos__media .mediaphoto .featured {
      display: block;
      position: absolute;
      bottom: 20px;
      left: 0;
      padding: 6px 10px;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 0.75rem;
      font-weight: 700;
      background: #F2C94C;
      color: #000;
      min-height: 0;
      margin: 0;
      border: 0; }

.addphotos__desc {
  padding-left: 15px; }
  .addphotos__desc textarea {
    width: 100%;
    max-width: 336px;
    height: 151px; }
    .addphotos__desc textarea::-webkit-input-placeholder {
      font-size: 15px;
      color: #DADDE6; }
    .addphotos__desc textarea::-webkit-input-placeholder, .addphotos__desc textarea::placeholder {
      font-size: 15px;
      color: #DADDE6; }

.addphotos__editing {
  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;
  position: absolute;
  top: -10px;
  left: 0;
  width: 268px;
  max-width: 100%;
  opacity: 0;
  visibility: hidden; }
  .addphotos__editing button {
    background: transparent;
    color: #404451;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.5rem;
    font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .addphotos__editing button i {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 1.5rem;
      color: #CBCED7;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .addphotos__editing button:hover {
      color: #000; }
      .addphotos__editing button:hover i {
        color: #aeb3c1; }

.simpleselect-control {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  opacity: 0;
  visibility: hidden; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

.videolist {
  width: 710px;
  max-width: 100%;
  margin: 24px auto 0;
  padding-left: 5px;
  padding-right: 5px; }
  .videolist-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -5px;
    margin: -5px; }
  .videolist-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 33.33%;
            flex: 1 0 33.33%;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    margin-bottom: 30px; }
    .videolist-item img {
      width: 100%;
      max-width: 100%;
      height: auto; }
    .videolist-item h3 {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.375rem;
      color: #2C373C;
      font-weight: 600;
      margin-top: 12px;
      margin-bottom: 0; }
  .videolist-meta {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.15625rem;
    font-weight: 500;
    color: #787C80;
    margin-top: 4px; }

.photogallery__carousel {
  padding-left: 74px;
  padding-right: 74px;
  margin-top: 10px; }

.photogallery__caption {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  color: #2C373C;
  margin: 20px auto 0;
  max-width: 724px; }

.photogallery__aside-item {
  max-width: 362px;
  margin-left: auto;
  margin-bottom: 10px; }
  .photogallery__aside-item h3 {
    line-height: 1.566em;
    color: #2C373C;
    margin-top: 10px; }

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

.carousel-control-prev, .carousel-control-next {
  display: block;
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #404451;
  /*background: $gray-light;*/
  background: #E6E9EF;
  border-radius: 100%;
  padding: 0;
  opacity: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.26s ease-in-out;
  transition: all 0.26s ease-in-out; }
  .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-prev:active, .carousel-control-next:hover, .carousel-control-next:focus, .carousel-control-next:active {
    background: #dadee7;
    color: #404451; }

.carousel-control-prev {
  left: 0; }
  .carousel-control-prev .icon-chevron-down {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg); }

.carousel-control-next {
  right: 0; }
  .carousel-control-next .icon-chevron-down {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.modal-photogallery .modal-header, .modal-feedpostdetail .modal-header {
  padding: 14px 22px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .modal-photogallery .modal-header.feed--unpublished, .modal-feedpostdetail .modal-header.feed--unpublished {
    background-color: #F4F8FF; }
    .modal-photogallery .modal-header.feed--unpublished .feedstatus, .modal-feedpostdetail .modal-header.feed--unpublished .feedstatus {
      color: #1F88C3; }
  .modal-photogallery .modal-header.feed--scheduled, .modal-feedpostdetail .modal-header.feed--scheduled {
    background-color: #FFF9E5; }
    .modal-photogallery .modal-header.feed--scheduled .feedstatus,
    .modal-photogallery .modal-header.feed--scheduled .status-time, .modal-feedpostdetail .modal-header.feed--scheduled .feedstatus,
    .modal-feedpostdetail .modal-header.feed--scheduled .status-time {
      color: #F2994A; }
  .modal-photogallery .modal-header .close, .modal-feedpostdetail .modal-header .close {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 42px;
    height: 42px;
    padding: 0;
    margin-right: 0px;
    border-radius: 50%;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .modal-photogallery .modal-header .close:hover, .modal-feedpostdetail .modal-header .close:hover {
      background-color: #E6E9EF;
      color: #404451; }
    .modal-photogallery .modal-header .close .icon-plus, .modal-feedpostdetail .modal-header .close .icon-plus {
      font-size: 18px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }

.modal-photogallery .modal-body, .modal-feedpostdetail .modal-body {
  padding-left: 20px;
  padding-right: 20px; }

.btn-divide {
  padding-left: 0;
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .btn-divide > span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(100% - 44px);
            flex: 1 0 calc(100% - 44px);
    margin-top: -1px;
    height: calc(100% + 2px);
    padding: 0 30px; }
  .btn-divide::after {
    content: "\e95a";
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: -1px;
    margin-left: 0;
    margin-right: -1px;
    width: 44px;
    height: calc(100% + 2px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #ECEFF5;
    color: #9DA3A7;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    overflow: hidden; }
  .btn-divide:active::after {
    color: #1F88C3; }
  .btn-divide.btn-gray span {
    background: #E6E9EF;
    color: #4F4F4F;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .btn-divide.btn-gray span:focus, .btn-divide.btn-gray span:hover, .btn-divide.btn-gray span:active {
      background-color: #d6dbe5;
      border-color: #d6dbe5;
      color: #4F4F4F; }
  .btn-divide.btn-md, .btn-divide.btn-compress {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.0625rem; }
    .btn-divide.btn-md::after, .btn-divide.btn-compress::after {
      font-size: 6px;
      font-size: 0.375rem;
      line-height: 0.375rem; }

.dropdown-edit .icon-duplicate {
  color: #6691BD; }

.dropdown-edit .icon-unpublish {
  color: #A8C6DB; }

.dropdown-edit .icon-pin {
  color: #F2C94C; }

.dropdown-edit .icon-delete {
  color: #CBCED7; }

.dropdown-edit.show .btn-divide::after {
  color: #1F88C3; }

.dropdown-edit .dropdown-menu {
  border-color: #F9FAFD;
  -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
  border-top-right-radius: 0;
  min-width: 0; }
  .dropdown-edit .dropdown-menu .dropdown-item {
    padding-left: 16px;
    padding-right: 16px; }
    .dropdown-edit .dropdown-menu .dropdown-item > [class^="icon-"] {
      margin-right: 8px; }

/*
.modal-photogallery {
.carousel {
max-width: 872px;
}
}
*/
.feedpostdetail {
  max-width: 726px;
  margin-left: auto;
  margin-right: auto; }
  .feedpostdetail__featured {
    position: relative; }
    .feedpostdetail__featured img {
      max-width: 100%;
      height: auto; }
    .feedpostdetail__featured.multiple {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .feedpostdetail__featured.multiple .feedbox__media--link {
        display: block;
        width: 100%; }
        .feedpostdetail__featured.multiple .feedbox__media--link img {
          display: block;
          width: 100%; }
      .feedpostdetail__featured.multiple .feedbox__media--more {
        content: "";
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(358.21deg, rgba(0, 0, 0, 0.8) 12.22%, rgba(0, 0, 0, 0) 35.85%);
        text-align: right;
        padding-right: 50px;
        padding-bottom: 30px; }
        .feedpostdetail__featured.multiple .feedbox__media--more i {
          font-size: 25px;
          margin-right: 10px;
          margin-left: auto;
          color: #fff; }
        .feedpostdetail__featured.multiple .feedbox__media--more span {
          -webkit-box-flex: 0;
              -ms-flex: 0 auto;
                  flex: 0 auto;
          font-size: 26px;
          font-weight: 600;
          color: #fff; }
  .feedpostdetail__featured, .feedpostdetail__meta {
    margin-bottom: 24px; }
  .feedpostdetail__title, .feedpostdetail__body {
    max-width: 720px; }
  .feedpostdetail__title {
    margin-bottom: 50px; }
  .feedpostdetail__body {
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.8125rem;
    color: #000; }

.sidepanel {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 1024px;
  min-height: 100vh;
  background: #fff;
  z-index: 1010;
  -webkit-transform: translateX(calc(100% + 50px));
          transform: translateX(calc(100% + 50px));
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); }
  .sidepanel.active {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible; }
  .sidepanel__wrapper {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .sidepanel__control {
    position: absolute;
    right: 100%;
    top: 32px;
    width: 46px;
    height: 68px;
    padding: 0;
    margin: 0;
    background: #787C80;
    color: #F9FAFD;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 6px 0px 0px 6px; }
    .sidepanel__control i {
      line-height: 68px;
      opacity: 0.5; }
  .sidepanel__head, .sidepanel__content {
    padding-left: 40px;
    padding-right: 27px;
    padding-right: 40px; }
  .sidepanel__head {
    padding-top: 29px;
    padding-bottom: 18px;
    background: #F9FAFD; }
    .sidepanel__head--cols {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .sidepanel__head-user, .sidepanel__head-left {
      padding-right: 15px;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
      .sidepanel__head-user a, .sidepanel__head-left a {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.125rem;
        color: #787C80;
        text-decoration: underline;
        font-weight: 500;
        margin-left: 10px; }
    .sidepanel__head--username {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.5rem;
      color: #2C373C;
      margin-bottom: 0; }
    .sidepanel__head--role {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.125rem;
      margin-bottom: 0;
      color: #787C80;
      margin-top: 8px; }
      .sidepanel__head--rolelang {
        font-weight: 500;
        color: #9DA3A7; }
  .sidepanel--help .sidepanel__head {
    padding-top: 17px;
    padding-bottom: 17px;
    background-color: #3B4770; }
    .sidepanel--help .sidepanel__head h2 {
      font-size: 20px;
      font-size: 1.25rem;
      line-height: 1.5rem;
      color: #fff;
      margin-bottom: 0; }
  .sidepanel--help .sidepanel__content {
    padding: 0; }
    .sidepanel--help .sidepanel__content iframe {
      display: inline-block;
      width: 100%;
      max-width: 100%;
      height: 100%;
      padding: 0;
      border: 0;
      outline: none;
      vertical-align: top; }
  .sidepanel--help .sidepanel__control .icon-cross {
    display: none; }
  .sidepanel__content {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    padding-top: 38px;
    padding-bottom: 58px; }
    .sidepanel__content--body {
      min-height: 460px; }
  .sidepanel__footer {
    position: relative;
    padding-top: 20px;
    padding-bottom: 70px;
    background: #FAFBFD; }
    .sidepanel__footer::before, .sidepanel__footer::after {
      content: "";
      position: absolute;
      top: 0;
      height: 100%;
      background: #FAFBFD; }
    .sidepanel__footer::before {
      width: 50px;
      right: 100%; }
    .sidepanel__footer::after {
      width: 50px;
      left: 100%; }
  .sidepanel .contacts__tabs .prefgrid tr:first-child, .sidepanel .contacts__tabs .grid-main-block tr:first-child {
    background-color: transparent; }
  .sidepanel .contacts__tabs .mp__legend {
    background-color: transparent;
    border-bottom: 1px solid #DADDE6; }
  .sidepanel .contacts__list {
    margin-bottom: 16px; }
  .sidepanel .contacts__item--detail h4 {
    text-decoration: underline; }
    .sidepanel .contacts__item--detail h4 a {
      text-decoration: underline; }
  .sidepanel .contacts__item--detail span {
    color: #9DA3A7;
    line-height: 14px; }
  .sidepanel .contacts__item--reachable .status::before, .sidepanel .contacts__item--unreachable .status::before {
    margin-right: 2px; }
  .sidepanel .contacts__item--reachable .contactsitems__status {
    color: #7DC481; }
  .sidepanel .contacts__item--reachable .status::before {
    background: #7DC481; }
  .sidepanel .contacts__item--unreachable h4,
  .sidepanel .contacts__item--unreachable .contactsitems__status {
    color: #EB5757; }
  .sidepanel .contacts__item--unreachable .status::before {
    background: #EB5757; }
  .sidepanel .nav-tabs .nav-link {
    font-size: 12px;
    padding: 7px 30px;
    color: #787C80; }
    .sidepanel .nav-tabs .nav-link.active {
      color: #2C373C; }

.status-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px;
  min-width: 134px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #DADDE6;
  border-radius: 6px;
  background: #fff;
  text-align: center; }
  .status-button--reachable {
    color: #7DC481;
    font-weight: 600;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 0.875rem; }
    .status-button--reachable .status--sent::before {
      background: #7DC481; }

.sideedit {
  display: none;
  position: absolute;
  top: 0;
  z-index: 9;
  background: #ffffff;
  height: 100vh;
  overflow: auto;
  overflow-x: hidden;
  padding: 36px 50px 36px 48px; }
  .sideedit__head a {
    color: #787C80;
    font-weight: 500; }
    .sideedit__head a i {
      font-size: 9px;
      line-height: 22px; }
  .sideedit__body {
    min-height: 60vh; }

.subscription__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5px;
  margin-bottom: 40px; }
  .subscription__list--item {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.25rem;
    font-weight: 500;
    padding: 0 25px;
    height: 36px;
    color: #404451;
    background: #F9FAFD;
    margin-right: 12px;
    border-radius: 3px;
    cursor: pointer;
    margin-bottom: 10px; }

.select-lang {
  font-family: 'AvenirNext-Medium', sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.625rem;
  color: #404451;
  width: auto;
  height: 25px;
  padding: 0;
  padding-left: 20px;
  background-color: transparent;
  -webkit-appearance: none;
  outline: none;
  background-image: url("../images/icon-lang.svg");
  background-size: 13px;
  background-position: 0px center;
  background-repeat: no-repeat;
  border: none;
  vertical-align: middle;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .select-lang:hover {
    background-image: url("../images/icon-lang-active.svg");
    color: #1F88C3; }
  .select-lang.dropdown-toggle::after {
    display: none; }
  .select-lang .btn-iconselect [class^="icon-"] {
    font-size: 12px; }
  .select-lang:focus {
    border-color: #DADDE6;
    outline: none; }

.dropdown-lang.show .select-lang {
  background-image: url("../images/icon-lang-active.svg");
  color: #1F88C3; }

.dropdown-lang .dropdown-menu {
  padding: 30px 26px;
  margin-top: 14px;
  border: 0;
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.15); }
  .dropdown-lang .dropdown-menu .dropdown-item {
    padding: 0 0 12px; }
    .dropdown-lang .dropdown-menu .dropdown-item:last-child {
      padding-bottom: 0; }
    .dropdown-lang .dropdown-menu .dropdown-item:hover, .dropdown-lang .dropdown-menu .dropdown-item:focus {
      color: #0F4DA7;
      background-color: transparent; }
  .dropdown-lang .dropdown-menu::before {
    content: "";
    display: block;
    position: absolute;
    left: 25px;
    bottom: 99%;
    width: 15px;
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent; }

.btn-signout img {
  display: none; }

.preflist {
  margin-top: 14px; }
  .preflist .wide__switch {
    color: #393939; }
    .preflist .wide__switch-sm {
      max-width: 132px;
      font-size: 14px; }
    .preflist .wide__switchtab {
      padding: 6px 10px; }
    .preflist .wide__switch input:checked ~ .wide__switchone {
      color: #393939; }
  .preflist__addphone {
    margin-top: 50px; }
    .preflist__addphone h3 {
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1.875rem;
      font-weight: 700;
      max-width: 260px;
      margin: 10px auto 35px; }
    .preflist__addphone .btn {
      min-width: 174px; }
    .preflist__addphone .addphone-note {
      max-width: 279px;
      margin-left: auto;
      margin-right: auto; }

.prefgroup {
  display: none;
  text-align: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px; }
  .prefgroup.active {
    display: block; }
  .prefgroup h2 {
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 2.125rem;
    margin-bottom: 30px; }
  .prefgroup .blockgroup {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto; }

.prefitem h3 {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 0;
  color: #333333; }
  .prefitem h3 + label {
    margin-top: 30px; }

.prefitem + .prefitem {
  margin-top: 44px; }

.prefitem-subtext {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.1875rem;
  color: #828282;
  margin-bottom: 12px; }

.preffoo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 150px;
  padding-top: 34px;
  border-top: 1px solid #9DA3A7; }
  .preffoo a:first-child {
    margin-right: 15px; }
  .preffoo .btn {
    width: 174px; }

.uilib .table__filter, .uilib .section__header {
  margin-bottom: 38px; }
  .uilib .table__filter .btn, .uilib .section__header .btn {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 2.5625rem;
    height: 41px; }
  .uilib .table__filter input, .uilib .section__header input {
    min-width: 286px;
    padding: 8px 20px;
    background-color: #F9FAFD;
    background-size: 18px; }

.uilib-backbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.375rem;
  margin-bottom: 40px; }
  .uilib-backbtn i {
    font-size: 9px;
    font-size: 0.5625rem;
    line-height: 0.5625rem;
    margin-right: 8px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    vertical-align: middle; }

.uilib .blockgroup__label {
  font-weight: 600;
  color: #404451; }

.uilib .formfield-colored input[type="text"],
.uilib .formfield-colored input[type="email"],
.uilib .formfield-colored input[type="password"],
.uilib .formfield-colored input[type="search"],
.uilib .formfield-colored .input__control,
.uilib .formfield-colored .input__custom,
.uilib .formfield-colored select,
.uilib .formfield-colored .select2-container--default .select2-selection {
  background-color: #F5F7FB; }
  .uilib .formfield-colored input[type="text"]:focus,
  .uilib .formfield-colored input[type="email"]:focus,
  .uilib .formfield-colored input[type="password"]:focus,
  .uilib .formfield-colored input[type="search"]:focus,
  .uilib .formfield-colored .input__control:focus,
  .uilib .formfield-colored .input__custom:focus,
  .uilib .formfield-colored select:focus,
  .uilib .formfield-colored .select2-container--default .select2-selection:focus {
    background-color: #FAFBFD;
    border-color: #8BC4E3; }

.uilib .formfield-colored .select2-container--focus .select2-selection--multiple {
  background-color: #FAFBFD;
  border-color: #8BC4E3; }

.uilib .custom-control-label {
  color: #2C373C;
  font-weight: 500; }

.uilib .custom-control {
  padding-left: 30px; }

.uilib .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #1F88C3; }

.uilib .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11'><circle cx='5.5' cy='5.5' r='5.5' style='fill:rgba(31, 136, 195, 0.999);' /></svg>"); }

.uilib .custom-checkbox .custom-control-label::before {
  border-color: #CBCED7; }

.uilib .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  border-color: #CBCED7; }

.uilib .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #1F88C3; }

.uilib .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.52953 8.99999C4.30178 9.00054 4.0762 8.95686 3.86586 8.87149C3.65552 8.78612 3.46461 8.66075 3.30421 8.50267L0.414315 5.67695C0.131017 5.35196 -0.016425 4.93441 0.00145503 4.50774C0.0193351 4.08107 0.20122 3.67671 0.510762 3.37547C0.820303 3.07423 1.2347 2.8983 1.67114 2.88284C2.10758 2.86737 2.53392 3.01351 2.86495 3.29205L4.52953 4.9174L9.084 0.455034C9.4127 0.155553 9.84744 -0.00748559 10.2966 0.000264142C10.7459 0.00801387 11.1745 0.185947 11.4921 0.496579C11.8098 0.807211 11.9918 1.22629 11.9997 1.66552C12.0077 2.10475 11.8409 2.52984 11.5346 2.85124L5.75484 8.49137C5.5954 8.65149 5.40493 8.77895 5.19454 8.86628C4.98416 8.95361 4.75808 8.99907 4.52953 8.99999V8.99999Z' fill='%231F88C3'/%3E%3C/svg%3E%0A"); }

.uilib .custom-control-label::before, .uilib .custom-control-label::after {
  left: -30px;
  top: 2px;
  width: 20px;
  height: 20px;
  background-size: 10px; }

.uilib .customselect + .select2-container--default .select2-selection .select2-selection__choice {
  border-color: #CBCED7;
  border-radius: 0px; }

.uilib .formcontainer {
  max-width: 882px; }

.uilib .radiolist li {
  margin-right: 50px;
  margin-top: 12px;
  margin-bottom: 0px; }

.uilib .sectionseparator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.625rem;
  font-weight: 600; }
  .uilib .sectionseparator::after {
    content: "";
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    max-width: 100%;
    height: 1px;
    margin-left: 8px;
    background: #DADDE6; }

.uilib .select2-container--default .select2-selection {
  background-image: url("../images/uilib-select-down.svg");
  border-radius: 4px; }

.uilib .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .uilib .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-radius: 4px; }

.uilib .select2__wrapper .select2-container .select2-dropdown,
.uilib .multiselectdrop .select2-container .select2-dropdown {
  min-width: 362px;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05); }

.uilib .select2__wrapper .select2-container--open .select2-dropdown--above, .uilib .select2__wrapper .select2-container--open .select2-dropdown--below,
.uilib .multiselectdrop .select2-container--open .select2-dropdown--above,
.uilib .multiselectdrop .select2-container--open .select2-dropdown--below {
  border-color: #DADDE6;
  border-width: 1px;
  border-style: solid; }

.uilib .select2__wrapper .select2-container--open .select2-dropdown--above,
.uilib .multiselectdrop .select2-container--open .select2-dropdown--above {
  overflow: hidden;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.uilib .select2__wrapper .select2-container--open .select2-dropdown--below,
.uilib .multiselectdrop .select2-container--open .select2-dropdown--below {
  top: 10px;
  border-radius: 4px;
  overflow: hidden; }

.uilib .select2__wrapper .select2-container .select2-results__option,
.uilib .multiselectdrop .select2-container .select2-results__option {
  font-size: 15px;
  padding: 8px 15px; }
  .uilib .select2__wrapper .select2-container .select2-results__option--selectable,
  .uilib .multiselectdrop .select2-container .select2-results__option--selectable {
    background-color: #fff;
    color: #000;
    font-weight: 400;
    /*
    &:not(:first-child) {
        border-top: 1px solid  $gray-200;
    }
    */ }
    .uilib .select2__wrapper .select2-container .select2-results__option--selectable:last-child,
    .uilib .multiselectdrop .select2-container .select2-results__option--selectable:last-child {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
  .uilib .select2__wrapper .select2-container .select2-results__option--highlighted,
  .uilib .multiselectdrop .select2-container .select2-results__option--highlighted {
    background-color: #F2F9FD; }
  .uilib .select2__wrapper .select2-container .select2-results__option--selected,
  .uilib .multiselectdrop .select2-container .select2-results__option--selected {
    background-color: #FAFBFD; }

.uilib .select2__wrapper .select2-container input[type="search"], .uilib .select2__wrapper .select2-container .input__custom[type="search"], .uilib .select2__wrapper .select2-container textarea[type="search"], .uilib .select2__wrapper .select2-container select[type="search"],
.uilib .multiselectdrop .select2-container input[type="search"],
.uilib .multiselectdrop .select2-container .input__custom[type="search"],
.uilib .multiselectdrop .select2-container textarea[type="search"],
.uilib .multiselectdrop .select2-container select[type="search"] {
  background-image: url("../images/icon-search-blue.svg");
  background-size: 18px; }

.uilib .select2__wrapper .select2-container .select2-search--dropdown,
.uilib .multiselectdrop .select2-container .select2-search--dropdown {
  padding: 16px;
  background-color: #F5F7FB; }
  .uilib .select2__wrapper .select2-container .select2-search--dropdown .select2-search__field,
  .uilib .multiselectdrop .select2-container .select2-search--dropdown .select2-search__field {
    padding: 12px 20px;
    border-color: #8BC4E3; }

.uilib .select2__wrapper .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .select2-icon,
.uilib .multiselectdrop .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .select2-icon {
  color: #404451; }

.uilib .select2__wrapper .select2-container .select2-icon,
.uilib .multiselectdrop .select2-container .select2-icon {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 2.0625rem;
  color: #404451; }

.uilib .multiselect + .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-radius: 4px; }

.uilib .multiselectdrop .select2-container .select2-results__options {
  padding: 15px 0; }
  .uilib .multiselectdrop .select2-container .select2-results__options li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    padding: 10px 25px;
    font-weight: 500;
    color: #2C373C; }
    .uilib .multiselectdrop .select2-container .select2-results__options li::before {
      content: "";
      width: 20px;
      min-width: 20px;
      height: 20px;
      border: 1.74px solid #CBCED7;
      border-radius: 2.61px;
      margin-right: 10px; }
    .uilib .multiselectdrop .select2-container .select2-results__options li::after {
      content: "";
      position: absolute;
      left: 25px;
      top: 50%;
      width: 20px;
      min-width: 20px;
      height: 20px;
      margin-right: 10px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.52953 8.99999C4.30178 9.00054 4.0762 8.95686 3.86586 8.87149C3.65552 8.78612 3.46461 8.66075 3.30421 8.50267L0.414315 5.67695C0.131017 5.35196 -0.016425 4.93441 0.00145503 4.50774C0.0193351 4.08107 0.20122 3.67671 0.510762 3.37547C0.820303 3.07423 1.2347 2.8983 1.67114 2.88284C2.10758 2.86737 2.53392 3.01351 2.86495 3.29205L4.52953 4.9174L9.084 0.455034C9.4127 0.155553 9.84744 -0.00748559 10.2966 0.000264142C10.7459 0.00801387 11.1745 0.185947 11.4921 0.496579C11.8098 0.807211 11.9918 1.22629 11.9997 1.66552C12.0077 2.10475 11.8409 2.52984 11.5346 2.85124L5.75484 8.49137C5.5954 8.65149 5.40493 8.77895 5.19454 8.86628C4.98416 8.95361 4.75808 8.99907 4.52953 8.99999V8.99999Z' fill='%231F88C3'/%3E%3C/svg%3E%0A");
      background-size: 10px;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      opacity: 0;
      visibility: hidden; }
    .uilib .multiselectdrop .select2-container .select2-results__options li.select2-results__message::before, .uilib .multiselectdrop .select2-container .select2-results__options li.select2-results__message::after {
      display: none; }
  .uilib .multiselectdrop .select2-container .select2-results__options .select2-results__option--selectable:not(:first-child) {
    border: 0; }
  .uilib .multiselectdrop .select2-container .select2-results__options .select2-results__option--highlighted {
    background-color: #F2F9FD; }
  .uilib .multiselectdrop .select2-container .select2-results__options .select2-results__option--selected::before {
    border-color: #1F88C3; }
  .uilib .multiselectdrop .select2-container .select2-results__options .select2-results__option--selected::after {
    visibility: visible;
    opacity: 1; }

.uilib .iconselect + .select2-container .select2-selection--single .select2-selection__rendered > span > i {
  font-size: 25px;
  font-size: 1.5625rem;
  line-height: 1.5625rem;
  color: #404451; }

.file-browse {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 350px;
  max-width: 100%;
  min-height: 222px;
  background-color: #FAFBFD;
  border-radius: 3px;
  border: 1px dashed #9DA3A7;
  cursor: pointer; }
  .file-browse--controls {
    text-align: center; }
    .file-browse--controls .btn {
      font-size: 13px;
      font-size: 0.8125rem;
      line-height: 2.5rem;
      width: auto;
      height: 40px;
      padding-left: 18px;
      padding-right: 18px;
      margin-bottom: 10px;
      color: #404451;
      border-radius: 5px;
      background-color: #EAEDEF; }
  .file-browse--text {
    width: 100%; }
  .file-browse--preview {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    padding: 30px;
    background-color: #FAFBFD;
    border-radius: 3px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .file-browse--preview img {
      max-width: 100%;
      max-height: 100%;
      width: auto;
      height: auto; }
    .file-browse--preview:hover .file-browse--delete {
      visibility: visible;
      opacity: 1; }
  .file-browse--loaded {
    visibility: visible;
    opacity: 1; }
  .file-browse--delete {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 43px;
    height: 43px;
    background-image: url("../images/uilib-file-close.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    visibility: hidden;
    opacity: 0;
    cursor: pointer; }
    .file-browse--delete:hover {
      opacity: 0.9 !important; }

.file *::focus {
  outline: none; }

.hexcolor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 10px; }
  .hexcolor__sign {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    margin-right: 10px; }
  .hexcolor input {
    width: 116px;
    max-width: 100%; }
  .hexcolor__preview {
    width: 46px;
    height: 46px;
    margin-left: 10px;
    border: 1px solid #DADDE6;
    border-radius: 100%;
    background-color: transparent; }

.previewlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600;
  color: #787C80; }
  .previewlink .icon-previewlink {
    color: #1F88C3;
    margin-left: 10px; }

.quicklinks__first, .quicklinks__setup {
  display: none; }

.quicklinks__item .quicklink__icon {
  font-size: 21px;
  font-size: 1.3125rem;
  line-height: 1.3125rem;
  color: #000;
  margin-left: 6px;
  margin-right: 16px; }

.quicklinks__item .quicklink__label {
  font-size: 16.23px;
  font-size: 1.01438rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #000; }

.quicklinks__item .custom-control-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .quicklinks__item .custom-control-label::before, .quicklinks__item .custom-control-label::after {
    top: 0; }

.quicklinks__table {
  width: 100%; }
  .quicklinks__table th {
    border-top: 0;
    padding: 9px 11px;
    text-align: center;
    color: #404451; }
    .quicklinks__table th:first-child {
      min-width: 63px; }
    .quicklinks__table th:nth-child(2) {
      min-width: 92px; }
    .quicklinks__table th:nth-child(3) {
      min-width: 200px; }
    .quicklinks__table th:nth-child(4) {
      min-width: 350px; }
    .quicklinks__table th:last-child {
      min-width: 100px; }
  .quicklinks__table td {
    border-top: 1px solid #DADDE6;
    vertical-align: middle;
    padding: 10px 12px;
    text-align: center; }
    .quicklinks__table td input {
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.375rem;
      padding-left: 13px;
      padding-right: 13px; }
  .quicklinks__table .icon-delete {
    color: #DADDE6; }

.quicklinks__modal .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  min-height: 500px; }

.quicklinks__modal--below {
  margin-top: auto; }

.addlinkstart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 535px;
  padding: 20px;
  border-radius: 6px;
  background: #F9FAFD;
  text-align: center; }
  .addlinkstart__wrapper {
    padding-bottom: 8%; }
  .addlinkstart p {
    max-width: 350px;
    margin: 0 auto 28px; }

.star-checkbox {
  cursor: pointer;
  margin-bottom: 0;
  line-height: 1; }
  .star-checkbox span {
    color: #DADDE6; }
  .star-checkbox input:checked + span {
    color: #3FB045; }

.prefgrid, .grid-main-block {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  width: 100%; }
  .prefgrid tr, .grid-main-block tr {
    border-bottom: 1px solid #DADDE6; }
    .prefgrid tr:first-child, .grid-main-block tr:first-child {
      background: #F9FAFD; }
  .prefgrid th,
  .prefgrid td, .grid-main-block th,
  .grid-main-block td {
    padding: 20px; }
  .prefgrid th, .grid-main-block th {
    color: #404451; }
    .prefgrid th > span, .grid-main-block th > span {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center; }
    .prefgrid th:first-child, .grid-main-block th:first-child {
      width: 380px; }
    .prefgrid th .badge--icon, .grid-main-block th .badge--icon {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1.25rem; }
      .prefgrid th .badge--icon.icon-exclamation, .grid-main-block th .badge--icon.icon-exclamation {
        margin-right: 4px; }
  .prefgrid td:first-child .prefgrid__group, .prefgrid td:first-child .grid-group, .grid-main-block td:first-child .prefgrid__group, .grid-main-block td:first-child .grid-group {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .prefgrid td + td, .grid-main-block td + td {
    text-align: center; }
  .prefgrid__group, .prefgrid .grid-group, .grid-main-block__group, .grid-main-block .grid-group {
    font-weight: 500;
    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;
    color: #333333; }
    .prefgrid__group .custom-checkbox, .prefgrid .grid-group .custom-checkbox, .grid-main-block__group .custom-checkbox, .grid-main-block .grid-group .custom-checkbox {
      padding-left: 18px; }
      .prefgrid__group .custom-checkbox .custom-control-label::before, .prefgrid__group .custom-checkbox .custom-control-label::after, .prefgrid .grid-group .custom-checkbox .custom-control-label::before, .prefgrid .grid-group .custom-checkbox .custom-control-label::after, .grid-main-block__group .custom-checkbox .custom-control-label::before, .grid-main-block__group .custom-checkbox .custom-control-label::after, .grid-main-block .grid-group .custom-checkbox .custom-control-label::before, .grid-main-block .grid-group .custom-checkbox .custom-control-label::after {
        left: -18px;
        width: 18px;
        height: 18px; }
      .prefgrid__group .custom-checkbox .custom-control-label::after, .prefgrid .grid-group .custom-checkbox .custom-control-label::after, .grid-main-block__group .custom-checkbox .custom-control-label::after, .grid-main-block .grid-group .custom-checkbox .custom-control-label::after {
        background-size: 9.5px; }
    .prefgrid__group .wide__switch, .prefgrid .grid-group .wide__switch, .grid-main-block__group .wide__switch, .grid-main-block .grid-group .wide__switch {
      width: 139px; }
  .prefgrid__colLab, .prefgrid .grid-collab, .grid-main-block__colLab, .grid-main-block .grid-collab {
    display: none;
    font-weight: 600; }
  .prefgrid__control i, .prefgrid .grid-control i, .grid-main-block__control i, .grid-main-block .grid-control i {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: #CBCED7;
    margin-left: 15px;
    margin-right: 5px;
    vertical-align: middle; }
  .prefgrid__card--disabled .prefgrid__control span, .prefgrid__card--disabled .grid-control span, .prefgrid .grid-card--disabled .prefgrid__control span, .prefgrid .grid-card--disabled .grid-control span, .grid-main-block__card--disabled .prefgrid__control span, .grid-main-block__card--disabled .grid-control span, .grid-main-block .grid-card--disabled .prefgrid__control span, .grid-main-block .grid-card--disabled .grid-control span {
    opacity: 0.2; }
  .prefgrid__card--disabled .prefgrid__control.prefgrid__addphone span, .prefgrid__card--disabled .grid-control.prefgrid__addphone span, .prefgrid .grid-card--disabled .prefgrid__control.prefgrid__addphone span, .prefgrid .grid-card--disabled .grid-control.prefgrid__addphone span, .grid-main-block__card--disabled .prefgrid__control.prefgrid__addphone span, .grid-main-block__card--disabled .grid-control.prefgrid__addphone span, .grid-main-block .grid-card--disabled .prefgrid__control.prefgrid__addphone span, .grid-main-block .grid-card--disabled .grid-control.prefgrid__addphone span {
    opacity: 1; }
  .prefgrid__card--disabled .prefgrid__colLab,
  .prefgrid__card--disabled .wide__switch,
  .prefgrid__card--disabled .custom-switch,
  .prefgrid__card--disabled .grid-collab, .prefgrid .grid-card--disabled .prefgrid__colLab,
  .prefgrid .grid-card--disabled .wide__switch,
  .prefgrid .grid-card--disabled .custom-switch,
  .prefgrid .grid-card--disabled .grid-collab, .grid-main-block__card--disabled .prefgrid__colLab,
  .grid-main-block__card--disabled .wide__switch,
  .grid-main-block__card--disabled .custom-switch,
  .grid-main-block__card--disabled .grid-collab, .grid-main-block .grid-card--disabled .prefgrid__colLab,
  .grid-main-block .grid-card--disabled .wide__switch,
  .grid-main-block .grid-card--disabled .custom-switch,
  .grid-main-block .grid-card--disabled .grid-collab {
    opacity: 0.2; }

.feedmodal-tabs {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600;
  margin-right: 92px;
  -webkit-transform: translateY(15px);
          transform: translateY(15px); }

.feedmodal-tab {
  position: relative;
  color: #2C373C;
  padding: 0 62px 17px; }
  .feedmodal-tab::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    border-radius: 50px;
    background-color: #4B505F;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
  .feedmodal-tab.active::before {
    opacity: 1;
    visibility: visible; }
  .feedmodal-tab:hover {
    color: #1F88C3; }
  .feedmodal-tab.active:hover {
    color: #1F88C3; }

.feedmodal-pane {
  display: none; }
  .feedmodal-pane.active {
    display: block; }
  .feedmodal-pane .event-details.feedbox__content {
    padding: 0 0 26px;
    max-width: 590px; }
  .feedmodal-pane .event-details .calendar__wrapper {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .feedmodal-pane .event-details .calendar__page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 84px;
    min-width: 84px;
    height: 84px;
    border-radius: 6px;
    background-color: #F9FAFD;
    margin-right: 34px; }
    .feedmodal-pane .event-details .calendar__page > * {
      width: 100%;
      text-align: center; }
    .feedmodal-pane .event-details .calendar__page span {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 2rem;
      font-weight: 600; }
    .feedmodal-pane .event-details .calendar__page--date {
      font-size: 34px;
      font-size: 2.125rem;
      line-height: 0.875rem;
      font-weight: 600;
      color: #2C373C; }
  .feedmodal-pane .event-details .calendar__details--event {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: 700;
    color: #9DA3A7;
    margin-bottom: 6px; }
  .feedmodal-pane .event-details .calendar__details .feedbox__title {
    margin-bottom: 12px; }
  .feedmodal-pane .event-details .calendar__details--time {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.5rem; }

.publishmore__head {
  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;
  margin-bottom: 60px; }
  .publishmore__head i {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 2.4375rem;
    color: #9DA3A7; }
  .publishmore__head h2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 2.4375rem;
    margin-left: 19px;
    margin-bottom: 0; }

.admin header {
  padding: 48px 56px;
  max-width: 1502px;
  margin-left: auto;
  margin-right: auto; }

.admin__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  background-color: #fff; }

.admin__left {
  position: relative;
  padding-bottom: 120px; }

.admin__left, .admin__right {
  width: 50%; }

.admin__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #E0F8FF; }

.admin__form {
  padding-top: 5.2vw;
  padding-left: 20px;
  padding-right: 20px; }
  .admin__form .form__title {
    font-size: 32px;
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 32px; }
  .admin__form .mp-formgroup {
    padding-top: 0; }
  .admin__form .separator {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 35px 0; }
    .admin__form .separator span {
      margin-left: 18px;
      margin-right: 18px; }
    .admin__form .separator::before, .admin__form .separator::after {
      content: "";
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      height: 1px;
      background-color: #DADDE6; }
  .admin__form .g_id_signin div[role="button"] {
    font-size: 16px;
    height: 59px;
    padding: 0 20px;
    border: 0;
    background-color: #F5F7FB;
    color: #2C373C; }
    .admin__form .g_id_signin div[role="button"] * {
      font-family: 'AvenirNext-DemiBold' !important; }
  .admin__form .btn-submit {
    height: 55px;
    line-height: 55px;
    border: 0;
    margin-top: 0;
    background-color: #3FB045;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }
    .admin__form .btn-submit:hover, .admin__form .btn-submit:active, .admin__form .btn-submit:focus {
      background-color: #369A3B; }
    .admin__form .btn-submit[disabled] {
      background-color: #F5F7FB;
      color: #9DA3A7;
      cursor: no-drop; }
      .admin__form .btn-submit[disabled]:hover, .admin__form .btn-submit[disabled]:active, .admin__form .btn-submit[disabled]:focus {
        background-color: #F5F7FB; }

.admin__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-left: 38px;
  padding-right: 20px;
  margin-bottom: 40px;
  text-align: left;
  color: #7C7D82; }
  .admin__footer a {
    color: #7C7D82;
    text-decoration: underline; }
    .admin__footer a:hover {
      color: #1F88C3; }

.admin .mp__form .input-group + .input-group {
  margin-top: 20px; }

.admin .mp__form .form__link {
  margin: 17px 0 27px;
  color: #7C7D82;
  text-decoration: underline; }
  .admin .mp__form .form__link:hover {
    color: #1F88C3; }

.btn-dropdown-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .btn-dropdown-container .btn-edit {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.0625rem;
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .btn-dropdown-container .btn-edit span {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 calc(100% - 44px);
              flex: 1 0 calc(100% - 44px);
      margin-top: -1px;
      height: calc(100% + 2px);
      padding: 0 30px;
      background: #E6E9EF;
      color: #4F4F4F;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
  .btn-dropdown-container .btn-divide.btn-edit-toggle {
    margin-left: -2px; }
    .btn-dropdown-container .btn-divide.btn-edit-toggle span {
      padding: 0; }

.user-table .icon-check:before {
  color: #1f88c3; }

.sidepanel.setting-sidepanel {
  max-width: 380px; }
  .sidepanel.setting-sidepanel .user-profile-block {
    padding: 20px 30px;
    background-color: #f9fafd; }
    .sidepanel.setting-sidepanel .user-profile-block .user-profile-inner-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .sidepanel.setting-sidepanel .user-profile-block .user-profile-inner-block .user-avatar-block {
        width: 60px;
        height: 60px; }
        .sidepanel.setting-sidepanel .user-profile-block .user-profile-inner-block .user-avatar-block a {
          width: 100%;
          height: 100%; }
      .sidepanel.setting-sidepanel .user-profile-block .user-profile-inner-block .user-main-content {
        width: calc(100% - 70px);
        margin-left: 10px; }
        .sidepanel.setting-sidepanel .user-profile-block .user-profile-inner-block .user-main-content h3 {
          margin: 0 0 5px;
          font-weight: 600;
          font-size: 17px;
          line-height: 21px;
          color: #404451; }
        .sidepanel.setting-sidepanel .user-profile-block .user-profile-inner-block .user-main-content a {
          color: #787c80;
          text-decoration: underline;
          font-weight: 500;
          font-size: 13px;
          line-height: 22px; }
          .sidepanel.setting-sidepanel .user-profile-block .user-profile-inner-block .user-main-content a span {
            display: block; }
  .sidepanel.setting-sidepanel .aside__area {
    top: 100px;
    padding-top: 0;
    height: calc(100vh - 100px);
    width: 100%;
    left: 0;
    -webkit-box-sizing: content-box;
            box-sizing: content-box; }
    .sidepanel.setting-sidepanel .aside__area .sidepanel__footer.setting-footer {
      background: #fff;
      padding: 20px 30px 70px; }

.sidepanel-user .sidepanel__head.sidepanel__head--cols {
  padding: 30px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .sidepanel-user .sidepanel__head.sidepanel__head--cols .sidepanel__head-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .sidepanel-user .sidepanel__head.sidepanel__head--cols .sidepanel__head-user .user-avatar {
      max-width: 53px;
      width: calc(100% - 80px);
      margin-right: 27px; }
      .sidepanel-user .sidepanel__head.sidepanel__head--cols .sidepanel__head-user .user-avatar a {
        margin: 0;
        width: 100%;
        text-decoration: none; }
        .sidepanel-user .sidepanel__head.sidepanel__head--cols .sidepanel__head-user .user-avatar a img {
          width: 100%; }
    .sidepanel-user .sidepanel__head.sidepanel__head--cols .sidepanel__head-user a {
      margin: 0;
      width: 100%;
      text-decoration: none; }
  .sidepanel-user .sidepanel__head.sidepanel__head--cols .user-head-button .status-button {
    padding: 2px 20px 3px 20px;
    min-width: auto;
    height: auto;
    line-height: normal;
    border: 1px solid #1f88c3;
    background: #1f88c3;
    font-weight: 700;
    font-size: 13px;
    line-height: 21px;
    color: #fff;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  .sidepanel-user .sidepanel__head.sidepanel__head--cols .user-head-button a:hover .status-button {
    border: 1px solid #1b7cb3;
    background: #1b7cb3; }

.checkbox-block .custom-checkbox .custom-control-label::before {
  border: 2px solid #cbced7;
  left: -20px; }

.checkbox-block .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  color: #1f88c3;
  border-color: #1f88c3; }

.checkbox-block .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  left: -14px;
  top: 4px;
  width: 7px;
  height: 12px;
  border: solid #1f88c3;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-image: none; }

.checkbox-block .custom-checkbox .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #cbced7; }

.super-admin-block {
  padding: 26px 0 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }

.checkbox-block .custom-checkbox {
  padding-left: 20px; }

.checkbox-block .custom-control-input {
  width: 20px;
  height: 20px;
  top: 2px; }

.checkbox-block .custom-control-label span {
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333333;
  margin: 0 0 0 9px; }

.messages-table .prefgrid th.heading, .messages-table .grid-main-block th.heading {
  font-size: 16px; }
  .messages-table .prefgrid th.heading img, .messages-table .grid-main-block th.heading img {
    margin-right: 18px;
    max-width: 22px;
    width: 100%; }

.messages-table .prefgrid th, .messages-table .grid-main-block th {
  text-decoration: underline; }

.messages-table .prefgrid th:first-child, .messages-table .grid-main-block th:first-child {
  text-decoration: none; }

.messages-table .prefgrid__control i.icon-templates, .messages-table .grid-control i.icon-templates {
  margin-left: 0;
  font-size: 14px; }

.messages-table table.prefgrid tr.add-row td, .messages-table table.grid-main-block tr.add-row td {
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #1f88c3; }

.messages-table.website-table {
  padding-top: 38px; }

.messages-table.group-table {
  padding-top: 58px; }

.website-table .prefgrid td + td, .website-table .grid-main-block td + td {
  text-align: left; }

.sidepanel-user .sidepanel__footer {
  background: #ffffff; }

.sidepanel-user .sidepanel__footer::before,
.sidepanel-user .sidepanel__footer::after {
  display: none; }

.messages-table .prefgrid th.heading i, .messages-table .grid-main-block th.heading i {
  font-size: 21px;
  line-height: 24px;
  margin-right: 18px;
  font-weight: bold; }

.messages-table .prefgrid th.heading i.icon-sms, .messages-table .grid-main-block th.heading i.icon-sms {
  color: #4e9fa8; }

.messages-table .prefgrid th.heading i.icon-website, .messages-table .grid-main-block th.heading i.icon-website {
  color: #d2cae4; }

.messages-table .grid-card .table-action {
  visibility: hidden;
  opacity: 0; }
  .messages-table .grid-card .table-action i.icon-delete::before {
    color: #CBCED7; }

.messages-table .grid-card:hover {
  background-color: #FAFBFD; }
  .messages-table .grid-card:hover .table-action {
    visibility: visible;
    opacity: 1; }

.messages-table .add-action.grid-card:hover {
  background-color: #ffffff; }

.close-icon a {
  color: inherit; }

.sidepanel-permissions .sidepanel__content {
  padding: 90px 50px 50px; }
  .sidepanel-permissions .sidepanel__content .section-heading {
    text-align: center; }
    .sidepanel-permissions .sidepanel__content .section-heading h2 {
      color: #000;
      font-size: 24px;
      line-height: normal;
      margin: 0 0 40px; }
  .sidepanel-permissions .sidepanel__content .permissions-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -16px; }
    .sidepanel-permissions .sidepanel__content .permissions-blocks .permission-block {
      width: calc(50% - 32px);
      margin: 16px; }
      .sidepanel-permissions .sidepanel__content .permissions-blocks .permission-block a {
        display: inline-block;
        color: #000000; }
        .sidepanel-permissions .sidepanel__content .permissions-blocks .permission-block a .block {
          background: #F5F7FB;
          border-radius: 12px;
          padding: 32px; }
          .sidepanel-permissions .sidepanel__content .permissions-blocks .permission-block a .block h2 {
            color: #000;
            font-size: 22px;
            line-height: 24px;
            margin: 0 0 14px; }
          .sidepanel-permissions .sidepanel__content .permissions-blocks .permission-block a .block p {
            margin: 0;
            font-size: 15px;
            line-height: 22px;
            color: #000;
            font-weight: 500; }

.sidepanel-select {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 1024px;
  min-height: 100vh;
  background: #fff;
  z-index: 1010;
  -webkit-transform: translateX(calc(100% + 50px));
          transform: translateX(calc(100% + 50px));
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out; }

.sidepanel-select.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  visibility: visible; }

.header ul .btn-sidepanel-container a:not(.btn).togglesidepanel {
  -webkit-appearance: button;
  outline: none;
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  color: #fff;
  background-color: #3FB045;
  border-color: #3FB045;
  font-weight: 600;
  border-radius: 3px;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  height: 40px;
  line-height: 40px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 0 21px;
  font-size: 14px;
  position: static;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }
  .header ul .btn-sidepanel-container a:not(.btn).togglesidepanel:hover {
    background-color: #369A3B;
    border-color: #369A3B; }

.header ul .btn-sidepanel-container a:not(.btn)::before {
  display: none; }

.pin-top-check {
  margin-left: auto;
  padding-right: 0;
  max-width: 100%; }

.use-link-block .detail-txtarea {
  height: 200px;
  min-height: 88px;
  padding: 14px 20px;
  border: 1px solid #DADDE6;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

.use-link-block .use-link {
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .use-link-block .use-link .use-link-input {
    width: 100%; }
  .use-link-block .use-link .use-link-icon {
    padding: 10px 18px;
    min-width: 52px; }

.use-link-block.show-link .detail-txtarea {
  height: 0;
  min-height: 0;
  padding: 0;
  border: none; }

.use-link-block.show-link .use-link {
  opacity: 1;
  visibility: visible;
  height: auto;
  margin-top: -24px; }

#sidepanel-publish .sidepanel__content .share-other-options {
  margin-top: 40px; }

#sidepanel-publish .sidepanel__content .share-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.7;
  color: #404451;
  margin-bottom: 15px; }

#sidepanel-publish .sidepanel__content .blocklist__cell .blocklist__label {
  margin-bottom: 5px; }

#sidepanel-publish .sidepanel__content .sharebytype {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  #sidepanel-publish .sidepanel__content .sharebytype .share-type-block {
    padding-right: 25px; }
    #sidepanel-publish .sidepanel__content .sharebytype .share-type-block:last-child {
      padding-right: 0px; }

#sidepanel-publish .sidepanel__head {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  #sidepanel-publish .sidepanel__head h3 {
    margin: 0;
    margin-right: 15px;
    color: #787C80; }
  #sidepanel-publish .sidepanel__head .btn {
    position: relative;
    padding: 0 15px 0 30px; }
    #sidepanel-publish .sidepanel__head .btn i {
      margin-left: 20px;
      font-size: 14px; }
    #sidepanel-publish .sidepanel__head .btn:hover .btndrop {
      visibility: visible;
      opacity: 1; }
    #sidepanel-publish .sidepanel__head .btn .btndrop {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      position: absolute;
      left: 0;
      top: 100%;
      width: 100%;
      padding: 12px !important;
      background-color: #fff;
      border-radius: 3px;
      -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
              box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    #sidepanel-publish .sidepanel__head .btn .btndrop-item:not(.btn) {
      position: relative;
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 2.25rem;
      width: 100%;
      padding: 0 10px;
      text-align: center;
      height: 36px;
      vertical-align: top;
      border-radius: 3px;
      background-color: #E6E9EF;
      color: #2C373C; }
      #sidepanel-publish .sidepanel__head .btn .btndrop-item:not(.btn):hover {
        color: #1F88C3; }
      #sidepanel-publish .sidepanel__head .btn .btndrop-item:not(.btn) + .btndrop-item {
        margin-top: 12px; }
      #sidepanel-publish .sidepanel__head .btn .btndrop-item:not(.btn) i {
        position: absolute;
        left: 10px;
        line-height: 36px;
        margin-left: 0; }
        #sidepanel-publish .sidepanel__head .btn .btndrop-item:not(.btn) i.icon-rss {
          color: #F2994A; }
        #sidepanel-publish .sidepanel__head .btn .btndrop-item:not(.btn) i.icon-share {
          color: #24A9C7; }

.white-inner-block {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  max-width: 100% !important;
  margin-top: 0 !important; }

.back-home {
  margin-bottom: 40px; }
  .back-home a {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #1F88C3; }

.group-sub .nav-tabs .nav-link {
  border: none !important;
  border-bottom: 1px solid #CBCED7 !important;
  position: relative;
  background: none !important;
  border-radius: 0 !important; }

.group-sub .nav-tabs .nav-link.active::before {
  content: '';
  width: 100%;
  height: 5px;
  border-radius: 50px;
  background-color: #1F88C3;
  bottom: -3px;
  left: 0;
  position: absolute; }

.uilib .checkboxes-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -30px; }
  .uilib .checkboxes-container .check-box-half-container {
    width: calc(50% - 60px);
    margin: 15px 30px; }
    .uilib .checkboxes-container .check-box-half-container .custom-control {
      padding-left: 0;
      padding-right: 30px; }
      .uilib .checkboxes-container .check-box-half-container .custom-control .custom-control-input {
        left: auto;
        right: 0; }
      .uilib .checkboxes-container .check-box-half-container .custom-control .custom-control-label {
        width: 100%; }

.uilib .custom-control-label::before, .uilib .custom-control-label::after {
  left: auto;
  right: -30px; }

.my-profile-main .content__area_mypro {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 6px; }

.my-profile-main .content__data .nav-tabs {
  padding: 0 24px; }
  .my-profile-main .content__data .nav-tabs .nav-link {
    border: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #787C80;
    position: relative;
    background: transparent;
    margin-bottom: -5px;
    padding-bottom: 22px; }
    .my-profile-main .content__data .nav-tabs .nav-link:after {
      content: '';
      position: absolute;
      bottom: 2px;
      left: 0;
      width: 100%;
      height: 5px;
      background-color: transparent;
      border-radius: 50px; }
    .my-profile-main .content__data .nav-tabs .nav-link.active {
      color: #2C373C;
      font-weight: 600; }
      .my-profile-main .content__data .nav-tabs .nav-link.active:after {
        background-color: #1F88C3; }

.my-profile-main .content__data .tab-content {
  padding: 70px 24px; }
  .my-profile-main .content__data .tab-content #account form .blockgroup-wrapper {
    margin-top: 30px; }
    .my-profile-main .content__data .tab-content #account form .blockgroup-wrapper:first-child {
      margin-top: 0; }
  .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-img-wrapper {
    max-width: 214px;
    width: 100%; }
    .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-img-wrapper .profile-img-container {
      position: relative;
      overflow: hidden;
      border-radius: 100%; }
      .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-img-wrapper .profile-img-container .pro-img-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4)));
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
        -webkit-transition: all 0.5s;
        transition: all 0.5s; }
        .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-img-wrapper .profile-img-container .pro-img-overlay a {
          width: 42px;
          height: 42px;
          background: #FFFFFF;
          border-radius: 100%;
          padding: 5px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center; }
          .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-img-wrapper .profile-img-container .pro-img-overlay a + a {
            margin-left: 8px; }
          .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-img-wrapper .profile-img-container .pro-img-overlay a img {
            max-width: 18px;
            width: 100%;
            -webkit-transition: 0.5s;
            transition: 0.5s;
            opacity: 1; }
        .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-img-wrapper .profile-img-container .pro-img-overlay a:hover img {
          opacity: 0.8; }
      .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-img-wrapper .profile-img-container:hover .pro-img-overlay {
        opacity: 1; }
  .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-details-wrapper {
    width: calc(100% - 214px);
    padding-left: 64px; }
    .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-details-wrapper .author-name {
      margin-bottom: 40px; }
      .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-details-wrapper .author-name h3 {
        font-weight: 600;
        font-size: 22px;
        line-height: 1.1;
        color: #2C373C;
        margin-bottom: 10px; }
      .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-details-wrapper .author-name p {
        font-weight: 500;
        font-size: 16px;
        line-height: 1.5;
        color: #2C373C;
        margin-bottom: 0; }
    .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-details-wrapper .author-social-info {
      margin-bottom: 50px; }
      .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-details-wrapper .author-social-info p {
        font-weight: 400;
        font-size: 15px;
        line-height: 2;
        color: #2C373C;
        margin-bottom: 0; }
        .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-details-wrapper .author-social-info p i {
          margin-right: 9px;
          font-size: 12px; }
    .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-details-wrapper .sectionseparator {
      color: #2C373C;
      margin-bottom: 46px; }
    .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-details-wrapper .author-bio p {
      font-weight: 400;
      font-size: 15px;
      line-height: 1.6;
      color: #2C373C;
      margin-bottom: 20px; }
    .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-details-wrapper .author-location {
      margin-top: 60px; }
      .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-details-wrapper .author-location .sectionseparator {
        margin-bottom: 28px; }
      .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-details-wrapper .author-location .location-block-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-details-wrapper .author-location .location-block-container .location-block {
          width: 50%; }
          .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-details-wrapper .author-location .location-block-container .location-block h5 {
            font-weight: 600;
            font-size: 14px;
            line-height: 1.7;
            color: #404451;
            margin-bottom: 10px; }
          .my-profile-main .content__data .tab-content .profile-content-wrapper .profile-details-wrapper .author-location .location-block-container .location-block p {
            font-weight: 400;
            font-size: 15px;
            line-height: 1.8;
            color: #2C373C;
            margin-bottom: 0; }

.add-row {
  padding: 20px; }
  .add-row a {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #1F88C3;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  .add-row a:hover {
    color: #0F4DA7; }

.add-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.website-table .grid-main-block .grid-control i {
  margin-left: 0;
  font-size: 14px; }

.user-messages-table .checkbox-block .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  left: -13px; }

.sidepanel .nav-tabs .nav-link {
  font-size: 14px;
  padding: 16px 30px 15px;
  font-weight: 500;
  line-height: 17px;
  min-width: 166px; }

.sidepanel .nav-tabs .nav-link.active {
  font-weight: 600;
  min-width: 166px; }

.sidepanel-user i.icon-delete {
  font-size: 20px; }

.toggle-block {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  .toggle-block .custom-control-input {
    width: 15px;
    height: 17px;
    left: auto;
    right: 1px;
    top: 1px; }
  .toggle-block .custom-control-label {
    cursor: auto;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #BDBDBD;
    padding-right: 40px; }

.toggle-block .custom-switch .custom-control-label::before {
  width: 32px;
  height: 19px;
  border-radius: 14px;
  top: 0;
  background: #C0C0C0;
  cursor: pointer;
  left: auto;
  right: 0; }

.toggle-block .custom-control--nolabel.custom-switch .custom-control-label::before {
  left: auto;
  right: 0; }

.toggle-block .custom-switch .custom-control-label::after {
  top: 2px;
  left: auto;
  right: 15px;
  width: 15px;
  height: 15px;
  cursor: pointer; }

.toggle-block .custom-control--nolabel.custom-switch .custom-control-label::after {
  left: auto;
  right: 15px; }

.toggle-block .custom-control--nolabel {
  padding-left: 0; }

.add-action {
  padding: 20px 0; }

.uilib.messages-table .formcontainer {
  max-width: 100%; }

.uilib .select2__wrapper .select2-container .select2-results__option.select2-results__option--disabled.loading-results {
  display: none; }

.toggle-block .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  -webkit-transform: translateX(13px);
  transform: translateX(13px); }

.toggle-block .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #C0C0C0;
  background-color: #3FB045; }

.uilib .select-school-dropbox.formcontainer {
  max-width: 421px;
  width: 100%;
  margin: 0 auto; }

.uilib .add-action.formcontainer {
  max-width: 100%; }

.add-action .customselect__clear .select2-selection__rendered {
  font-weight: 500;
  font-size: 14px;
  line-height: 144%;
  color: #333333; }

.uilib .add-action.formfield-colored .customselect__clear .select2-container--default .select2-selection {
  background-color: transparent; }

.uilib .add-action.formfield-colored .customselect__clear .select2-container--default .select2-selection:focus {
  background-color: transparent;
  border-color: transparent; }

.website-table .grid-main-block .checkbox-block .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  left: -13px; }

.uilib .add-action .select2-container--default .select2-selection {
  max-width: 421px;
  width: 100%; }

.profile-details-wrapper .button-block {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.profile-details-wrapper:hover .button-block {
  visibility: visible;
  opacity: 1; }

.hidden-block {
  border: 1px solid #DADDE6;
  border-radius: 3px;
  padding: 5px 12px;
  display: inline-block; }
  .hidden-block h4 {
    margin-bottom: 0; }
    .hidden-block h4 span {
      outline: none !important; }

.hidden-block input[type="text"], .hidden-block input {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  border: none;
  border-radius: 0;
  background: transparent;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content; }

.close-icon a i {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 1; }

.close-icon a:hover i {
  opacity: 0.8; }

.show-block a img {
  opacity: 1;
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.show-block a:hover img {
  opacity: 0.8; }

.messages-table .grid-card .table-action a i::before {
  -webkit-transition: 0.5s;
  transition: 0.5s; }

.messages-table .grid-card .table-action a:hover i::before {
  color: #d6dbe5; }

.new-tabs .nav-tabs {
  border-bottom: 1px solid #DADDE6;
  width: calc(100% + 88px);
  margin-left: -44px;
  padding: 0 44px; }
  .new-tabs .nav-tabs .nav-link {
    color: #787C80;
    background: #ffffff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    min-width: 159px;
    padding: 0 15px 24px;
    text-align: center;
    border: none;
    border-bottom: 1px solid #DADDE6; }
  .new-tabs .nav-tabs .nav-item + .nav-item:not(:last-child) .nav-link {
    border-left-width: 0;
    border-right-width: 0; }
  .new-tabs .nav-tabs .nav-item.show .nav-link {
    color: #2C373C;
    border-color: transparent;
    position: relative; }
  .new-tabs .nav-tabs .nav-item:first-child .nav-link {
    border-top-left-radius: 0;
    border-right-width: 0; }
  .new-tabs .nav-tabs .nav-link.active {
    color: #2C373C;
    border-color: transparent;
    position: relative; }
  .new-tabs .nav-tabs .nav-link.active::after {
    content: '';
    background: #1F88C3;
    border-radius: 50px;
    width: 100%;
    height: 5px;
    bottom: -2.5px;
    left: 0;
    position: absolute; }
  .new-tabs .nav-tabs .nav-item.show .nav-link::after {
    content: '';
    background: #1F88C3;
    border-radius: 50px;
    width: 100%;
    height: 5px;
    bottom: -2.5px;
    left: 0;
    position: absolute; }

.three-column-inner-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -11px; }
  .three-column-inner-section .dm__stats {
    padding: 25px;
    text-align: unset;
    border-radius: 6px;
    width: calc(33.33% - 22px);
    margin: 6px 11px 0;
    background: #F4F9FB; }

.reports .card {
  padding-top: 44px;
  padding-bottom: 24px;
  padding-right: 0;
  padding-left: 0; }

.reports .infostats__title {
  margin-bottom: 48px; }

.reports .targetlist__item .targetlist__icon {
  color: #DADDE6; }

.reports .targetlist__item.active .targetlist__icon {
  color: #DADDE6; }

.reports .card__deliverymethods i:before {
  color: #CBCED7; }

.attendance .table__actions {
  right: auto;
  left: 0;
  padding-left: 0; }
  .attendance .table__actions .btn {
    font-size: 12px;
    line-height: 28px;
    height: 30px; }

.timing-block {
  font-weight: 700;
  font-size: 12px;
  line-height: 22px;
  color: #F2994A;
  background-color: #FFF0D7;
  border-radius: 3px;
  padding: 0 15px; }

.uilib .attendance-sub .custom-control-label::before, .uilib .attendance-sub .custom-control-label::after {
  left: -30px;
  right: auto; }

.table__data tr.unchecked-row td {
  color: #EB5757; }
  .table__data tr.unchecked-row td a {
    color: #EB5757; }

.attendance-admin .icon-check {
  color: #3FB045; }

.staged {
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #9DA3A7;
  background: #F5F7FB;
  border-radius: 3px;
  padding: 2px 10px; }

.uilib .attendance-admin-sub .custom-control-label::before, .uilib .attendance-admin-sub .custom-control-label::after {
  left: -30px;
  right: auto; }

.attendance-admin-sub .wide__switch {
  color: #fff; }

.attendance-admin-sub .wide__switch {
  background: #EAEDEF;
  border-radius: 3px; }

.attendance-admin-sub .wide__switch-sm {
  font-weight: 600;
  font-size: 12px;
  line-height: 24px; }
  .attendance-admin-sub .wide__switch-sm .wide__switchtab {
    padding: 3px 20px; }

.attendance-admin-sub .wide__switch-sm .wide__switchhiglight::before {
  background: #FFFFFF;
  border: 1px solid #7DC481;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 3px; }

.attendance-admin-sub .wide__switch-sm input:checked ~ .wide__switchtwo {
  color: #3FB045; }

.attendance-admin-sub .wide__switch-sm input:checked ~ .wide__switchone {
  color: #ffffff; }

.attendance-admin-sub .wide__switch-sm .wide__switchone {
  color: #3FB045; }

.sidepanel-notification .uilib .custom-control-label::before, .sidepanel-notification .uilib .custom-control-label::after {
  left: -30px;
  right: auto; }

.notification-table i.icon-previewlink {
  margin-right: 16px; }

.notification-table .icon-previewlink:before {
  color: #1F88C3; }

.notification-table .prefgrid tr:first-child {
  background: #ffffff; }

.notification-table .prefgrid td + td {
  text-align: left; }

.sidepanel-notification .uilib .small-dropdowm {
  max-width: 228px; }

.page-loader-block {
  position: relative; }

#overlayer {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  background: #F9FAFD;
  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;
  padding-top: 175px; }

.data-loader {
  display: inline-block;
  width: 100%;
  height: 44px;
  background: #F5F7FB;
  border-radius: 6px;
  position: relative; }

.data-loader-inner {
  display: inline-block;
  height: 100%;
  border-radius: 6px;
  background-color: #3FB045;
  -webkit-animation: data-loader-inner 4s linear;
          animation: data-loader-inner 4s linear;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; }

@-webkit-keyframes data-loader-inner {
  0% {
    width: 0%; }
  25% {
    width: 25%; }
  50% {
    width: 50%; }
  75% {
    width: 75%; }
  100% {
    width: 100%; } }

@keyframes data-loader-inner {
  0% {
    width: 0%; }
  25% {
    width: 25%; }
  50% {
    width: 50%; }
  75% {
    width: 75%; }
  100% {
    width: 100%; } }

.loader-block {
  background: #FFFFFF;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 45px;
  text-align: center;
  max-width: 667px;
  width: 100%; }
  .loader-block h2 {
    margin-bottom: 35px; }

.aside__area > ul > li > a svg {
  height: 40px;
  width: 20px; }
  .aside__area > ul > li > a svg path {
    fill: #787C80; }

.aside__area > ul > li > a:hover svg path {
  fill: #3FB045; }

.aside__area > ul > li > a.active svg path {
  fill: #3FB045; }

.website-table .grid-main-block th:nth-child(2) {
  text-align: center; }

.website-table .grid-main-block td:nth-child(2) {
  text-align: center; }

.attendance-admin-sub .wide__switch {
  color: #9DA3A7; }

.attendance-admin-sub .wide__switch-sm .wide__switchone {
  color: #9DA3A7;
  background: #FFFFFF;
  border: 1px solid #9DA3A7;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  border-radius: 3px; }

.attendance-admin-sub .wide__switch-sm input:checked ~ .wide__switchone {
  color: #CBCED7;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #EAEDEF; }

.attendance-admin-sub .wide__switch-sm input:checked ~ .wide__switchtwo {
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1); }

.two-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .two-title span.name-text {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #787C80;
    margin-right: 10px; }

.add-row-notification-table {
  padding: 20px; }
  .add-row-notification-table a {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #1F88C3;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  .add-row-notification-table a:hover {
    color: #0F4DA7; }

.notification-table .prefgrid td {
  padding: 10px 20px; }

.notification-table .prefgrid__card .table-action {
  visibility: hidden;
  opacity: 0; }
  .notification-table .prefgrid__card .table-action a i.icon-delete::before {
    color: #CBCED7; }

.notification-table .prefgrid__card .table-action a:hover i.icon-delete::before {
  color: #d6dbe5; }

.notification-table .prefgrid__card:hover {
  background-color: #FAFBFD; }

.notification-table .prefgrid__card:hover .table-action {
  visibility: visible;
  opacity: 1; }

.reports__message .dm__stats {
  background: #F4F9FB; }

.prefgrid .prefgrid__card .table-lable-text {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #404451; }

.send-msg-radio-grp .send-msg-radio-grp__block {
  padding-top: 62px;
  padding-bottom: 50px; }
  .send-msg-radio-grp .send-msg-radio-grp__block .radiolist {
    position: relative; }
    .send-msg-radio-grp .send-msg-radio-grp__block .radiolist li {
      margin-right: 40px;
      margin-top: 0; }
      .send-msg-radio-grp .send-msg-radio-grp__block .radiolist li .custom-control-label::before, .send-msg-radio-grp .send-msg-radio-grp__block .radiolist li .custom-control-label::after {
        left: -30px;
        right: auto; }
      .send-msg-radio-grp .send-msg-radio-grp__block .radiolist li.schedule-msg-datepicker-block {
        position: absolute;
        top: -20px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        margin-right: 0; }
        .send-msg-radio-grp .send-msg-radio-grp__block .radiolist li.schedule-msg-datepicker-block.is-checked {
          opacity: 1;
          visibility: visible; }
        .send-msg-radio-grp .send-msg-radio-grp__block .radiolist li.schedule-msg-datepicker-block .after-input-txt {
          position: absolute;
          display: block;
          width: 100%;
          text-align: right;
          font-size: 12px; }

.featured--review-send .h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
  color: #404451; }

.review-block.review-contact-block .blocklist__cell .blocklist__icon i {
  font-size: 1.2rem; }

.review-block.review-enrollment-trigger-block .blocklist__cell:nth-child(2), .review-block.review-translation-block .blocklist__cell:nth-child(2) {
  max-width: none; }

.review-block .blocklist__anchor {
  position: absolute;
  width: 100%;
  height: 93px;
  top: 0;
  left: 0; }

.review-block.review-review-messages-block .blocklist--row {
  border-top: 0px solid #DADDE6;
  border-bottom: 1px solid #DADDE6;
  padding: 20px 0 30px;
  position: relative; }
  .review-block.review-review-messages-block .blocklist--row.blocklist--row--disable {
    opacity: 0.5; }
  .review-block.review-review-messages-block .blocklist--row.blocklist--row--mobileapp {
    border-bottom: none;
    margin-bottom: 100px; }
  .review-block.review-review-messages-block .blocklist--row .blocklist__panel .custom-control-label::before, .review-block.review-review-messages-block .blocklist--row .blocklist__panel .custom-control-label::after {
    left: -30px;
    right: auto; }
  .review-block.review-review-messages-block .blocklist--row .blocklist__cell + .blocklist__cell {
    margin-left: 41px; }
  .review-block.review-review-messages-block .blocklist--row .blocklist__cell.blocklist_title {
    width: calc(100% - 217px);
    max-width: none; }
    .review-block.review-review-messages-block .blocklist--row .blocklist__cell.blocklist_title .blocklist__label {
      font-weight: 600;
      font-size: 18px;
      line-height: 1;
      color: #2C373C;
      margin-bottom: 6px; }
    .review-block.review-review-messages-block .blocklist--row .blocklist__cell.blocklist_title .blocklist__text p, .review-block.review-review-messages-block .blocklist--row .blocklist__cell.blocklist_title .blocklist__text li {
      font-weight: 600;
      font-size: 14px;
      line-height: 1.29;
      color: #2C373C; }
  .review-block.review-review-messages-block .blocklist--row .blocklist__cell.blocklist_arrow {
    max-width: 20px; }
    .review-block.review-review-messages-block .blocklist--row .blocklist__cell.blocklist_arrow .blocklist__chevron {
      margin-left: 0; }
      .review-block.review-review-messages-block .blocklist--row .blocklist__cell.blocklist_arrow .blocklist__chevron:not(.collapsed) [class^="icon-"] {
        color: #1F88C3; }
  .review-block.review-review-messages-block .blocklist--row .blocklist__cell.blocklist__cell--icon {
    max-width: 47px;
    position: relative; }

.review-block.review-sharing-block {
  margin-bottom: 75px; }
  .review-block.review-sharing-block .blocklist--row {
    border-top: 0px solid #DADDE6;
    border-bottom: 1px solid #DADDE6;
    padding: 20px 0 30px;
    opacity: 0.5;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: relative; }
    .review-block.review-sharing-block .blocklist--row:hover {
      opacity: 1; }
      .review-block.review-sharing-block .blocklist--row:hover .blocklist__cell.blocklist_arrow .blocklist__chevron [class^="icon-"] {
        color: #1F88C3; }
    .review-block.review-sharing-block .blocklist--row .active-icon {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-filter: grayscale(1);
              filter: grayscale(1);
      -webkit-transition: all 0.5s;
      transition: all 0.5s; }
    .review-block.review-sharing-block .blocklist--row.blocklist--active {
      opacity: 1; }
      .review-block.review-sharing-block .blocklist--row.blocklist--active .active-icon {
        -webkit-filter: grayscale(0);
                filter: grayscale(0); }
    .review-block.review-sharing-block .blocklist--row.blocklist--inactive .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
      border-color: #9DA3A7; }
    .review-block.review-sharing-block .blocklist--row.blocklist--inactive .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
      background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.52953 8.99999C4.30178 9.00054 4.0762 8.95686 3.86586 8.87149C3.65552 8.78612 3.46461 8.66075 3.30421 8.50267L0.414315 5.67695C0.131017 5.35196 -0.016425 4.93441 0.00145503 4.50774C0.0193351 4.08107 0.20122 3.67671 0.510762 3.37547C0.820303 3.07423 1.2347 2.8983 1.67114 2.88284C2.10758 2.86737 2.53392 3.01351 2.86495 3.29205L4.52953 4.9174L9.084 0.455034C9.4127 0.155553 9.84744 -0.00748559 10.2966 0.000264142C10.7459 0.00801387 11.1745 0.185947 11.4921 0.496579C11.8098 0.807211 11.9918 1.22629 11.9997 1.66552C12.0077 2.10475 11.8409 2.52984 11.5346 2.85124L5.75484 8.49137C5.5954 8.65149 5.40493 8.77895 5.19454 8.86628C4.98416 8.95361 4.75808 8.99907 4.52953 8.99999V8.99999Z' fill='%239DA3A7'/%3E%3C/svg%3E%0A"); }
    .review-block.review-sharing-block .blocklist--row.blocklist--inactive .blocklist__cell.blocklist_arrow .blocklist__chevron:not(.collapsed) [class^="icon-"] {
      color: #9DA3A7; }
    .review-block.review-sharing-block .blocklist--row .blocklist__panel .custom-control-label::before, .review-block.review-sharing-block .blocklist--row .blocklist__panel .custom-control-label::after {
      left: -30px;
      right: auto; }
    .review-block.review-sharing-block .blocklist--row .blocklist__cell + .blocklist__cell {
      margin-left: 41px; }
    .review-block.review-sharing-block .blocklist--row .blocklist__cell.blocklist_title {
      width: calc(100% - 217px); }
      .review-block.review-sharing-block .blocklist--row .blocklist__cell.blocklist_title .blocklist__label {
        font-weight: 600;
        font-size: 18px;
        line-height: 1;
        color: #2C373C;
        margin-bottom: 6px; }
        .review-block.review-sharing-block .blocklist--row .blocklist__cell.blocklist_title .blocklist__label sub {
          font-weight: 600;
          font-size: 11px;
          line-height: 1.2;
          color: #9DA3A7;
          bottom: 0px; }
      .review-block.review-sharing-block .blocklist--row .blocklist__cell.blocklist_title .blocklist__text p, .review-block.review-sharing-block .blocklist--row .blocklist__cell.blocklist_title .blocklist__text li {
        font-weight: 600;
        font-size: 14px;
        line-height: 1.29;
        color: #2C373C; }
    .review-block.review-sharing-block .blocklist--row .blocklist__cell.blocklist_arrow {
      max-width: 20px; }
      .review-block.review-sharing-block .blocklist--row .blocklist__cell.blocklist_arrow .blocklist__chevron {
        margin-left: 0; }
        .review-block.review-sharing-block .blocklist--row .blocklist__cell.blocklist_arrow .blocklist__chevron:not(.collapsed) [class^="icon-"] {
          color: #1F88C3; }
    .review-block.review-sharing-block .blocklist--row .blocklist__cell.blocklist__cell--icon {
      max-width: 47px;
      position: relative; }
    .review-block.review-sharing-block .blocklist--row .blocklist__cell.blocklist_checkmark {
      max-width: 30px; }
      .review-block.review-sharing-block .blocklist--row .blocklist__cell.blocklist_checkmark .custom-control .custom-control-input {
        left: 10px; }
      .review-block.review-sharing-block .blocklist--row .blocklist__cell.blocklist_checkmark .custom-control .custom-control-label::before, .review-block.review-sharing-block .blocklist--row .blocklist__cell.blocklist_checkmark .custom-control .custom-control-label::after {
        left: -20px;
        right: auto; }

.review-block .review-title-row {
  border-top: 1px solid #DADDE6;
  padding-top: 23px;
  padding-bottom: 30px; }
  .review-block .review-title-row .blocklist__label {
    font-weight: 600;
    color: #2C373C;
    margin: 0; }
  .review-block .review-title-row .badge {
    background: #9DA3A7; }

.review-block .blocklist--grid {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.review-block .blocklist__cell.blocklist_icon_cell {
  width: 107px; }

.review-block .blocklist__cell.txt-center {
  text-align: center; }

.review-block .blocklist__cell .blocklist__icon {
  border: 4px solid #EAEFF3;
  border-radius: 100%;
  padding: 5px;
  width: 64px;
  height: 64px;
  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; }
  .review-block .blocklist__cell .blocklist__icon i {
    font-size: 1.8rem;
    color: #CCD6E2; }

.review-block .blocklist__cell .blocklist__text {
  padding: 0;
  margin: 0; }
  .review-block .blocklist__cell .blocklist__text.blocklist__list {
    color: #2C373C;
    font-weight: 600; }
  .review-block .blocklist__cell .blocklist__text p {
    color: #2C373C;
    margin-bottom: 0; }
  .review-block .blocklist__cell .blocklist__text strong {
    font-weight: 600; }
  .review-block .blocklist__cell .blocklist__text.blocklist_time_text h3 {
    margin-top: 6px;
    font-weight: 600;
    font-size: 30px;
    color: #2C373C;
    margin-bottom: 0; }
    .review-block .blocklist__cell .blocklist__text.blocklist_time_text h3 span {
      font-weight: 600;
      font-size: 14px;
      line-height: 1.2;
      color: #CBCED7;
      margin-left: 5px; }
  .review-block .blocklist__cell .blocklist__text.blocklist_text_bg_block {
    background: #F5F7FB;
    border-radius: 6px;
    padding: 14px 18px 22px; }
    .review-block .blocklist__cell .blocklist__text.blocklist_text_bg_block .blocklist-tag {
      margin: 4px 0;
      background: #FFFFFF;
      border: 1.13259px solid #DADDE6;
      border-radius: 2.64133px;
      font-weight: 500;
      font-size: 11.4458px;
      line-height: 1.4;
      color: #9DA3A7;
      padding: 2px 8px; }

.review-block .blocklist__cell .radiolist li {
  margin-right: 0px;
  margin-top: 5px; }
  .review-block .blocklist__cell .radiolist li::first-child {
    margin-top: 0; }
  .review-block .blocklist__cell .radiolist li .custom-control-label::before, .review-block .blocklist__cell .radiolist li .custom-control-label::after {
    left: -30px;
    right: auto; }

.review-block .blocklist__cell .blocklist__big_blue_count {
  color: #1F88C3;
  font-size: 2.5rem; }

.review-block .blocklist__cell .lang_pill {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.8;
  color: #404451;
  background-color: #F5F7FB;
  border-radius: 3px;
  border: 1px solid #F5F7FB;
  padding: 3px 12px;
  display: inline-block;
  margin-right: 2px; }
  .review-block .blocklist__cell .lang_pill.active, .review-block .blocklist__cell .lang_pill:hover {
    background-color: transparent;
    border-color: #1F88C3;
    color: #1F88C3; }

.title-row {
  background: #F5F7FB;
  border-radius: 6px;
  padding: 9px 15px;
  margin: 45px 0 10px; }
  .title-row p {
    font-weight: 600;
    font-size: 14px;
    line-height: 1.6;
    color: #2C373C;
    margin-bottom: 0; }

.msggroup {
  padding-top: 70px; }
  .msggroup.msggroup__speech {
    padding-top: 100px; }
  .msggroup.msggroup__img .file-browse {
    width: 100%;
    border-color: #CBCED7; }
    .msggroup.msggroup__img .file-browse .file-browse--controls span {
      font-weight: 600;
      font-size: 13px;
      line-height: 1.42;
      color: #787C80; }
    .msggroup.msggroup__img .file-browse .file-browse--controls i {
      color: #CBCED7;
      margin-right: 10px; }
  .msggroup .sectionseparator {
    color: #2C373C;
    margin-bottom: 40px; }
  .msggroup .msggroup__promptsblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .msggroup .msggroup__promptsblock .prompt-block {
      width: calc(50% - 13px); }
      .msggroup .msggroup__promptsblock .prompt-block:nth-child(odd) {
        margin-right: 26px; }
      .msggroup .msggroup__promptsblock .prompt-block .prompt-container {
        background: #FFFFFF;
        border: 1px solid #EB5757;
        border-radius: 8px;
        padding: 30px 27px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        min-height: 275px;
        text-align: center; }
        .msggroup .msggroup__promptsblock .prompt-block .prompt-container h3 {
          font-weight: 600;
          font-size: 24px;
          line-height: 1;
          color: #000000;
          margin-bottom: 22px; }
        .msggroup .msggroup__promptsblock .prompt-block .prompt-container p {
          font-weight: 400;
          font-size: 15px;
          line-height: 1.61;
          color: #000000;
          margin-bottom: 40px; }
      .msggroup .msggroup__promptsblock .prompt-block.keep-prompt .prompt-container {
        border-color: #3FB045; }
  .msggroup .msggroup__voice-input, .msggroup .msggroup__share-input {
    margin-bottom: 25px; }
  .msggroup .msggroup__voiceblock, .msggroup .msggroup__shareblock {
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .msggroup .msggroup__voiceblock.is-checked, .msggroup .msggroup__shareblock.is-checked {
      opacity: 1;
      visibility: visible;
      height: auto; }
  .msggroup .msggroup__shareblock .systab__panels {
    margin: 24px 0; }
    .msggroup .msggroup__shareblock .systab__panels .share-school-type ul {
      list-style: none;
      margin: 0;
      padding: 14px 22px;
      background: #F5F7FB;
      border-radius: 6px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .msggroup .msggroup__shareblock .systab__panels .share-school-type ul li + li {
        margin-left: 30px; }
    .msggroup .msggroup__shareblock .systab__panels .select2-container--default .select2-selection {
      background-color: #F5F7FB; }
      .msggroup .msggroup__shareblock .systab__panels .select2-container--default .select2-selection .select2-selection__choice {
        background-color: #FAFBFD; }
  .msggroup .blockgroup__msgfield textarea {
    border-color: #E0E4EC;
    padding: 14px 15px;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: #404451; }
  .msggroup .custom-control-label {
    font-weight: 500;
    font-size: 15px;
    line-height: 1.47;
    color: #2C373C; }
    .msggroup .custom-control-label strong {
      font-weight: 700; }
    .msggroup .custom-control-label::before, .msggroup .custom-control-label::after {
      left: -30px;
      right: auto; }

.nav-wrap-container {
  padding-top: 86px; }
  .nav-wrap-container h4 {
    font-weight: 600;
    font-size: 14px;
    line-height: 1;
    margin-bottom: 35px;
    color: #000000;
    text-align: center; }
  .nav-wrap-container .header {
    position: relative; }
  .nav-wrap-container .btn-lighter {
    color: #4F4F4F; }
  .nav-wrap-container .btn-group .btn, .nav-wrap-container .btn-group .togglesidepanel {
    padding: 0 19px;
    min-width: 96px; }

.schedule-nav .steps p {
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  color: #F77A53;
  margin-bottom: 0;
  text-align: center;
  padding: 26px 0; }

.auto-nav-container + .auto-nav-container {
  margin-top: 29px; }

.auto-nav-container .header__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #F9FAFD; }
  .auto-nav-container .header__actions > ul {
    position: relative; }
    .auto-nav-container .header__actions > ul li img {
      max-width: 73px; }
    .auto-nav-container .header__actions > ul li p {
      font-weight: 600;
      font-size: 14px;
      line-height: 1;
      color: #2C373C;
      margin-bottom: 0; }
      .auto-nav-container .header__actions > ul li p.off-automation-text {
        margin-right: 13px; }
      .auto-nav-container .header__actions > ul li p.on-automation-text {
        margin-right: 5px; }

.flyout-page-content {
  min-height: calc(100vh - 114px);
  padding: 125px 0; }
  .flyout-page-content .flyout-btn-container + .flyout-btn-container {
    margin-top: 32px; }
  .flyout-page-content .flyout-btn-container .btn-group {
    display: block;
    text-align: center; }
    .flyout-page-content .flyout-btn-container .btn-group a {
      background: #E6E9EF;
      max-width: 299px;
      border-radius: 3px;
      width: 100%;
      text-align: center;
      font-weight: 600;
      font-size: 14px;
      line-height: 1;
      color: #4F4F4F;
      padding: 13px 15px; }
      .flyout-page-content .flyout-btn-container .btn-group a:hover {
        background: #d8dde8; }

.sidepanel-publish-review.sidepanel, .sidepanel-translation.sidepanel {
  max-width: 817px; }

.sidepanel-publish-review .sidepanel__head, .sidepanel-translation .sidepanel__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .sidepanel-publish-review .sidepanel__head .panel-header-buttons .btn, .sidepanel-translation .sidepanel__head .panel-header-buttons .btn {
    min-width: 96px;
    padding: 0 20px;
    font-size: 14px; }
    .sidepanel-publish-review .sidepanel__head .panel-header-buttons .btn + .btn, .sidepanel-translation .sidepanel__head .panel-header-buttons .btn + .btn {
      margin-left: 6px; }

.sidepanel-publish-review .sidepanel__content, .sidepanel-translation .sidepanel__content {
  padding: 50px 40px; }

.sidepanel-publish-review .sidepanel__content .review-block.review-sharing-block {
  margin-bottom: 41px; }

.sidepanel-publish-review .sidepanel__content .msggroup {
  padding-top: 0; }

.sidepanel-publish-review .sidepanel__content .send-msg-radio-grp .send-msg-radio-grp__block {
  padding-top: 0; }
  .sidepanel-publish-review .sidepanel__content .send-msg-radio-grp .send-msg-radio-grp__block .radiolist li {
    margin-right: 22px; }
    .sidepanel-publish-review .sidepanel__content .send-msg-radio-grp .send-msg-radio-grp__block .radiolist li:last-child {
      margin-right: 0; }

.sidepanel-translation .sidepanel__content {
  padding-top: 30px; }
  .sidepanel-translation .sidepanel__content .msggroup {
    padding-top: 0; }
    .sidepanel-translation .sidepanel__content .msggroup.msggroup__speech {
      padding-top: 72px; }
    .sidepanel-translation .sidepanel__content .msggroup .blocklist__label {
      font-weight: 600;
      font-size: 14px;
      line-height: 1.71;
      color: #404451;
      margin-bottom: 13px; }
    .sidepanel-translation .sidepanel__content .msggroup .blockgroup__msgfield textarea.long-msg {
      margin-top: 55px;
      max-height: none;
      height: 256px;
      font-weight: 500;
      font-size: 16px;
      line-height: 1.57;
      color: #2C373C; }

.msg-nav .header--steps ul .steps--active .header__link {
  color: #3FB045; }

.sidebar {
  position: relative; }
  .sidebar a.sidepanel-open, .sidebar a.sidepanel__cancel {
    width: 43px;
    height: 45px;
    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;
    border: 1px solid #DADDE6;
    border-left: 0;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: -44px;
    top: 46px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    background-color: #ffffff; }
  .sidebar a.sidepanel__cancel {
    top: 23px; }
  .sidebar .sidepanel {
    top: 23px;
    right: auto;
    left: 0;
    min-width: 457px;
    max-width: 457px;
    -webkit-transform: translateX(calc(-100% - 50px));
    transform: translateX(calc(-100% - 50px));
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #DADDE6;
    border-bottom: none;
    z-index: 0; }
    .sidebar .sidepanel .sidepanel__wrapper {
      min-height: 100vh;
      height: auto;
      background-color: #FAFBFD; }
      .sidebar .sidepanel .sidepanel__wrapper .sidepanel__content {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0; }
    .sidebar .sidepanel.active {
      position: relative;
      -webkit-transform: translateX(0);
      transform: translateX(0); }

.new-tabs.new-small-tabs {
  width: 100%;
  max-width: 457px; }
  .new-tabs.new-small-tabs .nav-tabs {
    width: 100%;
    margin-left: 0;
    background-color: #ffffff;
    padding-top: 58px; }
    .new-tabs.new-small-tabs .nav-tabs .nav-item {
      width: 33.33%; }
    .new-tabs.new-small-tabs .nav-tabs .nav-link {
      min-width: auto; }
    .new-tabs.new-small-tabs .nav-tabs .nav-link.active {
      min-width: auto; }
  .new-tabs.new-small-tabs .tab-content .tab-pane {
    padding: 40px;
    height: calc(100vh - 190px);
    overflow-y: scroll;
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    .new-tabs.new-small-tabs .tab-content .tab-pane::-webkit-scrollbar {
      width: 3px; }
    .new-tabs.new-small-tabs .tab-content .tab-pane::-webkit-scrollbar-track {
      background: #FAFBFD; }
    .new-tabs.new-small-tabs .tab-content .tab-pane::-webkit-scrollbar-thumb {
      background: #1F88C3; }
    .new-tabs.new-small-tabs .tab-content .tab-pane::-webkit-scrollbar-thumb:hover {
      background: #1F88C3; }

.sidepanel--active.sidebar--active a.sidepanel-open {
  display: none; }

.event-details-block {
  margin-left: auto;
  margin-right: auto;
  min-width: calc(100% - 457px);
  width: 100%;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out; }
  .event-details-block .container-md {
    background-color: #99CCCD;
    padding-top: 60px;
    padding-bottom: 60px;
    max-width: 800px; }
    .event-details-block .container-md .inner-block {
      max-width: 650px;
      margin: 0 auto;
      background-color: #ffffff; }
  .event-details-block .heading-block {
    border-bottom: 1px solid #DADDE6; }
    .event-details-block .heading-block .title-block {
      max-width: 650px;
      margin: 0 auto; }

.sidepanel--active.sidebar--active .event-details-block {
  width: auto; }

.widgets_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px; }
  .widgets_container .widget_block {
    max-width: 112px;
    width: calc(33.33% - 20px);
    margin: 10px;
    background-color: #ffffff;
    min-height: 114px;
    border: 2px solid #dadde6;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px #00000014;
            box-shadow: 0px 0px 5px 0px #00000014;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
    .widgets_container .widget_block a {
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      text-align: center; }
      .widgets_container .widget_block a img {
        -webkit-transition: 0.4s;
        transition: 0.4s; }
      .widgets_container .widget_block a img.blue-dots {
        display: none; }
      .widgets_container .widget_block a p {
        margin-bottom: 0;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        letter-spacing: 0em;
        text-align: center;
        color: #000000; }
    .widgets_container .widget_block:hover {
      border: 2px solid #1F88C3; }
      .widgets_container .widget_block:hover img.blue-dots {
        display: block; }
      .widgets_container .widget_block:hover img.grey-dots {
        display: none; }

.widget-box {
  position: relative;
  padding: 22px 33px 22px 35px;
  -webkit-transition: 0.4s;
  transition: 0.4s; }
  .widget-box .white-dots {
    position: absolute;
    left: -14px;
    z-index: 999;
    top: calc(50% - 14px);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s; }
  .widget-box .edit-box {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid #1F88C3;
    z-index: 9999;
    background: rgba(164, 179, 187, 0.05);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    visibility: hidden;
    opacity: 0;
    border-left-width: 18px;
    top: 0;
    left: 0; }
    .widget-box .edit-box .setting-box {
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      right: 7px;
      top: 7px;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: 0.4s;
      transition: 0.4s; }
      .widget-box .edit-box .setting-box .blue-box {
        background: #1F88C3;
        border-radius: 3px;
        margin-left: 7px;
        padding: 3px 7px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .widget-box .edit-box .setting-box .blue-box a {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          margin: 0 7px;
          font-size: 12px;
          font-weight: 600;
          line-height: 24px;
          color: #ffffff;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          min-height: 24px; }
  .widget-box:hover .white-dots {
    visibility: visible;
    opacity: 1; }
  .widget-box:hover .edit-box {
    visibility: visible;
    opacity: 1; }
    .widget-box:hover .edit-box .setting-box {
      visibility: visible;
      opacity: 1; }

.widget-box.image-widget-box.full-width-image {
  padding: 0; }

.widget-box.image-widget-box.full-width-image > img {
  width: 100%; }

.widget-box .upload-doc-block {
  border-radius: 0;
  max-width: 100%;
  padding: 15px 17px 16px 14px;
  position: unset; }
  .widget-box .upload-doc-block .upload-doc-inner-block .doc-info .doc-name p {
    font-size: 15px;
    font-weight: 400;
    line-height: 162.99%; }

body.sidepanel--active.sidebar--active {
  overflow: auto; }

body.sidepanel--active.sidebar--active::before {
  display: none; }

.sidebar .head-block {
  padding: 20px 40px;
  background-color: #fff;
  border-bottom: 1px solid #DADDE6; }
  .sidebar .head-block .cancel {
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }

.sidebar .breadcrumb-block {
  padding: 30px 40px;
  color: #2C373C;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: normal;
  text-align: left; }

.posts-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px; }

.post-block {
  margin: 10px;
  padding: 16px 20px;
  width: calc(50% - 20px);
  border: 1px solid #DADDE6;
  border-radius: 3px;
  background-color: #fff;
  max-width: 380px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out; }

.post-inner-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 100%; }

.post-image-block {
  margin-right: 15px; }

.post-text-block {
  width: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.post-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px -10px 0; }
  .post-links a {
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 22px;
    margin: 0 10px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out; }

.post-title h3 {
  color: #2C373C;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  margin: 0; }

.post-title p.post-sub-title {
  color: #9DA3A7;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  margin: 0; }

.post-block:hover .post-links a {
  color: #1F88C3; }

.posts-with-tag .post-block {
  margin: 20px 10px;
  padding: 2px 20px 26px;
  border-width: 2px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 5px 0px #00000014;
          box-shadow: 0px 0px 5px 0px #00000014; }
  .posts-with-tag .post-block .post-inner-block {
    min-height: auto; }
    .posts-with-tag .post-block .post-inner-block .post-links {
      -webkit-box-pack: left;
          -ms-flex-pack: left;
              justify-content: left; }
      .posts-with-tag .post-block .post-inner-block .post-links a {
        color: #2C373C;
        font-size: 12px;
        font-weight: 700;
        line-height: 10px;
        text-transform: uppercase; }
        .posts-with-tag .post-block .post-inner-block .post-links a img {
          margin-right: 4px; }

.dots-img-block {
  text-align: center; }
  .dots-img-block svg circle {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out; }

.schoolname-with-time {
  color: #303337;
  font-size: 13px;
  font-weight: 500;
  line-height: 144%; }
  .schoolname-with-time .dot {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #ffffff; }
  .schoolname-with-time .post-upload-time {
    color: #9DA3A7; }

.news-tag .schoolname-with-time .dot {
  background-color: #0F4DA7; }

.event-tag .schoolname-with-time .dot {
  background-color: #EB5757; }

.video-tag .schoolname-with-time .dot {
  background-color: #EB5757; }

.gallery-tag .schoolname-with-time .dot {
  background-color: #448F29; }

.posts-with-tag .post-image-block {
  margin-right: 0;
  margin-left: 10px; }

.posts-with-tag .post-block:hover {
  border-color: #1F88C3; }
  .posts-with-tag .post-block:hover .dots-img-block svg circle {
    fill: #1F88C3;
    color: #1F88C3; }

.posts-container.posts-with-tag {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.widgets-main-container {
  max-width: 457px; }

.layout-block {
  margin: 10px;
  max-width: 110px; }
  .layout-block img {
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    opacity: 0.5;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    width: 100%; }

.layout-block a:hover img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  opacity: 1; }

.layout-block a.active img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  opacity: 1; }

.drag-drop-new-widget {
  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;
  border-top: 4px solid #ffffff;
  min-height: 10px;
  border-bottom: 4px solid #ffffff;
  border-left: 0;
  border-right: 0;
  background-color: #1F88C3;
  margin: 0 35px;
  position: relative;
  opacity: 0;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out; }
  .drag-drop-new-widget:hover {
    opacity: 1; }

.drag-drop-new-widget::before {
  content: '';
  background-color: #1F88C3;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  top: -4px;
  left: 0; }

.drag-drop-new-widget::after {
  content: '';
  background-color: #1F88C3;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  position: absolute;
  top: -4px;
  right: 0; }

.post-image-block img {
  max-width: 148px; }

.upload-doc-block {
  border-radius: 3px;
  border: 1px solid #DADDE6;
  background: #FFF;
  width: 100%;
  max-width: 375px;
  padding: 17px 17px 17px 37px;
  position: relative;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  margin: 10px 0 0; }
  .upload-doc-block .upload-doc-inner-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .upload-doc-block .upload-doc-inner-block .doc-info {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .upload-doc-block .upload-doc-inner-block .doc-info .doc-icon img {
        max-width: 39px;
        margin-right: 7px; }
      .upload-doc-block .upload-doc-inner-block .doc-info .doc-name p {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        margin: 0; }
    .upload-doc-block .upload-doc-inner-block .delete-icon a {
      visibility: hidden;
      opacity: 0;
      -webkit-transition: 0.4s ease-in-out;
      transition: 0.4s ease-in-out; }
      .upload-doc-block .upload-doc-inner-block .delete-icon a img {
        max-width: 20px; }
  .upload-doc-block img.dot-icon {
    position: absolute;
    left: 10px;
    top: calc(50% - 12px);
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out; }
  .upload-doc-block img.blue-icon {
    visibility: hidden;
    opacity: 0; }
  .upload-doc-block:hover {
    border-color: #1F88C3; }
    .upload-doc-block:hover .upload-doc-inner-block .delete-icon a {
      visibility: visible;
      opacity: 1; }
    .upload-doc-block:hover img.gray-icon {
      visibility: hidden;
      opacity: 0; }
    .upload-doc-block:hover img.blue-icon {
      visibility: visible;
      opacity: 1; }

.widget-box.button-widget-box {
  text-align: center; }
  .widget-box.button-widget-box .button {
    border-radius: 6px;
    background: #EB5757;
    padding: 9px 15px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    max-width: 257px;
    width: 100%;
    margin: 13px 0; }
  .widget-box.button-widget-box .button.button-large {
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    padding: 15px;
    max-width: 345px; }
  .widget-box.button-widget-box .button.button-full-width {
    max-width: 100% !important; }

.post-title h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 140.49%;
  margin: 0 0 24px 0;
  color: #2F66A6; }

.post-image img {
  width: 100%; }

.post-content p {
  color: #2C373C;
  font-size: 15px;
  font-weight: 400;
  line-height: 162.99%;
  margin: 0 0 24px; }

.two-column-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -13px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .two-column-widget .post-title {
    width: calc(50% - 26px);
    margin: 6.5px 13px; }
  .two-column-widget .post-image {
    width: calc(50% - 26px);
    margin: 6.5px 13px; }

.full-width-post-widget .post-image img {
  margin: 10px 0; }

.full-width-post-widget.includes-details .post-content img {
  float: right;
  max-width: 280px;
  margin: 0 0 50px 30px; }

.header-title {
  background-color: #F2C94C;
  padding: 22px 20px 23px;
  text-align: center; }
  .header-title h4 {
    ine-height: 140.49%;
    font-size: 24px;
    color: #2C373C;
    margin: 0; }

.events-widget-box .event-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 43px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  .events-widget-box .event-block .event-date-block {
    max-width: 84px;
    width: 100%;
    border-radius: 6px;
    background: #F5F7FB;
    padding: 4px 15px;
    text-align: center;
    margin: 0 34px 12px 0; }
    .events-widget-box .event-block .event-date-block span {
      color: #787C80;
      text-align: center;
      font-size: 12px;
      font-weight: 600;
      line-height: 14px; }
    .events-widget-box .event-block .event-date-block h3 {
      color: #2C373C;
      text-align: center;
      font-size: 36px;
      font-weight: 600;
      line-height: 0.8;
      margin: 0; }
  .events-widget-box .event-block .event-detail-block {
    width: calc(100% - 118px);
    max-width: 442px; }
    .events-widget-box .event-block .event-detail-block h6 {
      color: #2C373C;
      font-size: 18px;
      font-weight: 600;
      line-height: 158%; }
    .events-widget-box .event-block .event-detail-block p {
      color: #2C373C;
      font-size: 15px;
      font-weight: 400;
      line-height: 145%; }
  .events-widget-box .event-block:first-child {
    margin-top: 0; }

.gallery-three-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -12px; }
  .gallery-three-column .gallery-block {
    width: calc(33.33% - 24px);
    margin: 0 12px 20px; }

.gallery-img {
  text-align: center; }
  .gallery-img img {
    width: 100%;
    margin: 0 auto; }

.gallery-content p {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 138.49%;
  margin: 12px 0 0; }

.gallery-two-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -15px; }
  .gallery-two-column .gallery-block {
    width: calc(50% - 30px);
    margin: 0 15px 20px; }

.gallery-widget-box .button {
  color: #1F88C3;
  text-align: center;
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  border-radius: 6px;
  background: #F5F7FB;
  padding: 15px;
  width: 100%;
  margin: 20px 0; }

.author-inner-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 25px 20px;
  border: 1px solid #DADDE6; }
  .author-inner-block .author-image-block {
    max-width: 110px;
    margin-right: 28px; }
    .author-inner-block .author-image-block img {
      width: 100%; }
  .author-inner-block .author-text-block {
    width: calc(100% - 138px); }
    .author-inner-block .author-text-block .author-name h3 {
      color: #2C373C;
      font-size: 15px;
      font-weight: 700;
      line-height: 149.1%;
      margin: 0 0 10px; }
      .author-inner-block .author-text-block .author-name h3 span {
        font-weight: 400; }
    .author-inner-block .author-text-block .author-details p {
      color: #2C373C;
      font-size: 13px;
      font-weight: 400;
      line-height: 149.1%;
      margin: 0; }
      .author-inner-block .author-text-block .author-details p a {
        color: #2C373C; }

.event-details-block.settings-panels .container-md {
  background-color: #fff; }

.setting-fields {
  padding: 0 40px 30px; }

.uilib .setting-fields .custom-control-label::before {
  left: -30px;
  right: auto; }

.uilib .setting-fields .custom-control-label::after {
  left: -30px;
  right: auto; }

#doc-widget-box .file-browse {
  min-height: 107px;
  width: 100%; }
  #doc-widget-box .file-browse .upload-more-options {
    width: 100%; }
    #doc-widget-box .file-browse .upload-more-options .file-browse--text {
      width: auto;
      margin: 0 10px; }

.sidepanel .post-block {
  margin: 10px 0;
  width: 100%; }

.post-links.viewable {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left; }
  .post-links.viewable a {
    color: #1F88C3; }

.tab-pane .setting-fields {
  padding: 0; }

.uilib.create-new .select2__wrapper .select2-container .select2-dropdown {
  min-width: auto; }

.select-box-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .select-box-container .font-family-block {
    width: 60%; }
  .select-box-container .font-size-block {
    width: 30%; }

.setting-fields .file-browse {
  background-color: #ffffff; }

.widgets-buttons-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 -17px; }
  .widgets-buttons-container .widgets-buttons-block {
    margin: 0 17px; }
    .widgets-buttons-container .widgets-buttons-block .widget-button > a {
      color: #4F4F4F;
      text-align: center;
      font-size: 14px;
      font-weight: 600;
      line-height: 20px;
      border-radius: 3px;
      background: #E6E9EF;
      margin: 8px 0;
      padding: 10px 15px;
      width: 162px; }

.sidebar {
  position: relative;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out; }

.sidebar--active.sidepanel--active .sidebar {
  min-width: 457px;
  max-width: 457px; }

.sidebar .sidepanel {
  top: 90px; }

.sidebar .sidepanel.active {
  position: fixed; }

.sidepanel.sidepanel-edit {
  position: fixed !important; }

.sidepanel.sidepanel-edit .setting-fields {
  height: calc(100vh - 229px);
  overflow-y: scroll;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .sidepanel.sidepanel-edit .setting-fields::-webkit-scrollbar {
    width: 3px; }
  .sidepanel.sidepanel-edit .setting-fields::-webkit-scrollbar-track {
    background: #FAFBFD; }
  .sidepanel.sidepanel-edit .setting-fields::-webkit-scrollbar-thumb {
    background: #1F88C3; }
  .sidepanel.sidepanel-edit .setting-fields::-webkit-scrollbar-thumb:hover {
    background: #1F88C3; }

/*# sourceMappingURL=style.css.map */