:root,
.theme-default,
.theme-light {
  --brand:                                        #4397A4;
  --k12-header:                                   #5CB7B0;
  --pro:                                          #B31F66;
  --default:                                      #ccc;
  --primary:                                      #5CB7B0;
  --secondary:                                    #FFB64A;
  --black:                                        #000;
  --white:                                        #fff;
  --success:                                      #00BD8E;
  --warning:                                      #FFA800;
  --danger:                                       #F55B5B;
  --link:                                         #04B0D6;
  --default-alpha-0:                              rgba(204, 204, 204, 0);
  --default-alpha-10:                             rgba(204, 204, 204, 0.1);
  --default-alpha-20:                             rgba(204, 204, 204, 0.2);
  --default-alpha-30:                             rgba(204, 204, 204, 0.3);
  --default-alpha-40:                             rgba(204, 204, 204, 0.4);
  --default-alpha-50:                             rgba(204, 204, 204, 0.5);
  --default-alpha-60:                             rgba(204, 204, 204, 0.6);
  --default-alpha-70:                             rgba(204, 204, 204, 0.7);
  --default-alpha-80:                             rgba(204, 204, 204, 0.8);
  --default-alpha-90:                             rgba(204, 204, 204, 0.9);
  --primary-alpha-0:                              rgba(92, 183, 176, 0);
  --primary-alpha-10:                             rgba(92, 183, 176, 0.1);
  --primary-alpha-20:                             rgba(92, 183, 176, 0.2);
  --primary-alpha-30:                             rgba(92, 183, 176, 0.3);
  --primary-alpha-40:                             rgba(92, 183, 176, 0.4);
  --primary-alpha-50:                             rgba(92, 183, 176, 0.5);
  --primary-alpha-60:                             rgba(92, 183, 176, 0.6);
  --primary-alpha-70:                             rgba(92, 183, 176, 0.7);
  --primary-alpha-80:                             rgba(92, 183, 176, 0.8);
  --primary-alpha-90:                             rgba(92, 183, 176, 0.9);
  --secondary-alpha-0:                            rgba(255, 182, 74, 0);
  --secondary-alpha-10:                           rgba(255, 182, 74, 0.1);
  --secondary-alpha-20:                           rgba(255, 182, 74, 0.2);
  --secondary-alpha-30:                           rgba(255, 182, 74, 0.3);
  --secondary-alpha-40:                           rgba(255, 182, 74, 0.4);
  --secondary-alpha-50:                           rgba(255, 182, 74, 0.5);
  --secondary-alpha-60:                           rgba(255, 182, 74, 0.6);
  --secondary-alpha-70:                           rgba(255, 182, 74, 0.7);
  --secondary-alpha-80:                           rgba(255, 182, 74, 0.8);
  --secondary-alpha-90:                           rgba(255, 182, 74, 0.9);
  --success-alpha-0:                              rgba(0, 189, 142, 0);
  --success-alpha-10:                             rgba(0, 189, 142, 0.1);
  --success-alpha-20:                             rgba(0, 189, 142, 0.2);
  --success-alpha-30:                             rgba(0, 189, 142, 0.3);
  --success-alpha-40:                             rgba(0, 189, 142, 0.4);
  --success-alpha-50:                             rgba(0, 189, 142, 0.5);
  --success-alpha-60:                             rgba(0, 189, 142, 0.6);
  --success-alpha-70:                             rgba(0, 189, 142, 0.7);
  --success-alpha-80:                             rgba(0, 189, 142, 0.8);
  --success-alpha-90:                             rgba(0, 189, 142, 0.9);
  --warning-alpha-0:                              rgba(255, 168, 0, 0);
  --warning-alpha-10:                             rgba(255, 168, 0, 0.1);
  --warning-alpha-20:                             rgba(255, 168, 0, 0.2);
  --warning-alpha-30:                             rgba(255, 168, 0, 0.3);
  --warning-alpha-40:                             rgba(255, 168, 0, 0.4);
  --warning-alpha-50:                             rgba(255, 168, 0, 0.5);
  --warning-alpha-60:                             rgba(255, 168, 0, 0.6);
  --warning-alpha-70:                             rgba(255, 168, 0, 0.7);
  --warning-alpha-80:                             rgba(255, 168, 0, 0.8);
  --warning-alpha-90:                             rgba(255, 168, 0, 0.9);
  --danger-alpha-0:                               rgba(245, 91, 91, 0);
  --danger-alpha-10:                              rgba(245, 91, 91, 0.1);
  --danger-alpha-20:                              rgba(245, 91, 91, 0.2);
  --danger-alpha-30:                              rgba(245, 91, 91, 0.3);
  --danger-alpha-40:                              rgba(245, 91, 91, 0.4);
  --danger-alpha-50:                              rgba(245, 91, 91, 0.5);
  --danger-alpha-60:                              rgba(245, 91, 91, 0.6);
  --danger-alpha-70:                              rgba(245, 91, 91, 0.7);
  --danger-alpha-80:                              rgba(245, 91, 91, 0.8);
  --danger-alpha-90:                              rgba(245, 91, 91, 0.9);
  --link-alpha-0:                                 rgba(4, 176, 214, 0);
  --link-alpha-10:                                rgba(4, 176, 214, 0.1);
  --link-alpha-20:                                rgba(4, 176, 214, 0.2);
  --link-alpha-30:                                rgba(4, 176, 214, 0.3);
  --link-alpha-40:                                rgba(4, 176, 214, 0.4);
  --link-alpha-50:                                rgba(4, 176, 214, 0.5);
  --link-alpha-60:                                rgba(4, 176, 214, 0.6);
  --link-alpha-70:                                rgba(4, 176, 214, 0.7);
  --link-alpha-80:                                rgba(4, 176, 214, 0.8);
  --link-alpha-90:                                rgba(4, 176, 214, 0.9);
  --black-alpha-0:                                 rgba(0, 0, 0, 0);
  --black-alpha-10:                                rgba(0, 0, 0, 0.1);
  --black-alpha-20:                                rgba(0, 0, 0, 0.2);
  --black-alpha-30:                                rgba(0, 0, 0, 0.3);
  --black-alpha-40:                                rgba(0, 0, 0, 0.4);
  --black-alpha-50:                                rgba(0, 0, 0, 0.5);
  --black-alpha-60:                                rgba(0, 0, 0, 0.6);
  --black-alpha-70:                                rgba(0, 0, 0, 0.7);
  --black-alpha-80:                                rgba(0, 0, 0, 0.8);
  --black-alpha-90:                                rgba(0, 0, 0, 0.9);
  --white-alpha-0:                                 rgba(255, 255, 255, 0);
  --white-alpha-10:                                rgba(255, 255, 255, 0.1);
  --white-alpha-20:                                rgba(255, 255, 255, 0.2);
  --white-alpha-30:                                rgba(255, 255, 255, 0.3);
  --white-alpha-40:                                rgba(255, 255, 255, 0.4);
  --white-alpha-50:                                rgba(255, 255, 255, 0.5);
  --white-alpha-60:                                rgba(255, 255, 255, 0.6);
  --white-alpha-70:                                rgba(255, 255, 255, 0.7);
  --white-alpha-80:                                rgba(255, 255, 255, 0.8);
  --white-alpha-90:                                rgba(255, 255, 255, 0.9);
  --pro-alpha-0:                                   rgba(179, 31, 102, 0);
  --pro-alpha-10:                                  rgba(179, 31, 102, 0.1);
  --pro-alpha-20:                                  rgba(179, 31, 102, 0.2);
  --pro-alpha-30:                                  rgba(179, 31, 102, 0.3);
  --pro-alpha-40:                                  rgba(179, 31, 102, 0.4);
  --pro-alpha-50:                                  rgba(179, 31, 102, 0.5);
  --pro-alpha-60:                                  rgba(179, 31, 102, 0.6);
  --pro-alpha-70:                                  rgba(179, 31, 102, 0.7);
  --pro-alpha-80:                                  rgba(179, 31, 102, 0.8);
  --pro-alpha-90:                                  rgba(179, 31, 102, 0.9);
  --gray-1:                                       #F8F9FC;
  --gray-2:                                       #e5e5ea;
  --gray-3:                                       #d1d1d6;
  --gray-4:                                       #c7c7cc;
  --gray-5:                                       #aeaeb2;
  --gray-6:                                       #8e8e93;
  --bg-bw:                                        #fefefe;
  --bg-bw-rv:                                     #121212;
  --bg-main:                                      #f2f2f2;
  --bg-submain:                                   #d1d1d6;
  --light:                                        #fefefe;
  --dark:                                         #121212;
  --bg-bw-alpha-0:                                rgba(254, 254, 254, 0);
  --bg-bw-alpha-10:                               rgba(254, 254, 254, 0.1);
  --bg-bw-alpha-20:                               rgba(254, 254, 254, 0.2);
  --bg-bw-alpha-30:                               rgba(254, 254, 254, 0.3);
  --bg-bw-alpha-40:                               rgba(254, 254, 254, 0.4);
  --bg-bw-alpha-50:                               rgba(254, 254, 254, 0.5);
  --bg-bw-alpha-60:                               rgba(254, 254, 254, 0.6);
  --bg-bw-alpha-70:                               rgba(254, 254, 254, 0.7);
  --bg-bw-alpha-80:                               rgba(254, 254, 254, 0.8);
  --bg-bw-alpha-90:                               rgba(254, 254, 254, 0.9);
  --bg-bw-rv-alpha-0:                             rgba(18, 18, 18, 0);
  --bg-bw-rv-alpha-10:                            rgba(18, 18, 18, 0.1);
  --bg-bw-rv-alpha-20:                            rgba(18, 18, 18, 0.2);
  --bg-bw-rv-alpha-30:                            rgba(18, 18, 18, 0.3);
  --bg-bw-rv-alpha-40:                            rgba(18, 18, 18, 0.4);
  --bg-bw-rv-alpha-50:                            rgba(18, 18, 18, 0.5);
  --bg-bw-rv-alpha-60:                            rgba(18, 18, 18, 0.6);
  --bg-bw-rv-alpha-70:                            rgba(18, 18, 18, 0.7);
  --bg-bw-rv-alpha-80:                            rgba(18, 18, 18, 0.8);
  --bg-bw-rv-alpha-90:                            rgba(18, 18, 18, 0.9);
  --light-alpha-0:                                rgba(254, 254, 254, 0);
  --light-alpha-10:                               rgba(254, 254, 254, 0.1);
  --light-alpha-20:                               rgba(254, 254, 254, 0.2);
  --light-alpha-30:                               rgba(254, 254, 254, 0.3);
  --light-alpha-40:                               rgba(254, 254, 254, 0.4);
  --light-alpha-50:                               rgba(254, 254, 254, 0.5);
  --light-alpha-60:                               rgba(254, 254, 254, 0.6);
  --light-alpha-70:                               rgba(254, 254, 254, 0.7);
  --light-alpha-80:                               rgba(254, 254, 254, 0.8);
  --light-alpha-90:                               rgba(254, 254, 254, 0.9);
  --dark-alpha-0:                                 rgba(18, 18, 18, 0);
  --dark-alpha-10:                                rgba(18, 18, 18, 0.1);
  --dark-alpha-20:                                rgba(18, 18, 18, 0.2);
  --dark-alpha-30:                                rgba(18, 18, 18, 0.3);
  --dark-alpha-40:                                rgba(18, 18, 18, 0.4);
  --dark-alpha-50:                                rgba(18, 18, 18, 0.5);
  --dark-alpha-60:                                rgba(18, 18, 18, 0.6);
  --dark-alpha-70:                                rgba(18, 18, 18, 0.7);
  --dark-alpha-80:                                rgba(18, 18, 18, 0.8);
  --dark-alpha-90:                                rgba(18, 18, 18, 0.9);
  --border:                                       var(--gray-2);
  --gradient-primary-start:                       #5CB7B0;
  --gradient-primary-end:                         #36DAB1;
  --gradient-secondary-start:                     #F5C45B;
  --gradient-secondary-end:                       #FFA800;
  --text-title:                                   #1c1c1c;
  --text-subtitle:                                #484848;
  --text-paragraph:                               #636363;
  --text-overline:                                #636363;
  --web-font:                                     'Be Vietnam Pro', sans-serif;
}

.theme-dark {
  --default:                                      #fafafa;
  --gray-1:                                       #1b1b1d;
  --gray-2:                                       #2c2c2e;
  --gray-3:                                       #3a3a3c;
  --gray-4:                                       #48484a;
  --gray-5:                                       #636366;
  --gray-6:                                       #8e8e93;
  --bg-bw:                                        #121212;
  --bg-bw-rv:                                     #fefefe;
  --bg-main:                                      #1c1c1c;
  --bg-submain:                                   #3a3a3c;
  --light:                                        #121212;
  --dark:                                         #fefefe;
  --default-alpha-0:                              rgba(250, 250, 250, 0);
  --default-alpha-10:                             rgba(250, 250, 250, 0.1);
  --default-alpha-20:                             rgba(250, 250, 250, 0.2);
  --default-alpha-30:                             rgba(250, 250, 250, 0.3);
  --default-alpha-40:                             rgba(250, 250, 250, 0.4);
  --default-alpha-50:                             rgba(250, 250, 250, 0.5);
  --default-alpha-60:                             rgba(250, 250, 250, 0.6);
  --default-alpha-70:                             rgba(250, 250, 250, 0.7);
  --default-alpha-80:                             rgba(250, 250, 250, 0.8);
  --default-alpha-90:                             rgba(250, 250, 250, 0.9);
  --bg-bw-alpha-0:                                rgba(18, 18, 18, 0);
  --bg-bw-alpha-10:                               rgba(18, 18, 18, 0.1);
  --bg-bw-alpha-20:                               rgba(18, 18, 18, 0.2);
  --bg-bw-alpha-30:                               rgba(18, 18, 18, 0.3);
  --bg-bw-alpha-40:                               rgba(18, 18, 18, 0.4);
  --bg-bw-alpha-50:                               rgba(18, 18, 18, 0.5);
  --bg-bw-alpha-60:                               rgba(18, 18, 18, 0.6);
  --bg-bw-alpha-70:                               rgba(18, 18, 18, 0.7);
  --bg-bw-alpha-80:                               rgba(18, 18, 18, 0.8);
  --bg-bw-alpha-90:                               rgba(18, 18, 18, 0.9);
  --bg-bw-rv-alpha-0:                             rgba(254, 254, 254, 0);
  --bg-bw-rv-alpha-10:                            rgba(254, 254, 254, 0.1);
  --bg-bw-rv-alpha-20:                            rgba(254, 254, 254, 0.2);
  --bg-bw-rv-alpha-30:                            rgba(254, 254, 254, 0.3);
  --bg-bw-rv-alpha-40:                            rgba(254, 254, 254, 0.4);
  --bg-bw-rv-alpha-50:                            rgba(254, 254, 254, 0.5);
  --bg-bw-rv-alpha-60:                            rgba(254, 254, 254, 0.6);
  --bg-bw-rv-alpha-70:                            rgba(254, 254, 254, 0.7);
  --bg-bw-rv-alpha-80:                            rgba(254, 254, 254, 0.8);
  --bg-bw-rv-alpha-90:                            rgba(254, 254, 254, 0.9);
  --light-alpha-0:                                rgba(18, 18, 18, 0);
  --light-alpha-10:                               rgba(18, 18, 18, 0.1);
  --light-alpha-20:                               rgba(18, 18, 18, 0.2);
  --light-alpha-30:                               rgba(18, 18, 18, 0.3);
  --light-alpha-40:                               rgba(18, 18, 18, 0.4);
  --light-alpha-50:                               rgba(18, 18, 18, 0.5);
  --light-alpha-60:                               rgba(18, 18, 18, 0.6);
  --light-alpha-70:                               rgba(18, 18, 18, 0.7);
  --light-alpha-80:                               rgba(18, 18, 18, 0.8);
  --light-alpha-90:                               rgba(18, 18, 18, 0.9);
  --dark-alpha-0:                                 rgba(254, 254, 254, 0);
  --dark-alpha-10:                                rgba(254, 254, 254, 0.1);
  --dark-alpha-20:                                rgba(254, 254, 254, 0.2);
  --dark-alpha-30:                                rgba(254, 254, 254, 0.3);
  --dark-alpha-40:                                rgba(254, 254, 254, 0.4);
  --dark-alpha-50:                                rgba(254, 254, 254, 0.5);
  --dark-alpha-60:                                rgba(254, 254, 254, 0.6);
  --dark-alpha-70:                                rgba(254, 254, 254, 0.7);
  --dark-alpha-80:                                rgba(254, 254, 254, 0.8);
  --dark-alpha-90:                                rgba(254, 254, 254, 0.9);
  --border:                                       var(--gray-2);
  --text-title:                                   #f2f2f2;
  --text-subtitle:                                #c7c7c7;
  --text-paragraph:                               #aeaeae;
  --text-overline:                                #aeaeae;
}

.theme-default {
  --color-main-nav:                               #363636;
  --color-main-nav-link:                          var(--white);
}

.theme-light {
  --color-main-nav:                               var(--bg-bw);
  --color-main-nav-link:                          var(--text-paragraph);
}

