@charset "UTF-8";

/* poppins-300 - latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins/poppins-v15-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins/poppins-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins/poppins-v15-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins/poppins-v15-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-700 - latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins/poppins-v15-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800 - latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/poppins/poppins-v15-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-900 - latin-ext_latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/poppins/poppins-v15-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-ext_latin-900.svg#Poppins') format('svg'); /* Legacy iOS */
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; }





/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

button {
  cursor: pointer; }

button:focus {
  outline: none; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: ''; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  padding: 0;
  margin: 0;
  -webkit-user-select: none;
  /* Safari */
  -ms-user-select: none;
  /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none;
  /* Standard syntax */ }

a {
  text-decoration: none; }

input::-webkit-input-placeholder {
  /* Edge */
  color: currentColor; }

input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: currentColor; }

input::-moz-placeholder {
  color: currentColor; }

input::-ms-input-placeholder {
  color: currentColor; }

input::placeholder {
  color: currentColor; }

input::-ms-reveal,
input::-ms-clear {
  display: none !important;
}

.foo {
  opacity: 0.4;
  filter: alpha(opacity=40); }

.mt-0 {
  margin-top: 0px !important; }

.pt-0 {
  padding-top: 0px !important; }

.mb-0 {
  margin-bottom: 0px !important; }

.pb-0 {
  padding-bottom: 0px !important; }

.ml-0 {
  margin-left: 0px !important; }

.pl-0 {
  padding-left: 0px !important; }

.mr-0 {
  margin-right: 0px !important; }

.pr-0 {
  padding-right: 0px !important; }

.mt-5 {
  margin-top: 5px !important; }

.pt-5 {
  padding-top: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.ml-5 {
  margin-left: 5px !important; }

.pl-5 {
  padding-left: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.pr-5 {
  padding-right: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.ml-10 {
  margin-left: 10px !important; }

.pl-10 {
  padding-left: 10px !important; }

.mr-10 {
  margin-right: 10px !important; }

.pr-10 {
  padding-right: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

.pt-15 {
  padding-top: 15px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.ml-15 {
  margin-left: 15px !important; }

.pl-15 {
  padding-left: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.pr-15 {
  padding-right: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.pt-20 {
  padding-top: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.ml-20 {
  margin-left: 20px !important; }

.pl-20 {
  padding-left: 20px !important; }

.mr-20 {
  margin-right: 20px !important; }

.pr-20 {
  padding-right: 20px !important; }

.mt-25 {
  margin-top: 25px !important; }

.pt-25 {
  padding-top: 25px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.ml-25 {
  margin-left: 25px !important; }

.pl-25 {
  padding-left: 25px !important; }

.mr-25 {
  margin-right: 25px !important; }

.pr-25 {
  padding-right: 25px !important; }

.mt-30 {
  margin-top: 30px !important; }

.pt-30 {
  padding-top: 30px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.ml-30 {
  margin-left: 30px !important; }

.pl-30 {
  padding-left: 30px !important; }

.mr-30 {
  margin-right: 30px !important; }

.pr-30 {
  padding-right: 30px !important; }

.mt-35 {
  margin-top: 35px !important; }

.pt-35 {
  padding-top: 35px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.pb-35 {
  padding-bottom: 35px !important; }

.ml-35 {
  margin-left: 35px !important; }

.pl-35 {
  padding-left: 35px !important; }

.mr-35 {
  margin-right: 35px !important; }

.pr-35 {
  padding-right: 35px !important; }

.mt-40 {
  margin-top: 40px !important; }

.pt-40 {
  padding-top: 40px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.ml-40 {
  margin-left: 40px !important; }

.pl-40 {
  padding-left: 40px !important; }

.mr-40 {
  margin-right: 40px !important; }

.pr-40 {
  padding-right: 40px !important; }

.mt-45 {
  margin-top: 45px !important; }

.pt-45 {
  padding-top: 45px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

.ml-45 {
  margin-left: 45px !important; }

.pl-45 {
  padding-left: 45px !important; }

.mr-45 {
  margin-right: 45px !important; }

.pr-45 {
  padding-right: 45px !important; }

.mt-50 {
  margin-top: 50px !important; }

.pt-50 {
  padding-top: 50px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.ml-50 {
  margin-left: 50px !important; }

.pl-50 {
  padding-left: 50px !important; }

.mr-50 {
  margin-right: 50px !important; }

.pr-50 {
  padding-right: 50px !important; }

.mt-60 {
  margin-top: 60px !important; }

.pt-60 {
  padding-top: 60px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.ml-60 {
  margin-left: 60px !important; }

.pl-60 {
  padding-left: 60px !important; }

.mr-60 {
  margin-right: 60px !important; }

.pr-60 {
  padding-right: 60px !important; }

.mt-75 {
  margin-top: 75px !important; }

.pt-75 {
  padding-top: 75px !important; }

.mb-75 {
  margin-bottom: 75px !important; }

.pb-75 {
  padding-bottom: 75px !important; }

.ml-75 {
  margin-left: 75px !important; }

.pl-75 {
  padding-left: 75px !important; }

.mr-75 {
  margin-right: 75px !important; }

.pr-75 {
  padding-right: 75px !important; }

.mt-100 {
  margin-top: 100px !important; }

.pt-100 {
  padding-top: 100px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.pb-100 {
  padding-bottom: 100px !important; }

.ml-100 {
  margin-left: 100px !important; }

.pl-100 {
  padding-left: 100px !important; }

.mr-100 {
  margin-right: 100px !important; }

.pr-100 {
  padding-right: 100px !important; }

.mt-200 {
  margin-top: 200px !important; }

.pt-200 {
  padding-top: 200px !important; }

.mb-200 {
  margin-bottom: 200px !important; }

.pb-200 {
  padding-bottom: 200px !important; }

.ml-200 {
  margin-left: 200px !important; }

.pl-200 {
  padding-left: 200px !important; }

.mr-200 {
  margin-right: 200px !important; }

.pr-200 {
  padding-right: 200px !important; }

.mt-300 {
  margin-top: 300px !important; }

.pt-300 {
  padding-top: 300px !important; }

.mb-300 {
  margin-bottom: 300px !important; }

.pb-300 {
  padding-bottom: 300px !important; }

.ml-300 {
  margin-left: 300px !important; }

.pl-300 {
  padding-left: 300px !important; }

.mr-300 {
  margin-right: 300px !important; }

.pr-300 {
  padding-right: 300px !important; }

/* @extend display-flex; */
display-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex; }

/* @extend list-type-ulli; */
list-type-ulli {
  list-style-type: none;
  margin: 0;
  padding: 0; }

/* Colors */
.btn-primary {
  color: #fff;
  background-color: var(--portal-theme-color);
  border-color: var(--portal-theme-color); }
  .btn-primary:hover {
    /* filter: brightness(130%); */
    background-color: var(--portal-theme-color);
    border-color: var(--portal-theme-color); }

.badge-success {
  color: #fff;
  background-color: #9FCE62; }

body {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 16px; }
  body.openMenu #dashboardSidebar {
    -webkit-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
            transform: translateX(0) !important;
    -webkit-transition: -webkit-transform ease .5s;
    transition: -webkit-transform ease .5s;
    -o-transition: transform ease .5s;
    transition: transform ease .5s;
    transition: transform ease .5s, -webkit-transform ease .5s; }
  body#overFlowBody {
    overflow: unset; }
    @media only screen and (max-width: 767px) {
      body#overFlowBody {
        overflow: unset; } }
  @media only screen and (max-width: 767px) {
    body {
      font-size: 14px;
      position: relative;
      overflow: hidden; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    body {
      font-size: 14px;
      position: relative;
      overflow: hidden; } }

/* Sizes */
header {
  background-color: #fff; }

input[type="date"] {
  min-height: 2.5rem; }

a:hover {
  text-decoration: none; }

#homeMainContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  border-radius: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  position: relative; }
  @media only screen and (max-width: 767px) {
    #homeMainContainer {
      border-radius: 20px; } }

#homeMainSidebar {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  height: 100%;
  background-color: #fff;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: translateX(-100%);
  -o-transition: translateX(-100%);
  transition: translateX(-100%); }
  #homeMainSidebar .userAccountDropdown {
    position: absolute; }
    @media only screen and (max-width: 767px) {
      #homeMainSidebar .userAccountDropdown {
        position: unset;
        margin-bottom: 20px; } }
    #homeMainSidebar .userAccountDropdown .pp {
      margin-right: 10px; }
    #homeMainSidebar .userAccountDropdown .title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (max-width: 767px) {
        #homeMainSidebar .userAccountDropdown .title {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; } }
  #homeMainSidebar.singleSidebar {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    border-radius: 40px; }
    #homeMainSidebar.singleSidebar .userAccountDropdown {
      position: unset;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 20px; }
      #homeMainSidebar.singleSidebar .userAccountDropdown .title {
        font-size: .8em;
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
    @media only screen and (max-width: 767px) {
      #homeMainSidebar.singleSidebar {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        border-radius: 20px; } }
  @media only screen and (max-width: 767px) {
    #homeMainSidebar {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      border-bottom-left-radius: 0;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px; } }
  #homeMainSidebar .homeSidebarContent {
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            /* align-items: center; */
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    #homeMainSidebar .homeSidebarContent .homeSidebarContentArea {
      width: 100%; }
    #homeMainSidebar .homeSidebarContent .icon {
      max-height: 150px;
      margin-bottom: 10px; }
    #homeMainSidebar .homeSidebarContent .buttonArea {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: -5px;
      margin-right: -5px;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      #homeMainSidebar .homeSidebarContent .buttonArea .buttonItem {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        margin-bottom: 10px;
        width: 100%; }
        #homeMainSidebar .homeSidebarContent .buttonArea .buttonItem:last-child {
          margin-bottom: 0; }
      #homeMainSidebar .homeSidebarContent .buttonArea .loginButton {
        padding: 10px 40px; }
    #homeMainSidebar .homeSidebarContent .title {
      display: block;
      color: #1F2F49;
      font-size: 1.2em;
      font-weight: 600;
      line-height: 1.3em;
      margin-bottom: 10px;
      text-align: center; }
    #homeMainSidebar .homeSidebarContent .subTitle {
      display: block;
      color: #A1A8B3;
      display: block;
      font-size: .8em;
      font-weight: 500;
      margin-bottom: 30px;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        #homeMainSidebar .homeSidebarContent .subTitle {
          margin-bottom: 10px; } }
    #homeMainSidebar .homeSidebarContent .loginButton {
      border-radius: 15px;
      font-size: 1em;
      font-weight: 500;
      display: inline-block;
      background-color: #FFC190;
      color: #1F2F49;
      padding: 10px 20px;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s;
      line-height: 1.2em; }
      #homeMainSidebar .homeSidebarContent .loginButton:hover {
        color: #FFC190;
        background-color: #1F2F49;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
  #homeMainSidebar .homeSidebarFooter {
    font-size: .8em;
    font-weight: 400;
    color: #A1A8B3;
    text-align: center;
    line-height: 1.2em;
    margin-top: auto; }
    @media only screen and (max-width: 767px) {
      #homeMainSidebar .homeSidebarFooter {
        margin-top: 20px;
        font-size: .6em; } }
  #homeMainSidebar .homeSidebarHeader {
    width: 100%; }
    #homeMainSidebar .homeSidebarHeader .form-control {
      width: 120px;
      border-color: #fcc190;
      background-color: #f0b78a;
      color: #1F2F49;
      border-radius: 15px; }
      @media only screen and (max-width: 767px) {
        #homeMainSidebar .homeSidebarHeader .form-control {
          height: 30px;
          font-size: .8em; } }

.minHeight {
  min-height: 600px; }
  @media only screen and (max-width: 767px) {
    .minHeight {
      min-height: unset; } }

#homeMainContent {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  height: 100%;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  background-color: var(--portal-theme-color); }
  @media only screen and (max-width: 767px) {
    #homeMainContent {
      border-top-right-radius: 0;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 20px; } }
  #homeMainContent #homeMainContentWrapper {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px; }
    @media only screen and (max-width: 767px) {
      #homeMainContent #homeMainContentWrapper {
        border-top-right-radius: 0;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px; } }
    #homeMainContent #homeMainContentWrapper .contentwrapper {
      width: 100%;
      text-align: center; }
    #homeMainContent #homeMainContentWrapper .title {
      display: block;
      color: #fff;
      font-size: 1.3em;
      font-weight: 500;
      line-height: 24px;
      margin-bottom: 15px; }
    #homeMainContent #homeMainContentWrapper .videoIframe {
      width: 450px;
      height: 250px;
      border-radius: 30px;
      max-width: 100%; }
      @media only screen and (max-width: 767px) {
        #homeMainContent #homeMainContentWrapper .videoIframe {
          height: auto; } }
    #homeMainContent #homeMainContentWrapper .btnBrowser {
      border-radius: 15px;
      font-size: .8em;
      font-weight: 500;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      background-color: #FFC190;
      color: #1F2F49;
      padding: 10px 60px;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s;
      margin-top: 20px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #homeMainContent #homeMainContentWrapper .btnBrowser i {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 10px;
        font-size: 20px; }
      #homeMainContent #homeMainContentWrapper .btnBrowser svg {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex; }
      #homeMainContent #homeMainContentWrapper .btnBrowser:hover {
        color: #FFC190;
        background-color: #1F2F49;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
      @media only screen and (max-width: 767px) {
        #homeMainContent #homeMainContentWrapper .btnBrowser {
          width: 100%; } }

@media only screen and (max-width: 767px) {
  .homeBody {
    font-size: 13px; } }

#homePageBody {
  height: 100vh;
  background-color: #ececec;
  position: relative; }
  @media only screen and (max-width: 767px) {
    #homePageBody {
      padding: 15px 0; } }
  #homePageBody.coverImage {
    background: url("../img/schoolCover.jpeg") #ececec no-repeat center center;
    background-size: cover; }
    #homePageBody.coverImage:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      background: #000;
      opacity: .7; }
    #homePageBody.coverImage .scroolDownBtn .title {
      color: #fff; }
    #homePageBody.coverImage .homeSidebarCopyright {
      color: #fff; }
    #homePageBody.coverImage #homeMainContent {
      background-color: rgba(147, 208, 84, 0.4); }
    #homePageBody.coverImage #loginMainContent {
      background-color: rgba(147, 208, 84, 0.4); }

.homeSidebarCopyright {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 15px;
  color: #000;
  font-size: .6em;
  font-weight: 500;
  line-height: 1.4em; }

.maincontainerHomePage {
  height: 100vh; }
  .maincontainerHomePage #mainwrapperHomePage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%; }
  @media only screen and (max-width: 767px) {
    .maincontainerHomePage {
      position: fixed;
      bottom: 0;
      top: 0;
      left: 0;
      right: 0; } }

label.lonelyLabel {
  font-size: .8em;
  line-height: 1em;
  color: #9FCE62;
  display: block;
  margin-left: 3px;
  margin-bottom: 5px; }

#loginPageBody {
  height: 100vh; }

#loginMainContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #fff; }
  #loginMainContainer #mainSidebar {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    min-width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 20px; }
  #loginMainContainer #mainContent {
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    background-color: #E5F2FF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 60%; }
  #loginMainContainer .formWrapper {
    width: 100%;
    /* The container */ }
    #loginMainContainer .formWrapper .title {
      font-size: 1.6em;
      font-weight: 500;
      display: block;
      color: #000;
      margin-bottom: 20px; }
    #loginMainContainer .formWrapper .form-group {
      margin-bottom: 20px; }
      #loginMainContainer .formWrapper .form-group:last-child {
        margin-bottom: 0; }
      #loginMainContainer .formWrapper .form-group label {
        font-size: .9em;
        font-weight: 400;
        color: #333;
        display: block;
        margin-bottom: 10px; }
      #loginMainContainer .formWrapper .form-group .form-control {
        width: 100%;
        height: 50px;
        border-radius: 10px; }
    #loginMainContainer .formWrapper .linkArea {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 20px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    #loginMainContainer .formWrapper .linkItem {
      font-size: 1em;
      font-weight: 500;
      color: #000; }
    #loginMainContainer .formWrapper .customCheckbox {
      display: block;
      position: relative;
      padding-left: 25px;
      cursor: pointer;
      font-size: 1em;
      line-height: 20px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      /* Create a custom checkbox */ }
      #loginMainContainer .formWrapper .customCheckbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0; }
      #loginMainContainer .formWrapper .customCheckbox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #eee;
        border-radius: 5px; }
        #loginMainContainer .formWrapper .customCheckbox .checkmark:after {
          content: "";
          position: absolute;
          display: none;
          left: 8px;
          top: 4px;
          width: 5px;
          height: 10px;
          border: solid white;
          border-width: 0 3px 3px 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
      #loginMainContainer .formWrapper .customCheckbox:hover input ~ .checkmark {
        background-color: #ccc; }
      #loginMainContainer .formWrapper .customCheckbox input:checked ~ .checkmark {
        background-color: #93D054; }
      #loginMainContainer .formWrapper .customCheckbox input:checked ~ .checkmark:after {
        display: block; }
  #loginMainContainer .btnSend {
    width: 100%;
    display: block;
    height: 50px; }