.theme-dark {
  --color-main-nav:                               var(--bg-bw);
  --color-main-nav-link:                          var(--text-paragraph);
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("Inter-Regular.woff2") format("woff2"), url("Inter-Regular.woff") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("Inter-Medium.woff2") format("woff2"), url("Inter-Medium.woff") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("Inter-SemiBold.woff2") format("woff2"), url("Inter-SemiBold.woff") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("Inter-Bold.woff2") format("woff2"), url("Inter-Bold.woff") format("woff");
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("BeVietnamPro-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("BeVietnamPro-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("BeVietnamPro-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("BeVietnamPro-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'Circular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("SVN-CircularBook.woff") format("woff");
}

@font-face {
  font-family: 'Circular';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("SVN-CircularMedium.woff") format("woff");
}

@font-face {
  font-family: 'Circular';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("SVN-CircularBold.woff") format("woff");
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text-title);
}

p {
  color: var(--text-paragraph);
}

h1 {
  font-weight: 500;
  font-size: 6rem;
}

h2 {
  font-weight: 500;
  font-size: 3.75rem;
}

h3 {
  font-weight: 500;
  font-size: 3rem;
}

h4 {
  font-weight: 500;
  font-size: 2.125rem;
}

h5 {
  font-weight: 500;
  font-size: 1.5rem;
}

h6 {
  font-weight: 500;
  font-size: 1.125rem;
}

h6.subtitle-md {
  font-size: 1rem;
}

h6.subtitle-sm {
  font-size: 0.875rem;
}

p {
  font-size: 1rem;
}

p.p-sm {
  font-size: 0.875rem;
}

p.p-caption {
  font-size: 0.75rem;
}

p.p-overline {
  font-size: 0.625rem;
  text-transform: uppercase;
}

.p-sm {
  font-size: 0.875rem;
}

.p-cap {
  font-size: 0.75rem;
}

.p-overline {
  font-size: 0.625rem;
  color: var(--text-overline);
  text-transform: uppercase;
}

a {
  color: var(--link);
}

a:hover {
  text-decoration: none;
  color: var(--link-alpha-90);
}

ul {
  padding-left: 0;
}

.btn-link {
  text-decoration: none;
}

.accordion .accordion-item .accordion-header .accordion-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.accordion .accordion-item .accordion-header .accordion-button:after {
  content: '\e9c4';
  background-image: none;
  font-family: 'els';
  color: var(--text-paragraph);
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
  background-image: none;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.breadcrumb {
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
}

.breadcrumb .breadcrumb-item {
  font-size: 0.75rem;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.breadcrumb .breadcrumb-item:first-of-type:before {
  display: none;
}

.breadcrumb .breadcrumb-item:before {
  font-family: 'els';
  font-size: 0.75rem;
  font-weight: 900;
  content: '\e9c3';
}

.breadcrumb .breadcrumb-item.breadcrumb-active a {
  color: var(--text-paragraph);
}

.breadcrumb .breadcrumb-item.breadcrumb-active a:hover {
  cursor: default;
}

.breadcrumb .breadcrumb-item a {
  max-width: 300px;
  color: var(--link);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.zyk-calendar {
  font-family: var(--web-font);
}

.zyk-calendar.zyk-calendar-single-month .zyk-calendar-header {
  padding: 0.375rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-calendar.zyk-calendar-single-month .zyk-calendar-header .btn.btn-zyk-calendar-control {
  width: 28px;
  height: 28px;
  padding: 0;
  border-radius: 50%;
}

.zyk-calendar.zyk-calendar-single-month .zyk-calendar-header .btn:not(.btn-zyk-calendar-control) {
  margin: 0 1.5rem;
}

.zyk-calendar.zyk-calendar-single-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day {
  max-width: calc(100% / 7);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% / 7);
          flex: 1 0 calc(100% / 7);
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-calendar.zyk-calendar-single-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day.zyk-calendar-day-has-event .circle {
  width: 4px;
  height: 4px;
  background-color: var(--primary);
  border-radius: 50%;
}

.zyk-calendar.zyk-calendar-single-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day.zyk-calendar-today .zyk-calendar-day {
  color: var(--white);
}

.zyk-calendar.zyk-calendar-single-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day.zyk-calendar-today .zyk-calendar-day:before {
  background-color: var(--primary);
}

.zyk-calendar.zyk-calendar-single-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day.zyk-calendar-today .zyk-calendar-day:hover:before {
  background-color: var(--primary);
}

.zyk-calendar.zyk-calendar-single-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day.zyk-calendar-table-day-selected .zyk-calendar-day {
  color: var(--white);
}

.zyk-calendar.zyk-calendar-single-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day.zyk-calendar-table-day-selected .zyk-calendar-day:before {
  background-color: var(--link);
}

.zyk-calendar.zyk-calendar-single-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day.zyk-calendar-table-day-selected .zyk-calendar-day:hover:before {
  background-color: var(--link);
}

.zyk-calendar.zyk-calendar-single-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day .zyk-calendar-day {
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  color: var(--text-paragraph);
  position: relative;
  z-index: 1;
}

.zyk-calendar.zyk-calendar-single-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day .zyk-calendar-day:before {
  content: '';
  width: 28px;
  height: 28px;
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.zyk-calendar.zyk-calendar-single-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day .zyk-calendar-day:hover:before {
  background-color: var(--black-alpha-10);
}

.zyk-calendar.zyk-calendar-month .zyk-calendar-header {
  padding: 0.5rem 0;
}

.zyk-calendar.zyk-calendar-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day {
  max-width: calc(100% / 7);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% / 7);
          flex: 1 0 calc(100% / 7);
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-calendar.zyk-calendar-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day.zyk-calendar-day-has-event .circle {
  width: 4px;
  height: 4px;
  background-color: var(--primary);
  border-radius: 50%;
}

.zyk-calendar.zyk-calendar-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day.zyk-calendar-today .zyk-calendar-day {
  color: var(--white);
}

.zyk-calendar.zyk-calendar-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day.zyk-calendar-today .zyk-calendar-day:before {
  background-color: var(--primary);
}

.zyk-calendar.zyk-calendar-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day.zyk-calendar-today .zyk-calendar-day:hover:before {
  background-color: var(--primary);
}

.zyk-calendar.zyk-calendar-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day.zyk-calendar-table-day-selected .zyk-calendar-day {
  color: var(--white);
}

.zyk-calendar.zyk-calendar-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day.zyk-calendar-table-day-selected .zyk-calendar-day:before {
  background-color: var(--link);
}

.zyk-calendar.zyk-calendar-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day.zyk-calendar-table-day-selected .zyk-calendar-day:hover:before {
  background-color: var(--link);
}

.zyk-calendar.zyk-calendar-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day .zyk-calendar-day {
  margin-bottom: 0.375rem;
  font-size: 0.875rem;
  color: var(--text-paragraph);
  position: relative;
  z-index: 1;
}

.zyk-calendar.zyk-calendar-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day .zyk-calendar-day:before {
  content: '';
  width: 28px;
  height: 28px;
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.zyk-calendar.zyk-calendar-month .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day .zyk-calendar-day:hover:before {
  background-color: var(--black-alpha-10);
}

.zyk-calendar .zyk-calendar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-calendar .zyk-calendar-header .zyk-calendar-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-calendar .zyk-calendar-header .zyk-calendar-header-left > *:not(:last-child) {
  margin-right: 0.5rem;
}

.zyk-calendar .zyk-calendar-header .zyk-calendar-header-left .btn.btn-zyk-calendar-show-date {
  font-size: 1rem;
}

.zyk-calendar .zyk-calendar-header .zyk-calendar-header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-calendar .zyk-calendar-header .zyk-calendar-header-right > *:not(:first-child) {
  margin-left: 0.5rem;
}

.zyk-calendar .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-calendar .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-header .zyk-calendar-table-header-item {
  max-width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 0.25rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-calendar .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-header .zyk-calendar-table-header-item p.zyk-calendar-date-of-week {
  font-size: 0.75rem;
  font-weight: 600;
}

.zyk-calendar .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-calendar .zyk-calendar-body .zyk-calendar-table .zyk-calendar-table-body .zyk-calendar-table-day {
  padding: 0.25rem;
  position: relative;
  z-index: 1;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.calendar {
  width: 100%;
  height: 100%;
  background-color: var(--bg-bw);
  padding: 0.5rem;
}

.calendar.calendar-bordered .calendar-body .calendar-table .calendar-table-header {
  border-top: 1px solid var(--border);
  border-bottom: 2px solid var(--border);
}

.calendar.calendar-bordered .calendar-body .calendar-table .calendar-table-body .calendar-table-row {
  border-bottom: 1px solid var(--border);
}

.calendar.calendar-bordered .calendar-body .calendar-table .calendar-table-body .calendar-table-row:last-child {
  border-bottom: none;
}

.calendar.calendar-bordered .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col {
  border-right: 1px solid var(--border);
}

.calendar.calendar-bordered .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col:last-child {
  border-right: none;
}

.calendar .calendar-header {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.calendar .calendar-header .calendar-header-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.calendar .calendar-header .calendar-header-controls > * {
  margin-right: 0.5rem;
}

.calendar .calendar-header .calendar-header-title {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.calendar .calendar-header .calendar-header-title h6 {
  margin: 0 0.75rem;
}

.calendar .calendar-header .calendar-header-title .btn {
  border-radius: 0;
}

.calendar .calendar-header .calendar-header-title .btn:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
}

.calendar .calendar-header .calendar-header-title .btn:last-child {
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.calendar .calendar-header .calendar-header-title .btn:not(:first-child) {
  margin-left: -1px;
}

.calendar .calendar-header .calendar-header-title .dropdown {
  margin-left: -1px;
}

.calendar .calendar-header .calendar-header-title .dropdown .btn {
  border-radius: 0;
}

.calendar .calendar-header .calendar-header-title .dropdown .dropdown-menu .calendar-monthpicker-wrapper .calendar-monthpicker-header {
  height: 40px;
  padding: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.calendar .calendar-header .calendar-header-title .dropdown .dropdown-menu .calendar-monthpicker-wrapper .calendar-monthpicker-body {
  min-width: 200px;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.calendar .calendar-header .calendar-header-title .dropdown .dropdown-menu .calendar-monthpicker-wrapper .calendar-monthpicker-body .btn {
  max-width: 25%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 25%;
          flex: 1 0 25%;
  margin-top: -1px;
  margin-left: -1px;
  padding: 0.5rem 0;
}

.calendar .calendar-body {
  height: calc(100% - 50px);
  overflow-x: hidden;
  overflow-y: auto;
}

.calendar .calendar-body.calendar-body-week .calendar-table .calendar-table-row .calendar-table-col {
  max-width: calc((100% - 3rem) / 7);
}

.calendar .calendar-body.calendar-body-week .calendar-table .calendar-table-row .calendar-table-col.calendar-table-col-hour {
  max-width: 3rem;
  font-size: 0.875rem;
}

.calendar .calendar-body.calendar-body-week .calendar-table .calendar-table-header {
  border-bottom: 1px solid var(--gray-1);
}

.calendar .calendar-body.calendar-body-week .calendar-table .calendar-table-body .calendar-table-row {
  border-bottom: 1px solid var(--gray-1);
}

.calendar .calendar-body.calendar-body-week .calendar-table .calendar-table-body .calendar-table-row:last-of-type {
  border-bottom: none;
}

.calendar .calendar-body .calendar-table .calendar-table-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.calendar .calendar-body .calendar-table .calendar-table-row .calendar-table-col {
  max-width: calc(100% / 7);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}

.calendar .calendar-body .calendar-table .calendar-table-row .calendar-table-col span {
  color: var(--text-title);
}

.calendar .calendar-body .calendar-table .calendar-table-header {
  background-color: var(--bg-bw);
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1;
}

.calendar .calendar-body .calendar-table .calendar-table-header .calendar-table-row .calendar-table-col {
  padding: 1rem 0;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.calendar .calendar-body .calendar-table .calendar-table-header .calendar-table-row .calendar-table-col.calendar-table-col-day {
  font-size: 0.75rem;
}

.calendar .calendar-body .calendar-table .calendar-table-header .calendar-table-row .calendar-table-col span.calendar-span-today {
  width: 2rem;
  height: 2rem;
  font-weight: 500;
  background-color: var(--primary);
  color: var(--white);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col.calendar-table-col-faded {
  opacity: 0.5;
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col.calendar-table-day-disabled {
  background-color: var(--gray-1);
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col.calendar-table-day-disabled a:hover {
  cursor: default;
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col a {
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  color: var(--text-paragraph);
  position: relative;
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col a.calendar-table-day.calendar-table-today span.day-text {
  color: var(--white);
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col a.calendar-table-day.calendar-table-today span.day-text:before {
  background-color: var(--primary);
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col a.calendar-table-day.calendar-table-today span.day-events i {
  border-color: var(--secondary);
  color: var(--secondary);
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col a.calendar-table-day.calendar-table-today span.day-events i:nth-child(odd) {
  background-color: var(--secondary);
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col a.calendar-table-day.calendar-table-day-active {
  background-color: var(--secondary-alpha-10);
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col a.calendar-table-day span.day-text {
  margin-top: 0.5rem;
  position: relative;
  z-index: 1;
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col a.calendar-table-day span.day-text:before {
  content: '';
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col a.calendar-table-day span.day-events {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col a.calendar-table-day span.day-events i {
  min-width: 1.5rem;
  padding: 0.125rem 0.25rem;
  font-size: 0.625rem;
  font-style: normal;
  text-align: center;
  border: 1px solid var(--gray-3);
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col a.calendar-table-day span.day-events i:not(:first-child) {
  margin-top: -1px;
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col a.calendar-table-day span.day-events i:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col a.calendar-table-day span.day-events i:last-child {
  -webkit-transform: translate(0, 1px);
  transform: translate(0, 1px);
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.calendar .calendar-body .calendar-table .calendar-table-body .calendar-table-row .calendar-table-col a.calendar-table-day span.day-events i:nth-child(odd) {
  background-color: var(--gray-3);
  color: var(--white);
}

.fc .fc-header-toolbar .fc-toolbar-chunk > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dataTables_wrapper {
  font-family: var(--webfont);
}

.dataTables_wrapper .row .dataTables_length label,
.dataTables_wrapper .row .dataTables_filter label {
  font-size: 0.875rem;
  color: var(--text-paragraph);
}

.dataTables_wrapper .datatable thead tr th {
  font-size: 0.75rem;
  color: var(--text-title);
}

.dataTables_wrapper .datatable tbody tr td {
  font-size: 0.875rem;
  color: var(--text-paragraph);
}

.dataTables_wrapper .dataTables_info {
  font-size: 0.75rem;
  color: var(--text-overline);
}

.dataTables_wrapper .dataTables_paginate .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item {
  min-width: 28px;
  height: 28px;
  margin: 0 0.25rem;
  padding: 0;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.next .page-link, .dataTables_wrapper .dataTables_paginate .pagination .page-item.previous .page-link {
  border-radius: 0.25rem;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item.active .page-link {
  background-color: var(--primary);
  color: var(--white);
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item .page-link {
  font-size: 0.875rem;
  background-color: transparent;
  color: var(--text-paragraph);
  border: none;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

textarea {
  overflow-y: overlay;
}

textarea::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

textarea::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

textarea::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.form-control {
  font-size: 0.875rem;
  background-color: var(--bg-bw);
  border-color: var(--border);
  color: var(--text-paragraph);
  border-radius: 0.5rem;
}

.form-control[readonly] {
  background-color: var(--bg-bw);
  border-color: var(--border);
  color: var(--text-paragraph);
}

.form-control:disabled, .form-control.disabled {
  background-color: var(--gray-2);
  border-color: var(--border);
  color: var(--text-paragraph);
}

.form-control:focus {
  background-color: var(--bg-bw);
  border-color: var(--gray-6);
  color: var(--text-paragraph);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-control.is-valid {
  border-color: var(--success);
}

.form-control.is-invalid {
  border-color: var(--danger);
}

.form-control.form-control-lg {
  font-size: 1.25rem;
}

.form-control::-webkit-input-placeholder {
  color: var(--gray-3);
}

.form-control:-ms-input-placeholder {
  color: var(--gray-3);
}

.form-control::-ms-input-placeholder {
  color: var(--gray-3);
}

.form-control::placeholder {
  color: var(--gray-3);
}

.form-select {
  font-size: 0.875rem;
  background-color: var(--bg-bw);
  border-color: var(--gray-3);
  color: var(--text-paragraph);
  border-radius: 0.5rem;
}

.form-select:focus {
  border-color: var(--gray-6);
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.form-select:disabled {
  background-color: var(--gray-1);
  border-color: var(--border);
  color: var(--text-paragraph);
}

.form-group:not(:last-child) {
  margin-bottom: 0.5rem;
}

.form-group label {
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  color: var(--text-overline);
}

.form-group label.label-sb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-group .form-check-group {
  height: 38px;
}

.form-group .form-group-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.form-group .form-text {
  font-size: 0.75rem;
}

.input-group.input-group-lg .input-group-text:first-child,
.input-group.input-group-lg .btn:first-child,
.input-group.input-group-lg .form-control:first-child {
  border-top-left-radius: 0.75rem;
  -webkit-border-top-left-radius: 0.75rem;
  -moz-border-top-left-radius: 0.75rem;
  -o-border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  -webkit-border-bottom-left-radius: 0.75rem;
  -moz-border-bottom-left-radius: 0.75rem;
  -o-border-bottom-left-radius: 0.75rem;
}

.input-group.input-group-lg .input-group-text:last-child,
.input-group.input-group-lg .btn:last-child,
.input-group.input-group-lg .form-control:last-child {
  border-top-right-radius: 0.75rem;
  -webkit-border-top-right-radius: 0.75rem;
  -moz-border-top-right-radius: 0.75rem;
  -o-border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  -webkit-border-bottom-right-radius: 0.75rem;
  -moz-border-bottom-right-radius: 0.75rem;
  -o-border-bottom-right-radius: 0.75rem;
}

.input-group .form-select {
  font-size: 0.875rem;
  background-color: var(--bg-bw);
  border-color: var(--border);
  color: var(--text-paragraph);
  -webkit-appearance: var(--text-paragraph);
     -moz-appearance: var(--text-paragraph);
          appearance: var(--text-paragraph);
  border-radius: 0;
}

.input-group .form-select:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.input-group .form-select:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
}

.input-group .form-select:last-child {
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.input-group .input-group-text {
  background-color: var(--bg-bw);
  border-color: var(--border);
  color: var(--text-paragraph);
  font-size: 0.875rem;
}

.input-group .input-group-text:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
}

.input-group .input-group-text:last-child {
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.input-group .btn {
  background-color: var(--bg-bw);
  border-color: var(--border);
}

.input-group .btn:first-child {
  border-right-color: transparent;
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
}

.input-group .btn:last-child {
  border-left-color: transparent;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.input-group .btn.btn-outline-default {
  border-color: var(--border);
}

.input-group .form-control {
  height: auto;
}

.input-group .form-control:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
}

.input-group .form-control:last-child {
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.input-group .form-control:not(:first-child) {
  padding-left: 0;
  border-left-color: var(--bg-bw);
}

.input-group .form-control:not(:first-child):focus {
  border-color: var(--gray-3);
  border-left-color: var(--bg-bw);
}

.input-group .form-control:not(:last-child) {
  padding-right: 0;
  border-right-color: var(--bg-bw);
}

.input-group .form-control:not(:last-child):focus {
  border-color: var(--gray-3);
  border-right-color: var(--bg-bw);
}

.form-check-group {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-check-group.form-check-group-column {
  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: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}

.form-check-group.form-check-group-column .form-check:not(:last-child),
.form-check-group.form-check-group-column .form-switch:not(:last-child) {
  margin-right: 0;
  margin-bottom: 0.75rem;
}

.form-check-group.form-check-group-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.form-check-group.form-check-group-between .form-check:not(:last-child),
.form-check-group.form-check-group-between .form-switch:not(:last-child) {
  margin-right: 0;
}

.form-check-group .form-check:not(:last-child),
.form-check-group .form-switch:not(:last-child) {
  margin-right: 0.75rem;
}

.form-check {
  min-height: unset;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.form-check input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.form-check [data-toggle="check"] {
  font-size: 0.875rem;
  color: var(--text-paragraph);
}

.form-check [data-toggle="check"].disabled {
  opacity: 0.8;
}

.form-check [data-toggle="check"] i {
  margin-right: 0.25rem;
}

.form-check [data-toggle="check"] i.els {
  color: var(--primary);
}

.form-check [data-toggle="check"] i:hover {
  cursor: pointer;
}

.form-switch {
  padding-left: 0;
  position: relative;
}

.form-switch:not(:last-child) {
  margin-left: 0.5rem;
}

.form-switch input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.form-switch label {
  font-size: 0.875rem;
  color: var(--text-paragraph);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-switch label .btn-switch {
  width: 36px;
  height: 14px;
  border: 1px solid var(--border);
  display: inline-block;
}

.form-switch label .btn-switch.btn-switch-sm {
  width: 24px;
  height: 10px;
}

.form-switch label .btn-switch.btn-switch-sm .control {
  width: 12px;
  height: 12px;
}

.form-switch label .btn-switch.btn-switch-primary.active {
  background-color: var(--primary-alpha-50);
}

.form-switch label .btn-switch.btn-switch-primary.active .control {
  background-color: var(--primary-alpha-90);
  color: var(--primary);
}

.form-switch label .btn-switch.btn-switch-secondary.active {
  background-color: var(--secondary-alpha-50);
}

.form-switch label .btn-switch.btn-switch-secondary.active .control {
  background-color: var(--secondary-alpha-90);
  color: var(--secondary);
}

.form-switch label .btn-switch .control {
  border: 1px solid var(--border);
}

.form-control-file {
  font-size: 0.875rem;
}

.form-control-range::-webkit-slider-thumb, .form-control-range::-moz-range-thumb, .form-control-range::-ms-thumb {
  background-color: var(--primary);
}

.form-control-range::-webkit-slider-runnable-track, .form-control-range::-moz-range-track {
  background-color: var(--primary);
}

.form-text {
  color: var(--text-overline);
}

@media screen and (max-width: 576.98px) {
  .form-control,
  .form-select {
    font-size: 1rem;
  }
}

a.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn {
  font-family: var(--web-font);
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 0.5rem;
  color: var(--text-paragraph);
}

.btn span {
  font-family: var(--web-font);
}

.btn:hover {
  color: var(--text-paragraph);
}

.btn.focus, .btn:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn.btn-lg {
  font-size: 1.25rem;
}

.btn.btn-sm {
  font-size: 0.75rem;
  border-radius: 0.25rem;
}

.btn.btn-primary-gradient, .btn.btn-secondary-gradient {
  color: var(--white);
}

.btn.btn-primary-gradient {
  background-image: linear-gradient(45deg, var(--gradient-primary-start), var(--gradient-primary-end));
}

.btn.btn-secondary-gradient {
  background-image: linear-gradient(45deg, var(--gradient-secondary-start), var(--gradient-secondary-end));
}

.btn.btn-rounded {
  border-radius: 2rem;
}

.btn.btn-default {
  background-color: var(--default);
  border: 1px solid var(--default);
  color: var(--text-paragraph);
}

.btn.btn-default:hover {
  background-color: var(--default-alpha-90);
  border-color: var(--default-alpha-90);
}

.btn.btn-default:hover:not(:disabled):active, .btn.btn-default:hover:not(.disabled):active {
  background-color: var(--default);
  border-color: var(--default);
}

.btn.btn-outline-default {
  background-color: transparent;
  border: 1px solid var(--default);
  color: var(--text-paragraph);
}

.btn.btn-outline-default:hover {
  background-color: var(--default);
  border-color: var(--default);
  color: var(--text-paragraph);
}

.btn.btn-outline-default:hover:not(:disabled):active, .btn.btn-outline-default:hover:not(.disabled):active {
  background-color: var(--default);
  border-color: var(--default);
  color: var(--white);
}

.btn.btn-dashed-default {
  background-color: transparent;
  border: 1px dashed var(--default);
  color: var(--text-paragraph);
}

.btn.btn-dashed-default:hover {
  background-color: var(--default);
  border-style: solid;
  border-color: var(--default);
  color: var(--white);
}

.btn.btn-dashed-default:hover:not(:disabled):active, .btn.btn-dashed-default:hover:not(.disabled):active {
  background-color: var(--default);
  border-color: var(--default);
  color: var(--white);
}

.btn.btn-primary {
  background-color: var(--primary);
  border: 1px solid var(--primary);
  color: var(--white);
}

.btn.btn-primary:hover {
  background-color: var(--primary-alpha-90);
  border-color: var(--primary-alpha-90);
}

.btn.btn-primary:hover:not(:disabled):active, .btn.btn-primary:hover:not(.disabled):active {
  background-color: var(--primary);
  border-color: var(--primary);
}

.btn.btn-outline-primary {
  background-color: transparent;
  border: 1px solid var(--primary);
  color: var(--primary);
}

.btn.btn-outline-primary:hover {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}

.btn.btn-outline-primary:hover:not(:disabled):active, .btn.btn-outline-primary:hover:not(.disabled):active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}

.btn.btn-dashed-primary {
  background-color: transparent;
  border: 1px dashed var(--primary);
  color: var(--primary);
}

.btn.btn-dashed-primary:hover {
  background-color: var(--primary);
  border-style: solid;
  border-color: var(--primary);
  color: var(--white);
}

.btn.btn-dashed-primary:hover:not(:disabled):active, .btn.btn-dashed-primary:hover:not(.disabled):active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}

.btn.btn-secondary {
  background-color: var(--secondary);
  border: 1px solid var(--secondary);
  color: var(--white);
}

.btn.btn-secondary:hover {
  background-color: var(--secondary-alpha-90);
  border-color: var(--secondary-alpha-90);
}

.btn.btn-secondary:hover:not(:disabled):active, .btn.btn-secondary:hover:not(.disabled):active {
  background-color: var(--secondary);
  border-color: var(--secondary);
}

.btn.btn-outline-secondary {
  background-color: transparent;
  border: 1px solid var(--secondary);
  color: var(--secondary);
}

.btn.btn-outline-secondary:hover {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--white);
}

.btn.btn-outline-secondary:hover:not(:disabled):active, .btn.btn-outline-secondary:hover:not(.disabled):active {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--white);
}

.btn.btn-dashed-secondary {
  background-color: transparent;
  border: 1px dashed var(--secondary);
  color: var(--secondary);
}

.btn.btn-dashed-secondary:hover {
  background-color: var(--secondary);
  border-style: solid;
  border-color: var(--secondary);
  color: var(--white);
}

.btn.btn-dashed-secondary:hover:not(:disabled):active, .btn.btn-dashed-secondary:hover:not(.disabled):active {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--white);
}

.btn.btn-success {
  background-color: var(--success);
  border: 1px solid var(--success);
  color: var(--white);
}

.btn.btn-success:hover {
  background-color: var(--success-alpha-90);
  border-color: var(--success-alpha-90);
}

.btn.btn-success:hover:not(:disabled):active, .btn.btn-success:hover:not(.disabled):active {
  background-color: var(--success);
  border-color: var(--success);
}

.btn.btn-outline-success {
  background-color: transparent;
  border: 1px solid var(--success);
  color: var(--success);
}

.btn.btn-outline-success:hover {
  background-color: var(--success);
  border-color: var(--success);
  color: var(--white);
}

.btn.btn-outline-success:hover:not(:disabled):active, .btn.btn-outline-success:hover:not(.disabled):active {
  background-color: var(--success);
  border-color: var(--success);
  color: var(--white);
}

.btn.btn-dashed-success {
  background-color: transparent;
  border: 1px dashed var(--success);
  color: var(--success);
}

.btn.btn-dashed-success:hover {
  background-color: var(--success);
  border-style: solid;
  border-color: var(--success);
  color: var(--white);
}

.btn.btn-dashed-success:hover:not(:disabled):active, .btn.btn-dashed-success:hover:not(.disabled):active {
  background-color: var(--success);
  border-color: var(--success);
  color: var(--white);
}

.btn.btn-warning {
  background-color: var(--warning);
  border: 1px solid var(--warning);
  color: var(--white);
}

.btn.btn-warning:hover {
  background-color: var(--warning-alpha-90);
  border-color: var(--warning-alpha-90);
}

.btn.btn-warning:hover:not(:disabled):active, .btn.btn-warning:hover:not(.disabled):active {
  background-color: var(--warning);
  border-color: var(--warning);
}

.btn.btn-outline-warning {
  background-color: transparent;
  border: 1px solid var(--warning);
  color: var(--warning);
}

.btn.btn-outline-warning:hover {
  background-color: var(--warning);
  border-color: var(--warning);
  color: var(--white);
}

.btn.btn-outline-warning:hover:not(:disabled):active, .btn.btn-outline-warning:hover:not(.disabled):active {
  background-color: var(--warning);
  border-color: var(--warning);
  color: var(--white);
}

.btn.btn-dashed-warning {
  background-color: transparent;
  border: 1px dashed var(--warning);
  color: var(--warning);
}

.btn.btn-dashed-warning:hover {
  background-color: var(--warning);
  border-style: solid;
  border-color: var(--warning);
  color: var(--white);
}

.btn.btn-dashed-warning:hover:not(:disabled):active, .btn.btn-dashed-warning:hover:not(.disabled):active {
  background-color: var(--warning);
  border-color: var(--warning);
  color: var(--white);
}

.btn.btn-danger {
  background-color: var(--danger);
  border: 1px solid var(--danger);
  color: var(--white);
}

.btn.btn-danger:hover {
  background-color: var(--danger-alpha-90);
  border-color: var(--danger-alpha-90);
}

.btn.btn-danger:hover:not(:disabled):active, .btn.btn-danger:hover:not(.disabled):active {
  background-color: var(--danger);
  border-color: var(--danger);
}

.btn.btn-outline-danger {
  background-color: transparent;
  border: 1px solid var(--danger);
  color: var(--danger);
}

.btn.btn-outline-danger:hover {
  background-color: var(--danger);
  border-color: var(--danger);
  color: var(--white);
}

.btn.btn-outline-danger:hover:not(:disabled):active, .btn.btn-outline-danger:hover:not(.disabled):active {
  background-color: var(--danger);
  border-color: var(--danger);
  color: var(--white);
}

.btn.btn-dashed-danger {
  background-color: transparent;
  border: 1px dashed var(--danger);
  color: var(--danger);
}

.btn.btn-dashed-danger:hover {
  background-color: var(--danger);
  border-style: solid;
  border-color: var(--danger);
  color: var(--white);
}

.btn.btn-dashed-danger:hover:not(:disabled):active, .btn.btn-dashed-danger:hover:not(.disabled):active {
  background-color: var(--danger);
  border-color: var(--danger);
  color: var(--white);
}

.btn.btn-link {
  background-color: var(--link);
  border: 1px solid var(--link);
  color: var(--white);
}

.btn.btn-link:hover {
  background-color: var(--link-alpha-90);
  border-color: var(--link-alpha-90);
}

.btn.btn-link:hover:not(:disabled):active, .btn.btn-link:hover:not(.disabled):active {
  background-color: var(--link);
  border-color: var(--link);
}

.btn.btn-outline-link {
  background-color: transparent;
  border: 1px solid var(--link);
  color: var(--link);
}

.btn.btn-outline-link:hover {
  background-color: var(--link);
  border-color: var(--link);
  color: var(--white);
}

.btn.btn-outline-link:hover:not(:disabled):active, .btn.btn-outline-link:hover:not(.disabled):active {
  background-color: var(--link);
  border-color: var(--link);
  color: var(--white);
}

.btn.btn-dashed-link {
  background-color: transparent;
  border: 1px dashed var(--link);
  color: var(--link);
}

.btn.btn-dashed-link:hover {
  background-color: var(--link);
  border-style: solid;
  border-color: var(--link);
  color: var(--white);
}

.btn.btn-dashed-link:hover:not(:disabled):active, .btn.btn-dashed-link:hover:not(.disabled):active {
  background-color: var(--link);
  border-color: var(--link);
  color: var(--white);
}

.btn.btn-light {
  background-color: var(--light);
  border: 1px solid var(--light);
  color: var(--dark);
}

.btn.btn-light:hover {
  background-color: var(--light-alpha-90);
  border-color: var(--light-alpha-90);
}

.btn.btn-light:hover:not(:disabled):active, .btn.btn-light:hover:not(.disabled):active {
  background-color: var(--light);
  border-color: var(--light);
}

.btn.btn-outline-light {
  background-color: transparent;
  border: 1px solid var(--light);
  color: var(--light);
}

.btn.btn-outline-light:hover {
  background-color: var(--light);
  border-color: var(--light);
  color: var(--dark);
}

.btn.btn-outline-light:hover:not(:disabled):active, .btn.btn-outline-light:hover:not(.disabled):active {
  background-color: var(--light);
  border-color: var(--light);
  color: var(--white);
}

.btn.btn-dashed-light {
  background-color: transparent;
  border: 1px dashed var(--light);
  color: var(--dark);
}

.btn.btn-dashed-light:hover {
  background-color: var(--light);
  border-style: solid;
  border-color: var(--light);
  color: var(--white);
}

.btn.btn-dashed-light:hover:not(:disabled):active, .btn.btn-dashed-light:hover:not(.disabled):active {
  background-color: var(--light);
  border-color: var(--light);
  color: var(--white);
}

.btn.btn-dark {
  background-color: var(--dark);
  border: 1px solid var(--dark);
  color: var(--light);
}

.btn.btn-dark:hover {
  background-color: var(--dark-alpha-90);
  border-color: var(--dark-alpha-90);
}

.btn.btn-dark:hover:not(:disabled):active, .btn.btn-dark:hover:not(.disabled):active {
  background-color: var(--dark);
  border-color: var(--dark);
}

.btn.btn-outline-dark {
  background-color: transparent;
  border: 1px solid var(--dark);
  color: var(--dark);
}

.btn.btn-outline-dark:hover {
  background-color: var(--dark);
  border-color: var(--dark);
  color: var(--light);
}

.btn.btn-outline-dark:hover:not(:disabled):active, .btn.btn-outline-dark:hover:not(.disabled):active {
  background-color: var(--dark);
  border-color: var(--dark);
  color: var(--white);
}

.btn.btn-dashed-dark {
  background-color: transparent;
  border: 1px dashed var(--dark);
  color: var(--light);
}

.btn.btn-dashed-dark:hover {
  background-color: var(--dark);
  border-style: solid;
  border-color: var(--dark);
  color: var(--white);
}

.btn.btn-dashed-dark:hover:not(:disabled):active, .btn.btn-dashed-dark:hover:not(.disabled):active {
  background-color: var(--dark);
  border-color: var(--dark);
  color: var(--white);
}

.btn.btn-pro {
  background-color: var(--pro);
  border: 1px solid var(--pro);
  color: var(--white);
}

.btn.btn-pro:hover {
  background-color: var(--pro-alpha-90);
  border-color: var(--pro-alpha-90);
}

.btn.btn-pro:hover:not(:disabled):active, .btn.btn-pro:hover:not(.disabled):active {
  background-color: var(--pro);
  border-color: var(--pro);
}

.btn.btn-outline-pro {
  background-color: transparent;
  border: 1px solid var(--pro);
  color: var(--pro);
}

.btn.btn-outline-pro:hover {
  background-color: var(--pro);
  border-color: var(--pro);
  color: var(--white);
}

.btn.btn-outline-pro:hover:not(:disabled):active, .btn.btn-outline-pro:hover:not(.disabled):active {
  background-color: var(--pro);
  border-color: var(--pro);
  color: var(--white);
}

.btn.btn-dashed-pro {
  background-color: transparent;
  border: 1px dashed var(--pro);
  color: var(--pro);
}

.btn.btn-dashed-pro:hover {
  background-color: var(--pro);
  border-style: solid;
  border-color: var(--pro);
  color: var(--white);
}

.btn.btn-dashed-pro:hover:not(:disabled):active, .btn.btn-dashed-pro:hover:not(.disabled):active {
  background-color: var(--pro);
  border-color: var(--pro);
  color: var(--white);
}

.btn.btn-google {
  border-color: #ea4335;
  color: #ea4335;
}

.btn.btn-google.btn-solid {
  background-color: #ea4335;
  color: var(--white);
}

.btn.btn-google:hover {
  background-color: #ef6e63;
  color: var(--white);
}

.btn.btn-facebook {
  border-color: #3b5998;
  color: #3b5998;
}

.btn.btn-facebook.btn-solid {
  background-color: #3b5998;
  color: var(--white);
}

.btn.btn-facebook:hover {
  background-color: #4c70ba;
  color: var(--white);
}

.btn-switch {
  width: 40px;
  height: 22px;
  background-color: var(--gray-3);
  border: 1px solid var(--gray-2);
  border-radius: 10px;
  position: relative;
}

.btn-switch.btn-switch-sm {
  width: 30px;
  height: 17px;
}

.btn-switch.btn-switch-sm .control {
  width: 15px;
  height: 15px;
}

.btn-switch.active {
  background-color: var(--success);
}

.btn-switch.active .control {
  left: auto;
  right: 0;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.btn-switch:hover {
  cursor: pointer;
}

.btn-switch .control {
  width: 20px;
  height: 20px;
  background-color: var(--white);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.btn-group .btn {
  border-radius: 0;
}

.btn-group .btn:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
}

.btn-group .btn:last-child {
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.badge {
  font-family: var(--web-font);
  font-weight: 500;
}

.badge.badge-circle {
  border-radius: 50%;
}

.badge.badge-rounded {
  border-radius: 2rem;
}

.badge.badge-primary-gradient, .badge.badge-secondary-gradient {
  color: var(--white);
}

.badge.badge-primary-gradient {
  background-image: linear-gradient(45deg, var(--gradient-primary-start), var(--gradient-primary-end));
}

.badge.badge-secondary-gradient {
  background-image: linear-gradient(45deg, var(--gradient-secondary-start), var(--gradient-secondary-end));
}

.badge.badge-default {
  background-color: var(--default);
  color: var(--text-paragraph) !important;
}

.badge.badge-outline-default {
  border: 1px solid var(--default);
  background-color: transparent;
  border-color: var(--text-paragraph);
  color: var(--text-paragraph) !important;
}

.badge.badge-alpha-default {
  background-color: var(--default-alpha-20);
  color: var(--default) !important;
}

.badge.badge-primary {
  background-color: var(--primary);
  color: var(--white) !important;
}

.badge.badge-outline-primary {
  border: 1px solid var(--primary);
  background-color: transparent;
  color: var(--primary) !important;
}

.badge.badge-alpha-primary {
  background-color: var(--primary-alpha-20);
  color: var(--primary) !important;
}

.badge.badge-secondary {
  background-color: var(--secondary);
  color: var(--white) !important;
}

.badge.badge-outline-secondary {
  border: 1px solid var(--secondary);
  background-color: transparent;
  color: var(--secondary) !important;
}

.badge.badge-alpha-secondary {
  background-color: var(--secondary-alpha-20);
  color: var(--secondary) !important;
}

.badge.badge-success {
  background-color: var(--success);
  color: var(--white) !important;
}

.badge.badge-outline-success {
  border: 1px solid var(--success);
  background-color: transparent;
  color: var(--success) !important;
}

.badge.badge-alpha-success {
  background-color: var(--success-alpha-20);
  color: var(--success) !important;
}

.badge.badge-warning {
  background-color: var(--warning);
  color: var(--white) !important;
}

.badge.badge-outline-warning {
  border: 1px solid var(--warning);
  background-color: transparent;
  color: var(--warning) !important;
}

.badge.badge-alpha-warning {
  background-color: var(--warning-alpha-20);
  color: var(--warning) !important;
}

.badge.badge-danger {
  background-color: var(--danger);
  color: var(--white) !important;
}

.badge.badge-outline-danger {
  border: 1px solid var(--danger);
  background-color: transparent;
  color: var(--danger) !important;
}

.badge.badge-alpha-danger {
  background-color: var(--danger-alpha-20);
  color: var(--danger) !important;
}

.badge.badge-link {
  background-color: var(--link);
  color: var(--white) !important;
}

.badge.badge-outline-link {
  border: 1px solid var(--link);
  background-color: transparent;
  color: var(--link) !important;
}

.badge.badge-alpha-link {
  background-color: var(--link-alpha-20);
  color: var(--link) !important;
}

.badge.badge-pro {
  background-color: var(--pro);
  color: var(--white) !important;
}

.badge.badge-outline-pro {
  border: 1px solid var(--pro);
  background-color: transparent;
  color: var(--pro) !important;
}

.badge.badge-alpha-pro {
  background-color: var(--pro-alpha-20);
  color: var(--pro) !important;
}

a.badge {
  background-color: transparent;
  color: var(--text-paragraph);
}

a.badge.badge-primary-gradient, a.badge.badge-secondary-gradient {
  color: var(--white) !important;
}

a.badge.badge-primary-gradient {
  background-image: linear-gradient(45deg, var(--gradient-primary-start), var(--gradient-primary-end));
}

a.badge.badge-secondary-gradient {
  background-image: linear-gradient(45deg, var(--gradient-secondary-start), var(--gradient-secondary-end));
}

a.badge.badge-default {
  background-color: var(--default) !important;
  color: var(--text-paragraph) !important;
}

a.badge.badge-alpha-default {
  background-color: var(--default-alpha-20);
  color: var(--default) !important;
}

a.badge.badge-primary {
  background-color: var(--primary) !important;
  color: var(--white) !important;
}

a.badge.badge-alpha-primary {
  background-color: var(--primary-alpha-20);
  color: var(--primary) !important;
}

a.badge.badge-secondary {
  background-color: var(--secondary) !important;
  color: var(--white) !important;
}

a.badge.badge-alpha-secondary {
  background-color: var(--secondary-alpha-20);
  color: var(--secondary) !important;
}

a.badge.badge-success {
  background-color: var(--success) !important;
  color: var(--white) !important;
}

a.badge.badge-alpha-success {
  background-color: var(--success-alpha-20);
  color: var(--success) !important;
}

a.badge.badge-warning {
  background-color: var(--warning) !important;
  color: var(--white) !important;
}

a.badge.badge-alpha-warning {
  background-color: var(--warning-alpha-20);
  color: var(--warning) !important;
}

a.badge.badge-danger {
  background-color: var(--danger) !important;
  color: var(--white) !important;
}

a.badge.badge-alpha-danger {
  background-color: var(--danger-alpha-20);
  color: var(--danger) !important;
}

a.badge.badge-link {
  background-color: var(--link) !important;
  color: var(--white) !important;
}

a.badge.badge-alpha-link {
  background-color: var(--link-alpha-20);
  color: var(--link) !important;
}

a.badge.badge-pro {
  background-color: var(--pro) !important;
  color: var(--white) !important;
}

a.badge.badge-alpha-pro {
  background-color: var(--pro-alpha-20);
  color: var(--pro) !important;
}

@use "../settings/var";
@font-face {
  font-family: "elo";
  src: url("elo.eot");
  src: url("elo.eot") format("embedded-opentype"), url("elo.ttf") format("truetype"), url("elo.woff") format("woff"), url("elo.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "els";
  src: url("els.eot");
  src: url("els.eot") format("embedded-opentype"), url("els.ttf") format("truetype"), url("els.woff") format("woff"), url("els.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "elc";
  src: url("elc.eot");
  src: url("elc.eot") format("embedded-opentype"), url("elc.ttf") format("truetype"), url("elc.woff") format("woff"), url("elc.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.elo,
.els,
.elc {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-size: 125%;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.elo.el-file-audio,
.els.el-file-audio,
.elc.el-file-audio {
  color: #ffab1b;
}

.elo.el-file-video,
.els.el-file-video,
.elc.el-file-video {
  color: #258977;
}

.elo.el-file-youtube,
.els.el-file-youtube,
.elc.el-file-youtube {
  color: #e31d42;
}

.elo.el-file-img,
.els.el-file-img,
.elc.el-file-img {
  color: #258977;
}

.elo.el-file-exercise,
.els.el-file-exercise,
.elc.el-file-exercise {
  color: var(--primary);
}

.elo.el-file-gif,
.els.el-file-gif,
.elc.el-file-gif {
  color: #1565c0;
}

.elo.el-file-word,
.els.el-file-word,
.elc.el-file-word {
  color: #1565c0;
}

.elo.el-file-pdf,
.els.el-file-pdf,
.elc.el-file-pdf {
  color: #e2574c;
}

.elo.el-file-xls,
.els.el-file-xls,
.elc.el-file-xls {
  color: #2e7d32;
}

.elo.el-file-ppt,
.els.el-file-ppt,
.elc.el-file-ppt {
  color: #ef6c00;
}

.elo.el-file-slide,
.els.el-file-slide,
.elc.el-file-slide {
  color: var(--primary);
}

.elo.el-file-lms,
.els.el-file-lms,
.elc.el-file-lms {
  color: #49bcf7;
}

.elo.el-file,
.els.el-file,
.elc.el-file {
  color: #49bcf7;
}

.elo.el-animation,
.els.el-animation,
.elc.el-animation {
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.elo.el-animation.el-rotate-90, .elo.el-animation.el-rotate-180, .elo.el-animation.el-flip-x, .elo.el-animation.el-flip-y,
.els.el-animation.el-rotate-90,
.els.el-animation.el-rotate-180,
.els.el-animation.el-flip-x,
.els.el-animation.el-flip-y,
.elc.el-animation.el-rotate-90,
.elc.el-animation.el-rotate-180,
.elc.el-animation.el-flip-x,
.elc.el-animation.el-flip-y {
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.elo.el-rotate-90,
.els.el-rotate-90,
.elc.el-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.elo.el-rotate-180,
.els.el-rotate-180,
.elc.el-rotate-180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.elo.el-flip-x,
.els.el-flip-x,
.elc.el-flip-x {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.elo.el-flip-y,
.els.el-flip-y,
.elc.el-flip-y {
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.elo.el-spin,
.els.el-spin,
.elc.el-spin {
  -webkit-animation-name: iconSpin;
  animation-name: iconSpin;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}

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

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

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

.elo {
  font-family: "elo" !important;
}

.elo.el-add-event:before {
  content: "\e900";
}

.elo.el-add-gv:before {
  content: "\e901";
}

.elo.el-add-resource:before {
  content: "\e902";
}

.elo.el-add-sv:before {
  content: "\e903";
}

.elo.el-add-timer:before {
  content: "\e904";
}

.elo.el-align-bottom:before {
  content: "\e905";
}

.elo.el-align-center:before {
  content: "\e906";
}

.elo.el-align-justify:before {
  content: "\e907";
}

.elo.el-align-left:before {
  content: "\e908";
}

.elo.el-align-middle:before {
  content: "\e909";
}

.elo.el-align-right:before {
  content: "\e90a";
}

.elo.el-align-top:before {
  content: "\e90b";
}

.elo.el-angle:before {
  content: "\e90c";
}

.elo.el-application:before {
  content: "\e90d";
}

.elo.el-arrow-down:before {
  content: "\e90e";
}

.elo.el-arrow-left:before {
  content: "\e90f";
}

.elo.el-arrow-right:before {
  content: "\e910";
}

.elo.el-arrow-up:before {
  content: "\e911";
}

.elo.el-as-collision:before {
  content: "\e912";
}

.elo.el-as-drag:before {
  content: "\e913";
}

.elo.el-as-object-select:before {
  content: "\e914";
}

.elo.el-as-ref-action:before {
  content: "\e915";
}

.elo.el-as-resource-select:before {
  content: "\e916";
}

.elo.el-as-run-on-path:before {
  content: "\e917";
}

.elo.el-as-slide-load:before {
  content: "\e918";
}

.elo.el-as-text-change:before {
  content: "\e919";
}

.elo.el-as-to-slide:before {
  content: "\e91a";
}

.elo.el-as-value-change:before {
  content: "\e91b";
}

.elo.el-attachment:before {
  content: "\e91c";
}

.elo.el-background:before {
  content: "\e91d";
}

.elo.el-backward:before {
  content: "\e91e";
}

.elo.el-badge:before {
  content: "\e91f";
}

.elo.el-bell:before {
  content: "\e920";
}

.elo.el-book:before {
  content: "\e929";
}

.elo.el-book-info:before {
  content: "\ea34";
}

.elo.el-book-open:before {
  content: "\e921";
}

.elo.el-book-open-quiz:before {
  content: "\e922";
}

.elo.el-book-window:before {
  content: "\e923";
}

.elo.el-book-window-2:before {
  content: "\e92a";
}

.elo.el-bookmark:before {
  content: "\e924";
}

.elo.el-bring-back:before {
  content: "\e9d4";
}

.elo.el-bring-bottom:before {
  content: "\ea14";
}

.elo.el-bring-front:before {
  content: "\ea15";
}

.elo.el-bring-top:before {
  content: "\ea16";
}

.elo.el-buy-online:before {
  content: "\e925";
}

.elo.el-calendar:before {
  content: "\e926";
}

.elo.el-camera:before {
  content: "\e927";
}

.elo.el-canvas:before {
  content: "\e928";
}

.elo.el-caret-down:before {
  content: "\e92b";
}

.elo.el-caret-left:before {
  content: "\e92c";
}

.elo.el-caret-right:before {
  content: "\e92d";
}

.elo.el-caret-up:before {
  content: "\e948";
}

.elo.el-caret-up-down:before {
  content: "\e96a";
}

.elo.el-cart:before {
  content: "\ea35";
}

.elo.el-cart-window:before {
  content: "\e92e";
}

.elo.el-chalkboard:before {
  content: "\e931";
}

.elo.el-chalkboard-users:before {
  content: "\e98d";
}

.elo.el-change:before {
  content: "\e92f";
}

.elo.el-change-lock:before {
  content: "\e930";
}

.elo.el-chart:before {
  content: "\e932";
}

.elo.el-chart-bar:before {
  content: "\e933";
}

.elo.el-chart-bubble:before {
  content: "\e934";
}

.elo.el-chart-line:before {
  content: "\e935";
}

.elo.el-chart-pie:before {
  content: "\e936";
}

.elo.el-chart-polar:before {
  content: "\e937";
}

.elo.el-chart-radar:before {
  content: "\e938";
}

.elo.el-chat:before {
  content: "\e939";
}

.elo.el-chat-plus:before {
  content: "\e93a";
}

.elo.el-chats:before {
  content: "\e93b";
}

.elo.el-check:before {
  content: "\e93c";
}

.elo.el-check-circle:before {
  content: "\e93d";
}

.elo.el-check-shield:before {
  content: "\e9a7";
}

.elo.el-check-square:before {
  content: "\e93e";
}

.elo.el-checklist:before {
  content: "\e93f";
}

.elo.el-circle:before {
  content: "\e9c4";
}

.elo.el-class-live:before {
  content: "\e940";
}

.elo.el-class-tree:before {
  content: "\e941";
}

.elo.el-classroom:before {
  content: "\e945";
}

.elo.el-click:before {
  content: "\e942";
}

.elo.el-clock:before {
  content: "\e943";
}

.elo.el-clock-warning:before {
  content: "\e944";
}

.elo.el-close:before {
  content: "\e9e7";
}

.elo.el-cloud:before {
  content: "\e9fe";
}

.elo.el-code-window:before {
  content: "\e946";
}

.elo.el-cog:before {
  content: "\e947";
}

.elo.el-cogs:before {
  content: "\ea0c";
}

.elo.el-column-1:before {
  content: "\ea24";
}

.elo.el-column-2:before {
  content: "\ea25";
}

.elo.el-column-3:before {
  content: "\ea26";
}

.elo.el-column-4:before {
  content: "\ea27";
}

.elo.el-comment:before {
  content: "\e949";
}

.elo.el-component:before {
  content: "\e94a";
}

.elo.el-config:before {
  content: "\e94b";
}

.elo.el-copy:before {
  content: "\e94c";
}

.elo.el-copy-property:before {
  content: "\ea28";
}

.elo.el-course:before {
  content: "\e94d";
}

.elo.el-crm:before {
  content: "\e94e";
}

.elo.el-cross-inner:before {
  content: "\e94f";
}

.elo.el-cross-outer:before {
  content: "\ea0d";
}

.elo.el-cursor:before {
  content: "\e950";
}

.elo.el-dashboard:before {
  content: "\e951";
}

.elo.el-desktop:before {
  content: "\e952";
}

.elo.el-document:before {
  content: "\e953";
}

.elo.el-document-box:before {
  content: "\e954";
}

.elo.el-document-plus:before {
  content: "\e955";
}

.elo.el-double-caret-down:before {
  content: "\ea17";
}

.elo.el-double-caret-left:before {
  content: "\ea18";
}

.elo.el-double-caret-right:before {
  content: "\ea19";
}

.elo.el-double-caret-up:before {
  content: "\ea1a";
}

.elo.el-double-check:before {
  content: "\ea2e";
}

.elo.el-download:before {
  content: "\e956";
}

.elo.el-download-2:before {
  content: "\ea3a";
}

.elo.el-draw:before {
  content: "\e957";
}

.elo.el-dropdown:before {
  content: "\ea1f";
}

.elo.el-edit:before {
  content: "\e958";
}

.elo.el-ellipsis-h:before {
  content: "\e959";
}

.elo.el-ellipsis-v:before {
  content: "\e95a";
}

.elo.el-emotions:before {
  content: "\e95b";
}

.elo.el-envelope:before {
  content: "\e95c";
}

.elo.el-eraser:before {
  content: "\e95d";
}

.elo.el-exam:before {
  content: "\e95e";
}

.elo.el-exercise:before {
  content: "\e95f";
}

.elo.el-exit:before {
  content: "\e960";
}

.elo.el-eye:before {
  content: "\e961";
}

.elo.el-eye-dropper:before {
  content: "\e962";
}

.elo.el-file-lms:before {
  content: "\e963";
}

.elo.el-file-report:before {
  content: "\ea2a";
}

.elo.el-fill:before {
  content: "\e964";
}

.elo.el-filter:before {
  content: "\e965";
}

.elo.el-firework:before {
  content: "\e966";
}

.elo.el-flag:before {
  content: "\e967";
}

.elo.el-folder:before {
  content: "\e968";
}

.elo.el-folder-move:before {
  content: "\ea36";
}

.elo.el-folder-plus:before {
  content: "\ea30";
}

.elo.el-font:before {
  content: "\e969";
}

.elo.el-forward:before {
  content: "\ea0e";
}

.elo.el-fullview:before {
  content: "\e96b";
}

.elo.el-global:before {
  content: "\e96c";
}

.elo.el-google-drive:before {
  content: "\e96d";
}

.elo.el-grid:before {
  content: "\e96e";
}

.elo.el-group:before {
  content: "\e96f";
}

.elo.el-hand:before {
  content: "\e970";
}

.elo.el-heart:before {
  content: "\e971";
}

.elo.el-history:before {
  content: "\e972";
}

.elo.el-holder:before {
  content: "\e973";
}

.elo.el-home:before {
  content: "\e974";
}

.elo.el-home-2:before {
  content: "\ea31";
}

.elo.el-image:before {
  content: "\e975";
}

.elo.el-images:before {
  content: "\e976";
}

.elo.el-inbox:before {
  content: "\e977";
}

.elo.el-indent-left:before {
  content: "\e978";
}

.elo.el-indent-right:before {
  content: "\e979";
}

.elo.el-info-circle:before {
  content: "\e97a";
}

.elo.el-laptop:before {
  content: "\e97b";
}

.elo.el-layer:before {
  content: "\e97c";
}

.elo.el-learner:before {
  content: "\e97d";
}

.elo.el-learner-close:before {
  content: "\e97e";
}

.elo.el-learner-plus:before {
  content: "\e97f";
}

.elo.el-like:before {
  content: "\e980";
}

.elo.el-lipsync:before {
  content: "\ea39";
}

.elo.el-list:before {
  content: "\e981";
}

.elo.el-list-edit:before {
  content: "\e982";
}

.elo.el-list-plus:before {
  content: "\e983";
}

.elo.el-list-quiz:before {
  content: "\e984";
}

.elo.el-lock:before {
  content: "\e985";
}

.elo.el-medal:before {
  content: "\ea2b";
}

.elo.el-media:before {
  content: "\e986";
}

.elo.el-microphone:before {
  content: "\e987";
}

.elo.el-minus:before {
  content: "\e988";
}

.elo.el-mobile-rotate:before {
  content: "\e989";
}

.elo.el-money:before {
  content: "\e98a";
}

.elo.el-move:before {
  content: "\e98b";
}

.elo.el-news:before {
  content: "\e98c";
}

.elo.el-next:before {
  content: "\ea0f";
}

.elo.el-note:before {
  content: "\e98e";
}

.elo.el-note-edit:before {
  content: "\e98f";
}

.elo.el-note-pin:before {
  content: "\ea1b";
}

.elo.el-obj-align-bottom:before {
  content: "\e990";
}

.elo.el-obj-align-center:before {
  content: "\e991";
}

.elo.el-obj-align-h:before {
  content: "\e992";
}

.elo.el-obj-align-left:before {
  content: "\e993";
}

.elo.el-obj-align-middle:before {
  content: "\e994";
}

.elo.el-obj-align-right:before {
  content: "\e995";
}

.elo.el-obj-align-top:before {
  content: "\e996";
}

.elo.el-obj-align-v:before {
  content: "\e997";
}

.elo.el-opacity:before {
  content: "\ea10";
}

.elo.el-outbox:before {
  content: "\e998";
}

.elo.el-pallete:before {
  content: "\e999";
}

.elo.el-paper-plane:before {
  content: "\e99a";
}

.elo.el-paste:before {
  content: "\e99b";
}

.elo.el-paste-property:before {
  content: "\ea29";
}

.elo.el-pause:before {
  content: "\e99c";
}

.elo.el-pencil:before {
  content: "\e99d";
}

.elo.el-pencil-change:before {
  content: "\e99e";
}

.elo.el-pens:before {
  content: "\e99f";
}

.elo.el-phone:before {
  content: "\e9a0";
}

.elo.el-pin:before {
  content: "\e9a1";
}

.elo.el-play:before {
  content: "\e9a2";
}

.elo.el-play-circle:before {
  content: "\e9a3";
}

.elo.el-play-square:before {
  content: "\e9a4";
}

.elo.el-plus:before {
  content: "\e9a5";
}

.elo.el-plus-circle:before {
  content: "\e9a6";
}

.elo.el-prev:before {
  content: "\ea11";
}

.elo.el-preview:before {
  content: "\e9a8";
}

.elo.el-print:before {
  content: "\ea37";
}

.elo.el-process:before {
  content: "\ea20";
}

.elo.el-puzzle:before {
  content: "\e9a9";
}

.elo.el-question-mark:before {
  content: "\ea2f";
}

.elo.el-quiz-circle:before {
  content: "\e9aa";
}

.elo.el-quiz-drag:before {
  content: "\e9ab";
}

.elo.el-quiz-essay:before {
  content: "\ea2c";
}

.elo.el-quiz-image:before {
  content: "\e9ac";
}

.elo.el-quiz-match:before {
  content: "\e9ad";
}

.elo.el-quiz-multi:before {
  content: "\e9ae";
}

.elo.el-quiz-single:before {
  content: "\e9af";
}

.elo.el-quiz-yes-no:before {
  content: "\e9b0";
}

.elo.el-quizs:before {
  content: "\e9b1";
}

.elo.el-quizs-2:before {
  content: "\ea2d";
}

.elo.el-random:before {
  content: "\ea21";
}

.elo.el-ranking:before {
  content: "\e9b2";
}

.elo.el-rating:before {
  content: "\e9b3";
}

.elo.el-record:before {
  content: "\e9b4";
}

.elo.el-redo:before {
  content: "\e9b5";
}

.elo.el-reply:before {
  content: "\e9b6";
}

.elo.el-save:before {
  content: "\e9b7";
}

.elo.el-scale-down:before {
  content: "\e9b8";
}

.elo.el-scale-up:before {
  content: "\e9b9";
}

.elo.el-scroll-h:before {
  content: "\e9ba";
}

.elo.el-scroll-v:before {
  content: "\e9bb";
}

.elo.el-search:before {
  content: "\e9bc";
}

.elo.el-shapes:before {
  content: "\e9bd";
}

.elo.el-share:before {
  content: "\e9be";
}

.elo.el-share-screen:before {
  content: "\e9bf";
}

.elo.el-shopping-cart:before {
  content: "\e9c0";
}

.elo.el-slide:before {
  content: "\e9c1";
}

.elo.el-slide-plus:before {
  content: "\e9c2";
}

.elo.el-source-tree:before {
  content: "\ea38";
}

.elo.el-sprite:before {
  content: "\e9c3";
}

.elo.el-square:before {
  content: "\e9c5";
}

.elo.el-square-circle:before {
  content: "\e9c6";
}

.elo.el-square-rounded:before {
  content: "\e9c7";
}

.elo.el-stair:before {
  content: "\e9c8";
}

.elo.el-star:before {
  content: "\e9c9";
}

.elo.el-stop-watch:before {
  content: "\e9ca";
}

.elo.el-store:before {
  content: "\ea3b";
}

.elo.el-sub-add:before {
  content: "\ea22";
}

.elo.el-submit-exercise:before {
  content: "\e9cb";
}

.elo.el-table:before {
  content: "\e9cc";
}

.elo.el-tag:before {
  content: "\ea32";
}

.elo.el-text-edit:before {
  content: "\e9cd";
}

.elo.el-text-spacing:before {
  content: "\e9ce";
}

.elo.el-textbox:before {
  content: "\e9cf";
}

.elo.el-ticket:before {
  content: "\e9d0";
}

.elo.el-tool-advanced-path:before {
  content: "\e9e6";
}

.elo.el-tool-advanced-slider:before {
  content: "\ea12";
}

.elo.el-tool-anchor:before {
  content: "\e9e8";
}

.elo.el-tool-animation-path:before {
  content: "\e9e9";
}

.elo.el-tool-arrow:before {
  content: "\e9ea";
}

.elo.el-tool-arrow-2:before {
  content: "\e9da";
}

.elo.el-tool-box:before {
  content: "\ea23";
}

.elo.el-tool-draw:before {
  content: "\e9eb";
}

.elo.el-tool-hightlight:before {
  content: "\e9ec";
}

.elo.el-tool-mindmap-1:before {
  content: "\ea1d";
}

.elo.el-tool-mindmap-2:before {
  content: "\ea1e";
}

.elo.el-tool-orbit:before {
  content: "\e9ed";
}

.elo.el-tool-path:before {
  content: "\e9ee";
}

.elo.el-tool-path-point-s:before {
  content: "\e9ef";
}

.elo.el-tool-path-point-v:before {
  content: "\e9f0";
}

.elo.el-tool-region:before {
  content: "\e9f1";
}

.elo.el-tool-shape-1:before {
  content: "\e9f2";
}

.elo.el-tool-shape-1-a:before {
  content: "\ea09";
}

.elo.el-tool-shape-10:before {
  content: "\e9f3";
}

.elo.el-tool-shape-11:before {
  content: "\e9f4";
}

.elo.el-tool-shape-12:before {
  content: "\e9f5";
}

.elo.el-tool-shape-2:before {
  content: "\e9f6";
}

.elo.el-tool-shape-2-a:before {
  content: "\ea0a";
}

.elo.el-tool-shape-3:before {
  content: "\e9f7";
}

.elo.el-tool-shape-4:before {
  content: "\e9f8";
}

.elo.el-tool-shape-5:before {
  content: "\e9f9";
}

.elo.el-tool-shape-6:before {
  content: "\e9fa";
}

.elo.el-tool-shape-7:before {
  content: "\e9fb";
}

.elo.el-tool-shape-8:before {
  content: "\e9fc";
}

.elo.el-tool-shape-9:before {
  content: "\e9fd";
}

.elo.el-tool-slider:before {
  content: "\ea13";
}

.elo.el-tool-stroke-bottom:before {
  content: "\e9ff";
}

.elo.el-tool-stroke-center:before {
  content: "\ea00";
}

.elo.el-tool-stroke-full:before {
  content: "\ea01";
}

.elo.el-tool-stroke-inner:before {
  content: "\ea02";
}

.elo.el-tool-stroke-left:before {
  content: "\ea03";
}

.elo.el-tool-stroke-less:before {
  content: "\ea04";
}

.elo.el-tool-stroke-middle:before {
  content: "\ea05";
}

.elo.el-tool-stroke-outer:before {
  content: "\ea06";
}

.elo.el-tool-stroke-right:before {
  content: "\ea07";
}

.elo.el-tool-stroke-top:before {
  content: "\ea08";
}

.elo.el-trash:before {
  content: "\e9d1";
}

.elo.el-trophy:before {
  content: "\ea33";
}

.elo.el-undo:before {
  content: "\e9d2";
}

.elo.el-ungroup:before {
  content: "\e9d3";
}

.elo.el-unlock:before {
  content: "\ea1c";
}

.elo.el-upload:before {
  content: "\e9d5";
}

.elo.el-user:before {
  content: "\e9d6";
}

.elo.el-user-clock:before {
  content: "\e9d7";
}

.elo.el-user-cog:before {
  content: "\e9d8";
}

.elo.el-user-list:before {
  content: "\e9d9";
}

.elo.el-user-plus:before {
  content: "\ea0b";
}

.elo.el-user-private:before {
  content: "\e9db";
}

.elo.el-user-raise-hand:before {
  content: "\e9dc";
}

.elo.el-users:before {
  content: "\e9dd";
}

.elo.el-video:before {
  content: "\e9de";
}

.elo.el-video-live:before {
  content: "\e9df";
}

.elo.el-volume-down:before {
  content: "\e9e0";
}

.elo.el-volume-up:before {
  content: "\e9e1";
}

.elo.el-warning-circle:before {
  content: "\e9e2";
}

.elo.el-warning-triangle:before {
  content: "\e9e3";
}

.elo.el-wifi:before {
  content: "\e9e4";
}

.elo.el-youtube:before {
  content: "\e9e5";
}

.els {
  font-family: "els" !important;
}

.els.el-align-top:before {
  content: "\e900";
}

.els.el-animation-delay:before {
  content: "\e901";
}

.els.el-animation-minus:before {
  content: "\e902";
}

.els.el-animation-plus:before {
  content: "\e903";
}

.els.el-arrow-down:before {
  content: "\e905";
}

.els.el-arrow-left:before {
  content: "\e906";
}

.els.el-arrow-right:before {
  content: "\e907";
}

.els.el-arrow-up:before {
  content: "\e90f";
}

.els.el-as:before {
  content: "\e908";
}

.els.el-background:before {
  content: "\e909";
}

.els.el-backward:before {
  content: "\e90a";
}

.els.el-badge:before {
  content: "\e90b";
}

.els.el-bell:before {
  content: "\e90c";
}

.els.el-book:before {
  content: "\e910";
}

.els.el-book-info:before {
  content: "\e9d8";
}

.els.el-book-open:before {
  content: "\e90d";
}

.els.el-book-window-2:before {
  content: "\e904";
}

.els.el-bookmark:before {
  content: "\e90e";
}

.els.el-bring-back:before {
  content: "\e911";
}

.els.el-bring-bottom:before {
  content: "\e912";
}

.els.el-bring-front:before {
  content: "\e914";
}

.els.el-bring-top:before {
  content: "\e917";
}

.els.el-bullet-square:before {
  content: "\e913";
}

.els.el-buy-online:before {
  content: "\e918";
}

.els.el-calendar:before {
  content: "\e915";
}

.els.el-camera:before {
  content: "\e916";
}

.els.el-caret-down:before {
  content: "\e919";
}

.els.el-caret-left:before {
  content: "\e91a";
}

.els.el-caret-right:before {
  content: "\e9c3";
}

.els.el-caret-up:before {
  content: "\e9c4";
}

.els.el-cart:before {
  content: "\e9d9";
}

.els.el-chalkboard:before {
  content: "\e9cb";
}

.els.el-chalkboard-users:before {
  content: "\e9c5";
}

.els.el-change:before {
  content: "\e91b";
}

.els.el-change-lock:before {
  content: "\e91c";
}

.els.el-change-network:before {
  content: "\e91d";
}

.els.el-chart:before {
  content: "\e91e";
}

.els.el-chat:before {
  content: "\e91f";
}

.els.el-chats:before {
  content: "\e920";
}

.els.el-check-circle:before {
  content: "\e921";
}

.els.el-check-shield:before {
  content: "\e9c6";
}

.els.el-check-square:before {
  content: "\e922";
}

.els.el-circle:before {
  content: "\e923";
}

.els.el-class-live:before {
  content: "\e924";
}

.els.el-classroom:before {
  content: "\e926";
}

.els.el-clock:before {
  content: "\e925";
}

.els.el-close:before {
  content: "\e9c8";
}

.els.el-cloud:before {
  content: "\e9c9";
}

.els.el-code-window:before {
  content: "\e927";
}

.els.el-cog:before {
  content: "\e928";
}

.els.el-comment:before {
  content: "\e929";
}

.els.el-component:before {
  content: "\e92a";
}

.els.el-copy:before {
  content: "\e92b";
}

.els.el-course:before {
  content: "\e92c";
}

.els.el-crash:before {
  content: "\e92d";
}

.els.el-cursor:before {
  content: "\e92e";
}

.els.el-dashboard:before {
  content: "\e92f";
}

.els.el-desktop:before {
  content: "\e930";
}

.els.el-devices:before {
  content: "\e931";
}

.els.el-document-plus:before {
  content: "\e932";
}

.els.el-download-2:before {
  content: "\e9de";
}

.els.el-draw:before {
  content: "\e933";
}

.els.el-dropdown:before {
  content: "\e9cd";
}

.els.el-envelope:before {
  content: "\e934";
}

.els.el-eraser:before {
  content: "\e935";
}

.els.el-exercise:before {
  content: "\e936";
}

.els.el-exit:before {
  content: "\e937";
}

.els.el-eye:before {
  content: "\e938";
}

.els.el-fade-in:before {
  content: "\e998";
}

.els.el-fade-out:before {
  content: "\e999";
}

.els.el-file:before {
  content: "\e939";
}

.els.el-file-audio:before {
  content: "\e93a";
}

.els.el-file-exercise:before {
  content: "\e93b";
}

.els.el-file-gif:before {
  content: "\e93c";
}

.els.el-file-img:before {
  content: "\e93d";
}

.els.el-file-lms:before {
  content: "\e93e";
}

.els.el-file-pdf:before {
  content: "\e93f";
}

.els.el-file-ppt:before {
  content: "\e940";
}

.els.el-file-report:before {
  content: "\e9d1";
}

.els.el-file-slide:before {
  content: "\e941";
}

.els.el-file-video:before {
  content: "\e942";
}

.els.el-file-word:before {
  content: "\e943";
}

.els.el-file-xls:before {
  content: "\e944";
}

.els.el-file-youtube:before {
  content: "\e945";
}

.els.el-fill:before {
  content: "\e946";
}

.els.el-filter:before {
  content: "\e947";
}

.els.el-firework:before {
  content: "\e948";
}

.els.el-flag:before {
  content: "\e949";
}

.els.el-folder:before {
  content: "\e94a";
}

.els.el-folder-move:before {
  content: "\e9da";
}

.els.el-font:before {
  content: "\e94b";
}

.els.el-forward:before {
  content: "\e94c";
}

.els.el-fullview:before {
  content: "\e94d";
}

.els.el-global:before {
  content: "\e94e";
}

.els.el-google-drive:before {
  content: "\e94f";
}

.els.el-grid:before {
  content: "\e950";
}

.els.el-hand:before {
  content: "\e951";
}

.els.el-heart:before {
  content: "\e952";
}

.els.el-home:before {
  content: "\e953";
}

.els.el-home-2:before {
  content: "\e9d5";
}

.els.el-images:before {
  content: "\e954";
}

.els.el-info-circle:before {
  content: "\e955";
}

.els.el-join:before {
  content: "\e956";
}

.els.el-layer:before {
  content: "\e957";
}

.els.el-learner:before {
  content: "\e958";
}

.els.el-learner-close:before {
  content: "\e959";
}

.els.el-learner-plus:before {
  content: "\e95a";
}

.els.el-like:before {
  content: "\e9cc";
}

.els.el-lipsync:before {
  content: "\e9dd";
}

.els.el-list:before {
  content: "\e95b";
}

.els.el-list-edit:before {
  content: "\e95c";
}

.els.el-list-plus:before {
  content: "\e95d";
}

.els.el-listen:before {
  content: "\e95e";
}

.els.el-lock:before {
  content: "\e95f";
}

.els.el-medal:before {
  content: "\e9d2";
}

.els.el-media:before {
  content: "\e960";
}

.els.el-microphone:before {
  content: "\e961";
}

.els.el-money:before {
  content: "\e962";
}

.els.el-news:before {
  content: "\e963";
}

.els.el-next:before {
  content: "\e964";
}

.els.el-note:before {
  content: "\e965";
}

.els.el-note-pin:before {
  content: "\e9b2";
}

.els.el-obj-align-bottom:before {
  content: "\e966";
}

.els.el-obj-align-center:before {
  content: "\e967";
}

.els.el-obj-align-h:before {
  content: "\e968";
}

.els.el-obj-align-left:before {
  content: "\e969";
}

.els.el-obj-align-middle:before {
  content: "\e96a";
}

.els.el-obj-align-right:before {
  content: "\e96b";
}

.els.el-obj-align-top:before {
  content: "\e96c";
}

.els.el-obj-align-v:before {
  content: "\e96d";
}

.els.el-pallete:before {
  content: "\e96e";
}

.els.el-paper-plane:before {
  content: "\e96f";
}

.els.el-paste:before {
  content: "\e970";
}

.els.el-pencil:before {
  content: "\e971";
}

.els.el-pens:before {
  content: "\e972";
}

.els.el-phone:before {
  content: "\e973";
}

.els.el-pin:before {
  content: "\e974";
}

.els.el-play:before {
  content: "\e975";
}

.els.el-play-circle:before {
  content: "\e976";
}

.els.el-play-square:before {
  content: "\e977";
}

.els.el-plus:before {
  content: "\e978";
}

.els.el-plus-circle:before {
  content: "\e979";
}

.els.el-power:before {
  content: "\e97a";
}

.els.el-prev:before {
  content: "\e97b";
}

.els.el-preview:before {
  content: "\e97c";
}

.els.el-print:before {
  content: "\e9db";
}

.els.el-process:before {
  content: "\e9ce";
}

.els.el-puzzle:before {
  content: "\e97d";
}

.els.el-question-mark:before {
  content: "\e9c1";
}

.els.el-quiz-circle:before {
  content: "\e97e";
}

.els.el-quiz-drag:before {
  content: "\e97f";
}

.els.el-quiz-essay:before {
  content: "\e9d3";
}

.els.el-quiz-image:before {
  content: "\e980";
}

.els.el-quiz-match:before {
  content: "\e981";
}

.els.el-quiz-multi:before {
  content: "\e982";
}

.els.el-quiz-single:before {
  content: "\e983";
}

.els.el-quiz-yes-no:before {
  content: "\e984";
}

.els.el-quizs:before {
  content: "\e985";
}

.els.el-quizs-2:before {
  content: "\e9d4";
}

.els.el-random:before {
  content: "\e9cf";
}

.els.el-ranking:before {
  content: "\e986";
}

.els.el-record:before {
  content: "\e987";
}

.els.el-redo:before {
  content: "\e988";
}

.els.el-refresh-cam:before {
  content: "\e989";
}

.els.el-refresh-live:before {
  content: "\e98a";
}

.els.el-reply:before {
  content: "\e98b";
}

.els.el-save:before {
  content: "\e98c";
}

.els.el-scale-down:before {
  content: "\e98d";
}

.els.el-scale-up:before {
  content: "\e98e";
}

.els.el-scroll-h:before {
  content: "\e98f";
}

.els.el-scroll-v:before {
  content: "\e990";
}

.els.el-search:before {
  content: "\e991";
}

.els.el-shapes:before {
  content: "\e992";
}

.els.el-share:before {
  content: "\e993";
}

.els.el-share-screen:before {
  content: "\e994";
}

.els.el-shopping-cart:before {
  content: "\e995";
}

.els.el-sign-dollar:before {
  content: "\e996";
}

.els.el-size-contain:before {
  content: "\e99a";
}

.els.el-size-cover:before {
  content: "\e99b";
}

.els.el-slide:before {
  content: "\e997";
}

.els.el-source-tree:before {
  content: "\e9dc";
}

.els.el-speak:before {
  content: "\e99e";
}

.els.el-sprite:before {
  content: "\e99f";
}

.els.el-square:before {
  content: "\e9a0";
}

.els.el-square-circle:before {
  content: "\e9a1";
}

.els.el-square-rounded:before {
  content: "\e9a2";
}

.els.el-star:before {
  content: "\e9a3";
}

.els.el-star-half:before {
  content: "\e9c7";
}

.els.el-stopwatch:before {
  content: "\e9a4";
}

.els.el-store:before {
  content: "\e9df";
}

.els.el-submit-exercise:before {
  content: "\e9a5";
}

.els.el-sync-check:before {
  content: "\e9a6";
}

.els.el-sync-close:before {
  content: "\e9a7";
}

.els.el-table:before {
  content: "\e9a8";
}

.els.el-tag:before {
  content: "\e9d6";
}

.els.el-text-bold:before {
  content: "\e9a9";
}

.els.el-text-edit:before {
  content: "\e9aa";
}

.els.el-text-italic:before {
  content: "\e9ab";
}

.els.el-text-strikethrough:before {
  content: "\e9ac";
}

.els.el-text-underline:before {
  content: "\e9ad";
}

.els.el-textbox:before {
  content: "\e9ae";
}

.els.el-to-background:before {
  content: "\e9af";
}

.els.el-tool-box:before {
  content: "\e9d0";
}

.els.el-tool-shape-1:before {
  content: "\e99c";
}

.els.el-tool-shape-2:before {
  content: "\e99d";
}

.els.el-trash:before {
  content: "\e9b0";
}

.els.el-trophy:before {
  content: "\e9d7";
}

.els.el-undo:before {
  content: "\e9b1";
}

.els.el-unlock:before {
  content: "\e9ca";
}

.els.el-user:before {
  content: "\e9b3";
}

.els.el-user-clock:before {
  content: "\e9b4";
}

.els.el-user-plus:before {
  content: "\e9c2";
}

.els.el-user-private:before {
  content: "\e9b5";
}

.els.el-user-raise-hand:before {
  content: "\e9b6";
}

.els.el-users:before {
  content: "\e9b7";
}

.els.el-video:before {
  content: "\e9b8";
}

.els.el-video-live:before {
  content: "\e9b9";
}

.els.el-video-waiting:before {
  content: "\e9ba";
}

.els.el-volume-down:before {
  content: "\e9bb";
}

.els.el-volume-up:before {
  content: "\e9bc";
}

.els.el-warning-circle:before {
  content: "\e9bd";
}

.els.el-warning-network:before {
  content: "\e9be";
}

.els.el-warning-triangle:before {
  content: "\e9bf";
}

.els.el-youtube:before {
  content: "\e9c0";
}

.elc {
  font-family: "elc" !important;
}

.elc.el-check-circle:before {
  content: "\e900";
}

.elc.el-check-square:before {
  content: "\e901";
}

.elc.el-circle:before {
  content: "\e902";
}

.elc.el-exercise:before {
  content: "\e903";
}

.elc.el-eye:before {
  content: "\e90a";
}

.elc.el-file-audio:before {
  content: "\e904";
}

.elc.el-file-video:before {
  content: "\e905";
}

.elc.el-image:before {
  content: "\e90c";
}

.elc.el-move:before {
  content: "\e90d";
}

.elc.el-note-pin:before {
  content: "\e90b";
}

.elc.el-pencil:before {
  content: "\e906";
}

.elc.el-plus-circle:before {
  content: "\e90e";
}

.elc.el-quiz-multi:before {
  content: "\e907";
}

.elc.el-quiz-single:before {
  content: "\e908";
}

.elc.el-square-rounded:before {
  content: "\e909";
}

.elc.el-trash:before {
  content: "\e90f";
}

.el-lg {
  font-size: 150%;
  line-height: 0.75em;
}

.el-sm {
  font-size: 75%;
}

.el-xs {
  font-size: 50%;
}

.el-2x {
  font-size: 200%;
}

.el-3x {
  font-size: 300%;
}

.el-4x {
  font-size: 400%;
}

.el-group {
  position: relative;
}

.el-group.el-banned:before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--danger);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

svg.svg-alert-icon {
  width: 120px;
  height: 120px;
}

svg.svg-alert-icon.svg-alert-icon-success circle {
  cx: 60;
  cy: 60;
  r: 50;
  fill: var(--bg-bw);
  stroke: #00BD8E;
  stroke-width: 5;
  -webkit-animation: svg-alert-icon-success 1s ease-in-out;
          animation: svg-alert-icon-success 1s ease-in-out;
}

@-webkit-keyframes svg-alert-icon-success {
  from {
    stroke-dasharray: 0, 314;
  }
  to {
    stroke-dasharray: 314, 314;
  }
}

@keyframes svg-alert-icon-success {
  from {
    stroke-dasharray: 0, 314;
  }
  to {
    stroke-dasharray: 314, 314;
  }
}

.dropdown.dropdown-actions .btn:hover i {
  opacity: 1;
}

.dropdown.dropdown-actions .btn i {
  opacity: 0.5;
}

.dropdown .dropdown-menu,
.btn-group .dropdown-menu {
  padding: 0;
  background-color: var(--gray-1);
  border: none;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
  box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
}

.dropdown .dropdown-menu .dropdown-divider,
.btn-group .dropdown-menu .dropdown-divider {
  border-top-color: var(--gray-6);
}

.dropdown .dropdown-menu.dropdown-menu-primary a.dropdown-item:hover,
.btn-group .dropdown-menu.dropdown-menu-primary a.dropdown-item:hover {
  background-color: var(--primary-alpha-10);
  color: var(--primary);
}

.dropdown .dropdown-menu.dropdown-menu-secondary a.dropdown-item:hover,
.btn-group .dropdown-menu.dropdown-menu-secondary a.dropdown-item:hover {
  background-color: var(--secondary-alpha-10);
  color: var(--secondary);
}

.dropdown .dropdown-menu a.dropdown-item,
.btn-group .dropdown-menu a.dropdown-item {
  padding: 0.5rem 1rem;
  background-color: var(--gray-1);
  font-size: 0.875rem;
  color: var(--text-paragraph);
  border-radius: 0;
}

.dropdown .dropdown-menu a.dropdown-item:hover,
.btn-group .dropdown-menu a.dropdown-item:hover {
  background-color: var(--gray-2);
}

.dropdown .dropdown-menu a.dropdown-item:first-child,
.btn-group .dropdown-menu a.dropdown-item:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
}

.dropdown .dropdown-menu a.dropdown-item:last-child,
.btn-group .dropdown-menu a.dropdown-item:last-child {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.dropdown .dropdown-menu h6,
.dropdown .dropdown-menu p,
.btn-group .dropdown-menu h6,
.btn-group .dropdown-menu p {
  padding: 0.5rem 1rem;
}

.dropdown .dropdown-menu .dropdown-divider,
.btn-group .dropdown-menu .dropdown-divider {
  margin: 0;
  border-top-color: var(--gray-6);
}

.card {
  background-color: var(--bg-bw);
  border: none;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
  box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
}

.card .card-header {
  min-height: 38px;
  background-color: var(--bg-bw);
  border-bottom: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card .card-header:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
}

.card .card-header .card-header-left, .card .card-header .card-header-right {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card .card-header .card-header-left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.card .card-header .card-header-left h6.text-wrapper {
  max-width: 100%;
  height: 1.5rem;
  -webkit-line-clamp: 1;
}

.card .card-header .card-header-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.card .card-body {
  font-size: 0.875rem;
}

.card .card-body:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
}

.card .card-body:last-child {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.card .card-footer {
  background-color: var(--bg-bw);
  border-top: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card .card-footer:last-child {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.toolbar {
  width: 100%;
  height: 100%;
}

.toolbar.toolbar-h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.toolbar.toolbar-h fieldset {
  padding-left: 0.5rem;
  margin-left: 0.5rem;
  border-left: 1px solid #d1d1d1;
}

.toolbar.toolbar-h fieldset:last-of-type {
  border-left: none;
}

.toolbar.toolbar-v {
  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: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.toolbar.toolbar-v fieldset {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid var(--border);
}

.toolbar.toolbar-v fieldset:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.toolbar fieldset .btn.btn-tools {
  width: 60px;
  height: 60px;
  position: relative;
  padding: 0;
  text-transform: none;
  color: var(--text-paragraph);
  border-radius: 0;
}

.toolbar fieldset .btn.btn-tools.btn-active {
  color: var(--primary);
}

.toolbar fieldset .btn.btn-tools i[class^="el"] {
  font-size: 1.25rem;
}

.toolbar fieldset .btn.btn-tools .el-group .el-sub {
  font-size: 75%;
}

.toolbar fieldset .btn.btn-tools span.btn-title {
  width: 100%;
  font-size: 0.625rem;
  text-align: center;
  letter-spacing: 0.0125rem;
  display: block;
}

.toolbar fieldset .btn.btn-tools span.badge {
  display: none;
}

.toolbar fieldset .btn.btn-has-noti span.badge {
  width: 1rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.5rem;
  color: #fff;
  border-radius: 50%;
  background-color: #F55B5B;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  -webkit-animation-name: animationBlink;
  animation-name: animationBlink;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;
}

@-webkit-keyframes animationBlink {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}

@keyframes animationBlink {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}

.toolbar fieldset .dropdown .dropdown-menu.dropdown-tools .tools-group {
  display: block;
}

.toolbar fieldset .dropdown .dropdown-menu.dropdown-tools .tools-group .tools-group-header {
  height: 20px;
  padding: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.toolbar fieldset .dropdown .dropdown-menu.dropdown-tools .tools-group .tools-group-header p.p-overline {
  color: var(--text-title);
}

.toolbar fieldset .dropdown .dropdown-menu.dropdown-tools .tools-group .tools-group-body {
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.toolbar fieldset .dropdown .dropdown-menu.dropdown-tools .tools-group .tools-group-body.tools-group-body-sm {
  width: 160px;
}

.toolbar fieldset .dropdown .dropdown-menu.dropdown-tools .tools-group .tools-group-body.tools-group-body-md {
  width: 240px;
}

.toolbar fieldset .dropdown .dropdown-menu.dropdown-tools .tools-group .tools-group-body a {
  width: 32px;
  height: 32px;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.toolbar fieldset .dropdown .dropdown-menu.dropdown-tools .tools-group .tools-group-body a > span {
  width: 100%;
  display: block;
  font-size: 0.625rem;
  text-align: center;
  color: var(--text-paragraph);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: overlay;
}

.modal-open .modal::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.modal-open .modal::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.modal-open .modal::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.modal {
  z-index: 1050;
  overflow-y: overlay;
}

.modal::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.modal::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.modal::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.modal .modal-dialog.modal-dialog-scrollable .modal-content .modal-body {
  overflow-y: overlay;
}

.modal .modal-dialog.modal-dialog-scrollable .modal-content .modal-body::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.modal .modal-dialog.modal-dialog-scrollable .modal-content .modal-body::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.modal .modal-dialog.modal-dialog-scrollable .modal-content .modal-body::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.modal .modal-dialog .modal-content {
  background-color: var(--gray-1);
  border-color: transparent;
  border-radius: 0.5rem;
}

.modal .modal-dialog .modal-content .modal-header {
  border-bottom: none;
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal .modal-dialog .modal-content .modal-header .modal-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal .modal-dialog .modal-content .modal-header .modal-header-left > * {
  margin-right: 0.5rem;
}

.modal .modal-dialog .modal-content .modal-header .modal-header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal .modal-dialog .modal-content .modal-header .modal-header-right > * {
  margin-left: 0.5rem;
}

.modal .modal-dialog .modal-content .modal-body:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
}

.modal .modal-dialog .modal-content .modal-body:last-child {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.modal .modal-dialog .modal-content .modal-footer {
  border-top: none;
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal-backdrop {
  z-index: 1049;
}

.notifications {
  width: 100%;
}

.notifications .noti-item {
  min-height: 50px;
  padding: 0.5rem 1rem;
  background-color: var(--bg-bw);
  -webkit-box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
  box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
  border-radius: 0.5rem;
}

.notifications .noti-item.noti-full-action .noti-container .noti-content {
  width: calc(100% - 3rem);
}

.notifications .noti-item.noti-full-action .noti-container .noti-quick-action {
  display: none;
}

.notifications .noti-item.noti-full-action .noti-actions {
  height: 40px;
  padding: 0 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.notifications .noti-item .noti-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.notifications .noti-item .noti-container .noti-icon {
  width: 32px;
  height: 32px;
  margin-right: 1rem;
  background-color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.125rem 0.25rem var(--black-alpha-10);
  box-shadow: 0 0.125rem 0.25rem var(--black-alpha-10);
}

.notifications .noti-item .noti-container .noti-icon.noti-success {
  background-color: #00BD8E;
}

.notifications .noti-item .noti-container .noti-icon.noti-warning {
  background-color: #FFB64A;
}

.notifications .noti-item .noti-container .noti-icon.noti-danger {
  background-color: #F55B5B;
}

.notifications .noti-item .noti-container .noti-content {
  width: calc(100% - 3rem - 50px);
}

.notifications .noti-item .noti-container .noti-quick-action {
  width: 50px;
}

.notifications .noti-item .noti-actions {
  display: none;
}

.notification {
  width: 100%;
  min-height: 3rem;
  margin-bottom: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: var(--bg-bw);
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
  box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
}

.notification:last-of-type {
  margin-bottom: 0;
}

.notification.notification-default {
  background-color: #04B0D6;
}

.notification.notification-default .notification-icon .icon-circle i {
  color: #fff;
}

.notification.notification-default .notification-content h6,
.notification.notification-default .notification-content p {
  color: #fff;
}

.notification.notification-success {
  background-color: #bdffef;
}

.notification.notification-success .notification-icon .icon-circle i {
  color: #008a68;
}

.notification.notification-success .notification-content h6,
.notification.notification-success .notification-content p {
  color: #008a68;
}

.notification.notification-warning {
  background-color: white;
}

.notification.notification-warning .notification-icon .icon-circle i {
  color: #cc8600;
}

.notification.notification-warning .notification-content h6,
.notification.notification-warning .notification-content p {
  color: #cc8600;
}

.notification.notification-danger {
  background-color: white;
}

.notification.notification-danger .notification-icon .icon-circle i {
  color: #f22b2b;
}

.notification.notification-danger .notification-content h6,
.notification.notification-danger .notification-content p {
  color: #f22b2b;
}

.notification .notification-icon {
  width: 42px;
  height: 42px;
  margin-right: 0.5rem;
}

.notification .notification-icon .icon-circle {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.notification .notification-icon .icon-circle i {
  font-size: 2rem;
}

.notification .notification-content {
  width: calc(100% - 42px - 0.5rem);
}

.popup {
  width: 100%;
  height: 100%;
  padding: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1040;
  display: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.popup:focus {
  outline: none;
}

.popup.show.fade .popup-dialog .popup-content {
  opacity: 1;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.popup.show .popup-dialog .popup-content {
  opacity: 1;
}

.popup.popup-full {
  position: fixed;
}

.popup.popup-full .popup-dialog .popup-content {
  height: 100%;
}

.popup .popup-dialog {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup .popup-dialog.popup-dialog-top {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.popup .popup-dialog.popup-dialog-bottom {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.popup .popup-dialog.popup-dialog-left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.popup .popup-dialog.popup-dialog-right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.popup .popup-dialog.popup-dialog-75 .popup-content {
  width: 75%;
}

.popup .popup-dialog.popup-dialog-50 .popup-content {
  width: 50%;
}

.popup .popup-dialog.popup-dialog-full .popup-content {
  height: 100%;
}

.popup .popup-dialog .popup-content {
  width: 100%;
  max-height: 100%;
  background-color: var(--gray-1);
  opacity: 0;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
  box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
  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: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  position: relative;
}

.popup .popup-dialog .popup-content .popup-header {
  padding: 0.75rem 1rem;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  background-color: var(--bg-bw);
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup .popup-dialog .popup-content .popup-header .popup-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup .popup-dialog .popup-content .popup-header .popup-header-left > * {
  margin-right: 0.5rem;
}

.popup .popup-dialog .popup-content .popup-header .popup-header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup .popup-dialog .popup-content .popup-header .popup-header-right > * {
  margin-left: 0.5rem;
}

.popup .popup-dialog .popup-content .popup-body {
  padding: 1.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  overflow-x: hidden;
  overflow-y: overlay;
}

.popup .popup-dialog .popup-content .popup-body::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.popup .popup-dialog .popup-content .popup-body::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.popup .popup-dialog .popup-content .popup-body::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.popup .popup-dialog .popup-content .popup-body:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
}

.popup .popup-dialog .popup-content .popup-body:last-child {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.popup .popup-dialog .popup-content .popup-body .popup-loading {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
}

.popup .popup-dialog .popup-content .popup-body .popup-loading.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup .popup-dialog .popup-content .popup-body .popup-loading img {
  width: 64px;
}

.popup .popup-dialog .popup-content .popup-footer {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  padding: 0.75rem 1rem;
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup .popup-dialog .popup-content .popup-footer .btn {
  min-width: 120px;
  margin-left: 0.5rem;
}

.popup-backdrop {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1039;
  opacity: 0;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.popup-backdrop.show {
  opacity: 1;
}

.popup-backdrop.fade {
  opacity: 1;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.popup-backdrop.focus {
  -webkit-backdrop-filter: blur(0.25rem);
          backdrop-filter: blur(0.25rem);
}

ul.tree-view {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

ul.tree-view li {
  padding-left: 1rem;
}

ul.tree-view li a {
  font-size: 0.875rem;
  color: var(--text-paragraph);
}

ul.tree-view li a i {
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

ul.tree-view li a i.rotated {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

ul.tree-view li ul {
  padding-left: 1rem;
  list-style: none;
  display: none;
}

.list-items.list-table {
  height: 100%;
}

.list-items.list-table.list-table-hover .list-items-body .item:hover {
  background-color: var(--gray-2);
}

.list-items.list-table.list-table-borderless .list-items-header .item,
.list-items.list-table.list-table-borderless .list-items-body .item {
  border-bottom: none;
}

.list-items.list-table.list-table-striped .list-items-body .item {
  border-bottom: none;
}

.list-items.list-table.list-table-striped .list-items-body .item:nth-of-type(even) {
  background-color: var(--gray-1);
}

.list-items.list-table.list-table-striped .list-items-body .item:nth-of-type(even) .item-row .float-action .btn-group {
  background-color: var(--gray-1);
}

.list-items.list-table.list-table-tree .list-items-body .item .item-wrapper {
  position: relative;
}

.list-items.list-table.list-table-tree .list-items-body .item .item-wrapper:before {
  content: '';
  width: calc(var(--level) * 1rem);
  height: 100%;
  border-right: 1px solid var(--border);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.list-items.list-table.list-table-tree .list-items-body .item .item-wrapper .item {
  border-bottom: none;
}

.list-items.list-table.list-table-tree .list-items-body .item .item-wrapper .item:last-child {
  position: relative;
}

.list-items.list-table.list-table-tree .list-items-body .item .item-wrapper .item:last-child:after {
  content: '';
  width: 0.5rem;
  height: calc(100% - 30px);
  border-left: 1px solid var(--bg-bw);
  position: absolute;
  left: calc(var(--level) * 1rem - 1px);
  bottom: 0;
  z-index: 1;
}

.list-items.list-table.list-table-tree .list-items-body .item .item-wrapper .item > .item-row [class^="item-col"]:first-child > * {
  padding-left: calc(var(--level) * 1rem);
  position: relative;
}

.list-items.list-table.list-table-tree .list-items-body .item .item-wrapper .item > .item-row [class^="item-col"]:first-child > *:before {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid var(--border);
  position: absolute;
  bottom: 0;
  left: calc((var(--level) - 1) * 1rem);
  z-index: 1;
}

.list-items.list-table.list-table-tree .list-items-body .item .item-wrapper .item > .item-row [class^="item-col"] .item-row [class^="item-col"] > * {
  padding: 0;
  position: static;
}

.list-items.list-table.list-table-tree .list-items-body .item .item-wrapper .item > .item-row [class^="item-col"] .item-row [class^="item-col"] > *:before {
  display: none;
}

.list-items.list-table .list-items-header .item {
  border-bottom: 3px solid var(--border);
}

.list-items.list-table .list-items-body .item {
  border-bottom: 1px solid var(--border);
}

.list-items.list-table .list-items-body .item:last-of-type {
  border-bottom: none;
}

.list-items.list-table .item {
  width: 100%;
}

.list-items.list-table .item .item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.list-items.list-table .item .item-row [class^="item-col-"] {
  width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  position: relative;
}

.list-items.list-table .item .item-row .item-col {
  max-width: 100%;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}

.list-items.list-table .item .item-row .item-col-0-half {
  max-width: 4.16667%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4.16667%;
          flex: 0 0 4.16667%;
}

.list-items.list-table .item .item-row .item-col-1 {
  max-width: 8.33333%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 8.33333%;
          flex: 0 0 8.33333%;
}

.list-items.list-table .item .item-row .item-col-1-half {
  max-width: 12.5%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 12.5%;
          flex: 0 0 12.5%;
}

.list-items.list-table .item .item-row .item-col-2 {
  max-width: 16.66667%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
}

.list-items.list-table .item .item-row .item-col-2-half {
  max-width: 20.83333%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20.83333%;
          flex: 0 0 20.83333%;
}

.list-items.list-table .item .item-row .item-col-3 {
  max-width: 25%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
}

.list-items.list-table .item .item-row .item-col-3-half {
  max-width: 29.16667%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 29.16667%;
          flex: 0 0 29.16667%;
}

.list-items.list-table .item .item-row .item-col-4 {
  max-width: 33.33333%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
}

.list-items.list-table .item .item-row .item-col-4-half {
  max-width: 37.5%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 37.5%;
          flex: 0 0 37.5%;
}

.list-items.list-table .item .item-row .item-col-5 {
  max-width: 41.66667%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 41.66667%;
          flex: 0 0 41.66667%;
}

.list-items.list-table .item .item-row .item-col-5-half {
  max-width: 45.83333%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 45.83333%;
          flex: 0 0 45.83333%;
}

.list-items.list-table .item .item-row .item-col-6 {
  max-width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.list-items.list-table .item .item-row .item-col-6-half {
  max-width: 54.16667%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 54.16667%;
          flex: 0 0 54.16667%;
}

.list-items.list-table .item .item-row .item-col-7 {
  max-width: 58.33333%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 58.33333%;
          flex: 0 0 58.33333%;
}

.list-items.list-table .item .item-row .item-col-7-half {
  max-width: 62.5%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 62.5%;
          flex: 0 0 62.5%;
}

.list-items.list-table .item .item-row .item-col-8 {
  max-width: 66.66667%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
}

.list-items.list-table .item .item-row .item-col-8-half {
  max-width: 70.83333%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 70.83333%;
          flex: 0 0 70.83333%;
}

.list-items.list-table .item .item-row .item-col-9 {
  max-width: 75%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
}

.list-items.list-table .item .item-row .item-col-9-half {
  max-width: 79.16667%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 79.16667%;
          flex: 0 0 79.16667%;
}

.list-items.list-table .item .item-row .item-col-10 {
  max-width: 83.33333%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
          flex: 0 0 83.33333%;
}

.list-items.list-table .item .item-row .item-col-10-half {
  max-width: 87.5%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 87.5%;
          flex: 0 0 87.5%;
}

.list-items.list-table .item .item-row .item-col-11 {
  max-width: 91.66667%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 91.66667%;
          flex: 0 0 91.66667%;
}

.list-items.list-table .item .item-row .item-col-11-half {
  max-width: 95.83333%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 95.83333%;
          flex: 0 0 95.83333%;
}

.list-items.list-table .item .item-row .item-col-12 {
  max-width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.list-items.list-table .item .item-row .item-col-12-half {
  max-width: 104.16667%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 104.16667%;
          flex: 0 0 104.16667%;
}

.list-items.list-table .item .item-row [class^="item-col"] .item-row {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

.list-items.list-table .item .item-row [class^="item-col"] .item-row [class^="item-col"] {
  padding-top: 0;
  padding-bottom: 0;
}

.list-items.list-table .list-items-header .item .item-row {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.list-items.list-table .list-items-header .item .item-row [class^="item-col"] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.list-items.list-table .list-items-body .item {
  background-color: var(--bg-bw);
}

.list-items.list-table .list-items-body .item .item-row {
  padding: 0;
}

.list-items.list-table .list-items-body .item .item-row:hover > .item-options .dropdown > .btn {
  opacity: 1;
}

.list-items.list-table .list-items-body .item .item-row:hover > .float-action .btn {
  opacity: 1;
}

.list-items.list-table .list-items-body .item .item-row [class^="item-col"] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.list-items.list-table .list-items-body .item .item-row h6 a,
.list-items.list-table .list-items-body .item .item-row p a {
  color: var(--text-paragraph);
}

.list-items.list-table .list-items-body .item .item-row .item-options {
  text-align: right;
}

.list-items.list-table .list-items-body .item .item-row .item-options .dropdown > .btn {
  opacity: 0;
}

.list-items.list-table .list-items-body .item .item-row .float-action {
  position: relative;
}

.list-items.list-table .list-items-body .item .item-row .float-action .btn-group {
  background-color: var(--bg-bw);
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.list-items.list-table .list-items-body .item .item-row .float-action .btn {
  opacity: 0;
}

.list-items.list-items-tree > ul > li > p {
  font-weight: 600;
}

.list-items.list-items-tree > ul > li:last-child:after {
  display: none;
}

.list-items.list-items-tree ul {
  list-style: none;
  position: relative;
}

.list-items.list-items-tree ul li {
  position: relative;
}

.list-items.list-items-tree ul li:before {
  content: '';
  width: calc((var(--level) - 1) * 1.5rem - 16px);
  height: 1px;
  border-bottom: 1px dashed var(--border);
  position: absolute;
  top: 20px;
  left: calc((var(--level) - 1) * -1.5rem + 8px);
  z-index: 1;
}

.list-items.list-items-tree ul li:last-child:after {
  content: '';
  width: calc((var(--level) - 1) * 1.5rem);
  height: 50%;
  border-left: 1px solid var(--bg-bw);
  position: absolute;
  bottom: 0;
  left: calc((var(--level) - 1) * -1.5rem + 8px);
  z-index: 1;
}

.list-items.list-items-tree ul li ul {
  padding-left: 1.5rem;
}

.list-items.list-items-tree ul li ul:before {
  content: '';
  width: calc(1.5rem - 8px);
  height: 100%;
  border-left: 1px dashed var(--border);
  position: absolute;
  top: 0;
  left: 8px;
  z-index: 1;
}

.list-items.list-items-tree ul li a {
  padding: 0.75rem 0;
  color: var(--text-paragraph);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-items.list-items-tree ul li a.selected {
  font-weight: 600;
  color: var(--primary);
}

.list-table-responsive {
  width: 100%;
}

@media screen and (max-width: 1024.98px) {
  .list-table-responsive {
    overflow-x: overlay;
  }
  .list-table-responsive::-webkit-scrollbar {
    height: 8px;
    background-color: transparent;
  }
  .list-table-responsive::-webkit-scrollbar-thumb {
    height: 8px;
    background-color: var(--gray-5);
    border-radius: 4px;
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
  }
  .list-table-responsive::-webkit-scrollbar-thumb:hover {
    background-color: var(--gray-6);
    cursor: pointer;
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
  }
  .list-table-responsive .list-items.list-table {
    min-width: 1030px;
  }
  .list-table-responsive .list-items.list-table .list-items-header {
    top: 0 !important;
  }
}

.pagination {
  margin: 2rem auto 0;
  display: none;
}

.pagination.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pagination.show-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pagination .pagination-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pagination .pagination-list .pagination-item {
  min-width: 28px;
  height: 28px;
  margin: 0 0.25rem;
  padding: 0;
  font-size: 0.875rem;
  color: var(--text-paragraph);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pagination .pagination-list .pagination-item:first-child, .pagination .pagination-list .pagination-item:last-child {
  font-size: 0.75rem;
  color: var(--text-overline);
}

.pagination .pagination-list .pagination-item.active {
  background-color: var(--primary);
  color: var(--white);
}

.pagination .pagination-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pagination .pagination-input > * {
  margin: 0 0.25rem;
}

.pagination .pagination-input p {
  font-size: 0.75rem;
  white-space: nowrap;
}

.pagination .pagination-input .form-control {
  min-width: 40px;
}

.popover.bs-popover-top > .popover-arrow:after {
  border-top-color: var(--gray-1);
}

.popover.bs-popover-bottom > .popover-arrow:after {
  border-bottom-color: var(--gray-1);
}

.popover.bs-popover-left > .popover-arrow:after {
  border-left-color: var(--gray-1);
}

.popover.bs-popover-right > .popover-arrow:after {
  border-right-color: var(--gray-1);
}

.popover .popover-header {
  background-color: var(--bg-bw);
  color: var(--text-title);
}

.popover .popover-body {
  background-color: var(--gray-1);
  color: var(--text-paragraph);
}

.backdrop-popover {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1059;
}

.zyk-slider {
  width: 100%;
  position: relative;
}

.zyk-slider .slider-inner {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.zyk-slider .slider-inner .slider-item {
  width: 100%;
  display: none;
  float: left;
  margin-right: -100%;
  position: relative;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.zyk-slider .slider-inner .slider-item.active {
  display: block;
}

.zyk-slider .slider-inner .slider-item.slider-item-prepare {
  display: block;
}

.zyk-slider .slider-inner .slider-item.slider-item-prepare.slider-item-prev {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}

.zyk-slider .slider-inner .slider-item.slider-item-prepare.slider-item-next {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
}

.zyk-slider .slider-inner .slider-item img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.zyk-slider .slider-controls .slider-control {
  position: absolute;
  top: 50%;
  z-index: 1;
}

.zyk-slider .slider-controls .slider-control.slider-control-next {
  right: 0;
}

body .tooltip.tooltip-toolbar.bs-tooltip-bottom .arrow::before, html .tooltip.tooltip-toolbar.bs-tooltip-bottom .arrow::before {
  border-bottom-color: var(--primary);
}

body .tooltip.tooltip-toolbar.bs-tooltip-top .arrow::before, html .tooltip.tooltip-toolbar.bs-tooltip-top .arrow::before {
  border-top-color: var(--primary);
}

body .tooltip.tooltip-toolbar.bs-tooltip-left .arrow::before, html .tooltip.tooltip-toolbar.bs-tooltip-left .arrow::before {
  border-left-color: var(--primary);
}

body .tooltip.tooltip-toolbar.bs-tooltip-right .arrow::before, html .tooltip.tooltip-toolbar.bs-tooltip-right .arrow::before {
  border-right-color: var(--primary);
}

body .tooltip.tooltip-toolbar .tooltip-inner, html .tooltip.tooltip-toolbar .tooltip-inner {
  font-size: 0.75rem;
  background-color: var(--primary);
}

.widget {
  background-color: var(--bg-bw);
  border-radius: 0.25rem;
}

.widget .widget-header {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.widget .widget-header h6.subtitle-md, .widget .widget-header h6.subtitle-sm {
  color: var(--text-paragraph);
}

.widget .widget-header .btn {
  padding: 0;
  opacity: 0.85;
}

.widget .widget-body {
  padding: 1rem;
}

.widget .widget-body .widget-info-group {
  margin-bottom: 1rem;
}

.widget .widget-body .widget-info-group:last-child {
  margin-bottom: 0;
}

.widget .widget-body .widget-info-group label {
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
  color: var(--text-overline);
}

.widget .widget-body .widget-info-group label.label-success {
  color: var(--success);
}

.widget .widget-body .widget-info-group label.label-warning {
  color: var(--warning);
}

.widget .widget-body .widget-info-group h5 {
  font-weight: 400;
  color: var(--text-paragraph);
}

.widget .widget-body .widget-info-group h5 a {
  color: var(--primary);
}

.widget .widget-body .widget-info-group h6 {
  color: var(--text-paragraph);
}

.widget .widget-body .widget-info-group h6 a {
  color: var(--primary);
}

.widget .widget-body .widget-info-group .progress {
  height: 4px;
  background-color: var(--gray-1);
}

.widget .widget-body .widget-info-group .progress .progress-bar {
  background-color: var(--success);
}

.form-control.datepicker {
  padding: 0.375rem 0.75rem;
  border-radius: 0.5rem;
}

.datepicker table td,
.datepicker table th {
  width: 36px;
  height: 36px;
  font-size: 0.875rem;
}

.datepicker table tr td.day {
  border-radius: 50%;
}

.datepicker table tr td.day.today {
  background-color: var(--secondary-alpha-50) !important;
  background-image: none;
}

.datepicker table tr td.day.today:hover {
  background-image: none;
  background-color: var(--secondary-alpha-90);
  color: var(--white);
}

.datepicker table tr td.day.active {
  background-color: var(--primary) !important;
  background-image: none;
  color: var(--white);
}

.datepicker table tr td.day.active:hover {
  background-image: none;
  background-color: var(--primary-alpha-90);
  color: var(--white);
}

.datepicker table tr td span.month.active {
  background-color: var(--primary) !important;
  background-image: none;
  color: var(--white);
}

.datepicker table tr td span.month.active:hover {
  background-image: none;
  background-color: var(--primary-alpha-50);
  color: var(--white);
}

.datepicker table thead tr th {
  font-weight: 500;
}

.bootstrap-timepicker-widget.dropdown-menu {
  z-index: 1080 !important;
}

.question-creator {
  height: 500px;
  padding: 0.75rem 1.5rem;
  overflow-x: hidden;
  overflow-y: overlay;
}

.question-creator::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.question-creator::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.question-creator::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.question-creator > div:not(:last-child) {
  margin-bottom: 0.5rem;
}

.question-creator > div.creator-question .form-control:disabled, .question-creator > div.creator-point .form-control:disabled {
  background-color: var(--bg-bw);
}

.question-creator > div.creator-level .form-check-group {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.question-creator > div.creator-media .media-header {
  margin-bottom: 0.75rem;
}

.question-creator > div.creator-media .media-header .form-group input {
  display: none;
}

.question-creator > div.creator-media .media-body .append-creator-media {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.question-creator > div.creator-media .media-body .append-creator-media .item-media {
  padding: 0.25rem 0.75rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: var(--gray-3);
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-creator > div.creator-media .media-body .append-creator-media .item-media .media-info {
  margin-right: 0.75rem;
}

.question-creator > div.creator-media .media-body .append-creator-media .item-media .media-actions .btn {
  padding-left: 0;
  padding-right: 0;
}

.question-creator > div.creator-errors {
  padding: 0.75rem;
  background-color: var(--danger-alpha-60);
  border-radius: 0.5rem;
  display: none;
}

.question-creator > div.creator-errors p {
  color: var(--white);
}

.question-creator > div.creator-errors p:not(:last-child) {
  margin-bottom: 0.75rem;
}

.question-creator > div.creator-answers .answers-header {
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-creator > div.creator-answers .answers-header .answers-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-creator > div.creator-answers .answers-header .answers-header-left > * {
  margin-right: 0.5rem;
}

.question-creator > div.creator-answers .answers-header .answers-header-left p.p-sm {
  font-size: 0.75rem;
}

.question-creator > div.creator-answers .answers-header .answers-header-left .select-answer-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-creator > div.creator-answers .answers-header .answers-header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-creator > div.creator-answers .answers-header .answers-header-right > * {
  margin-left: 0.5rem;
}

.question-creator > div.creator-answers .answers-body .answer-item-matching {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-creator > div.creator-answers .answers-body .answer-item-matching:not(:last-child) {
  margin-bottom: 0.5rem;
}

.question-creator > div.creator-answers .answers-body .answer-item-matching .answer-item {
  max-width: calc(50% - 1.5rem);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-bottom: 0 !important;
}

.question-creator > div.creator-answers .answers-body .answer-item-matching .answer-item.answer-item-image {
  min-height: 100px;
}

.question-creator > div.creator-answers .answers-body .answer-item-matching .answer-item:first-child {
  margin-right: 3rem;
  position: relative;
}

.question-creator > div.creator-answers .answers-body .answer-item-matching .answer-item:first-child:after {
  content: "";
  width: 3rem;
  height: 2px;
  background-color: var(--border);
  position: absolute;
  top: 50%;
  left: 100%;
  z-index: 100%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.question-creator > div.creator-answers .answers-body .answer-item-drag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-creator > div.creator-answers .answers-body .answer-item-drag:not(:last-child) {
  margin-bottom: 0.5rem;
}

.question-creator > div.creator-answers .answers-body .answer-item-drag .form-select {
  max-width: calc(40% - 1.5rem);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-right: 1.5rem;
}

.question-creator > div.creator-answers .answers-body .answer-item-drag .answer-item {
  max-width: 60%;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-bottom: 0 !important;
}

.question-creator > div.creator-answers .answers-body .answer-item-drag .answer-item.answer-item-image {
  min-height: 100px;
}

.question-creator > div.creator-answers .answers-body .answer-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.question-creator > div.creator-answers .answers-body .answer-item:not(:last-child) {
  margin-bottom: 0.5rem;
}

.question-creator > div.creator-answers .answers-body .answer-item:hover .answer-actions .btn {
  opacity: 1;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-check {
  width: 40px;
  background-color: var(--bg-bw);
  border: 1px solid var(--border);
  border-right: none;
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-check input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-check .btn {
  width: 100%;
  height: 100%;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-check .btn i.els {
  color: var(--success);
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-input,
.question-creator > div.creator-answers .answers-body .answer-item .answer-image {
  max-width: calc(100% - 80px);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  background-color: var(--bg-bw);
  border: 1px solid var(--border);
  border-right: none;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-input:not(:first-child),
.question-creator > div.creator-answers .answers-body .answer-item .answer-image:not(:first-child) {
  border-left: none;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-input:first-child,
.question-creator > div.creator-answers .answers-body .answer-item .answer-image:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-input:first-child .form-control,
.question-creator > div.creator-answers .answers-body .answer-item .answer-image:first-child .form-control {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-image input {
  display: none;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-image a {
  width: 100px;
  height: 100px;
  padding: 0.25rem;
  display: block;
  position: relative;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-image a:hover span {
  opacity: 1;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-image a span {
  width: 30px;
  height: 30px;
  background-color: var(--bg-bw-alpha-50);
  border: 1px solid var(--border);
  color: var(--white);
  border-radius: 0.5rem;
  opacity: 0.25;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-image a .img-mask {
  width: 100%;
  height: 100%;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-image a .img-mask img {
  -o-object-fit: contain;
     object-fit: contain;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-input .form-control {
  border: none;
  border-radius: 0;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-input .form-control:disabled {
  background-color: var(--bg-bw);
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-select {
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-select .form-select {
  border: none;
  border-radius: 0;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-actions {
  width: 80px;
  background-color: var(--bg-bw);
  border: 1px solid var(--border);
  border-left: none;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-creator > div.creator-answers .answers-body .answer-item .answer-actions .btn {
  opacity: 0;
}

.question-creator > div.creator-answers .answers-body .append-creator-droppables {
  margin: 0 -0.75rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.question-creator > div.creator-answers .answers-body .append-creator-droppables .answer-item {
  max-width: calc(100% / 3);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(100% / 3);
          flex: 1 0 calc(100% / 3);
  padding: 0 0.75rem;
  margin-bottom: 1.5rem;
}

.question-creator > div.creator-answers .answers-body .append-creator-dropdowns .answer-item-dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.question-creator > div.creator-answers .answers-body .append-creator-dropdowns .answer-item-dropdown:not(:last-child) {
  margin-bottom: 0.75rem;
}

.question-creator > div.creator-answers .answers-body .append-creator-dropdowns .answer-item-dropdown .answer-item-label {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.question-creator > div.creator-answers .answers-body .append-creator-dropdowns .answer-item-dropdown .answer-item-label h6 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.question-creator > div.creator-answers .answers-body .append-creator-dropdowns .answer-item-dropdown .answer-item-options {
  width: 75%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.question-creator > div.creator-answers .answers-body .append-creator-dropdowns .answer-item-dropdown .answer-item-options:hover > .btn.btn-remove-dropdown {
  opacity: 1;
}

.question-creator > div.creator-answers .answers-body .append-creator-dropdowns .answer-item-dropdown .answer-item-options > .btn {
  padding-left: 0;
  padding-right: 0;
  margin-right: 0.5rem;
}

.question-creator > div.creator-answers .answers-body .append-creator-dropdowns .answer-item-dropdown .answer-item-options > .btn.btn-remove-dropdown {
  opacity: 0;
}

.question-creator > div.creator-answers .answers-body .append-creator-dropdowns .answer-item-dropdown .answer-item-options .input-dropdown-option {
  max-width: calc(30% - 1.25rem);
  -webkit-box-flex: 1;
      -ms-flex: 1 0 calc(30% - 1.25rem);
          flex: 1 0 calc(30% - 1.25rem);
  margin-right: 1.25rem;
  margin-bottom: 0.75rem;
  position: relative;
}

.question-creator > div.creator-answers .answers-body .append-creator-dropdowns .answer-item-dropdown .answer-item-options .input-dropdown-option:hover .btn {
  opacity: 1;
}

.question-creator > div.creator-answers .answers-body .append-creator-dropdowns .answer-item-dropdown .answer-item-options .input-dropdown-option .form-control {
  min-height: unset;
  height: 2rem;
  border-color: var(--link);
  border-radius: 1rem;
}

.question-creator > div.creator-answers .answers-body .append-creator-dropdowns .answer-item-dropdown .answer-item-options .input-dropdown-option .btn {
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 50%;
  font-size: 0.625rem;
  opacity: 0;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
}

.question-creator > div.creator-answers .answers-body .creator-input-paragraph {
  width: 100%;
  height: 270px;
  padding: 0.375rem 0.75rem;
  background-color: var(--bg-bw);
  border: 1px solid var(--border);
  color: var(--text-paragraph);
  border-radius: 0.5rem;
  font-family: var(--webfont);
  font-size: 0.875rem;
  line-height: 1.75;
  white-space: pre-wrap;
  word-break: break-all;
  overflow-x: hidden;
  overflow-y: overlay;
}

.question-creator > div.creator-answers .answers-body .creator-input-paragraph::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.question-creator > div.creator-answers .answers-body .creator-input-paragraph::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.question-creator > div.creator-answers .answers-body .creator-input-paragraph::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.question-preview:hover .question-body .question-detail .detail-headline .dropdown .btn {
  opacity: 1;
}

.question-preview .question-body .question-detail .detail-headline {
  padding-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-preview .question-body .question-detail .detail-headline h6 {
  white-space: pre-line;
  text-overflow: ellipsis;
  overflow: hidden;
}

.question-preview .question-body .question-detail .detail-headline .dropdown {
  display: none;
}

.question-preview .question-body .question-detail .detail-headline .dropdown .btn {
  opacity: 0;
}

.question-preview .question-body .question-detail .detail-media,
.question-preview .question-body .question-detail .detail-answers {
  display: none;
}

.question-preview .question-body .question-detail .detail-media.show,
.question-preview .question-body .question-detail .detail-answers.show {
  display: block;
}

.question-preview .question-body .question-detail .detail-media {
  padding-bottom: 1rem;
}

.question-preview .question-body .question-detail .detail-media .media-item:not(:last-child) {
  margin-bottom: 0.75rem;
}

.question-preview .question-body .question-detail .detail-media .media-item > img {
  width: 100%;
}

.question-preview .question-body .question-detail .detail-media .media-item a.media-item-audio img, .question-preview .question-body .question-detail .detail-media .media-item a.media-item-video img {
  width: 50%;
  margin: 0 auto;
  display: block;
}

.question-preview .question-body .question-detail .detail-media .media-item img,
.question-preview .question-body .question-detail .detail-media .media-item audio,
.question-preview .question-body .question-detail .detail-media .media-item video {
  width: 100%;
}

.question-preview .question-body .question-detail .detail-answers .answers.answers-single .answer, .question-preview .question-body .question-detail .detail-answers .answers.answers-multiple .answer {
  margin-bottom: 1.5rem;
}

.question-preview .question-body .question-detail .detail-answers .answers.answers-single .answer .img-wrapper, .question-preview .question-body .question-detail .detail-answers .answers.answers-multiple .answer .img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-preview .question-body .question-detail .detail-answers .answers.answers-single .answer .img-wrapper i, .question-preview .question-body .question-detail .detail-answers .answers.answers-multiple .answer .img-wrapper i {
  margin-right: 0.5rem;
  color: var(--text-paragraph);
}

.question-preview .question-body .question-detail .detail-answers .answers.answers-single .answer .img-wrapper img, .question-preview .question-body .question-detail .detail-answers .answers.answers-multiple .answer .img-wrapper img {
  width: 90px;
}

.question-preview .question-body .question-detail .detail-answers .answers.answers-matching .answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.question-preview .question-body .question-detail .detail-answers .answers.answers-matching .answer:not(:last-child) {
  margin-bottom: 1.5rem;
}

.question-preview .question-body .question-detail .detail-answers .answers.answers-matching .answer .answer-left,
.question-preview .question-body .question-detail .detail-answers .answers.answers-matching .answer .answer-right {
  width: calc(50% - 0.75rem);
}

.question-preview .question-body .question-detail .detail-answers .answers.answers-matching .answer .answer-left .img-mask,
.question-preview .question-body .question-detail .detail-answers .answers.answers-matching .answer .answer-right .img-mask {
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}

.question-preview .question-body .question-detail .detail-answers .answers.answers-drag-drop .droppable-answers p.p-overline,
.question-preview .question-body .question-detail .detail-answers .answers.answers-drag-drop .draggable-answers p.p-overline {
  margin-bottom: 0.75rem;
}

.question-preview .question-body .question-detail .detail-answers .answers.answers-drag-drop .droppable-answers .img-wrapper,
.question-preview .question-body .question-detail .detail-answers .answers.answers-drag-drop .draggable-answers .img-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-preview .question-body .question-detail .detail-answers .answers.answers-drag-drop .droppable-answers .img-wrapper:not(:last-child),
.question-preview .question-body .question-detail .detail-answers .answers.answers-drag-drop .draggable-answers .img-wrapper:not(:last-child) {
  margin-bottom: 0.5rem;
}

.question-preview .question-body .question-detail .detail-answers .answers.answers-drag-drop .droppable-answers .img-wrapper img,
.question-preview .question-body .question-detail .detail-answers .answers.answers-drag-drop .draggable-answers .img-wrapper img {
  width: 90px;
}

.question-preview .question-body .question-detail .detail-answers .answers.answers-drag-drop .droppable-answers {
  margin-bottom: 1.5rem;
}

.question-preview .question-body .question-detail .detail-answers .answers.answers-dropdown p .badge.badge-outline-default {
  border: 1px solid var(--text-title);
}

.question-preview .question-body .question-detail .detail-answers .answers .answer p {
  color: var(--text-overline);
}

.question-preview .question-footer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.question-preview .question-footer .btn.btn-expand-question-detail {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.modal.modal-select-dropdown-config .modal-dialog .modal-content .modal-body {
  height: 400px;
}

.modal.modal-select-dropdown-config .modal-dialog .modal-content .modal-body .append-dropdown-config {
  height: 100%;
}

.modal.modal-select-dropdown-config .modal-dialog .modal-content .modal-body .append-dropdown-config .row {
  height: 100%;
}

.modal.modal-select-dropdown-config .modal-dialog .modal-content .modal-body .append-dropdown-config .row > div {
  height: 100%;
}

.modal.modal-select-dropdown-config .modal-dialog .modal-content .modal-body .append-dropdown-config .row > div .card {
  height: 100%;
  overflow-x: hidden;
  overflow-y: overlay;
}

.modal.modal-select-dropdown-config .modal-dialog .modal-content .modal-body .append-dropdown-config .row > div .card::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.modal.modal-select-dropdown-config .modal-dialog .modal-content .modal-body .append-dropdown-config .row > div .card::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.modal.modal-select-dropdown-config .modal-dialog .modal-content .modal-body .append-dropdown-config .row > div .card::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.zyk-select {
  display: block;
}

.zyk-select .zyk-select-wrapper {
  position: relative;
}

.zyk-select .zyk-select-wrapper select {
  width: 1px;
  height: 1px;
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.zyk-select .zyk-select-wrapper .zyk-select-button {
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  background-color: var(--bg-bw);
  color: var(--text-paragraph);
  border: 1px solid var(--gray-3);
  font-weight: 500;
  font-size: 0.875rem;
  border-radius: 0.5rem;
}

.zyk-select .zyk-select-wrapper .zyk-select-button a {
  width: 100%;
  height: 100%;
  color: var(--text-paragraph);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-select .zyk-select-wrapper .zyk-select-menu {
  min-width: 15rem;
  padding: 0.5rem;
  background-color: var(--gray-1);
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
  box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
}

.zyk-select .zyk-select-wrapper .zyk-select-menu.show {
  display: block;
}

.zyk-select .zyk-select-wrapper .zyk-select-menu.zyk-select-menu-right {
  left: auto;
  right: 0;
}

.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-header {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-header .btn:only-child {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-header .btn:not(:only-child) {
  margin-left: 0.5rem;
}

.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-header .btn.zyk-select-menu-reset-search {
  border-color: var(--gray-3);
}

.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-body {
  max-height: 300px;
  padding: 0 0.75rem;
  border: 1px solid var(--border);
  border-radius: 0.5rem;
  overflow-x: hidden;
  overflow-y: overlay;
}

.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-body::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-body::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-body::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-body ul {
  padding-left: 0;
  list-style: none;
}

.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-body ul li a {
  padding: 0.5rem 0 0.5rem calc(var(--level) * 0.5rem + 0.5rem);
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-paragraph);
  display: block;
}

.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-body ul li a:hover {
  background-color: var(--primary);
  color: var(--white);
  border-radius: 0.5rem;
}

.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-body > ul > li:not(:last-child) {
  border-bottom: 1px solid var(--border);
}

.zyk-select-2 {
  display: block;
  position: relative;
}

.zyk-select-2 .zyk-select-2-wrapper {
  width: 100%;
  height: calc(1.5em + 1.25rem + 2px);
  padding: 0.375rem 0.75rem;
  background-color: var(--bg-bw);
  color: var(--text-paragraph);
  border: 1px solid var(--gray-3);
  border-radius: 0.25rem;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-select-2 .zyk-select-2-wrapper::-webkit-scrollbar {
  display: none;
}

.zyk-select-2 .zyk-select-2-wrapper > a {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  min-width: 32px;
  height: 100%;
  display: block;
}

.zyk-select-2 .zyk-select-2-wrapper .zyk-select-2-item {
  padding-left: 0.5rem;
  background-color: var(--primary);
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-select-2 .zyk-select-2-wrapper .zyk-select-2-item:not(:first-child) {
  margin-left: 0.5rem;
}

.zyk-select-2 .zyk-select-2-wrapper .zyk-select-2-item p.p-sm {
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--white);
}

.zyk-select-2 .zyk-select-2-wrapper .zyk-select-2-item .input-wrapper {
  position: relative;
}

.zyk-select-2 .zyk-select-2-wrapper .zyk-select-2-item .input-wrapper .form-control {
  width: 80px;
  height: calc(100% - 1rem);
  padding: 0 0.25rem;
}

.zyk-select-2 .zyk-select-2-wrapper .zyk-select-2-item .input-wrapper .form-control.disabled, .zyk-select-2 .zyk-select-2-wrapper .zyk-select-2-item .input-wrapper .form-control:disabled {
  height: 100%;
  text-align: center;
  background-color: transparent;
  color: var(--white);
  border-color: transparent;
}

.zyk-select-2 .zyk-select-2-wrapper .zyk-select-2-item .input-wrapper .input-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.zyk-select-2 .zyk-select-2-wrapper .zyk-select-2-item .btn {
  height: 100%;
  padding: 0 0.25rem;
  color: var(--white);
}

.zyk-select-2 .zyk-select-2-menu {
  width: 100%;
  padding: 0.5rem;
  background-color: var(--gray-1);
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
  box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
}

.zyk-select-2 .zyk-select-2-menu.show {
  display: block;
}

.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-header {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-header .btn {
  margin-left: 0.5rem;
}

.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-header .btn.zyk-select-menu-2-reset-search {
  border-color: var(--border);
}

.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body {
  max-height: 300px;
  padding: 0 0.75rem;
  border: 1px solid var(--border);
  border-radius: 0.5rem;
  overflow-x: hidden;
  overflow-y: overlay;
}

.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body ul {
  padding-left: 0;
  list-style: none;
}

.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body ul li a,
.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body ul li p.p-sm {
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-paragraph);
  display: block;
}

.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body ul li a {
  padding-left: 1.5rem;
}

.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body ul li a:hover {
  background-color: var(--primary);
  color: var(--white);
  border-radius: 0.5rem;
}

.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body > ul > li:not(:last-child) {
  border-bottom: 1px solid var(--border);
}

.nav.nav-pills.nav-underline.nav-primary .nav-link:hover {
  color: var(--primary);
}

.nav.nav-pills.nav-underline.nav-primary .nav-link.active {
  border-bottom-color: var(--primary);
  color: var(--primary);
}

.nav.nav-pills.nav-underline.nav-secondary .nav-link:hover {
  color: var(--secondary);
}

.nav.nav-pills.nav-underline.nav-secondary .nav-link.active {
  border-bottom-color: var(--secondary);
  color: var(--secondary);
}

.nav.nav-pills.nav-underline .nav-link {
  font-size: 0.875rem;
  border-bottom: 2px solid transparent;
  color: var(--text-paragraph);
  border-radius: 0;
}

.nav.nav-pills.nav-underline .nav-link:hover {
  color: var(--text-paragraph);
}

.nav.nav-pills.nav-underline .nav-link.active {
  background-color: transparent;
  border-bottom-color: var(--bg-bw-rv);
  color: var(--text-title);
}

.list-group .list-group-item {
  background-color: var(--bg-bw);
  border-color: var(--border);
  position: relative;
  z-index: 1;
}

.list-group .list-group-item:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
}

.list-group .list-group-item:first-child:before {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
}

.list-group .list-group-item:first-child a {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
}

.list-group .list-group-item:last-child {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.list-group .list-group-item:last-child:before {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
}

.list-group .list-group-item:last-child a {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.list-group .list-group-item a {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  color: var(--text-subtitle);
  display: block;
}

:root,
.theme-default,
.theme-light {
  --brand:                                        #4397A4;
  --k12-header:                                   #5CB7B0;
  --pro:                                          #B31F66;
  --default:                                      #ccc;
  --primary:                                      #5CB7B0;
  --secondary:                                    #FFB64A;
  --black:                                        #000;
  --white:                                        #fff;
  --success:                                      #00BD8E;
  --warning:                                      #FFA800;
  --danger:                                       #F55B5B;
  --link:                                         #04B0D6;
  --default-alpha-0:                              rgba(204, 204, 204, 0);
  --default-alpha-10:                             rgba(204, 204, 204, 0.1);
  --default-alpha-20:                             rgba(204, 204, 204, 0.2);
  --default-alpha-30:                             rgba(204, 204, 204, 0.3);
  --default-alpha-40:                             rgba(204, 204, 204, 0.4);
  --default-alpha-50:                             rgba(204, 204, 204, 0.5);
  --default-alpha-60:                             rgba(204, 204, 204, 0.6);
  --default-alpha-70:                             rgba(204, 204, 204, 0.7);
  --default-alpha-80:                             rgba(204, 204, 204, 0.8);
  --default-alpha-90:                             rgba(204, 204, 204, 0.9);
  --primary-alpha-0:                              rgba(92, 183, 176, 0);
  --primary-alpha-10:                             rgba(92, 183, 176, 0.1);
  --primary-alpha-20:                             rgba(92, 183, 176, 0.2);
  --primary-alpha-30:                             rgba(92, 183, 176, 0.3);
  --primary-alpha-40:                             rgba(92, 183, 176, 0.4);
  --primary-alpha-50:                             rgba(92, 183, 176, 0.5);
  --primary-alpha-60:                             rgba(92, 183, 176, 0.6);
  --primary-alpha-70:                             rgba(92, 183, 176, 0.7);
  --primary-alpha-80:                             rgba(92, 183, 176, 0.8);
  --primary-alpha-90:                             rgba(92, 183, 176, 0.9);
  --secondary-alpha-0:                            rgba(255, 182, 74, 0);
  --secondary-alpha-10:                           rgba(255, 182, 74, 0.1);
  --secondary-alpha-20:                           rgba(255, 182, 74, 0.2);
  --secondary-alpha-30:                           rgba(255, 182, 74, 0.3);
  --secondary-alpha-40:                           rgba(255, 182, 74, 0.4);
  --secondary-alpha-50:                           rgba(255, 182, 74, 0.5);
  --secondary-alpha-60:                           rgba(255, 182, 74, 0.6);
  --secondary-alpha-70:                           rgba(255, 182, 74, 0.7);
  --secondary-alpha-80:                           rgba(255, 182, 74, 0.8);
  --secondary-alpha-90:                           rgba(255, 182, 74, 0.9);
  --success-alpha-0:                              rgba(0, 189, 142, 0);
  --success-alpha-10:                             rgba(0, 189, 142, 0.1);
  --success-alpha-20:                             rgba(0, 189, 142, 0.2);
  --success-alpha-30:                             rgba(0, 189, 142, 0.3);
  --success-alpha-40:                             rgba(0, 189, 142, 0.4);
  --success-alpha-50:                             rgba(0, 189, 142, 0.5);
  --success-alpha-60:                             rgba(0, 189, 142, 0.6);
  --success-alpha-70:                             rgba(0, 189, 142, 0.7);
  --success-alpha-80:                             rgba(0, 189, 142, 0.8);
  --success-alpha-90:                             rgba(0, 189, 142, 0.9);
  --warning-alpha-0:                              rgba(255, 168, 0, 0);
  --warning-alpha-10:                             rgba(255, 168, 0, 0.1);
  --warning-alpha-20:                             rgba(255, 168, 0, 0.2);
  --warning-alpha-30:                             rgba(255, 168, 0, 0.3);
  --warning-alpha-40:                             rgba(255, 168, 0, 0.4);
  --warning-alpha-50:                             rgba(255, 168, 0, 0.5);
  --warning-alpha-60:                             rgba(255, 168, 0, 0.6);
  --warning-alpha-70:                             rgba(255, 168, 0, 0.7);
  --warning-alpha-80:                             rgba(255, 168, 0, 0.8);
  --warning-alpha-90:                             rgba(255, 168, 0, 0.9);
  --danger-alpha-0:                               rgba(245, 91, 91, 0);
  --danger-alpha-10:                              rgba(245, 91, 91, 0.1);
  --danger-alpha-20:                              rgba(245, 91, 91, 0.2);
  --danger-alpha-30:                              rgba(245, 91, 91, 0.3);
  --danger-alpha-40:                              rgba(245, 91, 91, 0.4);
  --danger-alpha-50:                              rgba(245, 91, 91, 0.5);
  --danger-alpha-60:                              rgba(245, 91, 91, 0.6);
  --danger-alpha-70:                              rgba(245, 91, 91, 0.7);
  --danger-alpha-80:                              rgba(245, 91, 91, 0.8);
  --danger-alpha-90:                              rgba(245, 91, 91, 0.9);
  --link-alpha-0:                                 rgba(4, 176, 214, 0);
  --link-alpha-10:                                rgba(4, 176, 214, 0.1);
  --link-alpha-20:                                rgba(4, 176, 214, 0.2);
  --link-alpha-30:                                rgba(4, 176, 214, 0.3);
  --link-alpha-40:                                rgba(4, 176, 214, 0.4);
  --link-alpha-50:                                rgba(4, 176, 214, 0.5);
  --link-alpha-60:                                rgba(4, 176, 214, 0.6);
  --link-alpha-70:                                rgba(4, 176, 214, 0.7);
  --link-alpha-80:                                rgba(4, 176, 214, 0.8);
  --link-alpha-90:                                rgba(4, 176, 214, 0.9);
  --black-alpha-0:                                 rgba(0, 0, 0, 0);
  --black-alpha-10:                                rgba(0, 0, 0, 0.1);
  --black-alpha-20:                                rgba(0, 0, 0, 0.2);
  --black-alpha-30:                                rgba(0, 0, 0, 0.3);
  --black-alpha-40:                                rgba(0, 0, 0, 0.4);
  --black-alpha-50:                                rgba(0, 0, 0, 0.5);
  --black-alpha-60:                                rgba(0, 0, 0, 0.6);
  --black-alpha-70:                                rgba(0, 0, 0, 0.7);
  --black-alpha-80:                                rgba(0, 0, 0, 0.8);
  --black-alpha-90:                                rgba(0, 0, 0, 0.9);
  --white-alpha-0:                                 rgba(255, 255, 255, 0);
  --white-alpha-10:                                rgba(255, 255, 255, 0.1);
  --white-alpha-20:                                rgba(255, 255, 255, 0.2);
  --white-alpha-30:                                rgba(255, 255, 255, 0.3);
  --white-alpha-40:                                rgba(255, 255, 255, 0.4);
  --white-alpha-50:                                rgba(255, 255, 255, 0.5);
  --white-alpha-60:                                rgba(255, 255, 255, 0.6);
  --white-alpha-70:                                rgba(255, 255, 255, 0.7);
  --white-alpha-80:                                rgba(255, 255, 255, 0.8);
  --white-alpha-90:                                rgba(255, 255, 255, 0.9);
  --pro-alpha-0:                                   rgba(179, 31, 102, 0);
  --pro-alpha-10:                                  rgba(179, 31, 102, 0.1);
  --pro-alpha-20:                                  rgba(179, 31, 102, 0.2);
  --pro-alpha-30:                                  rgba(179, 31, 102, 0.3);
  --pro-alpha-40:                                  rgba(179, 31, 102, 0.4);
  --pro-alpha-50:                                  rgba(179, 31, 102, 0.5);
  --pro-alpha-60:                                  rgba(179, 31, 102, 0.6);
  --pro-alpha-70:                                  rgba(179, 31, 102, 0.7);
  --pro-alpha-80:                                  rgba(179, 31, 102, 0.8);
  --pro-alpha-90:                                  rgba(179, 31, 102, 0.9);
  --gray-1:                                       #F8F9FC;
  --gray-2:                                       #e5e5ea;
  --gray-3:                                       #d1d1d6;
  --gray-4:                                       #c7c7cc;
  --gray-5:                                       #aeaeb2;
  --gray-6:                                       #8e8e93;
  --bg-bw:                                        #fefefe;
  --bg-bw-rv:                                     #121212;
  --bg-main:                                      #f2f2f2;
  --bg-submain:                                   #d1d1d6;
  --light:                                        #fefefe;
  --dark:                                         #121212;
  --bg-bw-alpha-0:                                rgba(254, 254, 254, 0);
  --bg-bw-alpha-10:                               rgba(254, 254, 254, 0.1);
  --bg-bw-alpha-20:                               rgba(254, 254, 254, 0.2);
  --bg-bw-alpha-30:                               rgba(254, 254, 254, 0.3);
  --bg-bw-alpha-40:                               rgba(254, 254, 254, 0.4);
  --bg-bw-alpha-50:                               rgba(254, 254, 254, 0.5);
  --bg-bw-alpha-60:                               rgba(254, 254, 254, 0.6);
  --bg-bw-alpha-70:                               rgba(254, 254, 254, 0.7);
  --bg-bw-alpha-80:                               rgba(254, 254, 254, 0.8);
  --bg-bw-alpha-90:                               rgba(254, 254, 254, 0.9);
  --bg-bw-rv-alpha-0:                             rgba(18, 18, 18, 0);
  --bg-bw-rv-alpha-10:                            rgba(18, 18, 18, 0.1);
  --bg-bw-rv-alpha-20:                            rgba(18, 18, 18, 0.2);
  --bg-bw-rv-alpha-30:                            rgba(18, 18, 18, 0.3);
  --bg-bw-rv-alpha-40:                            rgba(18, 18, 18, 0.4);
  --bg-bw-rv-alpha-50:                            rgba(18, 18, 18, 0.5);
  --bg-bw-rv-alpha-60:                            rgba(18, 18, 18, 0.6);
  --bg-bw-rv-alpha-70:                            rgba(18, 18, 18, 0.7);
  --bg-bw-rv-alpha-80:                            rgba(18, 18, 18, 0.8);
  --bg-bw-rv-alpha-90:                            rgba(18, 18, 18, 0.9);
  --light-alpha-0:                                rgba(254, 254, 254, 0);
  --light-alpha-10:                               rgba(254, 254, 254, 0.1);
  --light-alpha-20:                               rgba(254, 254, 254, 0.2);
  --light-alpha-30:                               rgba(254, 254, 254, 0.3);
  --light-alpha-40:                               rgba(254, 254, 254, 0.4);
  --light-alpha-50:                               rgba(254, 254, 254, 0.5);
  --light-alpha-60:                               rgba(254, 254, 254, 0.6);
  --light-alpha-70:                               rgba(254, 254, 254, 0.7);
  --light-alpha-80:                               rgba(254, 254, 254, 0.8);
  --light-alpha-90:                               rgba(254, 254, 254, 0.9);
  --dark-alpha-0:                                 rgba(18, 18, 18, 0);
  --dark-alpha-10:                                rgba(18, 18, 18, 0.1);
  --dark-alpha-20:                                rgba(18, 18, 18, 0.2);
  --dark-alpha-30:                                rgba(18, 18, 18, 0.3);
  --dark-alpha-40:                                rgba(18, 18, 18, 0.4);
  --dark-alpha-50:                                rgba(18, 18, 18, 0.5);
  --dark-alpha-60:                                rgba(18, 18, 18, 0.6);
  --dark-alpha-70:                                rgba(18, 18, 18, 0.7);
  --dark-alpha-80:                                rgba(18, 18, 18, 0.8);
  --dark-alpha-90:                                rgba(18, 18, 18, 0.9);
  --border:                                       var(--gray-2);
  --gradient-primary-start:                       #5CB7B0;
  --gradient-primary-end:                         #36DAB1;
  --gradient-secondary-start:                     #F5C45B;
  --gradient-secondary-end:                       #FFA800;
  --text-title:                                   #1c1c1c;
  --text-subtitle:                                #484848;
  --text-paragraph:                               #636363;
  --text-overline:                                #636363;
  --web-font:                                     'Be Vietnam Pro', sans-serif;
}

.theme-dark {
  --default:                                      #fafafa;
  --gray-1:                                       #1b1b1d;
  --gray-2:                                       #2c2c2e;
  --gray-3:                                       #3a3a3c;
  --gray-4:                                       #48484a;
  --gray-5:                                       #636366;
  --gray-6:                                       #8e8e93;
  --bg-bw:                                        #121212;
  --bg-bw-rv:                                     #fefefe;
  --bg-main:                                      #1c1c1c;
  --bg-submain:                                   #3a3a3c;
  --light:                                        #121212;
  --dark:                                         #fefefe;
  --default-alpha-0:                              rgba(250, 250, 250, 0);
  --default-alpha-10:                             rgba(250, 250, 250, 0.1);
  --default-alpha-20:                             rgba(250, 250, 250, 0.2);
  --default-alpha-30:                             rgba(250, 250, 250, 0.3);
  --default-alpha-40:                             rgba(250, 250, 250, 0.4);
  --default-alpha-50:                             rgba(250, 250, 250, 0.5);
  --default-alpha-60:                             rgba(250, 250, 250, 0.6);
  --default-alpha-70:                             rgba(250, 250, 250, 0.7);
  --default-alpha-80:                             rgba(250, 250, 250, 0.8);
  --default-alpha-90:                             rgba(250, 250, 250, 0.9);
  --bg-bw-alpha-0:                                rgba(18, 18, 18, 0);
  --bg-bw-alpha-10:                               rgba(18, 18, 18, 0.1);
  --bg-bw-alpha-20:                               rgba(18, 18, 18, 0.2);
  --bg-bw-alpha-30:                               rgba(18, 18, 18, 0.3);
  --bg-bw-alpha-40:                               rgba(18, 18, 18, 0.4);
  --bg-bw-alpha-50:                               rgba(18, 18, 18, 0.5);
  --bg-bw-alpha-60:                               rgba(18, 18, 18, 0.6);
  --bg-bw-alpha-70:                               rgba(18, 18, 18, 0.7);
  --bg-bw-alpha-80:                               rgba(18, 18, 18, 0.8);
  --bg-bw-alpha-90:                               rgba(18, 18, 18, 0.9);
  --bg-bw-rv-alpha-0:                             rgba(254, 254, 254, 0);
  --bg-bw-rv-alpha-10:                            rgba(254, 254, 254, 0.1);
  --bg-bw-rv-alpha-20:                            rgba(254, 254, 254, 0.2);
  --bg-bw-rv-alpha-30:                            rgba(254, 254, 254, 0.3);
  --bg-bw-rv-alpha-40:                            rgba(254, 254, 254, 0.4);
  --bg-bw-rv-alpha-50:                            rgba(254, 254, 254, 0.5);
  --bg-bw-rv-alpha-60:                            rgba(254, 254, 254, 0.6);
  --bg-bw-rv-alpha-70:                            rgba(254, 254, 254, 0.7);
  --bg-bw-rv-alpha-80:                            rgba(254, 254, 254, 0.8);
  --bg-bw-rv-alpha-90:                            rgba(254, 254, 254, 0.9);
  --light-alpha-0:                                rgba(18, 18, 18, 0);
  --light-alpha-10:                               rgba(18, 18, 18, 0.1);
  --light-alpha-20:                               rgba(18, 18, 18, 0.2);
  --light-alpha-30:                               rgba(18, 18, 18, 0.3);
  --light-alpha-40:                               rgba(18, 18, 18, 0.4);
  --light-alpha-50:                               rgba(18, 18, 18, 0.5);
  --light-alpha-60:                               rgba(18, 18, 18, 0.6);
  --light-alpha-70:                               rgba(18, 18, 18, 0.7);
  --light-alpha-80:                               rgba(18, 18, 18, 0.8);
  --light-alpha-90:                               rgba(18, 18, 18, 0.9);
  --dark-alpha-0:                                 rgba(254, 254, 254, 0);
  --dark-alpha-10:                                rgba(254, 254, 254, 0.1);
  --dark-alpha-20:                                rgba(254, 254, 254, 0.2);
  --dark-alpha-30:                                rgba(254, 254, 254, 0.3);
  --dark-alpha-40:                                rgba(254, 254, 254, 0.4);
  --dark-alpha-50:                                rgba(254, 254, 254, 0.5);
  --dark-alpha-60:                                rgba(254, 254, 254, 0.6);
  --dark-alpha-70:                                rgba(254, 254, 254, 0.7);
  --dark-alpha-80:                                rgba(254, 254, 254, 0.8);
  --dark-alpha-90:                                rgba(254, 254, 254, 0.9);
  --border:                                       var(--gray-2);
  --text-title:                                   #f2f2f2;
  --text-subtitle:                                #c7c7c7;
  --text-paragraph:                               #aeaeae;
  --text-overline:                                #aeaeae;
}

.theme-default {
  --color-main-nav:                               #363636;
  --color-main-nav-link:                          var(--white);
}

.theme-light {
  --color-main-nav:                               var(--bg-bw);
  --color-main-nav-link:                          var(--text-paragraph);
}

.theme-dark {
  --color-main-nav:                               var(--bg-bw);
  --color-main-nav-link:                          var(--text-paragraph);
}

.guide-tour {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2001;
}

.guide-tour .item-guide {
  position: absolute;
  z-index: 2;
}

.guide-tour .item-guide.item-guide-top {
  -webkit-transform: translate(-50%, -26px);
  transform: translate(-50%, -26px);
}

.guide-tour .item-guide.item-guide-top .item-guide-wrapper:before {
  border-top: 10px solid var(--primary);
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.guide-tour .item-guide.item-guide-bottom {
  -webkit-transform: translate(-50%, 26px);
  transform: translate(-50%, 26px);
}

.guide-tour .item-guide.item-guide-bottom .item-guide-wrapper:before {
  border-bottom: 10px solid var(--primary);
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}

.guide-tour .item-guide.item-guide-left {
  -webkit-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}

.guide-tour .item-guide.item-guide-left .item-guide-wrapper:before {
  border-left: 10px solid var(--primary);
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  top: 50%;
  left: 100%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.guide-tour .item-guide.item-guide-right {
  -webkit-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}

.guide-tour .item-guide.item-guide-right .item-guide-wrapper:before {
  border-right: 10px solid var(--primary);
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

.guide-tour .item-guide .item-guide-wrapper {
  position: relative;
  z-index: 1;
}

.guide-tour .item-guide .item-guide-wrapper:before {
  content: '';
  width: 28px;
  height: 28px;
  position: absolute;
  z-index: -1;
}

.guide-tour .item-guide .item-guide-wrapper .arrow {
  width: 20px;
  height: 20px;
  background-color: var(--primary);
  border-radius: 0.25rem;
  position: absolute;
  top: 0;
  left: 50%;
}

.guide-tour .item-guide .item-guide-wrapper .item-guide-content {
  min-width: 15rem;
  max-width: 25rem;
  padding: 1rem;
  background-color: var(--primary);
  border-radius: 0.5rem;
}

.guide-tour .item-guide .item-guide-wrapper .item-guide-content .guide-heading {
  margin-bottom: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.guide-tour .item-guide .item-guide-wrapper .item-guide-content .guide-heading .btn-close-guide {
  padding: 0;
  color: var(--white);
}

.guide-tour .item-guide .item-guide-wrapper .item-guide-content h6,
.guide-tour .item-guide .item-guide-wrapper .item-guide-content p {
  color: var(--white);
}

.guide-tour .item-guide .item-guide-wrapper .item-guide-content p:not(:last-child) {
  margin-bottom: 0.75rem;
}

.guide-tour .item-guide .item-guide-wrapper .item-guide-content .guide-trick:not(:last-child) {
  margin-bottom: 1rem;
}

.guide-tour .item-guide .item-guide-wrapper .item-guide-content .guide-trick ul {
  padding-left: 1.5rem;
}

.guide-tour .item-guide .item-guide-wrapper .item-guide-content .guide-trick ul li {
  font-size: 0.875rem;
  color: var(--white);
}

.guide-tour .item-guide .item-guide-wrapper .item-guide-content .guide-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.guide-tour .item-guide .item-guide-wrapper .item-guide-content .guide-progress .progress-count {
  font-family: var(--webfont);
  font-size: 0.875rem;
  color: var(--white);
}

.guide-tour .item-guide .item-guide-wrapper .item-guide-content .guide-progress .progress-control .btn {
  color: var(--white);
}

.guide-tour-backdrop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
}

.zyk-type-suggest-menu {
  min-width: 10rem;
  max-height: 20vh;
  display: none;
  background-color: var(--gray-1);
  position: absolute;
  z-index: 1030;
  overflow-x: hidden;
  overflow-y: overlay;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
  box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
}

.zyk-type-suggest-menu::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.zyk-type-suggest-menu::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.zyk-type-suggest-menu::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.zyk-type-suggest-menu.show {
  display: block;
}

.zyk-type-suggest-menu .zyk-type-suggest-menu-item {
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  color: var(--text-paragraph);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.zyk-type-suggest-menu .zyk-type-suggest-menu-item:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
}

.zyk-type-suggest-menu .zyk-type-suggest-menu-item:last-child {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.zyk-type-suggest-menu .zyk-type-suggest-menu-item:not(:last-child) {
  border-bottom: 1px solid var(--border);
}

.zyk-type-suggest-menu .zyk-type-suggest-menu-item:not(.disabled):hover {
  background-color: var(--gray-2);
}

.zyk-type-suggest-menu .zyk-type-suggest-menu-item.disabled {
  text-align: center;
}

.zyk-type-suggest-menu .zyk-type-suggest-menu-item.disabled:hover {
  cursor: default;
}

.menu-group {
  background-color: var(--bg-bw);
  border-radius: 0.5rem;
}

.menu-group .menu-group-header {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid var(--border);
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
}

.menu-group .menu-group-header h6 {
  font-weight: 600;
  text-transform: uppercase;
}

.menu-group .menu-group-body {
  max-height: 70vh;
  overflow-x: hidden;
  overflow-y: overlay;
}

.menu-group .menu-group-body::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.menu-group .menu-group-body::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.menu-group .menu-group-body::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.menu-group .menu-group-body:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
}

.menu-group .menu-group-body:last-child {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.menu-group .menu-group-body .menu-group-item .menu-group-parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu-group .menu-group-body .menu-group-item .menu-group-parent.active, .menu-group .menu-group-body .menu-group-item .menu-group-parent:hover {
  background-image: -webkit-gradient(linear, left top, right top, from(#E9F1F2), to(rgba(233, 241, 242, 0)));
  background-image: linear-gradient(90deg, #E9F1F2, rgba(233, 241, 242, 0));
}

.menu-group .menu-group-body .menu-group-item .menu-group-parent.active a, .menu-group .menu-group-body .menu-group-item .menu-group-parent:hover a {
  color: var(--primary);
}

.menu-group .menu-group-body .menu-group-item .menu-group-child .menu-group-parent {
  padding-left: calc(var(--level) * 1.25rem);
}

.menu-group .menu-group-body .menu-group-item a {
  font-size: 0.875rem;
  color: var(--text-paragraph);
}

.menu-group .menu-group-body .menu-group-item a.menu-group-collapse {
  width: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu-group .menu-group-body .menu-group-item a.menu-group-link {
  width: 100%;
  padding: 0.5rem 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.menu-group .menu-group-body .menu-group-item a.menu-group-link:not(:first-child) {
  width: calc(100% - 32px);
  padding-left: 0;
}

.menu-group .menu-group-footer {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet {
  background-color: transparent;
  border: 1px solid var(--gray-4);
  opacity: 1;
}

.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--primary);
  border-color: var(--primary);
}

.zyk-dialog {
  display: none;
  -webkit-box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
  box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
  position: absolute;
  z-index: 1000;
}

.zyk-dialog.show {
  display: block;
}

.zyk-dialog .zyk-dialog-header {
  min-height: 50px;
  padding: 0 3rem;
  background-color: var(--bg-bw);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-dialog .zyk-dialog-header:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
}

.zyk-dialog .zyk-dialog-header .btn.btn-close-zyk-dialog {
  position: absolute;
  top: 0.25rem;
  right: 0;
  z-index: 1;
}

.zyk-dialog .zyk-dialog-body {
  max-width: 400px;
  padding: 0.25rem 1.5rem 0.5rem;
  background-color: var(--bg-bw);
}

.zyk-dialog .zyk-dialog-body p {
  text-align: center;
}

.zyk-dialog .zyk-dialog-body:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
}

.zyk-dialog .zyk-dialog-body:last-child {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.zyk-dialog .zyk-dialog-footer {
  padding: 0.25rem 1.5rem 0.5rem;
  background-color: var(--bg-bw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-dialog .zyk-dialog-footer:last-child {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.zyk-dialog .zyk-dialog-footer > * {
  margin: 0 0.25rem;
}

.progress {
  position: relative;
  border-radius: 2rem;
}

.progress .progress-bar {
  background-color: var(--primary);
  border-radius: 2rem;
}

.progress .progress-number {
  color: var(--text-paragraph);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.zyk-timeliner {
  width: 100%;
  height: 24px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.zyk-timeliner .zyk-timeliner-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.zyk-timeliner .zyk-timeliner-wrapper .timeline-layers-action {
  position: absolute;
  z-index: 100;
}

.zyk-timeliner .zyk-timeliner-wrapper .timeline-layers-action a {
  padding: 0.5rem 1rem;
  background-color: var(--gray-1);
  font-size: 0.875rem;
  color: var(--text-paragraph);
  border-radius: 0;
}

.zyk-timeliner .zyk-timeliner-wrapper .timeline-layers-action a:hover {
  background-color: var(--gray-2);
}

.zyk-timeliner .zyk-timeliner-wrapper .timeline-layers-action a:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
}

.zyk-timeliner .zyk-timeliner-wrapper .timeline-layers-action a:last-child {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}

.zyk-timeliner .zyk-timeliner-wrapper .zyk-timeliner-inner {
  width: 100%;
  height: 300px;
  background-color: var(--bg-bw);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.zyk-timeliner .zyk-timeliner-wrapper .zyk-timeliner-inner.timeliner-collapsed {
  -webkit-transform: translate(0, calc(100% - 24px));
  transform: translate(0, calc(100% - 24px));
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.zyk-timeliner .zyk-timeliner-wrapper .zyk-timeliner-inner .ui-resizable-handle.ui-resizable-n {
  width: 50%;
  height: 24px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.zyk-timeliner .zyk-timeliner-wrapper .zyk-timeliner-inner .ui-resizable-handle.ui-resizable-n:hover {
  cursor: n-resize;
}

.zyk-timeliner .timeliner-header {
  height: 24px;
  border-bottom: 1px solid var(--border);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-timeliner .timeliner-header .timeliner-header-left,
.zyk-timeliner .timeliner-header .timeliner-header-right {
  width: 50%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.zyk-timeliner .timeliner-header .timeliner-header-left::-webkit-scrollbar,
.zyk-timeliner .timeliner-header .timeliner-header-right::-webkit-scrollbar {
  display: none;
}

.zyk-timeliner .timeliner-header .timeliner-header-left {
  padding: 0 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-timeliner .timeliner-header .timeliner-header-left .timeliner-control-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-timeliner .timeliner-header .timeliner-header-left .timeliner-control-preview p {
  margin-right: 0.5rem;
  font-size: 0.625rem;
}

.zyk-timeliner .timeliner-header .timeliner-header-left .timeliner-control-preview .form-check .btn-switch {
  width: 20px;
  height: 10px;
}

.zyk-timeliner .timeliner-header .timeliner-header-left .timeliner-control-preview .form-check .btn-switch .control {
  width: 10px;
  height: 10px;
}

.zyk-timeliner .timeliner-header .timeliner-header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-timeliner .timeliner-header .timeliner-header-right .timeliner-zoom-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-timeliner .timeliner-header .timeliner-header-right .timeliner-zoom-control .btn {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 0.75rem;
  color: var(--text-title);
}

.zyk-timeliner .timeliner-header .timeliner-video-preview {
  width: 300px;
  min-height: 1px;
  background-color: var(--bg-bw);
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0.5rem;
  z-index: 1;
}

.zyk-timeliner .timeliner-header .timeliner-video-preview .timeliner-video-preview-header {
  height: 30px;
  padding: 0 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-timeliner .timeliner-header .timeliner-video-preview .timeliner-video-preview-body {
  width: 100%;
}

.zyk-timeliner .timeliner-header .timeliner-video-preview .timeliner-video-preview-body .preview-video-youtube,
.zyk-timeliner .timeliner-header .timeliner-video-preview .timeliner-video-preview-body .preview-video {
  width: 300px;
  height: calc(300px / 16 * 9);
  overflow: hidden;
  display: none;
}

.zyk-timeliner .timeliner-header .timeliner-video-preview .timeliner-video-preview-body .preview-video-youtube iframe {
  width: 100%;
  height: 100%;
}

.zyk-timeliner .timeliner-body {
  height: calc(100% - 48px);
  border-bottom: 1px solid var(--border);
  overflow: hidden;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content,
.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline {
  height: 100%;
  overflow: hidden;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content {
  width: 300px;
  border-right: 1px solid var(--border);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-controls {
  height: 28px;
  border-bottom: 1px solid var(--border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-controls .btn {
  padding: 0 0.5rem;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-controls .btn.btn-add-layer-group {
  margin-left: auto;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-controls .timeliner-play-controls {
  padding: 0 0.5rem;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-controls .timeliner-play-controls .btn {
  padding: 0 0.5rem;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-controls .timeliner-scale-controls {
  padding: 0 0.5rem;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-controls .timeliner-scale-controls .timeliner-change-scale {
  height: 100%;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper {
  height: calc(100% - 28px);
  padding-bottom: 0.75rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper::-webkit-scrollbar {
  display: none;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group-placeholder {
  width: 100%;
  height: 36px;
  background-color: var(--secondary-alpha-30);
  border: 2px dashed var(--secondary);
  border-radius: 0.5rem;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group {
  width: 100%;
  position: relative;
  z-index: 1;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group:not(:last-child) {
  margin-bottom: 0.25rem;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group.active .timeliner-label-item {
  background-color: var(--primary-alpha-30);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group.active .timeliner-label-item p {
  color: var(--white);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group.active .timeliner-label-group-header .timeliner-label-item {
  background-color: var(--primary-alpha-50);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-item-placeholder {
  width: 100%;
  height: 30px;
  background-color: var(--secondary-alpha-30);
  border: 1px dashed var(--secondary);
  border-radius: 0.5rem;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-item {
  height: 30px;
  padding: 0.5rem 0.75rem;
  background-color: var(--gray-1);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-item:not(:last-child) {
  border-bottom: 2px solid var(--border);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-item:hover .btn-group {
  background-color: var(--gray-1);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-item:hover .btn-group .btn {
  opacity: 1;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-item.active {
  background-color: var(--primary-alpha-30);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-item.active p {
  color: var(--white);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-item .btn.btn-expand-timeliner-group {
  width: 24px;
  height: 24px;
  padding: 0;
  margin-right: 0.25rem;
  color: var(--text-paragraph);
  display: block;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-item h6,
.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-item p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-item h6.subtitle-sm {
  font-size: 0.75rem;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-item p {
  font-size: 0.625rem;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-item .btn-group {
  background-color: transparent;
  border-radius: 0.5rem;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 10;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-item .btn-group .btn {
  opacity: 0;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-item .btn-group .dropdown-menu .dropdown-item {
  width: 200px;
  font-size: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-group-header .timeliner-label-item {
  background-color: var(--gray-2);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-group-header .timeliner-label-item:hover .btn-group {
  background-color: var(--gray-2);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-group-header .timeliner-label-item .btn-group {
  background-color: transparent;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-group-body {
  display: none;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-group-body.shown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-group-body .timeliner-label-item {
  width: 100%;
  padding-left: 3rem;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-content .timeliner-labels-wrapper .timeliner-labels .timeliner-label-group .timeliner-label-group-body .timeliner-label-item:not(:last-child) {
  border-bottom: 1px solid var(--border);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline {
  width: calc(100% - 300px);
  position: relative;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline::-webkit-scrollbar {
  display: none;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-current-liner {
  width: 1px;
  background-color: var(--secondary);
  position: absolute;
  top: 0;
  z-index: 1;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-current-marker {
  width: 14px;
  height: 16px;
  border-top: 8px solid var(--secondary);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-radius: 0.25rem;
  position: absolute;
  top: 0;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-main-timeline-wrapper {
  width: 100%;
  height: 28px;
  overflow: hidden;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-main-timeline-wrapper .timeliner-main-timeline {
  height: 100%;
  background-color: var(--bg-bw);
  background-repeat: repeat-x;
  background-position: bottom left;
  border-bottom: 1px solid var(--border);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-main-timeline-wrapper .timeliner-main-timeline.timeline-025 {
  background-image: url("/img/20210905/slide_maker/timeline_marker_025.svg");
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-main-timeline-wrapper .timeliner-main-timeline.timeline-05 {
  background-image: url("/img/20210905/slide_maker/timeline_marker_05.svg");
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-main-timeline-wrapper .timeliner-main-timeline.timeline-1 {
  background-image: url("/img/20210905/slide_maker/timeline_marker_1.svg");
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-main-timeline-wrapper .timeliner-main-timeline.timeline-5 {
  background-image: url("/img/20210905/slide_maker/timeline_marker_5.svg");
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-main-timeline-wrapper .timeliner-main-timeline.timeline-30 {
  background-image: url("/img/20210905/slide_maker/timeline_marker_30.svg");
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-main-timeline-wrapper .timeliner-main-timeline span {
  padding: 0 0.5rem;
  font-size: 0.75rem;
  color: var(--text-title);
  -webkit-transform: translate(0, -0.25rem);
  transform: translate(0, -0.25rem);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers {
  height: calc(100% - 40px);
  overflow: hidden;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers::-webkit-scrollbar {
  display: none;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group:not(:last-child) {
  margin-bottom: 0.25rem;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group.active .timeliner-layer-group-item {
  background-color: var(--primary-alpha-30);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item {
  height: 30px;
  padding: 0;
  background-color: var(--gray-1);
  position: relative;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item.active {
  background-color: var(--primary-alpha-30);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame {
  height: calc(100% - 0.25rem);
  background-color: var(--bg-bw-rv-alpha-50);
  position: absolute !important;
  top: 0.125rem;
  z-index: 1;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame:hover {
  cursor: pointer;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-object {
  background-color: var(--link-alpha-50);
  border: 1px solid var(--link);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio {
  background-color: var(--success-alpha-50);
  border: 1px solid var(--success);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video {
  background-color: var(--danger-alpha-50);
  border: 1px solid var(--danger);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-slide {
  background-color: var(--warning-alpha-50);
  border: 1px solid var(--warning);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio .timeline-layer-frame-inner, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video .timeline-layer-frame-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio .timeline-layer-frame-inner .timeline-media-condition-marker, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video .timeline-layer-frame-inner .timeline-media-condition-marker {
  width: 6px;
  height: 6px;
  border-bottom: 6px solid var(--white);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio .timeline-layer-frame-inner .timeline-media-condition-marker:hover, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video .timeline-layer-frame-inner .timeline-media-condition-marker:hover {
  cursor: pointer;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio .ui-resizable-handle.ui-resizable-e, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio .ui-resizable-handle.ui-resizable-w, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video .ui-resizable-handle.ui-resizable-e, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video .ui-resizable-handle.ui-resizable-w {
  display: none;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-object-non-duration, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio-non-duration, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video-non-duration, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-slide-non-duration {
  width: 2px;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-object-non-duration .timeline-layer-frame-inner, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio-non-duration .timeline-layer-frame-inner, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video-non-duration .timeline-layer-frame-inner, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-slide-non-duration .timeline-layer-frame-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-object-non-duration .timeline-layer-frame-inner:before, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-object-non-duration .timeline-layer-frame-inner:after, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio-non-duration .timeline-layer-frame-inner:before, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio-non-duration .timeline-layer-frame-inner:after, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video-non-duration .timeline-layer-frame-inner:before, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video-non-duration .timeline-layer-frame-inner:after, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-slide-non-duration .timeline-layer-frame-inner:before, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-slide-non-duration .timeline-layer-frame-inner:after {
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-object-non-duration .timeline-layer-frame-inner:before, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio-non-duration .timeline-layer-frame-inner:before, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video-non-duration .timeline-layer-frame-inner:before, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-slide-non-duration .timeline-layer-frame-inner:before {
  top: 50%;
  border-top: 12px solid;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-object-non-duration .timeline-layer-frame-inner:after, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio-non-duration .timeline-layer-frame-inner:after, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video-non-duration .timeline-layer-frame-inner:after, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-slide-non-duration .timeline-layer-frame-inner:after {
  bottom: 50%;
  border-bottom: 12px solid;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-object-non-duration .ui-resizable-handle.ui-resizable-e, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-object-non-duration .ui-resizable-handle.ui-resizable-w, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio-non-duration .ui-resizable-handle.ui-resizable-e, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio-non-duration .ui-resizable-handle.ui-resizable-w, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video-non-duration .ui-resizable-handle.ui-resizable-e, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video-non-duration .ui-resizable-handle.ui-resizable-w, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-slide-non-duration .ui-resizable-handle.ui-resizable-e, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-slide-non-duration .ui-resizable-handle.ui-resizable-w {
  display: none;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-object-non-duration .timeline-layer-frame-inner:before {
  border-top-color: var(--link-alpha-50);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-object-non-duration .timeline-layer-frame-inner:after {
  border-bottom-color: var(--link-alpha-50);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio-non-duration .timeline-layer-frame-inner:before {
  border-top-color: var(--success-alpha-50);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-audio-non-duration .timeline-layer-frame-inner:after {
  border-bottom-color: var(--success-alpha-50);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video-non-duration .timeline-layer-frame-inner:before {
  border-top-color: var(--danger-alpha-50);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-video-non-duration .timeline-layer-frame-inner:after {
  border-bottom-color: var(--danger-alpha-50);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-slide-non-duration .timeline-layer-frame-inner:before {
  border-top-color: var(--warning-alpha-50);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame.frame-slide-non-duration .timeline-layer-frame-inner:after {
  border-bottom-color: var(--warning-alpha-50);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame .ui-resizable-handle.ui-resizable-e, .zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame .ui-resizable-handle.ui-resizable-w {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame .ui-resizable-handle.ui-resizable-w {
  left: 0;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame .ui-resizable-handle.ui-resizable-w:hover {
  cursor: w-resize;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame .ui-resizable-handle.ui-resizable-e {
  right: -12px;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-item .timeline-layer-frame .ui-resizable-handle.ui-resizable-e:hover {
  cursor: e-resize;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-body {
  display: none;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-body.shown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-body .timeliner-layer-group-item {
  width: 100%;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-timeline-layers .timeliner-layer-group .timeliner-layer-group-body .timeliner-layer-group-item:not(:last-child) {
  border-bottom: 1px solid var(--border);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-scroll-wrapper {
  width: 100%;
  height: 12px;
  border-top: 1px solid var(--border);
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-scroll-wrapper .timeliner-scroll-inner {
  width: 100%;
  height: 100%;
  position: relative;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-scroll-wrapper .timeliner-scroll-inner .scroll-control {
  height: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-scroll-wrapper .timeliner-scroll-inner .scroll-control .ui-resizable-handle {
  width: 8px;
  height: 8px;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-scroll-wrapper .timeliner-scroll-inner .scroll-control .ui-resizable-handle.ui-resizable-e:hover {
  cursor: e-resize;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-wrapper-timeline .timeliner-scroll-wrapper .timeliner-scroll-inner .scroll-control .ui-resizable-handle.ui-resizable-w:hover {
  cursor: w-resize;
}

.zyk-timeliner .timeliner-body .timeliner-wrapper .timeliner-float-menu {
  display: none;
  width: 100%;
  max-width: 10rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
}

.zyk-timeliner .timeliner-footer {
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-timeliner .timeliner-footer > div {
  width: 50%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.zyk-timeliner .timeliner-footer > div::-webkit-scrollbar {
  display: none;
}

.zyk-timeliner .timeliner-footer > div.timeliner-footer-left {
  padding: 0 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-timeliner .timeliner-footer > div.timeliner-footer-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.zyk-timeliner .timeliner-footer > div.timeliner-footer-right .btn {
  width: 24px;
  height: 24px;
  padding: 0;
}

.zyk-timeliner .timeliner-prepare {
  display: none;
}

html,
body {
  font-family: var(--web-font);
  font-size: 16px;
}

html.font-size-small,
body.font-size-small {
  font-size: 14px;
}

html.font-size-medium,
body.font-size-medium {
  font-size: 18px;
}

html.font-size-max,
body.font-size-max {
  font-size: 20px;
}

.ratio-wrapper {
  position: relative;
}

.ratio-wrapper.ratio-wrapper-16-9 {
  padding-top: calc(9 / 16 * 100%);
}

.ratio-wrapper.ratio-wrapper-1-1 {
  padding-top: calc(1 / 1 * 100%);
}

.ratio-wrapper.ratio-wrapper-4-3 {
  padding-top: calc(3 / 4 * 100%);
}

.ratio-wrapper > .img-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.img-mask {
  overflow: hidden;
}

.img-mask.img-mask-circle {
  border-radius: 50%;
}

.img-mask.img-mask-rounded {
  border-radius: 0.5rem;
}

.img-mask img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.user-info-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.user-info-wrapper .img-mask {
  width: 24px;
  height: 24px;
  margin-right: 0.75rem;
}

.user-info-wrapper h6,
.user-info-wrapper p {
  width: calc(100% - 24px - 0.75rem);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

a {
  text-decoration: none;
}

.popup-shown .popup {
  z-index: 1072;
}

textarea {
  resize: none;
}

p.no-data {
  width: 100%;
  padding: 0.25rem;
  display: block;
  text-align: center;
}

.block-no-data {
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.block-no-data img {
  width: 25%;
  min-width: 300px;
  margin: 1.5rem auto;
  display: block;
}

.bg-primary {
  background-color: var(--primary) !important;
}

.text-primary {
  color: var(--primary) !important;
}

.bg-secondary {
  background-color: var(--secondary) !important;
}

.text-secondary {
  color: var(--secondary) !important;
}

.bg-success {
  background-color: var(--success) !important;
}

.text-success {
  color: var(--success) !important;
}

.bg-warning {
  background-color: var(--warning) !important;
}

.text-warning {
  color: var(--warning) !important;
}

.bg-danger {
  background-color: var(--danger) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.bg-link {
  background-color: var(--link) !important;
}

.text-link {
  color: var(--link) !important;
}

.bg-pro {
  background-color: var(--pro) !important;
}

.text-pro {
  color: var(--pro) !important;
}

.page-filters {
  padding: 0.75rem 1.5rem;
  background-color: var(--bg-bw);
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
  box-shadow: 0 0.5rem 1rem var(--black-alpha-10);
}

.page-filters > .row {
  margin-bottom: 0.75rem;
}

.page-filters .page-filters-actions {
  padding: 0.375rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-filters .page-filters-actions > * {
  margin-left: 0.5rem;
}

.star-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.star-rating i {
  color: gold;
}

.common-pie-chart .pie {
  --p:20;
  --b:22px;
  --c:darkred;
  --w:150px;
  width: var(--w);
  aspect-ratio: 1;
  position: relative;
  display: -ms-inline-grid;
  display: inline-grid;
  margin: 5px;
  place-content: center;
  font-size: 25px;
  font-weight: bold;
  font-family: sans-serif;
}

.common-pie-chart:before, .common-pie-chart:after {
  content: "";
  position: absolute;
  border-radius: 50%;
}

.common-pie-chart:before {
  inset: 0;
  background: radial-gradient(farthest-side, var(--c) 98%, #0000) top/var(--b) var(--b) no-repeat, conic-gradient(var(--c) calc(var(--p)*1%), #0000 0);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
  mask: radial-gradient(farthest-side, #0000 calc(99% - var(--b)), #000 calc(100% - var(--b)));
}

.common-pie-chart:after {
  inset: calc(50% - var(--b)/2);
  background: var(--c);
  -webkit-transform: rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
          transform: rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
}

.common-pie-chart .animate {
  -webkit-animation: p 1s .5s both;
          animation: p 1s .5s both;
}

.common-pie-chart .no-round:before {
  background-size: 0 0,auto;
}

.common-pie-chart .no-round:after {
  content: none;
}

@-webkit-keyframes p {
  from {
    --p:0;
  }
}

@keyframes p {
  from {
    --p:0;
  }
}

.popup-guide {
  padding: 1rem;
  background-color: rgba(255, 0, 0, 0.25);
  position: absolute;
  z-index: 1060;
}

.popup-guide .popup-guide-header,
.popup-guide .popup-guide-body,
.popup-guide .popup-guide-footer {
  padding: 0.5rem 0.75rem;
}

.popup.popup-preview-image {
  padding: 0;
  z-index: 1070;
}

.popup.popup-preview-image .popup-dialog .popup-content {
  background-color: transparent;
}

.popup.popup-preview-image .popup-dialog .popup-content .popup-header,
.popup.popup-preview-image .popup-dialog .popup-content .popup-body {
  background-color: transparent;
}

.popup.popup-preview-image .popup-dialog .popup-content .popup-header .btn {
  color: var(--white);
}

.popup.popup-preview-image .popup-dialog .popup-content .popup-body {
  padding: 0;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup.popup-preview-image .popup-dialog .popup-content .popup-body.popup-body-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.popup.popup-preview-image .popup-dialog .popup-content .popup-body img {
  width: auto;
  max-height: 100%;
}

.popup.popup-preview-image .popup-dialog .popup-content .popup-footer .btn.btn-select-image {
  display: none;
}

.popup.popup-preview-files {
  padding: 0;
}

.popup.popup-preview-files .popup-dialog .popup-content .popup-body .row {
  height: 100%;
}

.popup.popup-preview-files .popup-dialog .popup-content .popup-body .row > div {
  height: 100%;
  border-right: 1px solid var(--border);
}

.popup.popup-preview-files .popup-dialog .popup-content .popup-body .row > div:last-child {
  border-right: none;
}

.popup.popup-preview-files .popup-dialog .popup-content .popup-body .row > div .preview-list ul li a {
  color: var(--text-subtitle);
}

.popup.popup-preview-files .popup-dialog .popup-content .popup-body .row > div .preview-list ul li a:hover, .popup.popup-preview-files .popup-dialog .popup-content .popup-body .row > div .preview-list ul li a.active {
  color: var(--primary);
}

.popup.popup-preview-files .popup-dialog .popup-content .popup-body .row > div .preview-append {
  height: 100%;
  overflow-x: hidden;
  overflow-y: overlay;
}

.popup.popup-preview-files .popup-dialog .popup-content .popup-body .row > div .preview-append::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.popup.popup-preview-files .popup-dialog .popup-content .popup-body .row > div .preview-append::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.popup.popup-preview-files .popup-dialog .popup-content .popup-body .row > div .preview-append::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.popup.popup-preview-files .popup-dialog .popup-content .popup-body .row > div .preview-append iframe {
  width: 100%;
  height: 100%;
}

.popup.popup-preview-files .popup-dialog .popup-content .popup-body .row > div .preview-append img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body {
  height: calc(100% - 48px);
  padding-top: 0;
  padding-bottom: 0;
  background-color: var(--gray-1);
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-header {
  height: 50px;
  background-color: var(--gray-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 10;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-header .manager-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-header .manager-header-left .btn {
  margin-right: 0.5rem;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-header .manager-header-left .btn:last-child {
  margin-right: 0;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-header .manager-header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-header .manager-header-right > * {
  margin-left: 0.5rem;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-breadcrumb {
  height: 30px;
  background-color: var(--gray-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: sticky;
  position: -webkit-sticky;
  top: 50px;
  z-index: 10;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-body {
  padding: 0 1rem;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-body .row {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border);
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-body .row:last-child {
  border-bottom: none;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-body .row > div {
  margin-bottom: 2rem;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-body .row > div .card {
  height: 100%;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-body .row > div .card .card-header .dropdown {
  -webkit-transform: translate(1rem, 0);
  transform: translate(1rem, 0);
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-body .row > div .card .card-body {
  padding: 0;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-body .row > div .card .card-body a {
  color: var(--text-paragraph);
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-body .row > div .card .card-body a .img-mask {
  width: 100%;
  height: 230px;
  border-bottom: 1px solid var(--border);
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-body .row > div .card .card-body a .img-mask i {
  font-size: 3rem;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-body .row > div .card .card-body a .img-mask img {
  -o-object-fit: contain;
     object-fit: contain;
}

.popup.popup-file-manager .popup-dialog .popup-content .popup-body .manager-body .row > div .card .card-body a .card-content {
  padding: 1rem;
}

.popup.popup-file-manager-upload {
  background-color: var(--black-alpha-50);
}

.popup.popup-file-manager-upload .popup-dialog .popup-content .popup-body {
  padding-top: 0;
}

.popup.popup-file-manager-upload .popup-dialog .popup-content .popup-body .buttons {
  height: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup.popup-file-manager-upload .popup-dialog .popup-content .popup-body .buttons > * {
  margin-left: 0.5rem;
}

.popup.popup-file-manager-upload .popup-dialog .popup-content .popup-body .list-table-responsive {
  height: calc(100% - 72px);
  overflow-x: overlay;
  overflow-y: overlay;
}

.popup.popup-file-manager-upload .popup-dialog .popup-content .popup-body .list-table-responsive::-webkit-scrollbar {
  height: 8px;
  background-color: transparent;
}

.popup.popup-file-manager-upload .popup-dialog .popup-content .popup-body .list-table-responsive::-webkit-scrollbar-thumb {
  height: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.popup.popup-file-manager-upload .popup-dialog .popup-content .popup-body .list-table-responsive::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.popup.popup-file-manager-upload .popup-dialog .popup-content .popup-body .list-table-responsive::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.popup.popup-file-manager-upload .popup-dialog .popup-content .popup-body .list-table-responsive::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.popup.popup-file-manager-upload .popup-dialog .popup-content .popup-body .list-table-responsive::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.popup.popup-file-manager-upload .popup-dialog .popup-content .popup-body .list-table-responsive .list-items.list-table .list-items-body .item .item-row > div .img-mask {
  width: 100%;
  height: 80px;
  border-radius: 0.5rem;
}

.popup .popup-dialog .popup-content .popup-loading {
  width: 100%;
  height: 100%;
  background-color: var(--bg-bw-alpha-50);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup .popup-dialog .popup-content .popup-loading img {
  width: 40px;
}

.popup .popup-dialog .popup-content .popup-body .popup-filters {
  background-color: var(--gray-1);
  position: sticky;
  position: -webkit-sticky;
  top: -1.5rem;
  z-index: 10;
}

.popup .popup-dialog .popup-content .popup-body .popup-filters .popup-filter-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup .popup-dialog .popup-content .popup-body .popup-filters .popup-filter-header > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.popup .popup-dialog .popup-content .popup-body .popup-filters .popup-filter-header > div:not(:last-child) {
  margin-right: 1.5rem;
}

.popup .popup-dialog .popup-content .popup-body .popup-filters .popup-filter-body .filter-actions {
  padding: 0.75rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.popup .popup-dialog .popup-content .popup-body .popup-filters .popup-filter-body .filter-actions > * {
  margin-left: 0.75rem;
}

.modal .modal-dialog .modal-content .modal-loading {
  width: 100%;
  height: 100%;
  background-color: var(--bg-bw-alpha-50);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal .modal-dialog .modal-content .modal-loading img {
  width: 40px;
}

.modal.modal-alert {
  z-index: 2000;
}

.modal.modal-alert#alertSuccess .modal-dialog .modal-content {
  background-color: var(--success);
}

.modal.modal-alert#alertSuccess .modal-dialog .modal-content .modal-body .alert-actions .btn.btn-confirm {
  background-color: var(--white) !important;
  border-color: var(--white) !important;
}

.modal.modal-alert#alertSuccess .modal-dialog .modal-content .modal-body .alert-actions .btn.btn-confirm .btn-confirm-label {
  color: var(--success);
}

.modal.modal-alert#alertWarning .modal-dialog .modal-content {
  background-color: var(--warning);
}

.modal.modal-alert#alertWarning .modal-dialog .modal-body .alert-actions .btn.btn-confirm {
  background-color: var(--white) !important;
  border-color: var(--white) !important;
}

.modal.modal-alert#alertWarning .modal-dialog .modal-body .alert-actions .btn.btn-confirm .btn-confirm-label {
  color: var(--warning);
}

.modal.modal-alert#alertDanger .modal-dialog .modal-content {
  background-color: var(--danger);
}

.modal.modal-alert#alertDanger .modal-dialog .modal-body .alert-actions .btn.btn-confirm {
  background-color: var(--white) !important;
  border-color: var(--white) !important;
}

.modal.modal-alert#alertDanger .modal-dialog .modal-body .alert-actions .btn.btn-confirm .btn-confirm-label {
  color: var(--danger);
}

.modal.modal-alert#alertConfirm .modal-dialog .modal-content {
  background-color: var(--bg-bw);
}

.modal.modal-alert#alertConfirm .modal-dialog .modal-body .alert-content h6 {
  color: var(--text-subtitle);
}

.modal.modal-alert#alertConfirm .modal-dialog .modal-body .alert-content p {
  color: var(--text-paragraph);
}

.modal.modal-alert#alertConfirm .modal-dialog .modal-body .alert-actions .btn.btn-deny {
  background-color: var(--white) !important;
  border-color: var(--white) !important;
}

.modal.modal-alert#alertConfirm .modal-dialog .modal-body .alert-actions .btn.btn-deny .btn-deny-label {
  color: var(--danger);
}

.modal.modal-alert#alertConfirm .modal-dialog .modal-body .alert-actions .btn.btn-confirm {
  background-color: var(--success);
}

.modal.modal-alert#alertConfirm .modal-dialog .modal-body .alert-actions .btn.btn-confirm:hover {
  background-color: var(--success-alpha-90);
}

.modal.modal-alert#alertConfirm .modal-dialog .modal-body .alert-actions .btn.btn-confirm .btn-confirm-label {
  color: var(--white);
}

.modal.modal-alert#alertInfo .modal-dialog .modal-content {
  background-color: var(--link);
}

.modal.modal-alert#alertInfo .modal-dialog .modal-body .alert-actions .btn.btn-confirm {
  background-color: var(--white) !important;
  border-color: var(--white) !important;
}

.modal.modal-alert#alertInfo .modal-dialog .modal-body .alert-actions .btn.btn-confirm .btn-confirm-label {
  color: var(--link);
}

.modal.modal-alert .modal-dialog .modal-content {
  border-radius: 1rem;
}

.modal.modal-alert .modal-dialog .modal-content .modal-body {
  padding: 0;
}

.modal.modal-alert .modal-dialog .modal-content .modal-body .alert-image {
  height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal.modal-alert .modal-dialog .modal-content .modal-body .alert-image img {
  width: 60px;
}

.modal.modal-alert .modal-dialog .modal-content .modal-body .alert-content {
  padding: 0 1.5rem;
}

.modal.modal-alert .modal-dialog .modal-content .modal-body .alert-content h6 {
  margin-bottom: 0.75rem;
  text-align: center;
  color: var(--white);
}

.modal.modal-alert .modal-dialog .modal-content .modal-body .alert-content p {
  margin-bottom: 1rem;
  text-align: center;
  color: var(--white);
}

.modal.modal-alert .modal-dialog .modal-content .modal-body .alert-actions {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: normal;
      -ms-flex-pack: normal;
          justify-content: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal.modal-alert .modal-dialog .modal-content .modal-body .alert-actions .btn {
  border-radius: 1rem;
}

.modal.modal-alert .modal-dialog .modal-content .modal-body .alert-actions .btn.btn-deny {
  margin-right: 1rem;
  -webkit-box-flex: 0.5;
      -ms-flex-positive: 0.5;
          flex-grow: 0.5;
}

.modal.modal-alert .modal-dialog .modal-content .modal-body .alert-actions .btn.btn-confirm {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.modal.modal-alert-upgrade-account .modal-dialog .modal-content .modal-header .modal-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal.modal-alert-upgrade-account .modal-dialog .modal-content .modal-header .modal-header-left > img {
  height: 34px;
  margin-right: 1rem;
}

.modal.modal-alert-upgrade-account .modal-dialog .modal-content .modal-header .modal-header-left .badge.badge-pro {
  background-color: var(--pro-alpha-10);
  border-color: transparent;
  color: var(--pro) !important;
  border-radius: 2rem;
}

.modal.modal-alert-upgrade-account .modal-dialog .modal-content .modal-header .modal-header-left .badge.badge-pro img {
  height: 22px;
  margin-right: 0.25rem;
}

.modal.modal-alert-upgrade-account .modal-dialog .modal-content .modal-body {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.modal.modal-open-video, .modal.modal-open-audio, .modal.modal-open-video-learner, .modal.modal-open-audio-learner {
  z-index: 1071;
}

.modal.modal-open-audio .modal-dialog .modal-content, .modal.modal-open-audio-learner .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}

.modal.modal-open-audio .modal-dialog .modal-content .modal-body, .modal.modal-open-audio-learner .modal-dialog .modal-content .modal-body {
  text-align: center;
}

.modal.modal-open-video .modal-dialog .modal-content, .modal.modal-open-video-learner .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}

.modal.modal-open-video .modal-dialog .modal-content .modal-body, .modal.modal-open-video-learner .modal-dialog .modal-content .modal-body {
  height: 500px;
}

.modal.modal-open-video .modal-dialog .modal-content .modal-body .video-content #youtube-player, .modal.modal-open-video-learner .modal-dialog .modal-content .modal-body .video-content #youtube-player {
  width: 100% !important;
  height: 100% !important;
}

.modal.modal-share-social .modal-dialog .modal-content .modal-body .share-social {
  margin-bottom: 1.5rem;
  padding: 0.75rem 1.5rem;
  background-color: var(--gray-2);
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal.modal-share-social .modal-dialog .modal-content .modal-body .share-social:hover {
  background-color: var(--gray-3);
  cursor: pointer;
}

.modal.modal-share-social .modal-dialog .modal-content .modal-body .share-social .icon {
  margin-right: 1.5rem;
}

.modal.modal-share-social .modal-dialog .modal-content .modal-body .share-social .icon img {
  width: 24px;
}

.modal.modal-share-social .modal-dialog .modal-content .modal-body .share-social .text p {
  color: var(--text-paragraph);
}

.modal.modal-share-social .modal-dialog .modal-content .modal-body .share-social .text p b {
  display: block;
}

.modal.modal-share-social .modal-dialog .modal-content .modal-body .share-social > p {
  margin-left: auto;
  color: var(--text-paragraph);
}

.modal.modal-share-social .modal-dialog .modal-content .modal-body .input-group > * {
  font-size: 1rem;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body {
  padding: 0;
  background-color: var(--bg-bw);
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-tabs {
  padding: 0.75rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-tabs .modal-tabs-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-tabs .modal-tabs-left a.modal-tab-select {
  padding: 0 0.5rem 0.5rem;
  font-size: 0.875rem;
  color: var(--text-paragraph);
  border-bottom: 2px solid transparent;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-tabs .modal-tabs-left a.modal-tab-select.active {
  font-weight: 600;
  color: var(--primary);
  border-bottom-color: var(--primary);
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-tabs .modal-tabs-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data {
  height: 50vh;
  overflow-x: hidden;
  overflow-y: overlay;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data .list-items.list-table .list-items-header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data .list-items.list-table .list-items-header .item {
  background-color: var(--bg-bw);
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data .list-items.list-table .list-items-body .item-loading,
.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data .list-items.list-table .list-items-body .item-error {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data .list-items.list-table .list-items-body .item.item-file:hover .item-row .item-actions .form-check-group,
.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data .list-items.list-table .list-items-body .item.item-file:hover .item-row .item-actions .btn {
  opacity: 1;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data .list-items.list-table .list-items-body .item.item-file .item-name a h6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data .list-items.list-table .list-items-body .item.item-file .item-name a h6 i {
  margin-right: 0.5rem;
  -webkit-transform: translate(0, 4px);
  transform: translate(0, 4px);
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data .list-items.list-table .list-items-body .item.item-file .item-name a h6 .item-file-name {
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  width: calc(100% - 0.5rem - 20px);
  height: 2.25rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
  height: auto;
  max-height: 2.25rem;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data .list-items.list-table .list-items-body .item.item-file .item-row .item-actions .form-check-group .form-check label {
  margin-bottom: 0;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data .list-items.list-table .list-items-body .item .item-row {
  color: var(--text-paragraph);
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-body .modal-append-data .list-items.list-table .list-items-body .item .item-row .item-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-footer {
  display: none;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-footer.show {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-footer .form-group {
  width: 100%;
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal.modal-common-select-library .modal-dialog .modal-content .modal-footer .form-group label {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin-bottom: 0;
  margin-right: 1.5rem;
}

.modal.modal-common-select-data-tree .modal-dialog .modal-body .list-items .list-items-body {
  height: 50vh;
  overflow-x: hidden;
  overflow-y: overlay;
}

.modal.modal-common-select-data-tree .modal-dialog .modal-body .list-items .list-items-body::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}

.modal.modal-common-select-data-tree .modal-dialog .modal-body .list-items .list-items-body::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: var(--gray-5);
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.modal.modal-common-select-data-tree .modal-dialog .modal-body .list-items .list-items-body::-webkit-scrollbar-thumb:hover {
  background-color: var(--gray-6);
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}

.modal.modal-common-select-data-tree .modal-dialog .modal-body .list-items .list-items-body .item .item-row > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modal.modal-common-select-data-tree .modal-dialog .modal-body .list-items .list-items-body .item .item-row > div:first-child a {
  color: var(--text-paragraph);
}

.modal.modal-common-select-data-tree .modal-dialog .modal-body .list-items .list-items-body .item .item-row > div:first-child a:first-child {
  width: 30px;
}

.modal.modal-common-select-data-tree .modal-dialog .modal-body .list-items .list-items-body .item .item-wrapper:before {
  display: none;
}

.modal.modal-common-select-data-tree .modal-dialog .modal-body .list-items .list-items-body .item .item-wrapper .item .item-row [class^="item-col"]:first-child > *:before {
  display: none;
}

.blockUI.blockOverlay {
  z-index: 2000 !important;
}

.blockUI.blockElement {
  z-index: 2001 !important;
}

@media screen and (max-width: 1200.98px) {
  .offcanvas#offcanvasCheckApp {
    height: auto;
    background-color: var(--bg-bw);
  }
  .offcanvas#offcanvasCheckApp .offcanvas-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offcanvas#offcanvasCheckApp .offcanvas-header h5 {
    font-size: 1.125rem;
  }
  .offcanvas#offcanvasCheckApp .offcanvas-body .list-options .item-option {
    padding: 0.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offcanvas#offcanvasCheckApp .offcanvas-body .list-options .item-option .item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offcanvas#offcanvasCheckApp .offcanvas-body .list-options .item-option .item-icon .frame {
    width: 38px;
    height: 38px;
    margin-right: 0.75rem;
    border-radius: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .offcanvas#offcanvasCheckApp .offcanvas-body .list-options .item-option .item-icon .frame.edulive {
    background-color: var(--brand);
  }
  .offcanvas#offcanvasCheckApp .offcanvas-body .list-options .item-option .item-icon .frame img {
    width: 34px;
    height: auto;
  }
  .offcanvas#offcanvasCheckApp .offcanvas-body .list-options .item-option .item-button .btn {
    width: 100px;
    border-radius: 2rem;
  }
}
/*# sourceMappingURL=edulive.css.map */