.loginSliderItem {
  padding: 20px; }
  .loginSliderItem .banner img {
    max-width: 80%;
    display: block;
    margin: 0 auto;
    width: unset; }
  .loginSliderItem .content {
    padding: 10px 20px;
    text-align: center; }
    .loginSliderItem .content .title {
      display: block;
      font-size: 1.2em;
      font-weight: 500;
      color: #fff;
      margin-bottom: 10px; }
    .loginSliderItem .content .desc {
      font-size: .8em;
      line-height: 1.3em;
      font-weight: 400;
      display: block;
      color: #fff; }

.loginSlider .owl-nav {
  text-align: center; }
  .loginSlider .owl-nav button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff !important;
    border: none;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s; }
    .loginSlider .owl-nav button:hover {
      background-color: #fff !important;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s; }
      .loginSlider .owl-nav button:hover span {
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
    .loginSlider .owl-nav button span {
      color: #93D054;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s;
      font-size: 20px; }

/* Small devices (landscape phones, 576px and up) */
/* Medium devices (tablets, 768px and up) */
/* Large devices (desktops, 992px and up) */
/* Extra large devices (large desktops, 1200px and up) */
#loginMainSidebar {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  height: 100%;
  background-color: #fff;
  border-bottom-left-radius: 40px;
  border-top-left-radius: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  #loginMainSidebar.singleSidebar {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    border-radius: 40px; }
    @media only screen and (max-width: 767px) {
      #loginMainSidebar.singleSidebar {
        border-radius: 20px; } }
  @media only screen and (max-width: 767px) {
    #loginMainSidebar {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      border-radius: 20px;
      overflow: hidden; } }
  #loginMainSidebar .homeSidebarContent {
    text-align: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    #loginMainSidebar .homeSidebarContent .homeSidebarContentArea {
      width: 100%; }
    #loginMainSidebar .homeSidebarContent .icon {
      max-height: 150px;
      display: block;
      margin: 0 auto;
      text-align: center;
      margin-bottom: 10px; }
    #loginMainSidebar .homeSidebarContent .title {
      display: block;
      color: #1F2F49;
      font-size: 1.2em;
      font-weight: 600;
      line-height: 1.3em;
      margin-bottom: 10px;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        #loginMainSidebar .homeSidebarContent .title {
          font-size: .8em;
          line-height: 1.5em; } }
    #loginMainSidebar .homeSidebarContent .subTitle {
      display: block;
      color: #A1A8B3;
      display: block;
      font-size: .8em;
      font-weight: 500;
      margin-bottom: 30px;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        #loginMainSidebar .homeSidebarContent .subTitle {
          font-size: .6em;
          line-height: .8em; } }
    #loginMainSidebar .homeSidebarContent .loginButton {
      border-radius: 15px;
      font-size: .8em;
      font-weight: 500;
      display: inline-block;
      background-color: #FFC190;
      color: #1F2F49;
      padding: 10px 20px;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s; }
      @media only screen and (max-width: 767px) {
        #loginMainSidebar .homeSidebarContent .loginButton {
          font-size: .6em;
          line-height: .8em;
          padding: 8px 15px; } }
      #loginMainSidebar .homeSidebarContent .loginButton:hover {
        color: #FFC190;
        background-color: #1F2F49;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
  #loginMainSidebar .formWrapper {
    max-width: 80%;
    text-align: left;
    margin: 0 auto;
    display: block;
    /* The container */ }
    @media only screen and (max-width: 767px) {
      #loginMainSidebar .formWrapper {
        max-width: 100%; } }
    #loginMainSidebar .formWrapper .title {
      font-size: 1.6em;
      font-weight: 500;
      display: block;
      color: #000;
      margin-bottom: 20px; }
    #loginMainSidebar .formWrapper .form-group {
      margin-bottom: 20px; }
      #loginMainSidebar .formWrapper .form-group:last-child {
        margin-bottom: 0; }
      #loginMainSidebar .formWrapper .form-group label {
        font-size: .9em;
        font-weight: 400;
        color: #333;
        display: block;
        margin-bottom: 10px; }
      #loginMainSidebar .formWrapper .form-group .form-control {
        width: 100%;
        height: 50px;
        border-radius: 10px;
        background-color: #F6F7F9;
        border-color: #F6F7F9;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
        #loginMainSidebar .formWrapper .form-group .form-control:focus {
          background-color: #fff;
          border-color: #F6F7F9;
          -webkit-transition: all ease .3s;
          -o-transition: all ease .3s;
          transition: all ease .3s; }
    #loginMainSidebar .formWrapper .linkArea {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 20px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 5px; }
    #loginMainSidebar .formWrapper .linkItem {
      font-size: 1em;
      font-weight: 500;
      color: #000; }
    #loginMainSidebar .formWrapper .customCheckbox {
      display: block;
      position: relative;
      padding-left: 25px;
      cursor: pointer;
      font-size: 1em;
      line-height: 20px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      /* Create a custom checkbox */ }
      #loginMainSidebar .formWrapper .customCheckbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0; }
      #loginMainSidebar .formWrapper .customCheckbox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #eee;
        border-radius: 5px; }
        #loginMainSidebar .formWrapper .customCheckbox .checkmark:after {
          content: "";
          position: absolute;
          display: none;
          left: 8px;
          top: 4px;
          width: 5px;
          height: 10px;
          border: solid white;
          border-width: 0 3px 3px 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
      #loginMainSidebar .formWrapper .customCheckbox:hover input ~ .checkmark {
        background-color: #ccc; }
      #loginMainSidebar .formWrapper .customCheckbox input:checked ~ .checkmark {
        background-color: #93D054; }
      #loginMainSidebar .formWrapper .customCheckbox input:checked ~ .checkmark:after {
        display: block; }
  #loginMainSidebar .btnSend {
    width: 100%;
    display: block;
    height: 50px;
    border-radius: 10px; }
  #loginMainSidebar .homeSidebarFooter {
    font-size: .8em;
    font-weight: 400;
    color: #A1A8B3;
    text-align: center;
    line-height: 1.2em;
    margin-top: auto; }
    @media only screen and (max-width: 767px) {
      #loginMainSidebar .homeSidebarFooter {
        margin-top: 20px;
        font-size: .6em; } }

#loginMainContent {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
  max-width: 40%;
  height: 100%;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  background-color: var(--portal-theme-color); }
  @media only screen and (max-width: 767px) {
    #loginMainContent {
      border-top-right-radius: 0;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      max-width: 100%; } }
  #loginMainContent #loginMainContentWrapper {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px; }
    @media only screen and (max-width: 767px) {
      #loginMainContent #loginMainContentWrapper {
        border-top-right-radius: 0; } }
    #loginMainContent #loginMainContentWrapper .contentwrapper {
      width: 100%;
      text-align: center; }
    #loginMainContent #loginMainContentWrapper .title {
      display: block;
      color: #fff;
      font-size: 1.3em;
      font-weight: 500;
      line-height: 24px;
      margin-bottom: 15px; }
    #loginMainContent #loginMainContentWrapper .videoIframe {
      width: 450px;
      height: 250px;
      border-radius: 30px;
      max-width: 100%; }
      @media only screen and (max-width: 767px) {
        #loginMainContent #loginMainContentWrapper .videoIframe {
          height: auto; } }
    #loginMainContent #loginMainContentWrapper .btnBrowser {
      border-radius: 15px;
      font-size: .8em;
      font-weight: 500;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      background-color: #FFC190;
      color: #1F2F49;
      padding: 10px 60px;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s;
      margin-top: 20px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      #loginMainContent #loginMainContentWrapper .btnBrowser i {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-right: 10px;
        font-size: 20px; }
      #loginMainContent #loginMainContentWrapper .btnBrowser svg {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex; }
      #loginMainContent #loginMainContentWrapper .btnBrowser:hover {
        color: #FFC190;
        background-color: #1F2F49;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
      @media only screen and (max-width: 767px) {
        #loginMainContent #loginMainContentWrapper .btnBrowser {
          width: 100%; } }





#dashboardBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F4EDE5; }
  #dashboardBody .dashboardMainContainer {
    height: 90vh; }
    @media only screen and (max-width: 767px) {
      #dashboardBody .dashboardMainContainer {
        height: unset;
        position: fixed;
        top: 15px;
        bottom: 30px;
        left: 0;
        right: 0; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      #dashboardBody .dashboardMainContainer {
        height: unset;
        position: fixed;
        top: 15px;
        bottom: 15px;
        left: 0;
        right: 0; } }

#dasboardMainWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 40px; }
  @media only screen and (max-width: 767px) {
    #dasboardMainWrapper {
      border-radius: 20px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    #dasboardMainWrapper {
      border-radius: 20px; } }
  #dasboardMainWrapper #dashboardSidebar {
    width: 250px;
    min-width: 200px;
    background-color: #FCFCFC;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    border-right: 1px solid #EEEEEE;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 99;
    -webkit-transition: -webkit-transform ease .5s;
    transition: -webkit-transform ease .5s;
    -o-transition: transform ease .5s;
    transition: transform ease .5s;
    transition: transform ease .5s, -webkit-transform ease .5s; }
    #dasboardMainWrapper #dashboardSidebar .dashboardSidebarWrapper {
      overflow: hidden; }
  #dasboardMainWrapper #dashboardMainContent {
    background-color: #fff;
    border-radius: 40px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      #dasboardMainWrapper #dashboardMainContent {
        border-radius: 20px; } }
    #dasboardMainWrapper #dashboardMainContent .dashboardMainContentWrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      height: 100%;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      #dasboardMainWrapper #dashboardMainContent .dashboardMainContentWrapper .dashboardContentHeader {
        width: 100%;
        min-height: 91px;
        border-top-right-radius: 40px; }
        @media only screen and (max-width: 767px) {
          #dasboardMainWrapper #dashboardMainContent .dashboardMainContentWrapper .dashboardContentHeader {
            padding: 10px 20px;
            min-height: 70px;
            border-top-right-radius: 20px; } }
      #dasboardMainWrapper #dashboardMainContent .dashboardMainContentWrapper .dashboardContentMain {
        width: 100%;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        border-bottom-right-radius: 40px;
        padding: 30px 30px 30px 20px;
        overflow: auto; }
        @media only screen and (max-width: 767px) {
          #dasboardMainWrapper #dashboardMainContent .dashboardMainContentWrapper .dashboardContentMain {
            padding: 20px;
            border-bottom-right-radius: 20px; } }
        #dasboardMainWrapper #dashboardMainContent .dashboardMainContentWrapper .dashboardContentMain .dashboardContentMainWrapper {
          width: 100%;
          /* height: 100%; */
          overflow-y: auto;
          padding-right: 15px;
          font-size: 1em;
          font-weight: 400;
          color: #000;
          line-height: 1.4em; }
          @media only screen and (max-width: 767px) {
            #dasboardMainWrapper #dashboardMainContent .dashboardMainContentWrapper .dashboardContentMain .dashboardContentMainWrapper {
              padding-right: 0; } }

.dashboardSidebarWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative; }
  .dashboardSidebarWrapper .sectionElement {
    width: 100%; }
    .dashboardSidebarWrapper .sectionElement:first-child {
      border-top-left-radius: 40px; }
    .dashboardSidebarWrapper .sectionElement.brB {
      border-bottom-left-radius: 40px; }
    .dashboardSidebarWrapper .sectionElement.logoSection {
      height: 91px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-bottom: 1px solid #EEEEEE; }
      .dashboardSidebarWrapper .sectionElement.logoSection a {
        display: contents;
        text-align: center; }
      .dashboardSidebarWrapper .sectionElement.logoSection img {
        max-width: 80%;
        display: block;
        margin: 0 auto;
        height: 70px; }
    .dashboardSidebarWrapper .sectionElement.navElement {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      padding: 20px; }
      .dashboardSidebarWrapper .sectionElement.navElement .menuList li {
        margin-bottom: 5px; }
        .dashboardSidebarWrapper .sectionElement.navElement .menuList li:last-child {
          margin-bottom: 0; }
        .dashboardSidebarWrapper .sectionElement.navElement .menuList li.active a {
          background-color: #5E3EC5;
          color: #fff; }
        .dashboardSidebarWrapper .sectionElement.navElement .menuList li a {
          font-size: .8em;
          font-weight: 500;
          color: #A6AAB5;
          line-height: 1.3em;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 15px 20px;
          border-radius: 25px;
          -webkit-transition: all ease .3s;
          -o-transition: all ease .3s;
          transition: all ease .3s; }
          .dashboardSidebarWrapper .sectionElement.navElement .menuList li a:hover {
            background-color: #5E3EC5;
            -webkit-transition: all ease .3s;
            -o-transition: all ease .3s;
            transition: all ease .3s;
            color: #fff; }
          .dashboardSidebarWrapper .sectionElement.navElement .menuList li a i {
            margin-right: 1rem;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            font-size: 2em; }
            .dashboardSidebarWrapper .sectionElement.navElement .menuList li a i svg {
              display: -webkit-inline-box;
              display: -ms-inline-flexbox;
              display: inline-flex; }
    .dashboardSidebarWrapper .sectionElement.browserElement {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      max-height: 100px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 10px;
      font-weight: 500;
      color: #000;
      padding: 20px; }
  .dashboardSidebarWrapper .mobileMenuSection {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: transparent;
    right: 10px;
    top: 5px;
    font-size: 2em;
    border: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #ff5d22;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 10; }
    @media only screen and (max-width: 767px) {
      .dashboardSidebarWrapper .mobileMenuSection {
        opacity: 1;
        visibility: visible;
        display: block; } }

.dashboardContentHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px;
  border-bottom: 1px solid #EEEEEE; }
  @media only screen and (max-width: 767px) {
    .dashboardContentHeader {
      padding: 20px; } }
  .dashboardContentHeader .item.welcomeItem {
    margin-right: auto; }
  .dashboardContentHeader .userAccountTitle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1.5em;
    color: #FF5D22;
    font-size: 1em;
    margin-right: .5rem; }
    .dashboardContentHeader .userAccountTitle .title {
      font-size: .8em;
      font-weight: 600;
      margin-right: 5px;
      line-height: 1.4em; }






.userAccountDropdown .buttonItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  padding: 5px;
  border-radius: 8px;
  background-color: #F6F7F9;
  -webkit-transition: background-color ease .3s;
  -o-transition: background-color ease .3s;
  transition: background-color ease .3s; }
  .userAccountDropdown .buttonItem:hover {
    background-color: #ecedef;
    -webkit-transition: background-color ease .3s;
    -o-transition: background-color ease .3s;
    transition: background-color ease .3s; }
  .userAccountDropdown .buttonItem .pp {
    min-width: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #F2D884;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: 5px;
    font-size: 12px;
    color: #fff; }
    @media only screen and (max-width: 767px) {
      .userAccountDropdown .buttonItem .pp {
        margin-right: 0; } }
    .userAccountDropdown .buttonItem .pp img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .userAccountDropdown .buttonItem .title {
    font-size: 14px;
    font-weight: 400;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #000;
    text-align: left; }
    @media only screen and (max-width: 767px) {
      .userAccountDropdown .buttonItem .title {
        display: none; } }
    .userAccountDropdown .buttonItem .title .caret {
      border: solid #7A7E87;
      border-width: 0 1px 1px 0;
      display: inline-block;
      padding: 2px;
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      margin-left: 5px;
      margin-top: -2px; }

.userAccountDropdown .dropdown-menu {
  padding: 0;
  overflow: hidden; }
  .userAccountDropdown .dropdown-menu .dropdown-item {
    font-size: .7em;
    padding: 10px 15px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    /* white-space: break-spaces; */
    max-width: 200px;
    line-height: 1.2em; }
    .userAccountDropdown .dropdown-menu .dropdown-item:hover {
      background-color: #FF5D22;
      color: #fff;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s; }

.userDropdownWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .userDropdownWrapper .dropItem {
    margin-right: .5rem; }
    .userDropdownWrapper .dropItem:last-child {
      margin-right: 0; }

.mobileMenuButton {
  margin-right: .5rem; }
  .mobileMenuButton .buttonItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: none;
    padding: 5px;
    border-radius: 8px;
    background-color: #F6F7F9;
    -webkit-transition: background-color ease .3s;
    -o-transition: background-color ease .3s;
    transition: background-color ease .3s;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 30px;
    width: 30px; }
    .mobileMenuButton .buttonItem:hover {
      background-color: #ecedef;
      -webkit-transition: background-color ease .3s;
      -o-transition: background-color ease .3s;
      transition: background-color ease .3s; }
    .mobileMenuButton .buttonItem .iconBtn {
      font-size: .8em;
      position: relative; }
      .mobileMenuButton .buttonItem .iconBtn .circle {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #FF5D22;
        display: inline-block;
        position: absolute;
        right: 0px;
        top: -2px; }

.notificationAccountDropdown .buttonItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  padding: 5px;
  border-radius: 8px;
  background-color: #F6F7F9;
  -webkit-transition: background-color ease .3s;
  -o-transition: background-color ease .3s;
  transition: background-color ease .3s;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
  width: 30px; }
  .notificationAccountDropdown .buttonItem:hover {
    background-color: #ecedef;
    -webkit-transition: background-color ease .3s;
    -o-transition: background-color ease .3s;
    transition: background-color ease .3s; }
  .notificationAccountDropdown .buttonItem .iconBtn {
    font-size: .8em;
    position: relative; }
    .notificationAccountDropdown .buttonItem .iconBtn .circle {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background-color: #FF5D22;
      display: inline-block;
      position: absolute;
      right: 0px;
      top: -2px; }

.notificationAccountDropdown .borderT {
  border-top: 1px solid rgba(0, 0, 0, 0.15); }

.notificationAccountDropdown .fw500 {
  font-weight: 500; }

.notificationAccountDropdown .dropdown-menu {
  padding: 0;
  overflow: hidden; }
  .notificationAccountDropdown .dropdown-menu .dropdown-header {
    padding: 10px 15px;
    font-size: .7rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    color: #000; }
  .notificationAccountDropdown .dropdown-menu .dropdown-item {
    font-size: .7em;
    padding: 10px 15px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    white-space: break-spaces;
    max-width: 200px;
    line-height: 1.2em; }
    .notificationAccountDropdown .dropdown-menu .dropdown-item:hover {
      background-color: #FF5D22;
      color: #fff;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s; }

.customScrool::-webkit-scrollbar {
  width: 10px; }
  @media only screen and (max-width: 767px) {
    .customScrool::-webkit-scrollbar {
      width: 2px; } }

.customScrool::-webkit-scrollbar-track {
  border-radius: 11px; }

.customScrool::-webkit-scrollbar-thumb {
  border-radius: 11px; }

.customScrool::-webkit-scrollbar-track {
  background: #EEEEEE; }

.customScrool::-webkit-scrollbar-thumb {
  background: #FF5D22; }

.customSection {
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .customSection {
      overflow-x: hidden; } }
  .customSection.mb30 {
    margin-bottom: 30px; }
  .customSection.mb50 {
    margin-bottom: 50px; }

.cardThumbnail {
  border-radius: 30px;
  width: 100%;
  padding: 20px;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  margin-bottom: 30px;
  min-height: 230px; }
  .cardThumbnail.cardForm .cardPropList .propItem {
    -ms-flex-preferred-size: unset;
        flex-basis: unset; }
  .cardThumbnail.cardChatRoot .cardTitle .titleItem {
    text-align: right; }
  .cardThumbnail.cardChatRoot .cardMultiButton {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .cardThumbnail:hover {
    -webkit-box-shadow: 0px 2px 4px rgba(255, 163, 30, 0.25);
            box-shadow: 0px 2px 4px rgba(255, 163, 30, 0.25);
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s; }
  .cardThumbnail.carOrange {
    background-color: #FCF4DD; }
    .cardThumbnail.carOrange:hover {
      background-color: #FFFCF4; }
  .cardThumbnail.cardBlue {
    background-color: #e6fcff;
    min-height: unset; }
    .cardThumbnail.cardBlue:hover {
      background-color: #d8f8fd; }
    .cardThumbnail.cardBlue .cardTitle .icon {
      color: #17a2b8; }
    .cardThumbnail.cardBlue .cardTitle .subTitle {
      color: #17a2b8; }
  .cardThumbnail.cardDanger {
    background-color: #FFEEEA; }
    .cardThumbnail.cardDanger:hover {
      background-color: #FFFCF4; }
    .cardThumbnail.cardDanger .cardTitle .subTitle {
      color: #F37658; }
    .cardThumbnail.cardDanger .quisStatus .icon {
      background-color: #FF5D22; }
  .cardThumbnail .cardTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 10px;
    min-height: 66px; }
    .cardThumbnail .cardTitle .titleItem.iconItem {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin-top: 3px; }
    .cardThumbnail .cardTitle .titleItem.descItem {
      width: 100%;
      margin-top: 10px;
      min-height: 45px; }
    .cardThumbnail .cardTitle .icon {
      font-size: 2em;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin-right: 10px;
      color: #FFA31E; }
    .cardThumbnail .cardTitle .subTitle {
      font-size: .7em;
      line-height: .8em;
      color: #FFA31E; }
    .cardThumbnail .cardTitle .title {
      font-size: 1em;
      line-height: 1.4em;
      display: block;
      font-weight: 600;
      color: #000000;
      width: 100%;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden; }
    .cardThumbnail .cardTitle .desc {
      font-size: .7em;
      font-weight: 400;
      line-height: 1.6em;
      display: block;
      color: #333; }
  .cardThumbnail .cardDoubleWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .cardThumbnail .cardDoubleWrapper .doubleItem {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1; }
    .cardThumbnail .cardDoubleWrapper .cardMultiButton {
      margin-top: 0; }
      .cardThumbnail .cardDoubleWrapper .cardMultiButton .multiItem {
        margin: 5px; }
    .cardThumbnail .cardDoubleWrapper .cardPropList .propItem {
      -ms-flex-preferred-size: unset;
          flex-basis: unset; }
      .cardThumbnail .cardDoubleWrapper .cardPropList .propItem .date {
        min-height: 35px; }
  .cardThumbnail .cardPropList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px; }
    .cardThumbnail .cardPropList .propItem {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin: 5px;
      -ms-flex-preferred-size: calc( 50% - 10px);
          flex-basis: calc( 50% - 10px); }
      .cardThumbnail .cardPropList .propItem .date {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%; }
        .cardThumbnail .cardPropList .propItem .date .iconArea {
          display: -webkit-inline-box;
          display: -ms-inline-flexbox;
          display: inline-flex; }
      .cardThumbnail .cardPropList .propItem.scoreItem .subTitle {
        color: #f85d24; }
      .cardThumbnail .cardPropList .propItem.scoreItem .title {
        font-size: 1em;
        margin-top: -5px;
        color: #f85d24; }
      .cardThumbnail .cardPropList .propItem.scoreItem .icon {
        opacity: .8;
        color: #f85d24; }
    .cardThumbnail .cardPropList .title {
      display: block;
      font-size: .7em;
      line-height: 1.2em;
      font-weight: 600; }
    .cardThumbnail .cardPropList .subTitle {
      display: block;
      font-size: .6em;
      line-height: 1em;
      font-weight: 400;
      margin-bottom: 5px;
      color: #666; }
    .cardThumbnail .cardPropList .icon {
      font-size: 1.6em;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      margin-right: 5px;
      opacity: .3; }
  .cardThumbnail .cardButton {
    width: 100%;
    text-align: right;
    margin-top: 20px; }
    @media only screen and (max-width: 767px) {
      .cardThumbnail .cardButton .cardBtn {
        width: 100%; } }
  .cardThumbnail .cardMultiButton {
    width: 100%;
    text-align: right;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .cardThumbnail .cardMultiButton .multiItem {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-top: 5px;
      margin-bottom: 5px; }
      @media only screen and (max-width: 767px) {
        .cardThumbnail .cardMultiButton .multiItem {
          -webkit-box-flex: 1;
              -ms-flex-positive: 1;
                  flex-grow: 1; } }
      @media only screen and (max-width: 767px) {
        .cardThumbnail .cardMultiButton .multiItem .btnDropdown {
          padding-left: 15px;
          margin-left: auto; } }
    .cardThumbnail .cardMultiButton .cardBadge {
      font-size: .8em;
      font-weight: 500;
      padding: 5px;
      font-weight: 500;
      padding: 0 15px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      height: 35px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
      border-radius: 20px;
      min-width: 80px; }
  .cardThumbnail .fileBtn {
    padding: 0 30px;
    height: 35px;
    background-color: #00bbd6;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 1em;
    border-radius: 10px; }
    .cardThumbnail .fileBtn svg {
      margin-right: 10px; }
  .cardThumbnail .actionBtn {
    padding: 30px;
    height: 35px;
    width: 35px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    color: #fff;
    font-size: 1em;
    margin-right: 5px;
    border: none; }
    .cardThumbnail .actionBtn.playBtn {
      background-color: #9FCE62; }
    .cardThumbnail .actionBtn.resultBtn {
      background-color: #faa31f; }
    .cardThumbnail .actionBtn.resumeBtn {
      background-color: #FF5D22; }
    .cardThumbnail .actionBtn.chatBtn {
      background-color: #17a2b8; }
  .cardThumbnail .cardBtn {
    font-weight: 500;
    font-size: .8em;
    padding: 7px 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
  .cardThumbnail .dropdown-menu {
    padding: 0;
    overflow: hidden; }
    .cardThumbnail .dropdown-menu .dropdown-item {
      font-size: .7em;
      padding: 10px 15px;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s;
      white-space: break-spaces;
      max-width: 200px;
      line-height: 1.2em; }
      .cardThumbnail .dropdown-menu .dropdown-item:hover {
        background-color: #9FCE62;
        color: #fff;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
  .cardThumbnail .detail {
    text-align: left; }
  .cardThumbnail .quisStatus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 10px; }
    .cardThumbnail .quisStatus .icon {
      min-width: 1.6em;
      min-height: 1.6em;
      display: inline-block;
      border-radius: 50%;
      background-color: #9FCE62;
      margin-right: 5px; }
    .cardThumbnail .quisStatus .title {
      display: block;
      font-size: .7em;
      line-height: 1.2em;
      font-weight: 600; }
    .cardThumbnail .quisStatus .subTitle {
      display: block;
      font-size: .5em;
      line-height: 1em;
      font-weight: 400;
      margin-bottom: 5px; }

.btn.btnRounded {
  border-radius: 30px; }

.btn.btn-lg {
  padding: 7px 30px; }

.btn.btnFont {
  font-weight: 500;
  font-size: 1em; }

.btn.btnFontSm {
  font-weight: 500;
  font-size: .8em; }

.modal-title {
  font-size: 1em; }


figure>.img { max-width:300px!important;height: auto!important;}

.btn-info {
  color: #fff;
  background-color: #FF5D22;
  border-color: #FF5D22; }
  .btn-info:hover {
    color: #fff;
    background-color: #FF5D22;
    border-color: #FF5D22; }

.btn-success {
  color: #fff;
  background-color: #9FCE62;
  border-color: #9FCE62; }
  .btn-success:hover, .btn-success:focus {
    background-color: #90da2f;
    border-color: #90da2f; }

.btnDropdown {
  position: relative; }
  .btnDropdown[aria-expanded="true"] .arrow {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s; }
  .btnDropdown .arrow {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    top: 50%;
    position: absolute;
    right: 10px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    margin-top: -2px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s; }

.sectionTitle {
  display: block;
  font-size: 1.6em;
  font-weight: 600;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.6em; }
  .sectionTitle.secondary {
    font-size: 1.2em;
    line-height: 1.4em; }
  .sectionTitle.textCenter {
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  @media only screen and (max-width: 767px) {
    .sectionTitle {
      margin-bottom: 20px;
      padding-left: 5px;
      padding-right: 5px; } }
  .sectionTitle .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 10px; }

#homePageContent {
  position: relative;
  z-index: 50;
  background: #fff; }

.newsVerticalPost {
  margin-bottom: 30px;
  padding: 5px; }
  .newsVerticalPost .linkWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 25px;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 2px 10px rgba(100, 77, 77, 0.25);
            box-shadow: 0px 2px 10px rgba(100, 77, 77, 0.25);
    border-radius: 30px;
    min-height: 140px;
    border: 1px solid transparent;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    min-height: 180px; }
    @media only screen and (max-width: 767px) {
      .newsVerticalPost .linkWrapper {
        min-height: 130px; } }
    .newsVerticalPost .linkWrapper:hover {
      border-color: #EEEEEE;
      -webkit-box-shadow: unset;
              box-shadow: unset;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s; }
      .newsVerticalPost .linkWrapper:hover .banner {
        opacity: .8;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
      .newsVerticalPost .linkWrapper:hover em .date {
        color: #666666;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
      .newsVerticalPost .linkWrapper:hover em .title {
        color: #666666;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
    .newsVerticalPost .linkWrapper .banner {
      max-width: 30%;
      opacity: 1;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s;
      border-radius: 20px;
      margin-right: 15px; }
    .newsVerticalPost .linkWrapper em {
      font-style: normal; }
      .newsVerticalPost .linkWrapper em .date {
        display: block;
        font-size: .7em;
        line-height: 1em;
        color: #969191;
        margin-bottom: 5px;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
      .newsVerticalPost .linkWrapper em .title {
        font-size: 1em;
        line-height: 1.2em;
        color: #000000;
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }

.newsLargePost {
  margin-bottom: 30px;
  padding: 5px; }
  .newsLargePost .linkWrapper {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 2px 10px rgba(100, 77, 77, 0.25);
            box-shadow: 0px 2px 10px rgba(100, 77, 77, 0.25);
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    position: relative; }
    .newsLargePost .linkWrapper:hover {
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s; }
      .newsLargePost .linkWrapper:hover .banner {
        opacity: .8;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
      .newsLargePost .linkWrapper:hover em .date {
        color: #666666;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
      .newsLargePost .linkWrapper:hover em .title {
        color: #666666;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
      .newsLargePost .linkWrapper:hover em .desc {
        color: #666666;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
  .newsLargePost .banner {
    opacity: 1;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    border-radius: 20px;
    margin-bottom: 20px;
    width: 100%;
    height: 100px;
    -o-object-fit: cover;
       object-fit: cover; }
    @media only screen and (max-width: 767px) {
      .newsLargePost .banner {
        height: 150px; } }
  .newsLargePost .notImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100px;
    font-size: 2em;
    color: #999999;
    margin-bottom: 20px; }
  .newsLargePost .notImageSvg {
    position: absolute;
    right: 0;
    top: 0; }
    .newsLargePost .notImageSvg svg {
      width: 100px;
      height: auto; }
  .newsLargePost em {
    font-style: normal;
    padding: 5px; }
    .newsLargePost em .date {
      display: block;
      font-size: .7em;
      line-height: 1em;
      color: #969191;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s;
      margin-bottom: 20px; }
    .newsLargePost em .title {
      font-size: 1.2em;
      line-height: 1.4em;
      color: #000000;
      width: 100%;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s;
      margin-bottom: 10px; }
    .newsLargePost em .desc {
      display: block;
      font-size: .8em;
      line-height: 1.4em;
      font-weight: 400;
      color: #999999;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s;
      width: 100%;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      overflow: hidden; }

.newsDetailPost {
  margin-bottom: 30px;
  padding: 5px; }
  .newsDetailPost .linkWrapper {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 2px 10px rgba(100, 77, 77, 0.25);
            box-shadow: 0px 2px 10px rgba(100, 77, 77, 0.25);
    border-radius: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    position: relative; }
    .newsDetailPost .linkWrapper:hover {
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s; }
      .newsDetailPost .linkWrapper:hover .banner {
        opacity: .8;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
      .newsDetailPost .linkWrapper:hover em .date {
        color: #666666;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
      .newsDetailPost .linkWrapper:hover em .title {
        color: #666666;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
      .newsDetailPost .linkWrapper:hover em .desc {
        color: #666666;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }
  .newsDetailPost .banner {
    opacity: 1;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    border-radius: 20px;
    margin-bottom: 20px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .newsDetailPost .notImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    font-size: 2em;
    color: #999999;
    margin-bottom: 20px;
    height: 50px; }
  .newsDetailPost .notImageSvg {
    position: absolute;
    right: 0;
    top: 0; }
    .newsDetailPost .notImageSvg svg {
      width: 100px;
      height: auto; }
  .newsDetailPost em {
    font-style: normal;
    padding: 5px; }
    .newsDetailPost em .date {
      display: block;
      font-size: .7em;
      line-height: 1em;
      color: #969191;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s;
      margin-bottom: 20px; }
    .newsDetailPost em .title {
      font-size: 1.2em;
      line-height: 1.4em;
      color: #000000;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s;
      margin-bottom: 10px; }
    .newsDetailPost em .desc {
      display: block;
      font-size: .8em;
      line-height: 1.6em;
      font-weight: 400;
      color: #999999;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s; }

.activationContentHeader {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.activationStepWrapper {
  width: 100%; }
  @media only screen and (max-width: 767px) {
    .activationStepWrapper {
      padding: 10px 0; } }
  .activationStepWrapper .stepWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-left: -15px; }
    @media only screen and (max-width: 767px) {
      .activationStepWrapper .stepWrapper {
        margin-left: -5px;
        margin-left: -5px; } }
  .activationStepWrapper .step {
    color: #92929A;
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
    @media only screen and (max-width: 767px) {
      .activationStepWrapper .step {
        margin-left: 5px;
        margin-right: 5px; } }
    .activationStepWrapper .step.active {
      color: #FF5D22; }
    .activationStepWrapper .step:before {
      content: '';
      position: absolute;
      top: 25px;
      left: 0;
      right: 0;
      height: 1px;
      background-color: #92929A;
      margin-top: -0.5px;
      z-index: -1;
      opacity: .3; }
    .activationStepWrapper .step .count {
      font-size: 1em;
      line-height: 1.2em;
      color: currentColor;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: 40px;
      height: 40px;
      border: 2px solid currentColor;
      border-radius: 50%; }
      @media only screen and (max-width: 767px) {
        .activationStepWrapper .step .count {
          width: 30px;
          height: 30px; } }
    .activationStepWrapper .step .title {
      display: block;
      color: currentColor;
      font-weight: 600;
      font-size: .8em;
      line-height: 1.2em;
      margin-top: 10px; }
  .activationStepWrapper .countWrap {
    background-color: white;
    display: inline-block;
    padding: 5px;
    border-radius: 50%; }

.activationSection {
  padding-left: 20px;
  border-radius: 30px;
  font-size: .8em;
  line-height: 1.6em;
  font-weight: 400;
  color: #616161; }
  @media only screen and (max-width: 767px) {
    .activationSection {
      padding-left: 0; } }
  .activationSection .activationSectionContent .infoArea {
    margin-top: 20px; }
    @media only screen and (max-width: 767px) {
      .activationSection .activationSectionContent .infoArea {
        padding-right: 10px; } }
  .activationSection .activationSectionContent p {
    font-size: .9em;
    line-height: 1.5em;
    font-weight: 400;
    margin-bottom: 10px; }
  .activationSection .activationSectionContent ul {
    padding-left: 15px;
    margin-top: 10px; }
    .activationSection .activationSectionContent ul li {
      display: block;
      margin-bottom: 10px; }
      .activationSection .activationSectionContent ul li:last-child {
        margin-bottom: 0; }
  .activationSection .activationSectionContent ol {
    padding-left: 15px;
    margin-top: 10px;
    counter-reset: listCounter; }
    .activationSection .activationSectionContent ol li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 10px;
      counter-increment: listCounter; }
      .activationSection .activationSectionContent ol li:before {
        content: counter(listCounter);
        min-width: 20px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        background: #ff5d22;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border-radius: 50%;
        font-size: .8em;
        line-height: 20px;
        color: #fff;
        margin-right: 5px;
        font-weight: 600; }
      .activationSection .activationSectionContent ol li:last-child {
        margin-bottom: 0; }
  .activationSection .activationSectionFooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px;
    padding-left: 5px;
    padding-right: 5px; }
    .activationSection .activationSectionFooter.flexEnd {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .activationSection .activationSectionFooter.flexCenter {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .activationSection .activationSectionFooter.borderTop {
      border-top: 1px solid #EEEEEE; }
    .activationSection .activationSectionFooter.paddingTop {
      padding-top: 20px; }
    .activationSection .activationSectionFooter .btnAgree {
      font-weight: 500;
      font-size: 1.2em;
      padding: 10px 50px;
      margin-top: 5px;
      margin-bottom: 5px;
      max-width: 100%;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .activationSection .activationSectionFooter .btnAgree {
          width: 100%;
          padding: 10px 10px; } }

.contractDocument {
  width: 100%;
  height: 300px;
  padding: 30px;
  background-color: #f9f9f9;
  margin-top: 30px;
  border-radius: 30px; }
  @media only screen and (max-width: 767px) {
    .contractDocument {
      border-radius: 20px;
      padding: 20px;
      margin-top: 20px; } }
  .contractDocument .contractDocumentWrapper {
    overflow: auto;
    height: 100%;
    padding-right: 20px; }
    @media only screen and (max-width: 767px) {
      .contractDocument .contractDocumentWrapper {
        padding-right: 0; } }
  .contractDocument .title {
    display: block;
    text-align: center;
    margin-bottom: 5px;
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 600;
    margin-bottom: 10px; }
  .contractDocument .subTitle {
    display: block;
    margin-bottom: 10px;
    font-size: 1em;
    line-height: 1.4em;
    font-weight: 600;
    margin-bottom: 10px; }
  .contractDocument p {
    font-size: .9em;
    line-height: 1.5em;
    font-weight: 400;
    margin-bottom: 10px; }
  .contractDocument ul {
    padding-left: 15px;
    margin-top: 15px; }
    .contractDocument ul li {
      display: block;
      margin-bottom: 15px; }
      .contractDocument ul li:last-child {
        margin-bottom: 0; }

.browserLinkArea {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.browserLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: .8em;
  padding: 8px 25px;
  border-radius: 30px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #ff5d22;
  font-weight: 500;
  color: #fff;
  -webkit-transition: background-color ease .3s;
  -o-transition: background-color ease .3s;
  transition: background-color ease .3s; }
  @media only screen and (max-width: 767px) {
    .browserLink {
      width: 100%; } }
  .browserLink:hover {
    -webkit-transition: background-color ease .3s;
    -o-transition: background-color ease .3s;
    transition: background-color ease .3s;
    background-color: #ff5d22;
    color: #fff; }
  .browserLink svg {
    margin-right: 10px;
    font-size: 30px; }
  .browserLink i {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .browserLink.qulakExamActivation {
    padding: 10px 50px; }

.modal-content {
  border-radius: 30px;
  border: none;
  padding: 30px; }
  @media only screen and (max-width: 767px) {
    .modal-content {
      border-radius: 20px;
      padding: 10px; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    .modal-content {
      border-radius: 20px;
      padding: 10px; } }

.modalCameraArea {
  width: 100%;
  height: 250px;
  background-color: #eee;
  border-radius: 30px; }
  @media only screen and (max-width: 767px) {
    .modalCameraArea {
      height: 200px;
      border-radius: 20px; } }
  .modalCameraArea.bgGray {
    background-color: #ddd; }

.modalCameraButton {
  display: block;
  text-align: center;
  margin-top: 10px; }
  @media only screen and (max-width: 767px) {
    .modalCameraButton {
      margin-bottom: 10px; } }

.cameraInfoArea {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }
  .cameraInfoArea .listItem {
    margin-bottom: 10px;
    font-size: .8em;
    line-height: 1.5em;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #636363;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .cameraInfoArea .listItem:last-child {
      margin-bottom: 0; }
    .cameraInfoArea .listItem i {
      margin-right: 10px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      font-size: 1.5em; }
    .cameraInfoArea .listItem.warming {
      color: #F37658; }
      .cameraInfoArea .listItem.warming i {
        color: #F37658; }

.noteArea {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1em;
  line-height: 1.6em;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #F37658;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  border-radius: 30px;
  background-color: #fbf9f9; }
  .noteArea:last-child {
    margin-bottom: 0; }
  .noteArea i {
    margin-right: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 2em;
    color: #F37658; }

.activationResultWrapper {
  text-align: center; }
  .activationResultWrapper .titlePrimary {
    display: block;
    font-weight: 500;
    font-size: 1.2em;
    line-height: 1.8em;
    margin-bottom: 20px;
    color: #616161; }
  .activationResultWrapper .QulakExamArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%; }

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
  outline: none !important; }

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important; }

.dropdown-item:focus, .dropdown-item:hover {
  outline: none !important; }

.form-group {
  padding: 5px; }
  .form-group.mb0 {
    margin-bottom: 0; }
  .form-group label {
    font-size: .8em;
    line-height: 2em;
    color: #333;
    display: block;
    margin-left: 3px;
    margin-bottom: 5px; }
    .form-group label.infoLabel {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .form-group label.infoLabel i {
        margin-left: 10px; }
  .form-group .bootstrap-select {
    width: 100%;
    color: #495057; }
    .form-group .bootstrap-select .dropdown-toggle {
      border: 1px solid #ced4da;
      border-radius: 10px;
      background-color: #F6F7F9;
      height: 50px;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s;
      font-size: .8em;
      font-weight: 500; }
      .form-group .bootstrap-select .dropdown-toggle .filter-option {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .form-group .bootstrap-select .dropdown-toggle:after {
        border: none;
        background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.364 4.95L11.314 0L12.728 1.414L6.364 7.778L0 1.414L1.414 0L6.364 4.95Z' fill='%23495057'/%3E%3C/svg%3E%0A");
        width: 13px;
        height: 8px;
        background-repeat: no-repeat;
        background-position: center center; }
    .form-group .bootstrap-select .dropdown-menu {
      padding: 0; }
      .form-group .bootstrap-select .dropdown-menu .dropdown-item {
        padding: 5px 10px;
        font-size: .8em;
        font-weight: 500; }

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #ff5d22; }

select.form-control:not([size]):not([multiple]) {
  height: 50px; }

textarea.form-control {
  resize: none;
  padding-top: 10px;
  height: 200px; }

.form-control {
  border-radius: 10px;
  background-color: #F6F7F9;
  height: 50px;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  font-size: .8em;
  font-weight: 500; }
  .form-control:hover {
    border-color: #9FCE62;
    background-color: #fff;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s; }
  .form-control:focus {
    -webkit-box-shadow: 0px 0px 8px #79DB13;
            box-shadow: 0px 0px 8px #79DB13;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    border-color: #9FCE62; }

.form-info {
  border-radius: 10px;
  background-color: #F6F7F9;
  height: 50px;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  font-size: .8em;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 10px; }

.profileUserPpArea {
  width: 100%;
  padding: 20px;
  border-radius: 30px;
  background-color: #f6f7f9;
  text-align: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .profileUserPpArea .profilPhoto {
    width: 150px;
    height: 150px;
    border-radius: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #f3d884;
    font-size: 4em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden; }
    .profileUserPpArea .profilPhoto img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
  .profileUserPpArea .profileButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.custom-file-upload-hidden {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -9999px; }

.custom-file-upload {
  display: block;
  width: auto;
  font-size: 16px;
  margin-top: 30px; }
  .custom-file-upload label {
    display: block;
    margin-bottom: 5px; }

.file-upload-wrapper {
  position: relative;
  margin-bottom: 5px; }

.file-upload-input {
  width: 100%;
  color: #000;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  padding: 11px 17px;
  border: none;
  background-color: #fff;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  float: left;
  /* IE 9 Fix */
  transition: all ease .3s; }
  .file-upload-input:hover, .file-upload-input:focus {
    background-color: #f3d884;
    outline: none;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s; }

.file-upload-button {
  cursor: pointer;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  width: 100%;
  text-transform: uppercase;
  padding: 11px 20px;
  border: none;
  background-color: #9FCE62;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  float: left;
  /* IE 9 Fix */
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s; }
  .file-upload-button:hover {
    background-color: #90da2f;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s; }

.cameraModalFooter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .cameraModalFooter .btn {
    margin-left: 10px; }
    @media only screen and (max-width: 767px) {
      .cameraModalFooter .btn {
        margin-left: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        margin-top: 10px; } }
    @media only screen and (min-width: 768px) and (max-width: 1023px) {
      .cameraModalFooter .btn {
        margin-left: 0;
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        margin-top: 10px; } }

/* Gender Radio */
.genderRadioWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.genderRadio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.2em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 50px;
  padding: 10px; }
  .genderRadio .title {
    margin-left: 0;
    color: currentColor;
    opacity: .6;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s; }
  .genderRadio svg {
    margin-left: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 10px; }
  .genderRadio .icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    opacity: .6;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s; }
  .genderRadio .borderItem {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 2px solid transparent;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s; }
  .genderRadio:first-child {
    border-radius: 5px 0px 0px 5px; }
    .genderRadio:first-child .borderItem {
      border-radius: 5px 0px 0px 5px; }
  .genderRadio:last-child {
    border-radius: 0px 5px 5px 0px; }
    .genderRadio:last-child .borderItem {
      border-radius: 0px 5px 5px 0px; }
  .genderRadio.red {
    background: #FFDADB;
    color: #F8574D; }
  .genderRadio.blue {
    color: #2E4688;
    background: #51CDFC; }
  .genderRadio input {
    position: absolute;
    opacity: 0;
    cursor: pointer; }
    .genderRadio input:checked ~ .title {
      opacity: 1;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s; }
    .genderRadio input:checked ~ .icon {
      opacity: 1;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s; }
    .genderRadio input:checked ~ .borderItem {
      border-color: #9FCE62;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s; }
  .genderRadio:hover input ~ .title {
    opacity: 1;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s; }
  .genderRadio:hover input ~ .icon {
    opacity: 1;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s; }

.form-group-clone {
  padding: 5px;
  margin-bottom: 1rem; }

.buttonFormControl {
  border-radius: 10px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center; }

.profileFooter .btn-lg {
  padding: 0 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px; }
  .profileFooter .btn-lg.mt30 {
    margin-top: 30px; }

.scroolDownBtn {
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media only screen and (max-width: 767px) {
    .scroolDownBtn {
      display: none; } }
  .scroolDownBtn .title {
    font-size: 1em;
    color: #000;
    margin-bottom: 20px;
    display: block;
    text-align: center;
    font-weight: 500; }
  .scroolDownBtn .arrow {
    text-align: center;
    font-size: 1em;
    color: #fff;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    background-color: #FFC190;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .scroolDownBtn .bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite; }

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  60% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  60% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); } }

.fixedCopyRightArea {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: .6em;
  line-height: 1em;
  font-weight: 600;
  color: #000;
  padding-bottom: 15px; }
  @media only screen and (max-width: 767px) {
    .fixedCopyRightArea {
      font-size: .8em;
      height: 30px;
      padding-bottom: 0; } }

.browserSidebarBtn {
  border-radius: 15px;
  font-size: 1em;
  line-height: 1em;
  font-weight: 600;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: #FFC190;
  color: #1F2F49;
  padding: 10px 10px;
  width: 100%;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .browserSidebarBtn i {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 10px;
    font-size: 20px; }
  .browserSidebarBtn svg {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .browserSidebarBtn:hover {
    color: #FFC190;
    background-color: #1F2F49;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s; }
  @media only screen and (max-width: 767px) {
    .browserSidebarBtn {
      width: 100%; } }

.alert {
  border-radius: 25px;
  font-size: .7em;
  line-height: 1.3em;
  padding: 10px 20px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .alert .close {
    position: unset;
    margin-left: auto;
    padding: 10px; }
  .alert .icon {
    font-size: 1.3em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 10px; }

.pagination {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .pagination.mb30 {
    margin-bottom: 30px; }
  .pagination .page-item {
    margin-left: 3px;
    margin-right: 3px; }
    .pagination .page-item.active .page-link {
      background-color: #FF5D22;
      border-color: #FF5D22;
      color: #fff; }
    .pagination .page-item .page-link {
      font-size: .6em;
      font-weight: 500;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: #F6F7F9;
      color: #000;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s; }
      .pagination .page-item .page-link:hover {
        background-color: #FF5D22;
        border-color: #FF5D22;
        color: #fff;
        -webkit-transition: all ease .3s;
        -o-transition: all ease .3s;
        transition: all ease .3s; }

.questionContentElement {
  margin-bottom: 20px;
  font-size: .8em;
  line-height: 1.4em;
  font-weight: 400;
  color: #A8ACB7;
  border-left: 5px solid #f3f0f0;
  border-top-left-radius: 5px;
  border-radius: 10px;
  border-bottom-left-radius: 5px;
  padding-left: 10px;
  background: #FCFCFC;
  padding: 20px; }
  .questionContentElement .title {
    font-size: 1.2em;
    line-height: 1.4em;
    color: #000000;
    margin-bottom: 10px;
    display: block; }

.customTable {
  border-radius: 5px;
  overflow: hidden;
  background-color: #FCFCFC;
  font-size: .8em;
  font-weight: 500;
  margin-bottom: 0; }
  .customTable .thead th {
    color: #767375;
    background-color: transparent;
    border-color: #EDEDED;
    font-size: .9em;
    font-weight: 500;
    border: unset; }
  .customTable th {
    border-top-color: #EDEDED;
    font-weight: 500; }
  .customTable .checkIcon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #9FCE62; }
  .customTable .wrongIcon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #F37658; }

.cardIstatistic {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 10px;
  background-color: #FCFCFC; }
  .cardIstatistic .collapse.show {
    background-color: #5E3EC5; }
  .cardIstatistic:last-child {
    margin-bottom: 0; }
  .cardIstatistic .customTable {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin: 1px;
    width: calc(100% - 2px); }
  .cardIstatistic .card-header {
    padding: 0;
    border: none; }
    .cardIstatistic .card-header .collapseTriggerBtn {
      font-size: .8em;
      line-height: 1.4em;
      color: #000000;
      margin-bottom: 10px;
      display: block;
      border: none;
      background: transparent;
      margin: 0;
      width: 100%;
      text-align: left;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      min-height: 50px;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding: 20px; }
      .cardIstatistic .card-header .collapseTriggerBtn[aria-expanded="true"] {
        background-color: #5E3EC5;
        color: #fff; }
  .cardIstatistic .card-body {
    padding: 0; }

.contactFormFile .file-upload-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.contactFormFile .file-upload-button {
  border-radius: 10px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  height: 50px;
  padding: 5px; }

.contactFormFile .file-upload-input {
  border-radius: 10px;
  background-color: #f3d884;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  margin-right: 5px;
  height: 50px;
  font-size: .6em; }

.signUpFormContainer label {
  font-size: 1em; }

.popover-header {
  font-size: .8em; }

.popover-body {
  font-size: .6em; }

.popover {
  min-height: unset; }

.customTooltip {
  font-size: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #9FCE62;
  cursor: pointer; }

.infoPopoverIcon {
  font-size: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #9FCE62;
  cursor: pointer; }

.validateGroup {
  position: relative; }
  .validateGroup .form-control {
    padding-right: 20px; }
  .validateGroup label.error {
    position: absolute;
    bottom: -22px;
    left: 10px;
    font-size: .8em;
    color: #F37658;
    font-weight: 500;
    margin: 0; }
  .validateGroup .absoluteElement {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px; }

.signUpFormContainer {
  font-size: 15px; }
  .signUpFormContainer label {
    font-weight: 600; }

.contactFormChatFormWrapper.borderTop {
  border-top: 1px solid #EEEEEE; }

.contactFormChatFormWrapper.paddingTop {
  padding-top: 30px; }

.custom-file {
  height: 50px;
  cursor: pointer; }

.custom-file-input {
  height: 50px;
  cursor: pointer; }

.custom-file-label {
  height: 50px;
  margin: 0 !important;
  margin: 0;
  background: #f6f7f9;
  padding: 0;
  margin-left: 0;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  color: #495057;
  font-size: .8em;
  font-weight: 500;
  cursor: pointer; }
  .custom-file-label::after {
    content: 'Seç';
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: #a0ce62;
    color: #fff;
    font-weight: 500; }

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: 'Seç'; }

.resultTablePage {
  font-size: 1.2em;
  border-radius: 10px; }

.contactDetailMainWrapper {
  position: relative; }

.contactDetailFixedForm {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 66; }

.fixedFormCollapseHeader {
  padding: 0;
  background-color: #fff;
  border: none; }
  .fixedFormCollapseHeader .btnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px;
    width: 100%;
    background-color: transparent;
    border-radius: none;
    border: none;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .fixedFormCollapseHeader .btnWrap[aria-expanded="true"] .collapseAction .vertical {
      opacity: 0;
      -webkit-transition: all ease .3s;
      -o-transition: all ease .3s;
      transition: all ease .3s; }
  .fixedFormCollapseHeader .sectionTitle {
    margin-bottom: 0;
    font-size: 1em; }

.collapseAction {
  width: 30px;
  height: 30px;
  position: relative;
  display: inline-block; }
  .collapseAction i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    border-radius: 5px;
    opacity: 1;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s; }
  .collapseAction .vertical {
    width: 5px;
    height: 20px;
    background-color: #000; }
  .collapseAction .horizontal {
    height: 5px;
    width: 20px;
    background-color: #000; }

.fixedFormCard {
  border-radius: 20px;
  overflow: hidden; }

.fixedFormWrapper .form-group {
  margin-bottom: 0; }

.card-body.borderBottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }