/**
 * Main BCC Styles
 * Base styles that apply to all BCC tenants
 * Individual BCC folders should only contain overrides
 */

/* ==========================================================================
   BCC Header Base Styles
   ========================================================================== */

@font-face {
  font-family: 'PlusJakartaSans';
  src: url('https://timg0cf.b8cdn.com/images/templates/default/fonts/fancy04/PlusJakartaSans-Regular.ttf')
    format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('https://timg0cf.b8cdn.com/images/templates/default/fonts/fancy04/Inter.ttf')
    format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DroidKufi-Regular';
  src: url('https://timg0cf.b8cdn.com/images/templates/default/fonts/fancy04/DroidKufi-Regular.ttf')
    format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'sans_regular';
  src: url('https://secure.b8cdn.com/css/source_sans/sourcesanspro-regular-webfont.eot');
  src: url('https://secure.b8cdn.com/css/source_sans/sourcesanspro-regular-webfont.eot?#iefix')
      format('embedded-opentype'),
    url('https://secure.b8cdn.com/css/source_sans/sourcesanspro-regular-webfont.woff2')
      format('woff2'),
    url('https://secure.b8cdn.com/css/source_sans/sourcesanspro-regular-webfont.woff')
      format('woff'),
    url('https://secure.b8cdn.com/css/source_sans/sourcesanspro-regular-webfont.ttf')
      format('truetype'),
    url('https://secure.b8cdn.com/css/source_sans/sourcesanspro-regular-webfont.svg#source_sans_proregular')
      format('svg');
  font-weight: normal;
  font-style: normal;
}

#en.fancy-04 #masthead-wrapper,
#en.fancy-04 #footer-wrapper,
#fr.fancy-04 #masthead-wrapper,
#fr.fancy-04 #footer-wrapper,
.fancy-04 #masthead-wrapper h1,
.fancy-04 #masthead-wrapper .h1,
.fancy-04 #masthead-wrapper h2,
.fancy-04 #masthead-wrapper .h2,
.fancy-04 #footer-wrapper h1,
.fancy-04 #footer-wrapper .h1,
.fancy-04 #footer-wrapper h2,
.fancy-04 #footer-wrapper .h2 {
  font-family: 'PlusJakartaSans', sans_regular, arial, freesans, sans-serif;
}

#ar.fancy-04 #masthead-wrapper,
#ar.fancy-04 #masthead-wrapper h1,
#ar.fancy-04 #masthead-wrapper .h1,
#ar.fancy-04 #masthead-wrapper h2,
#ar.fancy-04 #masthead-wrapper .h2,
#ar.fancy-04 #footer-wrapper,
#ar.fancy-04 #footer-wrapper h1,
#ar.fancy-04 #footer-wrapper .h1,
#ar.fancy-04 #footer-wrapper h2,
#ar.fancy-04 #footer-wrapper .h2 {
  font-family: 'DroidKufi-Regular';
}

body.fancy-04 #masthead-wrapper li span,
body.fancy-04 .lang_top_logout span,
body.fancy-04 .register_options li,
body.fancy-04 .lang_top_logout_list .toplink-lang-ar {
  font-family: 'PlusJakartaSans';
  letter-spacing: -0.011em;
  text-transform: capitalize;
  font-size: clamp(0.875rem, 0.7vw, 3.5rem) !important;
  line-height: clamp(1.25rem, 1vw, 5rem) !important;
  color: #000;
}

#ar.fancy-04 #masthead-wrapper li span,
#ar.fancy-04 .lang_top_logout span,
#ar.fancy-04 .register_options li,
#ar.fancy-04 .lang_top_logout_list .toplink-lang-ar {
  font-family: 'DroidKufi-Regular';
  letter-spacing: unset;
  text-transform: unset;
  font-size: clamp(0.875rem, 0.7vw, 3.5rem);
  line-height: 30px;
}
#ar.fancy-04 #masthead-wrapper i,
#ar.fancy-04 #footer-wrapper i,
#en.fancy-04 #masthead-wrapper i,
.fancy-04 #footer-wrapper i {
  font-family: 'lego' !important;
}


article#powered-by {
    padding: 16px;
    background: rgb(40, 42, 60);
}

.bcc-header {
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.bcc-header .header-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
}

/* Logo Section */
.bcc-header .logo-section {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.bcc-header .logo-placeholder {
  width: 40px;
  height: 40px;
  background: #f3f4f6;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.875rem;
  color: #374151;
}

.bcc-header .company-name {
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
}

/* Navigation */
.bcc-header .main-nav {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.bcc-header .nav-item {
  color: #6b7280;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.bcc-header .nav-item:hover {
  color: #111827;
}

/* Custom Features Section */
.bcc-header .bcc-features {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bcc-header .custom-badge {
  padding: 0.25rem 0.75rem;
  background: #f3f4f6;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
}

/* User Actions */
.bcc-header .user-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.bcc-header .btn {
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  cursor: pointer;
  font-size: 0.875rem;
}

.bcc-header .btn-outline {
  color: #374151;
  border-color: var(--theme-border-color);
  background: transparent;
}

.bcc-header .btn-outline:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}

.bcc-header .btn-primary {
  background: #3b82f6;
  color: white;
  border-color: #3b82f6;
}

.bcc-header .btn-primary:hover {
  background: #2563eb;
  border-color: #2563eb;
}

/* Custom Banner */
.bcc-header .custom-banner {
  background: #f8fafc;
  padding: 0.75rem 0;
  text-align: center;
  border-top: 1px solid #e5e7eb;
}

.bcc-header .banner-text {
  color: #64748b;
  font-size: 0.875rem;
  margin: 0;
}

/* ==========================================================================
   Responsive Design
   ========================================================================== */

@media (max-width: 768px) {
  .bcc-header .header-container {
    padding: 0 0.75rem;
    min-height: 56px;
  }

  .bcc-header .main-nav {
    display: none;
  }

  .bcc-header .bcc-features {
    display: none;
  }

  .bcc-header .user-actions {
    gap: 0.5rem;
  }

  .bcc-header .btn {
    padding: 0.375rem 0.75rem;
    font-size: 0.8125rem;
  }
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

.bcc-header .text-center {
  text-align: center;
}

.bcc-header .font-bold {
  font-weight: 700;
}

.bcc-header .text-sm {
  font-size: 0.875rem;
}

.bcc-header .text-lg {
  font-size: 1.125rem;
}

.bcc-header .mb-2 {
  margin-bottom: 0.5rem;
}

.bcc-header .mt-4 {
  margin-top: 1rem;
}

/* All font-family declarations removed - using Tailwind's default system fonts */
#ar.fancy-04,
#ar.fancy-04 h1,
#ar.fancy-04 .h1,
#ar.fancy-04 h2,
#ar.fancy-04 .h2,
#ar.fancy-04 #masthead-wrapper li span,
#ar.fancy-04 .lang_top_logout span,
#ar.fancy-04 .register_options li,
#ar.fancy-04 .lang_top_logout_list .toplink-lang-ar {
  direction: rtl;
}

#en.fancy-04 .rtl,
#fr.fancy-04 .rtl {
  direction: rtl;
}

#ar.fancy-04 .ltr {
  direction: ltr;
}

/* Global font-family declarations using Tailwind's default sans-serif stack with full weight support */

/* Keep direction rules active */
#ar {
  direction: rtl;
}

#en .rtl,
#fr .rtl {
  direction: rtl;
}

#ar .ltr {
  direction: ltr;
}

#masthead-wrapper {
  clear: both;
  width: 100%;
  padding: 0;
  background: #fff;
  border-bottom: 1px solid #e7e8e9;
  margin: 0 0 85px 0;
  border-bottom: 1px solid #e7e8e9;
}

#masthead {
  position: relative;
  margin: 0 auto;
  padding: 10px 0px 10px 0px;
  width: 1000px;
}

#masthead p {
  padding: 0;
  margin: 0;
}

#nav-wrapper {
  display: inline-block;
  background: none;
  vertical-align: middle;
  margin: 0 6%;
}

#fr #nav-wrapper {
  margin: 0 4%;
}

#nav {
  padding: 0px 10px 0px 10px;
  display: inline-block;
  margin: 0;
}

#nav li {
  float: left;
  margin: 0px 1px 0px 0px;
  color: #8b0000;
  line-height: 38px;
}

#ar #nav li {
  font-size: 16px;
}

#ar #nav li {
  float: right;
  margin: 0px 0px 0px 1px;
}

#nav a {
  display: block;
  text-decoration: none;
  cursor: pointer;
  color: #8b0000;
  padding: 0 10px;
}

#nav span {
  display: block;
}

#nav span span {
  padding: 0;
}

.home #nav .tab1 .sub-nav,
.opptab {
  display: none;
}

#nav .off .sub-nav {
  display: none;
}

#nav .sub-nav li {
  color: #f66403;
  font-size: 18px;
  text-align: left;
}

#ar #nav .sub-nav li {
  text-align: right;
  font-size: 18px;
}

#nav .sub-nav span {
  float: none;
  background: none;
}

#nav .on a,
#nav .opptab.on a,
#nav .opptab.on a:hover {
  color: #f66403;
}

#nav .on .sub-nav {
  position: absolute;
  left: 0;
  top: 125px;
  width: 1000px;
  height: 38px;
  margin: 0;
  border-bottom: 1px solid #e7e8e9;
}

#nav .on .sub-nav a {
  color: #a1a1a1;
}

#nav .on .sub-nav a:hover,
#nav .on .sub-nav .on a {
  color: #f66403;
}

#nav .on .sub-nav .on a {
  color: #f66403;
  border-bottom: 3px solid #f66403;
  height: 41px;
}

#nav .hover {
  position: relative;
  z-index: 200;
}

#nav .hover a {
  color: #8b0000;
}

#nav .hover .sub-nav a {
  font-size: 14px;
}

#nav .hover .sub-nav {
  display: block;
  position: absolute;
  padding: 1px;
  width: 200px;
  top: 32px;
  left: -1px;
  background: #fff;
  border: 1px solid #e7e8e9;
  border-radius: 3px;
  padding: 8px;
}

#ar #nav .hover .sub-nav {
  left: auto;
  right: -1px;
}

#nav .hover .sub-nav li {
  margin: 0;
  padding: 5px;
}

#nav .hover .sub-nav li:first-child {
  border: none;
}

#nav .hover .sub-nav span {
  background: none;
  line-height: 35px;
  width: 190px;
}

#nav .hover .sub-nav span span {
  width: auto;
}

#nav .hover .sub-nav a:hover {
  background: transparent;
  color: #f66403;
}

#nav .opptab {
  float: right;
  position: relative;
  margin: 0px 0px 0px 1px;
}

#ar #nav .opptab {
  float: left;
  margin: 0px 1px 0px 0px;
}

#nav .opptab a,
#nav .opptab a:hover {
  color: #8b0000;
}

#nav .opptab span {
  background-color: #f66403;
  background-position: right -120px;
}

#nav .opptab span span {
  background-position: left -120px;
  line-height: 38px;
}

#nav .opptab .sub-nav {
  left: auto;
  right: -10px;
  border-color: #f66403;
}

#ar #nav .opptab .sub-nav {
  right: auto;
  left: -10px;
}

#nav .opptab .sub-nav a:hover span {
  background: #f66403;
}

#nav .nav-div {
  font-weight: normal;
}

#nav .hover .nav-div {
  display: none;
}

.tabs {
  margin: 0 0 30px;
  padding: 0 5px;
  width: 690px;
  border-bottom: 5px solid #f66403;
  position: relative;
}

ul.tabs {
  height: 52px !important;
}

#frame-popup .tabs {
  width: 750px;
}

.tabs li {
  float: left;
  margin: 0px 1px 0px 0px;
  font-size: 1em;
}

#ar .tabs li {
  float: right;
  margin: 0px 0px 0px 1px;
}

.tabs a {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  height: 46px !important;
  color: #8b0000;
}

.tabs .on > a,
.tabs a:hover {
  color: #f66403;
}

.tabs span,
.tabs .sub-nav .off span {
  display: block;
  float: left;
  background: #f66403
    url(https://timg0cf.b8cdn.com/images/templates/default/tab-bg.png) right -180px
    repeat-y;
}

.tabs span,
.tabs .sub-nav .off > span {
  padding-right: 10px;
}

.tabs span span {
  padding: 0;
  padding-left: 10px;
  background: #f66403
    url(https://timg0cf.b8cdn.com/images/templates/default/tab-bg.png) left -180px
    repeat-y;
  font-size: 18px;
  line-height: 38px;
}

#ar .tabs span span {
  font-size: 16px;
}

.tabs .on span,
.tabs a:hover span,
.tabs .sub-nav .off a:hover span {
  background-color: #f66403;
  background-position: right -240px !important;
}

.tabs .on span span,
.tabs a:hover span span,
.tabs .sub-nav .off a:hover span {
  background-color: #f66403;
  background-position: left -240px !important;
}

.tabs .on span span {
  padding-bottom: 1px;
}

.tabs .tab-on-hover {
  background: none !important;
  font-size: 1em;
  padding: 0;
}

.tabs .on .tab-on-hover {
  padding: 0 3px;
}

.tabs .on .tab-on-hover:hover {
  color: #000;
  background-color: #ffffd6 !important;
  padding: 0 2px;
  margin: 0.4em 0 0.5em 0;
  line-height: 2em;
  border: 1px solid #999;
  opacity: 0.9 !important;
}

.tabs .on .sub-nav li {
  margin: 2px 5px 0 0;
}

#ar .tabs .on .sub-nav li {
  margin: 2px 0 0 5px;
}

.tabs .on .sub-nav li span {
  border-radius: 8px;
  background-image: none;
}

.tabs .on .sub-nav {
  left: 0;
  position: absolute;
  padding: 0 5px;
  width: 910px;
  *top: 40px;
}

.applicant_tabs li.on span span {
  padding-bottom: 0;
}

.tabs_border {
  width: 760px !important;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #d9d9d9;
}

.tabs_border li span,
.tabs_border li span span {
  background: #fff !important;
}

.tabs_border li a {
  padding: 0 20px;
  line-height: 33px;
  font-size: 12px;
}

.tabs_border li.on a {
  color: #000 !important;
  border: 1px solid #d9d9d9;
  border-width: 1px 1px 0;
  height: 33px;
  background: #fff;
}

.tabs_border li a,
.tabs_border li a:hover {
  color: #999;
}

.tabs_border li span {
  padding-right: 20px;
}

#ar .tabs_border li span {
  padding-left: 20px;
  padding-right: 0;
}

.tabs_border li span span {
  padding: 0 0 0 20px;
}

#ar .tabs_border li span span {
  padding: 0 20px 0 0;
}

.tabs .buytab {
  margin: 0;
  float: right;
}

#ar .tabs .buytab {
  float: left;
}

.tabs .buytab a {
  color: #fff;
}

.tabs .buytab span {
  background-color: #910000;
  background-position: right -300px;
}

.tabs .buytab span span {
  background-color: #910000;
  background-position: left -300px;
}

.tabs li.link a:link,
.tabs li.link a:visited,
.tabs li.link a span {
  color: #d35400;
  background: none;
  text-decoration: underline;
}

.tabs li.link a:hover,
.tabs li.link a:active {
  background: none;
  color: #d35400;
}

.tabs li.link a span {
  font-weight: normal;
  /* font-family: sans_regular,arial,freesans,sans-serif; */
  text-transform: none;
}

.tabs li.link a:hover span {
  color: #d35400;
}

#content-head-wrapper {
  clear: both;
  width: 100%;
}

#content-head {
  padding: 0px 0px 0px 0px;
  margin: 0 auto;
  width: 920px;
  background-color: #fff;
}

#content-frame-wrapper {
  clear: both;
  width: 100%;
  background: none;
}

#content-head-bar {
  margin: 0;
}

#content-head-bar h2,
#content-head-bar p {
  margin: 0;
  color: #000;
  line-height: 1.5em;
}

#content-head-bar h3 {
  /* font-family: sans_light,arial,freesans,sans-serif; */
  font-weight: normal;
}

#content-head-bar input {
  padding: 8px;
  width: 98%;
  border: 1px solid #ddd;
  border-radius: 3px;
  height: 43px;
}

#content-head-bar .quicksearch-field {
  width: 49%;
  font-size: 1.4em;
  display: inline-block;
  margin: 0 0 15px 0;
}

#content-head-bar .quicksearch-field strong {
  /* font-family: sans_semibold,arial,freesans,sans-serif; */
  font-size: 14px;
  font-weight: normal;
}

.col-13-mid,
.col-14-mid {
  margin: 0 0 0 10px;
}

#ar .col-13-mid,
#ar .col-14-mid {
  margin: 0 10px 0 0;
}

.col-12 {
  width: 48%;
}

.col-13,
.col-13-mid {
  width: 31%;
}

.col-14,
.col-14-mid {
  width: 23%;
}

.col-23 {
  width: 65%;
}

.col-34 {
  width: 73%;
}

.square .col-12 {
  width: 336px;
}

.square .col-13,
.square .col-13-mid {
  width: 220px;
}

.square .col-14,
.square .col-14-mid {
  width: 24%;
}

.square .col-23 {
  width: 451px;
}

.square .col-34 {
  width: 74%;
}

.social_buttons_box {
  text-align: center;
}

.facebook_wrapper {
  display: inline;
  margin: 0 6px;
  width: 46px;
  height: 62px;
}

#masthead ul#nav,
#footer ul {
  list-style-type: none;
}

#footer article li {
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 27px;
}

#footer article ul a:hover {
  opacity: 0.7;
}

#footer article ul a {
  transition: 0.4s;
}

.twitter_wrapper {
  display: inline;
  margin: 0 6px;
  width: 55px;
  height: 62px;
  overflow: hidden;
  border: none;
}

.googleplus_wrapper {
  display: inline;
  margin: 0 6px;
  width: 50px;
  height: 60px;
  overflow: hidden;
  border: none;
}

#footer p {
  margin-bottom: 62px;
  font-size: 1.1em;
  color: #ecf0f1;
}

#footer a.pbb {
  text-decoration: none;
}

#footer img {
  vertical-align: middle;
}

.i_16_wrapper {
  padding: 0 0 0 20px;
  position: relative;
  display: inline-block;
}

#ar .i_16_wrapper {
  padding: 0 20px 0 0;
}

.i_16_item {
  background: url(https://timg0cf.b8cdn.com/images/icons/sprite_all.png)
    no-repeat;
  height: 16px;
  width: 16px;
  position: absolute;
  left: 0px;
}

#ar .i_16_item {
  left: auto;
  right: 0;
}

.i_16 {
  background: url(https://timg0cf.b8cdn.com/images/icons/sprite_all.png)
    no-repeat;
  height: 16px;
  width: 16px;
  display: inline-block;
}

.question_blt {
  background-position: -96px 0;
  position: relative !important;
  display: inline-block;
}

.i_edit {
  background-position: 0 0;
}

.i_contact {
  background-position: -208px 0;
}

.i_twitter {
  background-position: -176px 0;
}

.i_website {
  background-position: -192px 0;
}

.i_delete {
  background-position: -48px 0;
}

.i_add {
  background-position: -80px 0;
}

.i_download_cv {
  background-position: -16px 0;
}

.i_print {
  background-position: -32px 0;
}

.i_copy {
  background-position: -64px 0;
}

.i_arrow_lightgray {
  background-position: -112px 0;
}

.i_arrow_gray {
  background-position: -128px 0;
}

.i_arrow_blue {
  background-position: -144px 0;
}

.i_arrow_black {
  background-position: -160px 0;
}

.i_alert {
  background-position: -256px 0;
}

.i_invite {
  background-position: -288px 0;
}

.i_task {
  background-position: -272px 0;
}

.i_sendmail {
  background-position: -240px 0;
}

.i_star {
  background-position: -96px -16px;
}

.i_separator {
  background-position: -272px -16px;
}

.i_homepage {
  background-position: 0 -92px;
  height: 32px;
  width: 32px;
}

.i_close {
  background-position: -112px -16px;
}

.i_close_dark {
  background-position: -128px -16px;
}

.i_arrow2_black {
  background-position: -144px -16px;
}

#ar .i_arrow2_black {
  background-position: -160px -16px;
}

.i_arrow2_gray {
  background-position: -240px -32px;
}

#ar .i_arrow2_gray {
  background-position: -256px -32px;
}

.i_yes_sign {
  background-position: -176px -16px;
}

.i_yes_signbig {
  background-position: -131px -104px;
  height: 17px;
  width: 26px;
}

.i_square_blue {
  background-position: -213px -21px;
  display: inline-block;
  height: 7px;
  width: 7px;
  margin-right: 1px;
}

.i_square_grey {
  background-position: -197px -21px;
  display: inline-block;
  height: 7px;
  width: 7px;
  margin-right: 1px;
}

#ar .i_square_blue,
#ar .i_square_grey {
  float: right;
}

.i_arrow2 {
  background-position: left -32px;
}

#ar .i_arrow2 {
  background-position: -16px -32px;
}

.i_search {
  background-position: -160px -96px;
  height: 32px;
  width: 32px;
}

.i_arrow_mark {
  background-position: -32px -32px;
}

.i_arrow_title {
  background-position: -48px -32px;
}

#ar .i_arrow_title {
  background-position: -64px -32px;
}

.i_voteup {
  background-position: -80px -32px;
}

.i_votedown {
  background-position: -96px -32px;
}

.i_voteup.on,
.i_votedown.on {
  cursor: pointer;
}

.i_voteup.on:hover {
  background-position: -112px -32px;
}

.i_votedown.on:hover {
  background-position: -128px -32px;
}

.i_incr {
  background-position: -80px -32px;
}

.i_decr {
  background-position: -96px -32px;
}

.i_arrow_left_black {
  background-position: -224px -16px;
}

.i_arrow_right_white {
  background-position: -240px -16px;
}

.i_active_arrow {
  background-position: 0 -128px;
}

.i_bayt {
  background-position: -64px -96px;
  width: 48px;
}

.i_bayt_grey {
  background-position: -64px -112px;
  width: 32px;
}

.i_bayt_small {
  background-position: -96px -112px;
  width: 32px;
}

.i_follow {
  background-position: -144px -32px;
}

.i_add_another {
  background-position: -160px -32px;
}

.i_cv_icon {
  background-position: -192px -96px;
  height: 32px;
  width: 32px;
}

.i_cv_icon_orange {
  background-position: -240px -288px;
  height: 21px;
  width: 21px;
}

#ar .i_cv_icon {
  background-position: -187px -96px;
}

.i_cv_preview {
  background-position: -176px -32px;
  height: 16px;
  width: 16px;
}

.i_love {
  background-position: -224px -96px;
  height: 32px;
  vertical-align: middle;
  width: 32px;
}

.i_cv_add {
  background-position: -192px -32px;
}

.i_recommend {
  background-position: -32px -128px;
  height: 40px;
  width: 40px;
}

.i_recommend_count {
  background-position: -80px -128px;
  height: 36px;
  width: 36px;
}

.i_info {
  background-position: -208px -32px;
  vertical-align: middle;
}

.i_modal_arrow {
  background-position: -130px -132px;
  height: 26px;
  left: -12px;
  bottom: 130px;
}

#ar .i_modal_arrow {
  background-position: -144px -132px;
  height: 26px;
  left: auto;
  right: -12px;
}

.i_sstory {
  background-position: -32px -96px;
  height: 32px;
}

#ar .i_sstory {
  background-position: -160px -128px;
}

.i_jjoin {
  background-position: -48px -96px;
  height: 32px;
}

#ar .i_jjoin {
  background-position: -176px -128px;
  height: 32px;
}

.i_save {
  background-position: -224px -32px;
}

.i_summary_view {
  background-position: -197px -133px;
  height: 22px;
  width: 22px;
}

.i_summary_active {
  background-position: -229px -133px;
  height: 22px;
  width: 22px;
}

.i_details_view {
  background-position: -197px -165px;
  height: 22px;
  width: 22px;
}

.i_details_active {
  background-position: -229px -165px;
  height: 22px;
  width: 22px;
}

.i_pgr_prev,
#ar .i_pgr_nxt {
  background-position: -133px -165px;
  height: 22px;
  margin: 2px 0;
  width: 22px;
}

.i_pgr_prev_actv,
#ar .i_pgr_nxt_actv {
  background-position: -165px -165px;
  height: 22px;
  margin: 2px 0;
  width: 22px;
}

.i_pgr_nxt,
#ar .i_pgr_prev {
  background-position: -133px -197px;
  height: 22px;
  margin: 2px 0;
  width: 22px;
}

.i_pgr_nxt_actv,
#ar .i_pgr_prev_actv {
  background-position: -165px -197px;
  height: 22px;
  margin: 2px 0;
  width: 22px;
}

.i_mobile {
  background-position: left -16px;
}

.i_blog {
  background-position: -16px -16px;
}

.i_rss {
  background-position: -32px -16px;
}

.i_twitter2 {
  background-position: -48px -16px;
}

.i_facebook {
  background-position: -64px -16px;
}

.i_youtube {
  background-position: -80px -16px;
}

.i_googleplus {
  background-position: -16px -48px;
}

.i_linkedin {
  background-position: 0 -48px;
}

.i_cv_writing {
  background-position: -32px -48px;
}

.i_target {
  background-position: -80px -80px;
}

.i_cv_writing_support {
  background-position: -224px -48px;
  margin: 0 5px;
}

.i_arrow_white {
  background-position: -288px -32px;
}

.i_attachment {
  background-position: -16px -64px;
}

.i_undo {
  background-position: -32px -64px;
}

.i_arrow_gray_up {
  background-position: -48px -64px;
}

.i_arrow_black_down {
  background-position: -64px -64px;
}

.i_expand {
  background-position: -80px -64px;
}

.i_collapse {
  background-position: -96px -64px;
}

.i_tools {
  background-position: -112px -64px;
}

.i_print_cv {
  background-position: -128px -64px;
}

.i_tag {
  background-position: -144px -64px;
}

.i_note {
  background-position: -160px -64px;
}

.i_note_red {
  background-position: -176px -64px;
}

.i_taq_red {
  background-position: -192px -64px;
}

.i_viewed_red {
  background-position: -208px -64px;
}

.i_attachment_red {
  background-position: -224px -64px;
}

.i_cv_attachment {
  background-position: -240px -64px;
}

.i_cv_video {
  background-position: -256px -64px;
}

.i_cv_recommendation {
  background-position: -272px -64px;
}

.i_warning {
  background-position: -288px -64px;
}

.i_snippet {
  background-position: -288px -80px;
}

.i_lock {
  background-position: 0 -80px;
}

.i_target {
  background-position: -80px -80px;
}

.i_tag_close {
  background-position: -192px -48px;
  vertical-align: text-bottom;
}

.i_facebook_icon,
.i_google_icon {
  display: inline-block;
  height: 30px;
  width: 33px;
}

.i_facebook_icon {
  background-position: 0 -146px;
}

#ar .i_facebook_icon {
  background-position: 9px -146px;
}

.i_google_icon {
  background-position: -97px -210px;
}

#ar .i_google_icon {
  background-position: -92px -210px;
}

@font-face {
  font-family: 'lego';
  src: url('https://tcsscf.b8cdn.com/css/lego/font/lego-new/lego.eot?091');
  src: url('https://tcsscf.b8cdn.com/css/lego/font/lego-new/lego.eot?091#iefix')
      format('embedded-opentype'),
    url('https://tcsscf.b8cdn.com/css/lego/font/lego-new/lego.woff?091')
      format('woff'),
    url('https://tcsscf.b8cdn.com/css/lego/font/lego-new/lego.ttf?091')
      format('truetype'),
    url('https://tcsscf.b8cdn.com/css/lego/font/lego-new/lego.svg?091#lego')
      format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'lego-roles';
  src: url('https://tcsscf.b8cdn.com/css/lego/font/roles/lego-roles.eot?0');
  src: url('https://tcsscf.b8cdn.com/css/lego/font/roles/lego-roles.eot?0#iefix')
      format('embedded-opentype'),
    url('https://tcsscf.b8cdn.com/css/lego/font/roles/lego-roles.woff2?0')
      format('woff2'),
    url('https://tcsscf.b8cdn.com/css/lego/font/roles/lego-roles.woff?0')
      format('woff'),
    url('https://tcsscf.b8cdn.com/css/lego/font/roles/lego-roles.ttf?0')
      format('truetype'),
    url('https://tcsscf.b8cdn.com/css/lego/font/roles/lego-roles.svg?0#fontello')
      format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^='i-'],
[class*=' i-'],
.role_i {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: text-bottom;
  color: #666;
}

.action_icon {
  display: inline-block;
  padding: 4px;
  cursor: pointer;
  border-radius: 2px;
  line-height: 1.2em;
  color: #666;
  border: 1px solid #cccccc;
}

.action_icon:hover {
}

.alone [class^='i-'],
.alone [class*=' i-'] {
  margin: 0;
}

.action_icon:hover [class^='i-'],
.action_icon:hover [class*=' i-'],
.action_icon:hover [class^='i-'][class$='-s']:after {
  color: #333;
}

.action_icon i {
  vertical-align: text-bottom;
}

.i-attachment-16:before,
.i-attachment-24:before {
  content: '\e81b';
}

.i-menu_m:before {
  content: '\e86a';
}

.i-tamm-doc:before,
.i-templates:before,
.i-applications-24:before {
  content: '\e81d';
}

.i-delete-16:before,
.i-delete:before,
.i-delete-s:before,
.i-delete-24:before {
  content: '\e81e';
}

.i-position-nav-16:before,
.i-positions-32:before,
.i-jobs-nav:before,
.i-job:before,
.i-work-experience2:before,
.i-work-experience:before {
  content: '\e82f';
}

.i-talent-nav-16:before,
.i-invite-apply-s:before {
  content: '\e830';
}

.i-evaluation-form-16:before,
.i-evaluation-form:before,
.i-evaluation-form-24:before,
.i-bullet:before {
  content: '\e821';
}

.i-export-s:before,
.i-export-24:before {
  content: '\e822';
}

.i-job-applicants-16:before,
.i-applications-16:before,
.i-job-applicants-24:before,
.i-original-cv-attachment:before {
  content: '\e824';
}

.i-move-to-application-16:before,
.i-move-to-application-24:before,
.i-move-s:before {
  content: '\e827';
}

.i-move-to-folder-16:before,
.i-move-to-folder-24:before {
  content: '\e828';
}

.i-note-16:before,
.i-note-24:before,
.i-note:before {
  content: '\e829';
}

.i-print-16:before,
.i-print-s:before,
.i-print:before,
.i-print-24:before {
  content: '\e82a';
}

.i-report-inappropriate-16:before,
.i-s-report-16:before,
.i-report-inappropriate-24:before,
.i-s-report-24:before,
.i-warning:before {
  content: '\e8b5';
}

.i-application-status-24:before,
.i-application-status-16:before,
.i-change-status-s:before {
  content: '\e80a';
}

.i-share-16:before,
.i-share:before,
.i-share-s:before,
.i-share-24:before,
.i-sourcing-channels:before {
  content: '\e816';
}

.i-tag-16:before,
.i-tag:before,
.i-tag-24:before {
  content: '\e817';
}

.i-task-24:before,
.i-task-16:before,
.i-task:before {
  content: '\e818';
}

.i-upload:before,
.i-upload-document-24:before {
  content: '\e819';
}

.i-document:before {
  content: '\ea98';
}

.i-ungroup:before {
  content: '\e82d';
}

.i-duplicate-check-16:before,
.i-duplicate-check-24:before {
  content: '\ebbc';
}

.i-check-double:before {
  content: '\e81f';
}

.i-interview-16:before,
.i-interviews-32:before,
.i-interview:before,
.i-interview-24:before,
.i-interview-nav-16:before {
  content: '\e823';
}

.i-mark-as-hired-16:before,
.i-mark-as-hired-24:before,
.i-multiple-answer:before {
  content: '\e826';
}

.i-job-offer-24:before,
.i-job-offer-16:before,
.i-job-offer-32:before,
.i-offer-letters-nav:before {
  content: '\e825';
}

.i-copy-16:before,
.i-copy-s:before,
.i-copy-24:before {
  content: '\e81c';
}

.i-rss-feeds:before {
  content: '\e836';
}

.i-separator:before {
  content: '\e837';
}

.i-video:before,
.i-video-40:before {
  content: '\ebc1';
}

.i-save:before {
  content: '\e83a';
}

.i-recommendation:before,
.i-recommendations:before,
.i-training-certification:before {
  content: '\e83b';
}

.i-previous:before,
#ar .i-next:before {
  content: '\e83c';
}

.i-next:before,
#ar .i-previous:before {
  content: '\e83d';
}

.i-lock:before {
  content: '\e83e';
}

.i-expand:before {
  content: '\e83f';
}

.i-collapse:before {
  content: '\e840';
}

.i-help-tip:before {
  content: '\e841';
}

.i-info-tip:before {
  content: '\e842';
}

.i-edit:before,
.i-edit-s:before {
  content: '\e843';
}

.i-sent:before {
  content: '\e844';
}

.i-archive:before,
.i-archive-message:before {
  content: '\e845';
}

.i-inbox:before {
  content: '\e846';
}

.i-left-arrow:before,
.i-left-arrow2:before,
#ar .i-right-arrow:before,
#ar .i-right-arrow2:before {
  content: '\e86c';
}

.i-right-arrow:before,
.i-right-arrow2:before,
#ar .i-left-arrow:before,
#ar .i-left-arrow2:before {
  content: '\e84a';
}

.i-up-arrow:before {
  content: '\e86d';
}

.i-down-arrow:before {
  content: '\e86b';
}

.i-search:before,
.i-search-16:before,
.i-search-2:before,
.i-ab_search:before {
  content: '\e84b';
}

.i-notification:before {
  content: '\e84c';
}

.i-pipeline:before {
  content: '\e84e';
}

.i-preview:before,
.i-view:before,
.i-action-menu-s:before {
  content: '\e84f';
}

.i-undo:before,
.i-reply-s:before,
.i-reply:before {
  content: '\e850';
}

.i-block:before {
  content: '\e851';
}

.i-google-plus:before {
  content: '\e854';
}

.i-facebook:before {
  content: '\e855';
}

.i-twitter:before {
  content: '\ebb9';
}

.i-check:before,
.i-success-35:before,
.i-ab_post:before {
  content: '\e857';
}

.i-settings:before,
.i-settings-2:before {
  content: '\e858';
}

.i-add-n:before,
.i-add-s:before,
.i-add:before,
.i-fill-add:before,
.i-thin-add:before {
  content: '\e859';
}

.i-references:before,
.i-book-39:before {
  content: '\e85c';
}

.i-specialities:before {
  content: '\e85d';
}

.i-target-job:before {
  content: '\e85e';
}

.i-contact-information:before {
  content: '\e862';
}

.i-cover-letter:before,
.i-cover-letter-24:before,
.i-cover-letter-16:before,
.i-paper:before {
  content: '\e863';
}

.i-brain:before {
  content: '\E808';
}

.i-skills:before {
  content: '\E801';
}

.i-cv-skills:before {
  content: '\e864';
}

.i-education:before {
  content: '\e865';
}

.i-hobbies-interests:before {
  content: '\e866';
}

.i-languages:before {
  content: '\e867';
}

.i-memebership:before {
  content: '\e868';
}

.i-bayt-tests:before {
  content: '\e870';
}

.i-bayt:before {
  content: '\e86f';
  color: #007dc3;
}

.i-bayt-1:before {
  content: '\ea34';
}

.i-close:before {
  content: '\e849';
}

.i-close-fill:before,
.i-rejected_fill:before {
  content: '\e86e';
}

.i-minus:before {
  content: '\e872';
}

.i-compare-cv-16:before {
  content: '\e873';
}

.i-compare-cv-n-16:before {
  content: '\e874';
}

.i-star-16:before {
  content: '\e875';
}

.i-replace-cv-16:before {
  content: '\e876';
}

.i-reports-32:before,
.i-ab_dashboard:before {
  content: '\e879';
}

.i-administrative-setup-32:before {
  content: '\e897';
}

.i-talent-32:before {
  content: '\e87b';
}

.i-hiring-approvals:before,
.i-hiring-approval-32:before,
.i-invite:before {
  content: '\e87d';
}

.i-communications-temp-24:before {
  content: '\e881';
}

.i-my-workspace-24:before,
.i-workspace-2:before {
  content: '\e87c';
}

.i-languages-24:before {
  content: '\e885';
}

.i-logout-24:before {
  content: '\e886';
}

.i-logout:before {
  content: '\e89e';
}

.i-fail-35:before,
.i-close-1:before {
  content: '\e889';
}

.i-flag-35:before,
.i-sla-flag:before {
  content: '\e88a';
}

.i-content-management-32:before {
  content: '\e88c';
}

.i-system-32:before {
  content: '\e890';
}

.i-approval-management-32:before {
  content: '\e88d';
}

.i-recruitment-solutions-32:before {
  content: '\e891';
}

.i-financial-management-32:before,
.i-visa-tracking:before {
  content: '\e892';
}

.i-folder-16:before {
  content: '\E893';
}

.i-folder-outline:before {
  content: '\EA02';
}

.i-folder:before {
  content: '\E8AC';
}

.i-referral-16:before {
  content: '\e895';
}

.i-open-folder-16:before {
  content: '\e896';
}

.i-exp:before {
  content: '\e899';
}

.i-filter:before,
.i-screening-questionnaire-24:before,
.i-screening-questionnaire-16:before,
.i-screening-questionnaire:before {
  content: '\e89d';
}

.i-my-cvs:before {
  content: '\e89f';
}

.i-profile:before,
.i-client:before,
.i-profile-24:before,
.i-personal-information:before {
  content: '\e8a0';
}

.i-glob:before {
  content: '\e8a1';
}

.i-calendar:before {
  content: '\e8a3';
}

.i-location:before,
.i-location2:before {
  content: '\e8a4';
}

.i-actions-icon:before {
  content: '\e8a5';
}

.i-down-arrow-16:before {
  content: '\e8a6';
}

.i-cloud:before,
.i-applicant-settings:before {
  content: '\e8a7';
}

.i-chaticon:before,
.i-feedback:before {
  content: '\e8a9';
}

.i-postcv:before {
  content: '\e8aa';
}

.i-searchjobs:before {
  content: '\e8ab';
}

.i-youtube-icon:before {
  content: '\e8ad';
}

.i-facebook-icon:before {
  content: '\e8ae';
}

.i-google-plus-icon:before {
  content: '\e8af';
}

.i-linkedin-icon:before {
  content: '\e8b0';
}

.i-pinterest-icon:before {
  content: '\e8b1';
}

.i-twitter-icon:before {
  content: '\e8b2';
}

.i-instagram:before {
  content: '\e8b3';
}

.i-instagram-icon:before {
  content: '\e800';
}

.i-arabic-icon:before {
  content: '\e91a';
}

.i-back-arrow:before {
  content: '\e8b6';
}

.i-next-arrow:before {
  content: '\e8b7';
}

.i-division:before {
  content: '\e8b8';
}

.i-expand-data:before {
  content: '\e8b9';
}

.i-view-collapse:before {
  content: '\e8ba';
}

.i-view-expand:before {
  content: '\e8bb';
}

.i-collapse-data:before {
  content: '\e8bc';
}

.i-font-a-pp:before {
  content: '\e8be';
}

.i-font-a:before {
  content: '\e8bf';
}

.i-font-a-m:before {
  content: '\e8c0';
}

.i-font-a-mm:before {
  content: '\e8c1';
}

.i-font-a-p:before {
  content: '\e8c2';
}

.i-file:before {
  content: '\e8c3';
}

.i-new-user:before {
  content: '\e8c4';
}

.i-generate-document:before {
  content: '\e8c5';
}

.i-cv-aproval:before {
  content: '\e82c';
}

.i-star_fill:before {
  content: '\e81a';
}

.i-star_outline:before {
  content: '\e8c8';
}

.i-calc-minus:before {
  content: '\e8ca';
}

.i-calc-parenthese1:before {
  content: '\e8cb';
}

.i-calc-parenthese2:before {
  content: '\e8cc';
}

.i-calc-delete:before {
  content: '\e8ce';
}

.i-calc-plus:before {
  content: '\e8cf';
}

.i-calc-percentage:before {
  content: '\e8d0';
}

.i-cal-division:before {
  content: '\e8d1';
}

.i-shared:before,
.i-user-management-32:before {
  content: '\e8cd';
}

.i-add-question:before,
.i-e-add:before,
.i-plus:before {
  content: '\e8d5';
}

.i-clock:before {
  content: '\e8d6';
}

.i-cancel-added:before {
  content: '\e8d8';
}

.i-add-section:before {
  content: '\e8da';
}

.i-customscale:before {
  content: '\e8db';
}

.i-dropdown:before {
  content: '\e8dc';
}

.i-email-16:before,
.i-message:before,
.i-email-s:before,
.i-email-24:before {
  content: '\e8dd';
}

.i-email:before {
  content: '\eafe';
}

.i-free-text:before,
.i-text-field:before {
  content: '\e8de';
}

.i-multiple-choice:before {
  content: '\e8e0';
}

.i-dragged:before {
  content: '\e8e4';
}

.i-grading-score:before {
  content: '\e8e5';
}

.i-maximize:before {
  content: '\e8e6';
}

.i-minimize:before {
  content: '\e8e7';
}

.i-customer-support:before {
  content: '\e8e9';
}

.i-agencies-nav-2:before,
.i-agencies-nav-16:before,
.i-agencies-32:before,
.i-agency-management-32:before {
  content: '\e8ec';
}

.i-dashboard-2:before,
.i-dashboard-nav-16:before,
.i-report-nav-16:before,
.i-report-s:before,
.i-dashboard-32:before {
  content: '\e8ed';
}

.i-calendar-2:before {
  content: '\e8ef';
}

.i-reports-nav:before,
.i-reports-panel-32:before {
  content: '\e8f3';
}

.i-reset:before,
.i-requisitions-32:before,
.i-requisition-nav-16:before,
.i-requisitions-nav:before,
.i-reload:before {
  content: '\e8f4';
}

.i-recruitment-marketing:before,
.i-publish:before {
  content: '\e8f7';
}

.i-calendar-3:before {
  content: '\e8fa';
}

.i-arrow-thick-r:before {
  content: '\e8fb';
}

.i-arrow-thick-l:before,
.i-back-16:before {
  content: '\ea21';
}

.i-dot:before,
.i-status-dot-16:before {
  content: '\e8fd';
}

.i-upgrade:before {
  content: '\e8fe';
}

.i-fill-minus:before,
.i-minus-n:before {
  content: '\e8ff';
}

.i-meter:before {
  content: '\e902';
}

.i-clock-2:before,
.i-pending_outline:before,
.i-pending-_fill:before {
  content: '\e904';
}

.i-dropper-icon:before {
  content: '\e907';
}

.i-internal-user:before {
  content: '\e8a2';
}

.i-evalufy:before {
  content: '\e908';
}

.i-approved_fill:before {
  content: '\e90b';
}

.i-approved_outline:before,
.i-hiring-approval-nav-16:before,
.i-added:before {
  content: '\e90c';
}

.i-rejected_outline:before {
  content: '\e912';
}

.i-share2:before {
  content: '\e913';
}

.i-math:before {
  content: '\eb03';
}

.i-prototype:before {
  content: '\eb50';
}

.i-event-confirm:before {
  content: '\eaa7';
}

.i-stopwatch:before {
  content: '\ea01';
}

.i-a-edit:before {
  content: '\ea05';
}

.i-a-star:before {
  content: '\ea09';
}

.i-air-baloon:before {
  content: '\ea11';
}

.i-align-right-2:before {
  content: '\ea15';
}

.i-basketball:before {
  content: '\ea31';
}

.i-bill:before {
  content: '\ea35';
}

.i-bluetooth:before {
  content: '\ea39';
}

.i-book:before {
  content: '\ea3d';
}

.i-bullet-list-68:before {
  content: '\ea45';
}

.i-button-next:before {
  content: '\ea49';
}

.i-button-previous:before {
  content: '\ea4d';
}

.i-button-stop:before {
  content: '\ea51';
}

.i-caps-all:before {
  content: '\ea65';
}

.i-chain:before {
  content: '\ea69';
}

.i-crown:before {
  content: '\ea7e';
}

.i-ctrl-up:before {
  content: '\ea81';
}

.i-currency-yen:before {
  content: '\ea85';
}

.i-d-chart:before {
  content: '\ea89';
}

.i-delete-x:before {
  content: '\ea91';
}

.i-distribute-vertical:before {
  content: '\ea95';
}

.i-docx:before {
  content: '\ea99';
}

.i-enlarge-vertical:before {
  content: '\eaa5';
}

.i-favorite:before {
  content: '\eaad';
}

.i-file-content:before {
  content: '\eab1';
}

.i-frame-s-bottom-left:before {
  content: '\eaca';
}

.i-funnel:before {
  content: '\eace';
}

.i-house-pricing:before {
  content: '\eada';
}

.i-sorting:before {
  content: '\eade';
}

.i-istanbul:before {
  content: '\eae2';
}

.i-json:before {
  content: '\eae7';
}

.i-layout:before {
  content: '\eaee';
}

.i-list-bullet:before {
  content: '\eaf2';
}

.i-m-add:before {
  content: '\eaf7';
}

.i-m-location:before {
  content: '\eafa';
}

.i-mask-rect:before {
  content: '\eb02';
}

.i-menu-6:before {
  content: '\eb0a';
}

.i-menu:before {
  content: '\eb16';
}

.i-menu-3:before {
  content: '\eb06';
}

.i-menu-5:before {
  content: '\eb09';
}

.i-menu-7:before {
  content: '\eb0b';
}

.i-menu-8:before {
  content: '\eb0c';
}

.i-menu-to-arrow-left:before {
  content: '\eb0f';
}

.i-menu-to-arrow-right:before {
  content: '\eb10';
}

.i-menu-to-hide:before {
  content: '\eb15';
}

.i-move-down:before {
  content: '\eb17';
}

.i-move-layer-left:before {
  content: '\eb19';
}

.i-move-right:before {
  content: '\eb1d';
}

.i-move-left:before {
  content: '\eb1c';
}

.i-move-layer-right:before {
  content: '\eb1a';
}

.i-nav-down:before {
  content: '\eb27';
}

.i-new:before {
  content: '\eb2f';
}

.i-patch:before {
  content: '\eb3b';
}

.i-pin-add:before {
  content: '\eb40';
}

.i-pin-copy:before {
  content: '\eb41';
}

.i-pin-delete:before {
  content: '\eb42';
}

.i-pin-remove:before {
  content: '\eb43';
}

.i-pin-security:before {
  content: '\eb44';
}

.i-play-to-pause:before {
  content: '\eb47';
}

.i-pointing-up:before {
  content: '\eb4b';
}

.i-property-location:before {
  content: '\eb4f';
}

.i-rar:before {
  content: '\eb53';
}

.i-resize-h:before {
  content: '\eb5f';
}

.i-restore:before {
  content: '\eb62';
}

.i-scale-2:before {
  content: '\eb6b';
}

.i-selfie:before {
  content: '\eb73';
}

.i-shape-triangle-2:before {
  content: '\eb7b';
}

.i-show-to-hide:before {
  content: '\eb7f';
}

.i-sign-right:before {
  content: '\eb83';
}

.i-snow:before {
  content: '\eb8f';
}

.i-square-simple-left:before {
  content: '\eb93';
}

.i-storage-unit:before {
  content: '\eb97';
}

.i-svg:before {
  content: '\eb9b';
}

.i-t-remove:before {
  content: '\eb9f';
}

.i-trophy:before {
  content: '\ebb7';
}

.i-txt:before {
  content: '\ebbb';
}

.i-volume-93:before {
  content: '\ebc3';
}

.i-volume-97:before {
  content: '\ebc4';
}

.i-volume-98:before {
  content: '\ebc5';
}

.i-volume-ban:before {
  content: '\ebc6';
}

.i-volume-down:before {
  content: '\ebc7';
}

.i-volume-off:before {
  content: '\ebc8';
}

.i-volume-up:before {
  content: '\ebc9';
}

.i-wallet-43:before {
  content: '\ebca';
}

.i-wallet-90:before {
  content: '\ebcb';
}

.i-wc:before {
  content: '\ebcc';
}

.i-web-hyperlink:before {
  content: '\ebcd';
}

.i-wifi:before {
  content: '\ebce';
}

.i-workout-plan:before {
  content: '\ebcf';
}

.i-wrench:before {
  content: '\ebd3';
}

.i-a-remove:before {
  content: '\ea06';
}

.i-a-delete:before {
  content: '\ea03';
}

.i-a-security:before {
  content: '\ea07';
}

.i-a-share:before {
  content: '\ea08';
}

.i-a-sync:before {
  content: '\ea0a';
}

.i-add-favorite:before {
  content: '\ea0b';
}

.i-add-1:before {
  content: '\ea0e';
}

.i-agenda-bookmark:before {
  content: '\ea10';
}

.i-align-center:before {
  content: '\ea12';
}

.i-align-justify:before {
  content: '\ea13';
}

.i-align-left-2:before {
  content: '\ea14';
}

.i-apartment:before {
  content: '\ea17';
}

.i-appointment:before {
  content: '\ea18';
}

.i-apps:before {
  content: '\ea1c';
}

.i-artboard:before {
  content: '\ea23';
}

.i-b-add:before {
  content: '\ea27';
}

.i-b-chart:before {
  content: '\ea28';
}

.i-badge-14:before {
  content: '\ea2b';
}

.i-bank:before {
  content: '\ea30';
}

.i-blog:before {
  content: '\ea38';
}

.i-book-bookmark-2:before {
  content: '\ea3c';
}

.i-bookmark-delete:before {
  content: '\ea3f';
}

.i-bookmark:before {
  content: '\ea40';
}

.i-brightness-46:before {
  content: '\ea43';
}

.i-bulb-63:before {
  content: '\ea44';
}

.i-button-eject:before {
  content: '\ea48';
}

.i-button-rewind:before {
  content: '\ea4f';
}

.i-button-skip:before {
  content: '\ea50';
}

.i-button-record:before {
  content: '\ea4e';
}

.i-award:before {
  content: '\ea26';
}

.i-b-preview:before {
  content: '\ea2a';
}

.i-battery-level:before {
  content: '\ea32';
}

.i-billboard:before {
  content: '\ea36';
}

.i-button-pause:before {
  content: '\ea4a';
}

.i-cake-100:before {
  content: '\ea56';
}

.i-calculator:before {
  content: '\ea60';
}

.i-camera:before {
  content: '\ea62';
}

.i-capitalize:before {
  content: '\ea64';
}

.i-caps-small:before {
  content: '\ea66';
}

.i-circle-02:before {
  content: '\ea6e';
}

.i-cloud-download-95:before {
  content: '\ea70';
}

.i-cloud-upload-96:before {
  content: '\ea73';
}

.i-configuration:before {
  content: '\ea78';
}

.i-contacts-44:before {
  content: '\ea7a';
}

.i-ctrl-down:before {
  content: '\ea7d';
}

.i-contacts-45:before {
  content: '\ea7b';
}

.i-ctrl-left:before {
  content: '\ea7f';
}

.i-ctrl-right:before {
  content: '\ea80';
}

.i-currency-dollar:before {
  content: '\ea82';
}

.i-d-add:before {
  content: '\ea88';
}

.i-d-remove:before {
  content: '\ea8c';
}

.i-data-cloud:before {
  content: '\ea8e';
}

.i-delete-key:before {
  content: '\ea90';
}

.i-divider:before {
  content: '\ea96';
}

.i-discount:before {
  content: '\ea94';
}

.i-detached-property:before {
  content: '\ea93';
}

.i-dock-top:before {
  content: '\ea97';
}

.i-e-delete:before {
  content: '\ea9f';
}

.i-enlarge-diagonal-43:before {
  content: '\eaa2';
}

.i-enlarge-horizontal:before {
  content: '\eaa4';
}

.i-event-create:before {
  content: '\eaa8';
}

.i-fence:before {
  content: '\eaae';
}

.i-file-add-2:before {
  content: '\eaaf';
}

.i-file-add:before {
  content: '\eab0';
}

.i-file-delete:before {
  content: '\eab2';
}

.i-filter-check:before {
  content: '\eab6';
}

.i-folder-chart-bar:before {
  content: '\eabc';
}

.i-frame-s-arrow-up:before {
  content: '\eac9';
}

.i-frame-s-bottom-right:before {
  content: '\eacb';
}

.i-frame-s-top-left:before {
  content: '\eacc';
}

.i-g-chart:before {
  content: '\eacf';
}

.i-gallery-layout:before {
  content: '\ead0';
}

.i-gallery-view:before {
  content: '\ead1';
}

.i-gps:before {
  content: '\ead5';
}

.i-home:before {
  content: '\ead9';
}

.i-iso:before {
  content: '\eae1';
}

.i-jellyfish:before {
  content: '\eae3';
}

.i-journey-08:before {
  content: '\eae5';
}

.i-keyboard-hide:before {
  content: '\eae6';
}

.i-keyboard-wifi:before {
  content: '\eae8';
}

.i-languages-1:before {
  content: '\eae9';
}

.i-launch-app:before {
  content: '\eaeb';
}

.i-launch:before {
  content: '\eaec';
}

.i-m-check:before {
  content: '\eaf6';
}

.i-m-delete:before {
  content: '\eaf8';
}

.i-m-update:before {
  content: '\eafc';
}

.i-m-settings:before {
  content: '\eafb';
}

.i-m-edit:before {
  content: '\eaf9';
}

.i-magnet:before {
  content: '\eafd';
}

.i-map-big:before {
  content: '\eaff';
}

.i-map:before {
  content: '\eb00';
}

.i-measure-big:before {
  content: '\eb05';
}

.i-nav-left:before {
  content: '\eb28';
}

.i-nav-right:before {
  content: '\eb29';
}

.i-nav-up:before {
  content: '\eb2a';
}

.i-newsletter-dev:before {
  content: '\eb30';
}

.i-newsletter:before {
  content: '\eb31';
}

.i-notepad:before {
  content: '\eb32';
}

.i-open-to-close:before {
  content: '\eb35';
}

.i-opening-times:before {
  content: '\eb36';
}

.i-paper-diploma:before {
  content: '\eb37';
}

.i-paragraph:before {
  content: '\eb39';
}

.i-parent:before {
  content: '\eb3a';
}

.i-path-unite:before {
  content: '\eb3c';
}

.i-phone:before {
  content: '\eb3d';
}

.i-picture:before {
  content: '\eb3e';
}

.i-property-agreement:before {
  content: '\eb4e';
}

.i-psd:before {
  content: '\eb51';
}

.i-recipe:before {
  content: '\eb54';
}

.i-remove-favorite:before {
  content: '\eb5c';
}

.i-remove:before {
  content: '\eb5d';
}

.i-resize-v:before {
  content: '\eb60';
}

.i-restaurant-menu:before {
  content: '\eb64';
}

.i-s-remove:before {
  content: '\eb69';
}

.i-save-to-list:before {
  content: '\eb6a';
}

.i-screen-maximize:before {
  content: '\eb6d';
}

.i-sd:before {
  content: '\eb6e';
}

.i-search-zoom-in:before {
  content: '\eb71';
}

.i-search-zoom-out:before {
  content: '\eb72';
}

.i-shape-polygon-2:before {
  content: '\eb78';
}

.i-shape-rectangle:before {
  content: '\eb79';
}

.i-shapes:before {
  content: '\eb7c';
}

.i-shopping-tag:before {
  content: '\eb7e';
}

.i-sidebar:before {
  content: '\eb80';
}

.i-sign-down:before {
  content: '\eb81';
}

.i-sign-left:before {
  content: '\eb82';
}

.i-sign-up:before {
  content: '\eb84';
}

.i-sim-card:before {
  content: '\eb85';
}

.i-single-content-02:before {
  content: '\eb87';
}

.i-sketch:before {
  content: '\eb8a';
}

.i-sql:before {
  content: '\eb91';
}

.i-square-simple-up:before {
  content: '\eb95';
}

.i-square-simple-right:before {
  content: '\eb94';
}

.i-square-simple-down:before {
  content: '\eb92';
}

.i-store:before {
  content: '\eb98';
}

.i-survey:before {
  content: '\eb9a';
}

.i-t-add:before {
  content: '\eb9d';
}

.i-table-move:before {
  content: '\eba0';
}

.i-table-slide:before {
  content: '\eba1';
}

.i-tablet-reader-31:before {
  content: '\eba2';
}

.i-thumb-up:before {
  content: '\eba6';
}

.i-tif:before {
  content: '\eba8';
}

.i-tiff:before {
  content: '\eba9';
}

.i-triangle-down-2:before {
  content: '\ebae';
}

.i-towel:before {
  content: '\ebad';
}

.i-triangle-left-2:before {
  content: '\ebb0';
}

.i-triangle-right-2:before {
  content: '\ebb2';
}

.i-triangle-up-2:before {
  content: '\ebb4';
}

.i-ttf:before {
  content: '\ebb8';
}

.i-unlocked:before {
  content: '\ebbd';
}

.i-up-arrow-1:before {
  content: '\ebbe';
}

.i-user:before {
  content: '\ebc0';
}

.i-zoom-88:before {
  content: '\ebd6';
}

.i-js-site-24:before {
  content: '\e884';
}

.i-n-edit:before {
  content: '\eb26';
}

.i-bin:before {
  content: '\ea04';
}

.i-multiple-19:before {
  content: '\eb24';
}

.i-mp3:before {
  content: '\eb22';
}

.i-export-16:before {
  content: '\eb18';
}

.i-f-add:before {
  content: '\e815';
}

.i-trash-can2:before {
  content: '\e813';
}

.i-single-copy-06:before {
  content: '\e812';
}

.i-replace:before {
  content: '\e811';
}

.i-single-copies:before {
  content: '\e810';
}

.i-font-a-1:before {
  content: '\eac6';
}

.i-compare-cvs:before {
  content: '\eaac';
}

.i-settings-gear:before {
  content: '\e80f';
}

.i-gear:before {
  content: '\e809';
}

.i-searchjobs-1:before {
  content: '\e807';
}

.i-e-remove:before {
  content: '\e806';
}

.i-customscale-3:before {
  content: '\e805';
}

.i-genertae-decoument-00-01:before {
  content: '\e804';
}

.i-c-warning:before {
  content: '\e803';
}

.i-attachement:before {
  content: '\e802';
}

.i-filter-remove:before {
  content: '\eab8';
}

.i-filter-organization:before {
  content: '\eab7';
}

.i-xml:before {
  content: '\ebd4';
}

.i-fullscreen-76:before {
  content: '\eacd';
}

.i-Fill-star-rate:before {
  content: '\e820';
}

.i-grid-view:before {
  content: '\ead7';
}

.i-saved-items:before {
  content: '\e80e';
}

.i-mobile:before {
  content: '\e80d';
}

.i-recruitment-solutions-2:before {
  content: '\e80c';
}

.i-pen-2:before {
  content: '\e80b';
}

.i-list-numbers:before {
  content: '\eaf3';
}

.i-d-delete:before {
  content: '\ea8a';
}

.i-delete-1:before {
  content: '\ea92';
}

.i-t-delete:before {
  content: '\eb9e';
}

.i-down-arrow-1:before {
  content: '\ea9b';
}

.i-thumb-down:before {
  content: '\eba5';
}

.i-tamm-seha:before {
  content: '\e918';
}

.i-link:before {
  content: '\e916';
}

.i-list-view:before {
  content: '\e915';
}

.i-grid-view-1:before {
  content: '\e914';
}

.i-triangle-down:before {
  content: '\ebaf';
}

.i-triangle-up:before {
  content: '\ebb5';
}

.i-triangle-right:before {
  content: '\ebb3';
}

.i-triangle-left:before {
  content: '\ebb1';
}

.i-pointing-left:before {
  content: '\eb49';
}

.i-pointing-down:before {
  content: '\eb48';
}

.i-arrow-up-2:before {
  content: '\ea22';
}

.i-edit-1:before {
  content: '\ea0f';
}

.i-open-folder-16-2:before {
  content: '\ea0c';
}

.i-new-construction-2:before {
  content: '\eb2d';
}

.i-network-connection:before {
  content: '\eb2c';
}

.i-upload-document-16:before {
  content: '\eb1b';
}

.i-rss-feeds-1:before {
  content: '\eb65';
}

.i-pointing-right:before {
  content: '\eb4a';
}

.i-refresh-02:before {
  content: '\eb58';
}

.i-questionnaire:before {
  content: '\eb52';
}

.i-archive-check:before {
  content: '\ea1e';
}

.i-certificate:before {
  content: '\ea68';
}

.i-cards:before {
  content: '\ea67';
}

.i-button-play:before {
  content: '\ea4b';
}

.i-bookmark-add:before {
  content: '\ea3e';
}

.i-book-07:before {
  content: '\ea3a';
}

.i-currency-pound:before {
  content: '\ea84';
}

.i-currency-euro:before {
  content: '\ea83';
}

.i-sharing:before {
  content: '\eb7d';
}

.i-tamm-other-doc:before {
  content: '\e919';
}

.i-number:before {
  content: '\e8e1';
}

.i-yesno:before {
  content: '\e8e8';
}

.i-up-arrow-3:before {
  content: '\e814';
}

.i-right-arrow-3:before {
  content: '\e82e';
}

.i-left-arrow-3:before {
  content: '\e831';
}

.i-down-arrow-3:before {
  content: '\e832';
}

.i-snapchat-icon:before {
  content: '\e82b';
}

.i-numbers-of-vacancies:before {
  content: '\e9fa';
}

.i-meeting:before {
  content: '\e833';
}

.i-pin:before {
  content: '\e9fc';
}

.i-arrow_alt:before {
  content: '\e834';
}

.i-ai:before {
  content: '\e835';
}

.i-like:before {
  content: '\ea00';
}

.i-dislike:before {
  content: '\e9ff';
}

.i-like-filed:before {
  content: '\e838';
}

.i-dislike-filed:before {
  content: '\e9fd';
}

.i-copy-content:before {
  content: '\e9fe';
}

.i-sparkles:before {
  content: '\e839';
}

.i-edit_1:before {
  content: '\e847';
}

.i-edit_2:before {
  content: '\e848';
}

.i-regenerate:before {
  content: '\e84d';
}

.i-right-switch:before {
  content: '\e852';
}

.i-left-switch:before {
  content: '\e853';
}

.i-icon_condition:before {
  content: '\e856';
}

.mce-i-icon_condition:before {
  content: '\e856';
}

.i-twitter-x:before {
  content: '\e85a';
}

.i-delete-x:before {
  content: '\ee2d';
}

.i-arrow-left:before {
  content: '\ee31';
}

.i-arrow-right:before {
  content: '\ee32';
}

.i-blacklist-add:before {
  content: '\f286';
}

.i-blacklist-remove:before {
  content: '\ee34';
}

.i-person-filled:before {
  content: '\ea16';
}

.i-person:before {
  content: '\e861';
}

.i-confirmed:before {
  content: '\e85b';
}

.i-tentative:before {
  content: '\e869';
}

.i-declined:before {
  content: '\e85f';
}

.i-mixed:before {
  content: '\e860';
}

.i-new-arrow-down:before {
  content: '\ea19';
}

.i-partially_confirmed:before {
  content: '\ea1a';
}

.i-icon-content-location:before {
  content: '\ea1d';
}

.i-icon-link:before {
  content: '\e871';
}

.i-icon-face:before {
  content: '\e877';
}

.i-drag:before {
  content: '\ee5a';
}

.i-reschedule:before {
  content: '\ec3e';
}

.i-tiktok:before {
  content: '\ec2b';
}

.i-whatsapp:before {
  content: '\ec2c';
}

.i-client-support-1:before {
  content: '\e877';
}

.i-client-support-2:before {
  content: '\e87a';
}

.i-apollo-add-user:before {
  content: '\ea20';
}

.i-apollo-upgrade-new:before {
  content: '\ea2c';
}

.i-apollo-building:before {
  content: '\e87e';
}

.i-apollo-loop:before {
  content: '\e883';
}

.i-apollo-briefcase:before {
  content: '\e878';
}

.i-apollo-dashboard:before {
  content: '\ea25';
}

.i-apollo-settings:before {
  content: '\ea2d';
}

.i-apollo-reports:before {
  content: '\e887';
}

.i-apollo-supervised-account:before {
  content: '\e888';
}

.i-apollo-computer:before {
  content: '\ea24';
}

.i-apollo-calendar-today:before {
  content: '\e87f';
}

.i-apollo-input:before {
  content: '\e882';
}

.i-apollo-email:before {
  content: '\e880';
}

.i-revert-to-old:before {
  content: '\ee91';
}

.i-spark:before {
  content: '\e898';
}

.i-material-keep-filled:before {
  content: '\EC7C';
}

.i-material-keep-outlined:before {
  content: '\EC7D';
}

.i-employee-onboarding:before {
  content: '\EC8A';
}

.role_i:before {
  content: '\e804';
}

.icons_roles_1:before {
  content: '\e800';
}

.icons_roles_2:before {
  content: '\e801';
}

.icons_roles_3:before {
  content: '\e802';
}

.icons_roles_4:before {
  content: '\e803';
}

.icons_roles_5:before {
  content: '\e804';
}

.icons_roles_6:before {
  content: '\e805';
}

.icons_roles_7:before {
  content: '\e806';
}

.icons_roles_8:before {
  content: '\e807';
}

.icons_roles_10:before {
  content: '\e808';
}

.icons_roles_11:before {
  content: '\e809';
}

.icons_roles_12:before {
  content: '\e80a';
}

.icons_roles_14:before {
  content: '\e80b';
}

.icons_roles_15:before {
  content: '\e80c';
}

.icons_roles_9:before {
  content: '\e80d';
}

.icons_roles_16:before {
  content: '\e80e';
}

.icons_roles_17:before {
  content: '\e80f';
}

.icons_roles_18:before {
  content: '\e810';
}

.icons_roles_19:before {
  content: '\e811';
}

.icons_roles_20:before {
  content: '\e812';
}

.icons_roles_80:before {
  content: '\e813';
}

.icons_roles_534:before {
  content: '\e814';
}

.icons_roles_21:before {
  content: '\e815';
}

.icons_roles_535:before {
  content: '\e816';
}

.icons_roles_537:before {
  content: '\e818';
}

.icons_roles_538:before {
  content: '\e819';
}

.icons_roles_539:before {
  content: '\e81a';
}

.icons_roles_540:before {
  content: '\e81b';
}

.icons_roles_541:before {
  content: '\e81c';
}

.icons_roles_542:before {
  content: '\e81d';
}

.icons_roles_543:before {
  content: '\e81e';
}

.icons_roles_544:before {
  content: '\e81f';
}

.icons_roles_545:before {
  content: '\e820';
}

.icons_roles_546:before {
  content: '\e821';
}

.icons_roles_547:before {
  content: '\e822';
}

.icons_roles_548:before {
  content: '\e823';
}

.icons_roles_549:before {
  content: '\e824';
}

.icons_roles_550:before {
  content: '\e825';
}

.icons_roles_552:before {
  content: '\e826';
}

.icons_roles_551:before {
  content: '\e827';
}

.icons_roles_553:before {
  content: '\e828';
}

.icons_roles_3150:before {
  content: '\e829';
}

.icons_roles_3151:before {
  content: '\e82a';
}

.icons_roles_3152:before {
  content: '\e82b';
}

.icons_roles_3153:before {
  content: '\e82c';
}

.icons_roles_536:before {
  content: '\e82d';
}

.switch-handle {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 21px;
  height: 21px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}

.switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}

.pf_card_info {
  overflow: hidden;
  width: 100%;
  margin: 0 0 20px 0;
}

.pf_card_image {
  width: 120px;
}

.pf_card_data {
  width: 50%;
  margin: 0 0 0 10px;
}

#ar .pf_card_data {
  margin: 0 10px 0 0;
}

.pf_card_data p {
  margin: 0;
}

.pf_card_name {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}

.pf_card_jb_title {
  font-size: 14px;
  color: #929294;
}

.pf_card_loc {
  font-size: 14px;
  color: #ccc;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  min-height: 0;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

#logo {
  display: inline-block;
  margin: 0;
  height: 80px;
  vertical-align: middle;
  width: 180px;
  position: relative;
}

#logo a {
  display: inline-block;
}

#logo img {
  bottom: 0;
  top: 0;
  position: absolute;
  margin: auto 0;
}

.banner {
  color: #999;
  font: 0.9em/2em droidkufi-regular, arial, sans-serif;
  text-transform: lowercase;
  text-align: center;
  letter-spacing: 2px;
}

.banner div {
  margin: 0 auto;
}

#masthead-wrapper .banner {
  z-index: 1;
  position: absolute;
  top: 20px;
  left: 311px;
}

#masthead-wrapper .banner.account_activation_banner_height {
  top: 20px;
}

#ar #masthead-wrapper .banner {
  left: auto;
  right: 311px;
}

#sidebar .banner {
  margin-bottom: 15px;
  padding-top: 15px;
  border-top: 1px dotted #ddd;
}

#masthead-banner-728x90 {
  margin-top: 20px;
  width: 728px;
  height: 90px;
  color: #fff;
}

#ar #masthead-banner-728x90 {
  right: auto;
  left: 0px;
}

#masthead-banner-160x600 {
  position: absolute;
  right: 0;
  top: 0;
}

#ar #masthead-banner-160x600 {
  right: auto;
  left: 0;
}

.actionbox a {
  display: block;
  padding: 10px;
  height: 8em;
  text-decoration: none;
  color: #333;
  background: transparent;
  border: 1px solid #ddd;
}

.actionbox a:hover {
  color: #333;
  background: #f6f6f6;
  border-color: #aaa;
}

.actionbox strong {
  color: #d35400;
  text-decoration: underline;
  font-size: 1.2em;
}

.fancy_ab {
  width: 33%;
}

.fancy_ab strong {
  margin-top: 20px;
  font-weight: normal;
}

.fancy_ab strong a {
  text-transform: uppercase;
  font-weight: bold;
}

.fancy_ab strong a,
.fancy_ab strong a:hover {
  color: #d35400;
}

.fancy_ab .ab_text a {
  color: #8c8c8c;
}

.ab_circle {
  background: #f0f0f0;
  border-radius: 50%;
  width: 148px;
  height: 148px;
  margin: 0 auto;
  line-height: 148px;
}

#ar .ab_circle {
  line-height: 148px;
}

.ab_circle i {
  font-size: 135px;
  vertical-align: middle;
  color: #1e00ff;
}

.poll-holder {
  padding: 1px;
  width: 200px;
  background: #fff;
  border: 1px solid #ccc;
}

.poll-bar {
  background: #f66403;
  height: 1.4em;
}

.req-comment {
  color: #df0404;
}

.happines_meter_sp {
  background-image: url(https://timg0cf.b8cdn.com/images/templates/default/happines_meter-sprite.png);
  background-repeat: no-repeat;
  display: inline-block;
}

#ar .happines_meter-Happy {
  height: 157px;
  background-position: -10px -10px;
}

#ar .happines_meter-Happy:hover,
#ar .happines_meter-Happy.selected {
  height: 157px;
  background-position: -142px -10px;
}

#ar .happines_meter-Neutral {
  height: 157px;
  background-position: -274px -10px;
}

#ar .happines_meter-Neutral:hover,
#ar .happines_meter-Neutral.selected {
  height: 157px;
  background-position: -406px -10px;
}

#ar .happines_meter-UnHappy {
  height: 157px;
  background-position: -10px -187px;
}

#ar .happines_meter-UnHappy:hover,
#ar .happines_meter-UnHappy.selected {
  height: 157px;
  background-position: -142px -187px;
}

.happines_meter-Happy {
  height: 157px;
  background-position: -274px -187px;
}

#ar #footer .happy-face {
  left: 30px;
  right: auto;
}

.happy-face-bg {
  background: #1e00ff;
}

.happines-meter-modal #comment_ctr {
  color: #fff;
}

.happy-face {
  position: fixed;
  bottom: 0;
  left: 15px;
}

.happines-meter-modal .grid-115 {
  width: 115px;
}

#feature-employer h2.blockmod-title {
  color: #333;
  background: transparent;
  border: 1px solid #ccc;
  border-width: 0px 0px 2px 0px;
}

#feature-employer div.employer_list_item {
  overflow: hidden;
  padding: 5px 0;
}

#feature-employer .feature_employer_img_profile {
  width: 32%;
}

#feature-employer .feature_employer_img_profile a {
  display: block;
  line-height: 150px;
  min-height: 150px;
  border: 1px solid #f1f1f1;
}

#feature-employer .feature_employer_img_profile a img {
  vertical-align: middle;
}

#feature-employer .feature_employer_name {
  width: 60%;
}

.login #nav .on .sub-nav,
.logout #nav .on .sub-nav,
.page #nav .on .sub-nav,
.file-not-found #nav .on .sub-nav,
.register-j #nav .on .sub-nav,
.multi-factor-authentication #nav .on .sub-nav,
.preview-register-j #nav .on .sub-nav {
  border-bottom: 0 none;
}

.login #masthead-wrapper,
.logout #masthead-wrapper,
.page #masthead-wrapper,
.file-not-found #nav .on .sub-nav,
.register-j #masthead-wrapper,
.multi-factor-authentication #masthead-wrapper,
.preview-register-j #masthead-wrapper {
  margin: 0 0 30px;
}

.login-form_fp {
  font-size: 14px;
  color: #bbb;
}

.login-form_sbmt,
.login h1,
.login .login_social_text {
  text-align: center;
}

.login-form_sbmt {
  padding: 30px 0;
}

.login_social_item {
  margin: 0 20px 10px;
}

#content .register-link {
  font-size: 18px;
  color: #000;
}

#content .login-share-text {
  font-size: 14px;
  color: #bbb;
  line-height: 20px;
}

@media only screen and (max-width: 767px) {
  .login .login-social_text,
  #ar.login .login-social_text {
    width: 100% !important;
  }
}

.poll-holder {
  padding: 1px;
  width: 200px;
  background: #fff;
  border: 1px solid #ccc;
}

.poll-bar {
  background: #f66403;
  height: 1.4em;
}

#ar #toplinks {
  float: left;
}

#toplinks span {
  float: right;
}

#ar #toplinks span {
  float: left;
}

#toplinks a {
  display: block;
  padding: 0 5px;
  text-decoration: none;
}

.visibility_rank {
  margin: 0;
  font-size: 12px;
}

.visibility_rank .button {
  vertical-align: top;
}

.rank_container {
  display: inline-block;
  padding: 10px 0 0 0;
}

.rank_container .visibility_rank {
  background: #ededed;
}

.visibility_rank span.let_emp {
  display: inline-block;
  width: 90px;
  font-weight: bold;
  line-height: 1.4em;
}

.visibility_rank span.visibility_points {
  display: inline-block;
  width: 275px;
  line-height: 1.4em;
}

.myworkspace-j .visibility_rank span.visibility_points {
  width: 226px;
}

#ar.myworkspace-j .photo .cv_info_block .photo_edit {
  padding-right: 0;
  background: rgba(250, 250, 250, 0.8) none repeat scroll 0 0 !important;
  bottom: 9px;
  left: 11px;
}

.myworkspace-j .visibility_rank {
  cursor: default;
}

.visibility_rank .green_num {
  color: #19a355;
}

.rank_container .visibility_rank {
  display: inline-block;
  width: 20px;
  height: 15px;
  margin: 0 -2px 0 0;
  *margin: 0 1px 0 0;
}

#ar .rank_container .visibility_rank {
  margin: 0 0 0 -2px;
  *margin: 0 0 0 1px;
}

.rank_container_workspace .visibility_rank {
  width: 15px;
}

.rank_blue {
  background-color: #007dc3 !important;
}

.rank_green {
  background-color: #19a355 !important;
}

.rank_green_color {
  color: #19a355;
}

.images_slideshow {
  position: relative;
  height: 300px;
  width: 700px;
  margin: 0 auto;
}

.images_slideshow img,
.images_slideshow .img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8;
}

.images_slideshow img.slideshow_active,
.images_slideshow div.slideshow_active {
  z-index: 10;
}

.images_slideshow img.last-active,
.images_slideshow div.last-active {
  z-index: 9;
}

.images_slideshow-paginator {
  clear: both;
  padding: 10px 0 0 0;
  height: 12px;
  text-align: center;
}

.images_slideshow-paginator span {
  margin: 0 4px;
  display: inline-block;
  min-width: 12px;
  height: 12px;
  background-image: url(https://timg0cf.b8cdn.com/images/icons/slideshow-blt.png);
  cursor: pointer;
}

.images_slideshow-paginator #current {
  background-position: 0 -12px;
}

.images_slideshow-paginator.number {
  height: 16px;
}

.images_slideshow-paginator.number span {
  background: none;
  border: 1px solid #dedede;
  height: 16px;
  min-width: 16px;
  line-height: 16px;
  font-weight: bold;
}

.images_slideshow-paginator.number #current {
  border-color: #5a5a5a;
}

#content .account_activation_banner {
  padding: 10px 14px;
  margin: 5px 0 45px 0;
  background: #ffffcc;
  border: 1px solid #e6d8c1;
  color: #62625d;
}

.home .account_activation_banner {
  display: none;
}

.jusoor_red_color {
  color: #bf1424;
}

.testimonial_img {
  width: 100px;
  height: 100px;
}

.testimonial_block blockquote {
  min-height: 100px;
  margin: 0 0 1px 0;
}

.testimonial_home_mod blockquote {
  min-height: 80px;
  margin: 0 0 5px 0;
}

.testimonial_block blockquote img {
  margin: 0 10px 10px 0;
}

#ar .testimonial_block blockquote img {
  margin: 0 0 10px 10px;
}

.testimonial_home_mod_emp .testimonial_text {
  font-size: 12px;
  padding: 0 10px;
  width: 80%;
}

.rating {
  display: inline-block;
  cursor: pointer;
}

.rating i {
  color: #e6e7e8;
}

.rating i.active {
  color: #ffd100;
}

.news_item_w {
  width: 48%;
}

.recent_news_logo,
.recent_news_logo_list {
  margin: 0;
  text-align: center;
}

.news_item,
.news_item_list {
  overflow: hidden;
}

.news_item ul,
.news_item_list ul {
  list-style: inside;
}

.news_item_body,
.news_item_body_list {
  min-height: 300px;
}

.news_item strong,
.news_item_list strong {
  display: inline;
}

.recent_news_logo img,
.recent_news_logo_list img {
  max-width: 700px;
}

.news_item.widget-box,
.news_item_list.widget-box_list {
  margin: 0;
  background: transparent;
  width: 33.333333%;
}

.recent_news_header {
  margin: 0;
}

.news_item .widget-body,
.news_item_list .widget-body_list {
  min-height: initial;
  padding: 0;
  background: #fff;
  box-shadow: -1px 0px 14.76px 3.24px rgba(0, 0, 0, 0.09);
}

.recent_news_title,
.recent_news_title_list {
  font-size: 22px;
  font-weight: normal;
  min-height: 66px;
  margin-bottom: 5px;
}

.recent_news .widget-footer {
  border: 0;
  padding: 0;
  min-height: initial;
}

.grow-img .recent_news_logo,
.grow-img .recent_news_logo_list {
  height: 200px;
  overflow: hidden;
  text-align: center;
}

.recent_news_logo img,
.recent_news_logo_list img {
  max-width: 100%;
}

.recent-news-content,
.recent-news-content_list {
  padding: 30px;
  border-top: 1px solid #eee;
}

.recent-news-date span,
.recent-news-date_list span {
  font-size: 15px;
  color: #000;
}

.rn-footer,
.rn-footer_list {
  border-top: 1px solid #dadada;
  padding: 20px 30px;
}

.recent_news_footer .btn {
  text-align: center;
  font-size: 20px;
  height: auto;
  line-height: 45px;
  font-weight: normal;
}

.pframe.p70 {
  height: 70px;
  width: 70px;
}

.pframe.p70 img {
  max-width: 70px;
  max-height: 70px;
}

.pframe.p120 {
  height: 120px;
  width: 120px;
}

.pframe.p120 img {
  max-width: 120px;
  max-height: 120px;
}

.pframe.p140 {
  height: 140px;
  width: 140px;
}

.photo .pframe.p140 {
  padding: 4px;
  border: 1px solid #ccc;
}

.pframe.p180 {
  height: 180px;
  width: 180px;
}

.pframe.p180 img {
  max-width: 180px;
}

.photo .photo_edit {
  bottom: 1px;
  left: 1px;
  padding: 8px 5px;
  position: absolute;
  width: 138px;
  background: rgba(250, 250, 250, 0.8);
}

.photo .cv_statistic_counts .chart {
  border: 1px solid #ddd;
}

.photo .cv_statistic_counts .chart,
.photo .cv_statistic_counts .chart td {
  border-color: #ddd;
}

.photo .cv_statistic_counts .chart tbody td {
  border-width: 0px 1px;
}

.photo .profile_img_block {
  width: 150px;
  height: 150px;
  position: relative;
}

.cv_info_block,
.quick_actions_links {
  width: 49%;
}

.quick_actions_links > div {
  padding: 15px;
  background: #eee;
  box-shadow: 0 0 20px 5px #dadada inset;
  border-radius: 2px;
}

.cv_statistics_block {
}

.cv_statistics_block b {
  display: inline-block;
  float: left;
  width: 35%;
  margin: 0 6% 0 0;
}

#ar .cv_statistics_block b {
  float: right;
  margin: 0 0 0 6%;
}

.cv_statistics_block span {
  display: block;
  padding: 0 0 3px;
}

#sidebar-total td {
  color: #000;
  border-top: 1px solid #ddd;
  vertical-align: middle;
  font-weight: bold;
}

#sidebar-total .total-label {
  text-align: right;
}

#sidebar-total .total-amount {
  text-align: right;
  color: #080;
}

.productbox {
  margin-bottom: 15px;
  padding: 15px 15px 15px 15px;
  background-color: #efefe6;
}

.productbox .heading {
  font-size: 1.8em;
  line-height: 1.4em;
  color: #0058a8;
}

.productbox .tagline {
  margin-top: -15px;
  font-size: 1.6em;
  font-weight: normal;
  color: #98652e;
}

.productbox p:last-child {
  margin: 0;
}

.tag_curve {
  margin: 3px;
  display: -moz-inline-box;
  display: inline-block;
  color: #fff;
  white-space: nowrap;
}

.tag_curve a:hover {
  color: #fff !important;
  background: #939393 !important;
}

.tag_name {
  display: -moz-inline-box;
  display: inline-block;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 16px;
  text-decoration: none;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin: 0;
}

#ar .tag_name {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

.tag_delete {
  display: -moz-inline-box;
  display: inline-block;
  padding: 0 4px;
  font-size: 11px;
  line-height: 26px;
  text-decoration: none;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left: 1px solid #fff;
  margin: 0;
}

#ar .tag_delete {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left: 0;
  border-right: 1px solid #fff;
}

.tag.new_feature {
  background: none repeat scroll 0 0 #f9ae40;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 33px;
  font-size: 11px;
}

@media print {
  html,
  body,
  #frame,
  #frame-popup,
  #content,
  #content-frame,
  #content-frame-wrapper,
  .sec {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    color: #000;
    border: none;
    background: #fff;
  }

  #content-frame-wrapper {
    margin: 0 auto;
    width: 95%;
  }

  .printhide,
  #channel-bar-wrapper,
  #topbar-wrapper,
  #masthead-wrapper,
  #contact-bar-wrapper,
  #footer-wrapper,
  #nav-wrapper,
  #breadcrumbs,
  #sidebar,
  .banner,
  #content-head-bar,
  .ad-728-top,
  .happy-face,
  .tooltip_down_text {
    display: none;
  }

  .print_show {
    display: block !important;
  }

  .col-12 {
    width: 48% !important;
  }

  .col-13 {
    width: 31% !important;
  }

  .col-14 {
    width: 23% !important;
  }

  .col-23 {
    width: 65% !important;
  }

  .col-34 {
    width: 73% !important;
  }

  #cv-body {
    border: 2px solid #d9d9d9;
  }

  #main-wrapper #content-panel {
    margin: 0;
  }

  table.cv-info td {
    font-weight: bold;
  }

  .blockmod-title {
    border-top: 34px solid #dadada;
  }

  #ar .blockmod-title {
    border-top-width: 32px;
  }

  .blockmod-title span span {
    margin-top: -34px;
  }

  #ar .blockmod-title span span {
    margin: -34px 0 10px 10px;
  }

  .cv_footer_copy_right {
    position: absolute;
    right: 20px;
    top: 0;
  }

  .cv_footer_copy_right img {
    max-width: 100px;
  }

  .bcc_cv_view_copyright_logo {
    display: block;
  }

  .myworkspace-j b,
  .myworkspace-j h1,
  .myworkspace-j h2,
  .myworkspace-j h3,
  .myworkspace-j h4,
  .myworkspace-j strong,
  .myworkspace-j .tabs .on a {
    font-weight: normal !important;
  }

  .myworkspace-j #PureChatWidget,
  .myworkspace-j .i-print-24 {
    display: none;
  }

  .myworkspace-j .cv_statistics_block b {
    min-width: 100px;
  }

  .myworkspace-j iaz {
    font-size: 15px;
  }

  #ar.myworkspace-j iaz {
    font-size: 14px;
  }

  .cv_contact_card_info h3 {
    text-overflow: initial;
    white-space: pre-wrap;
  }

  .qr_code_cv {
    border: 2px solid #999999;
    width: 126px;
    height: 126px;
  }

  .cv_contact_card_info_qr {
    width: 47%;
  }

  .front .prem_icn {
    position: absolute;
    bottom: 0;
    right: 21px;
  }

  #wootric-modal {
    display: none !important;
  }
}

#tasks h2 {
  border-bottom: 4px #f66403 solid;
}

#tasks .task_items {
  display: block;
  padding: 10px 0 2px 0;
  border-bottom: 1px dotted #dadada;
  overflow: hidden;
}

#tasks .task_items:last-child {
  border: 0;
}

#tasks .task_items:hover {
  background: #f7f7f7;
}

.task_items .task_desc {
  width: 86%;
  cursor: pointer;
  padding: 0 5px;
  position: relative;
}

.task_items .task_action {
  width: 8%;
  padding: 15px 0;
}

#ar .task_items .task_action {
  text-align: left;
  right: auto;
  left: 0;
}

.ui-datepicker {
  font-size: 10px !important;
}

.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
  font-size: 1.2em;
}

.cv_pp_width {
  width: 580px;
}

.cv_builder_width {
  width: 560px;
}

.cv_widget_pp {
  width: 300px;
}

.cv_widgets_builder_width {
  width: 300px;
}

.mycvs .height-16 {
  height: 16px;
}

.tooltip {
  position: absolute;
  z-index: 999;
  display: none !important;
}

.tooltip_box {
  position: relative;
  background-color: #ffffcc;
  padding: 10px;
  border: 1px solid #d9c8ae;
  font-size: 11px;
  line-height: 16px;
  border-radius: 3px;
  -moz-box-shadow: 0 3px 5px hsla(0, 0%, 0%, 0.2);
  -webkit-box-shadow: 0 3px 5px hsla(0, 0%, 0%, 0.2);
  box-shadow: 0 3px 5px hsla(0, 0%, 0%, 0.2);
  word-wrap: break-word;
}

.tooltip_pointer {
  position: relative;
  width: 10px;
  height: 19px;
}

.jcrop-holder {
  text-align: left;
}

.jcrop-vline,
.jcrop-hline {
  font-size: 0;
  position: absolute;
}

.jcrop-vline {
  height: 100%;
  width: 1px !important;
}

.jcrop-hline {
  width: 100%;
  height: 1px !important;
}

.jcrop-handle {
  font-size: 1px;
  width: 7px !important;
  height: 7px !important;
  background-color: #333;
}

.jcrop-tracker {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.jobseeker_cropping .jcrop-holder {
  direction: ltr;
  text-align: left;
}

.jobseeker_cropping .jcrop-vline,
.jobseeker_cropping .jcrop-hline {
  font-size: 0;
  position: absolute;
}

.jobseeker_cropping .jcrop-vline {
  height: 100%;
  width: 1px !important;
}

.jobseeker_cropping .jcrop-hline {
  height: 1px !important;
  width: 100%;
}

.jobseeker_cropping .jcrop-vline.right {
  right: 0;
}

.jobseeker_cropping .jcrop-hline.bottom {
  bottom: 0;
}

.jobseeker_cropping .jcrop-handle {
  background-color: #333;
  border: 1px #eee solid;
  font-size: 1px;
}

.jobseeker_cropping .jcrop-tracker {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  height: 100%;
  width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .jobseeker_cropping .jcrop-tracker {
    background: none !important;
  }
}

@-moz-document url-prefix() {
  .jobseeker_cropping .jcrop-tracker {
    background: none !important;
  }
}

.jobseeker_cropping .jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}

.jobseeker_cropping .jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}

.jobseeker_cropping .jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}

.jobseeker_cropping .jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}

.jobseeker_cropping .jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}

.jobseeker_cropping .jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}

.jobseeker_cropping .jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}

.jobseeker_cropping .jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}

.jobseeker_cropping .jcrop-dragbar.ord-n,
.jobseeker_cropping .jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}

.jobseeker_cropping .jcrop-dragbar.ord-e,
.jobseeker_cropping .jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}

.jobseeker_cropping .jcrop-dragbar.ord-n {
  margin-top: -4px;
}

.jobseeker_cropping .jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}

.jobseeker_cropping .jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}

.jobseeker_cropping .jcrop-dragbar.ord-w {
  margin-left: -4px;
}

.jobseeker_cropping .jcrop-light .jcrop-vline,
.jobseeker_cropping .jcrop-light .jcrop-hline {
  background: #fff;
  filter: Alpha(opacity=70) !important;
  opacity: 0.7 !important;
}

.jobseeker_cropping .jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000;
  border-color: #fff;
  border-radius: 3px;
}

.jobseeker_cropping .jcrop-dark .jcrop-vline,
.jobseeker_cropping .jcrop-dark .jcrop-hline {
  background: #000;
  filter: Alpha(opacity=70) !important;
  opacity: 0.7 !important;
}

.jobseeker_cropping .jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #fff;
  border-color: #000;
  border-radius: 3px;
}

.jobseeker_cropping .jcrop-holder img,
.jobseeker_cropping img.jcrop-preview {
  max-width: none;
}

.jobseeker_cropping .jcrop-vline,
.jobseeker_cropping .jcrop-hline,
.jobseeker_cropping .jcrop-handle {
  background-color: #fbbf30;
  border-color: #fbbf30;
  opacity: 1 !important;
}

.upload_tab_content {
  overflow: hidden;
  border: 1px solid #ccc;
}

.guide_tab_content {
  background: #f5f5f5;
  border: 1px solid #cccccc;
  padding: 20px;
  font-size: 0.96em;
  height: 278px;
}

#image_preview {
  height: 420px;
  width: 279px;
  direction: ltr;
  border: 1px solid #666;
  border-width: 0 1px 0 0;
}

#ar #image_preview {
  border-width: 0 0 0 1px;
}

#image_preview h2 {
  color: #fff;
  padding: 20px;
  text-align: left;
  line-height: 1em;
  font-size: 1.6em;
  margin: 0;
}

#ar #image_preview h2 {
  text-align: right;
}

#image_preview .image_preview_block {
  width: 240px;
  height: 240px;
  overflow: hidden;
  margin: 0 auto;
}

#orginal_image_preview {
  height: 420px;
  width: 536px;
  direction: ltr;
  margin: 0 auto;
  padding: 10px 0;
}

.image_crop_tools {
  border: 1px solid #ccc;
  border-top: 0;
  padding: 10px;
  overflow: hidden;
}

#upload_file_text p {
  margin: 0;
}

#browse_image .image_cropp_hint {
  margin: 0 0 0 10px;
  padding: 8px 0;
  font-size: 10px;
}

#ar #browse_image .image_cropp_hint {
  margin: 0 10px 0 0;
}

.guide_tab_content h4,
.guide_tab_content ol,
.guide_tab_content h3 {
  margin-bottom: 10px;
}

.invisible-box {
  border: 1px dashed #ddd;
  background: #f9f9f9;
}

.cv_builder_container {
  border: 1px solid #ebebeb;
  margin: 20px 0;
  background: #fff;
  min-height: 542px;
  position: relative;
}

.edit_cv .cv_builder_container {
  min-height: 300px;
}

.moluae_cv_builder_btn {
  background: #1e00ff;
  color: #fff;
  border: 1px solid #1e00ff;
  padding: 9px 45px 7px;
  box-shadow: 0px 1px 0px 1px #1e00ff inset;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

.moluae_cv_builder_grey_btn {
  background: #e6e6e6;
  color: #333;
  border: 2px solid #dedede;
  width: 120px;
  padding: 9px 10px 7px;
  box-shadow: 0px 1px 0 0 #fff inset;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  margin: 0 2px 30px;
  overflow: hidden;
}

.moluae_cv_builder_grey_btn:hover {
  color: #333;
}

.moluae_cv_builder_sprite {
  background: url(https://timg0cf.b8cdn.com/images/icons/simple_cv/moluae_cv_builder_sprite.png)
    no-repeat;
}

.moluae_skil_icon {
  width: 120px;
  height: 100px;
  display: inline-block;
  margin: 40px 0 0;
}

.moluae_cv_builder_prof_skill {
  background-position: 0 -210px;
}

.moluae_cv_builder_labo_skill {
  background-position: -120px -210px;
}

.moluae_cv_builder_volume {
  background-position: -32px -372px;
  width: 32px;
  height: 32px;
  display: none;
  vertical-align: middle;
  cursor: pointer;
}

.moluae_cv_builder_volume_16 {
  background-position: 0 -404px;
  width: 20px;
  height: 20px;
}

.moluae_step_text {
  margin: 0 18px 0 0;
  font-size: 12px;
  vertical-align: super;
}

#ar .moluae_step_text {
  margin: 0 0 0 18px;
}

.edit_cv .moluae_cv_builder_steps_container {
  display: none;
}

.edit_cv .cv_builder_container {
  display: block !important;
}

.moluae_cv_builder_steps_container span.moluae_cv_builder_sprite {
  width: 22px;
  height: 22px;
  display: inline-block;
  margin: 0 7px 0 0;
}

#ar .moluae_cv_builder_steps_container span.moluae_cv_builder_sprite {
  margin: 0 0 0 7px;
}

.moluae_cv_builder_step_on {
  background: #1e00ff;
  border-radius: 100%;
}

.moluae_cv_builder_step_off {
  background: #dadada;
  border-radius: 100%;
}

a.moluae_cv_builder_btn:hover {
  color: #fff;
}

.mol_chose_skill_text {
  padding: 110px 0 50px;
  margin: 0;
  font-size: 2.4em;
}

.moluae_skills_block_contatiner {
  width: 480px;
  margin: 0 auto;
  overflow: hidden;
}

.moluae_s_container {
  width: 210px;
  margin: 0 15px;
  cursor: pointer;
}

.moluae_skill_block {
  width: 208px;
  height: 180px;
  border: 1px solid #cccccc;
}

.mol_skill_button {
  width: 208px;
  padding: 12px 0 7px;
}

.moluae_cv_builder_steps_container {
  height: 23px;
  padding: 16px 0;
  background: #f7f7f7;
  color: #1255c5;
}

.moluae_cv_builder_head {
  padding: 65px 0 55px;
  margin: 0;
  font-size: 2.4em;
}

.moluae_cv_builder_card_head {
  padding: 30px 0;
  margin: 0;
}

.mol_cv_builder_field {
  padding: 10px 14px;
  border: 1px solid #cccccc;
  width: 300px;
  font-size: 12px;
  font-weight: bold;
}

.labour_card_number_container button.moluae_cv_builder_btn {
  padding: 9px 22px;
  margin: 0;
  border-radius: 0;
}

.moluae_monthly_salary a.moluae_cv_builder_btn,
.moluae_additional_information a.moluae_cv_builder_btn {
  margin: 36px 0 0;
}

.moluae_cv_builder_divider {
  padding: 0 0 20px;
}

.moluae_additional_information span.moluae_cv_builder_sprite {
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 10px;
}

.moluae_cv_builder_phone {
  background-position: 0 -332px;
}

.moluae_cv_builder_email {
  background-position: -40px -332px;
}

.moluae_cv_builder_password {
  background-position: -80px -332px;
}

.moluae_cv_builder_blocks_container {
  margin: 0 auto;
  overflow: hidden;
  width: 835px;
  min-height: 180px;
}

.mol_cv_builder_lang {
  padding: 0 33%;
  overflow: hidden;
}

.moluae_cv_builder_block_container {
  width: 127px;
  margin: 0 6px 0;
  padding: 0 0 20px;
  display: inline-block;
}

.mol_cv_builder_exp .moluae_cv_builder_block_container {
  margin: 0 0 0 48px;
}

#ar .mol_cv_builder_exp .moluae_cv_builder_block_container {
  margin: 0 48px 0 0;
}

.mol_cv_builder_exp .moluae_cv_builder_block_container:first-child,
#ar .mol_cv_builder_exp .moluae_cv_builder_block_container:first-child {
  margin: 0;
}

.moluae_cv_builder_block {
  width: 125px;
  height: 125px;
  border: 1px solid #cccccc;
  display: table;
  cursor: pointer;
}

.mol_cv_builder_exp .moluae_cv_builder_block span {
  display: inline-block;
  height: 70px;
  line-height: 70px;
  width: 100%;
  vertical-align: middle;
  color: #d7533c;
  font-weight: bold;
  font-size: 32px;
  *display: inline-block;
  *margin: 50px 0;
}

.moluae_cv_builder_block span.small_text {
  font-size: 14px;
}

.moluae_cv_builder_block_container .volum_position {
  text-align: right;
  padding: 5px 0 0;
  font-size: 14px;
  color: #4d4d4d;
}

.mol_cv_builder_occupation .volum_position {
  font-size: 12px;
}

.mol_cv_builder_lang .moluae_cv_builder_block span.moluae_cv_builder_sprite {
  width: 120px;
  height: 70px;
  display: inline-block;
}

.moluae_cv_builder_block .lang_select {
  padding: 6px;
  text-align: left;
  display: block;
}

#ar .moluae_cv_builder_block .lang_select {
  text-align: right;
}

.moluae_cv_builder_block .lang_select input {
  width: auto;
  margin: 0;
  cursor: pointer;
}

.mol_english_lang {
  background-position: 0 0;
}

.mol_bengali_lang {
  background-position: -120px 0;
}

.mol_urdo_lang {
  background-position: 0 -70px;
}

.mol_hindi_lang {
  background-position: -120px -70px;
}

.mol_arabic_lang {
  background-position: 0 -140px;
}

.mol_telugu_lang {
  background-position: -120px -140px;
}

.moluae_cv_builder_card_container {
  width: 516px;
  margin: 0 auto;
}

.moluae_card_info {
  width: 494px;
  border: 1px solid #e0e0e0;
  padding: 10px;
  font-size: 12px;
}

.moluae_card_info .card_row {
  height: 32px;
}

.moluae_card_info .card_col1 {
  display: inline-block;
  width: 144px;
  color: #4d4d4d;
}

.moluae_card_info .card_col2 {
  width: 310px;
  display: inline-block;
  color: #999999;
}

.mol_card_icon {
  width: 22px;
  height: 22px;
  display: inline-block;
}

.mol_card_text {
  line-height: 22px;
  width: 98px;
}

.mol_yes_icon {
  background-position: -22px -310px;
}

.mol_no_icon {
  background-position: 0 -310px;
}

.occupation_brick_mason {
  background: url(https://timg0cf.b8cdn.com/images/icons/simple_cv/Brick-Mason.png)
    no-repeat center center;
}

.occupation_driver {
  background: url(https://timg0cf.b8cdn.com/images/icons/simple_cv/Driver.png)
    no-repeat center center;
}

.occupation_electrician {
  background: url(https://timg0cf.b8cdn.com/images/icons/simple_cv/Electrician.png)
    no-repeat center center;
}

.occupation_plumber {
  background: url(https://timg0cf.b8cdn.com/images/icons/simple_cv/Plumber.png)
    no-repeat center center;
}

.occupation_carpenter {
  background: url(https://timg0cf.b8cdn.com/images/icons/simple_cv/Carpenter.png)
    no-repeat center center;
}

.occupation_cleaning_servises {
  background: url(https://timg0cf.b8cdn.com/images/icons/simple_cv/Cleaning-Servises.png)
    no-repeat center center;
}

.occupation_no_photo {
  background: url(https://timg0cf.b8cdn.com/images/no-photo-70.png) no-repeat
    center center;
  background-size: 60px;
}

.mol_cv_builder_occupation .volum_position {
  text-align: center;
}

.mol_arrow_next_occupation {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-position: 0 -372px;
  position: absolute;
  right: 0;
  top: 46%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ui-menu.ui-autocomplete {
  z-index: 999;
}

@media only screen and (min-width: 767px) {
  .other_cvs .tabs li {
    max-width: 20%;
    margin: 0 0 !important;
  }

  .other_cvs .tabs li a {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .other_cvs .tabs li.on .cv_text_span {
    max-width: 82%;
  }
}

input.third_layer_autocomplete {
  position: relative;
  width: 80%;
  margin: -23px 0 0 2px;
  border: 1px solid #ccc;
  border-width: 0;
  border-radius: 0 !important;
}

input.third_layer_autocomplete:focus {
  outline: 0;
  outline: none;
}

#ar select.autocomplete_third_layer {
  background-position: 6% 0;
}

#ar input.third_layer_autocomplete {
  margin: -23px 2px 0 0;
}

#content .privacy-top-tab {
  float: left;
  margin: 0 10px;
  font-size: 18px;
  position: relative;
  pading: 0 0 5px 0;
  font-weight: bold;
}

#ar #content .privacy-top-tab {
  float: right;
}

#content .privacy-top-tab a {
  color: #333;
  font-size: 13;
}

#content .privacy-top-tab.active a {
  transition: color 0.2s ease-in-out;
  color: #d35400;
}

#content .privacy-top-tab a:hover,
.privacy-statement .side-nav:hover {
  color: #d35400;
}

.privacy-statement .side-nav {
  padding: 0 0 15px;
  color: #3c4043;
  cursor: pointer;
  font-size: 15px;
  margin: 0 0 5px 0;
}

.terms_privacy_content {
  border: 1px solid #dadada;
  border-width: 0 0 0 1px;
  padding: 0 25px;
}

#ar .terms_privacy_content {
  border-width: 0 1px 0 0;
}

.terms_conditions_block {
  padding: 5px;
}

.privacy_complete_profile .terms_conditions_block {
  padding: 0;
}

.scroll-to-top {
  right: 25px;
  bottom: 50px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12),
    0 3px 5px -1px rgba(0, 0, 0, 0.2);
  transform: scale(0);
  opacity: 0;
  transition: 0.2s;
}

#ar .scroll-to-top {
  right: auto;
  left: 25px;
}

.scroll-to-top .i-back-arrow {
  transform: rotate(90deg);
}

.scroll-to-top.on {
  transform: scale(1);
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .privacy-top-tab-banner {
    height: 47px;
    overflow: hidden;
    border-radius: 6px;
    position: relative;
    top: 0;
    padding: 0;
    transition: height 0.3s ease-in-out;
  }

  .privacy-top-tab-banner:before,
  .privacy-top-tab.active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    cursor: pointer;
  }

  .privacy-top-tab-banner .i-down-arrow {
    border: 1px solid #fff;
    border-width: 0 0 0px 2px;
    width: 40px;
    height: 47px;
    line-height: 45px;
    z-index: 3;
    display: inline-block;
  }

  .privacy-top-tab-banner.open {
    height: auto;
  }

  .privacy-top-tab-banner.open:before {
    height: 0;
  }

  .privacy-top-tab {
    background: #f1f1f1;
    margin: 0 0 2px !important;
  }

  .privacy-top-tab a {
    padding: 10px;
    display: block;
  }

  .terms_privacy_content {
    border: 0;
  }
}

.email-action_blank {
  background: #eee;
}

.email-action_blank #content {
  width: 100%;
  background: none;
  margin-top: 60px;
}

.email-action_blank .widget-box {
  border: 1px solid #fff;
  border-radius: 3px;
}

.email-action_blank .widget-header,
.email-action_blank .widget-body {
  border-bottom: 1px solid #dadada;
}

.email-action_blank button {
  padding: 10px 12px;
  background-image: none;
  border: 1px solid #fff;
}

#payAtHomeForm .error {
  margin-left: 149px;
}

#ar #payAtHomeForm .error {
  margin-left: 0;
  margin-right: 149px;
}

#credit-card-block,
#paypal-block,
#cash-block {
  width: 895px;
  border: 1px solid #dadada;
}

#paypal-block {
  height: 486px;
}

#cash-block {
  height: 585px;
}

.visa_master_img {
  margin: 47px 0 10px 0;
}

#payfort_payment #id-ECOM_CARDINFO_EXPDATE_month {
  width: 113px !important;
}

#payfort_payment #id-ECOM_CARDINFO_EXPDATE_year {
  width: 186px !important;
}

#fr #payfort_payment #id-ECOM_CARDINFO_EXPDATE_month {
  width: 108px !important;
}

#aliasButton,
#paymentButton {
  width: 290px;
}

#credit-card-block div {
  margin-left: 63px;
}

#ar #credit-card-block div {
  margin-right: 63px;
  margin-left: 0px;
}

#cards_list h4,
#payfort_payment h4 {
  font-size: 12px;
  font-weight: bold;
  width: 120px;
  margin-top: 14px;
}

#existing_card {
  border-bottom: 1px solid #dadada;
  display: block;
  font-size: 14px;
  margin: 20px 0 0 -15px;
  padding-bottom: 20px;
  width: 810px;
}

#cards_list select.jsCardNum {
  height: 39px;
  width: 290px;
}

#fr #credit-card-block div {
  width: 484px;
}

#credit-card-block div input {
  width: auto;
}

#credit-card-block .credit-gray {
  margin-left: 7px;
  position: absolute;
  top: 542px;
}

#ar #credit-card-block .credit-gray {
  margin-left: 0;
  margin-right: 7px;
}

#credit-card-block .credit-card-block-ck {
  margin: 10px 0 10px 295px;
}

#fr #credit-card-block .credit-card-block-ck {
  margin: 10px 0 10px 332px;
}

#ar #credit-card-block .credit-card-block-ck {
  margin: 10px 295px 10px 0;
}

#credit-card-block .ck-month {
  width: 115px;
  height: 37px;
  margin-left: -119px;
}

#ar #credit-card-block .ck-month {
  margin-left: 0;
  margin-right: -119px;
}

#credit-card-block .ck-year {
  width: 175px;
  height: 37px;
  margin-left: 10px;
}

#ar #credit-card-block .ck-year {
  margin-left: 0;
  margin-right: 10px;
}

#credit-card-block .credit-blue {
  color: #007dc3;
  font-size: 12px;
  margin-left: 10px;
}

#ar #credit-card-block .credit-blue {
  margin-left: 0;
  margin-right: -50px;
}

#credit-card-block .credit-gray-text,
#credit-card-block .credit-gray {
  font-size: 12px;
  color: #b2b2b2;
}

.payment-page-icons {
  background: url(https://timg0cf.b8cdn.com/images/icons/payment-page-icons.png)
    no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: block;
  width: 189px;
  height: 69px;
  position: relative;
}

#credit-card-block .payment-page-icons {
  left: 560px;
  bottom: 44px;
}

#cards_list .payment-page-icons {
  bottom: -61px;
  left: 560px;
}

#ar #credit-card-block #cards_list .payment-page-icons {
  right: 595px;
}

#cards_list select {
  height: 41px;
  width: 289px;
}

#ar #credit-card-block .payment-page-icons {
  left: 0;
  right: 548px;
}

#cash-block .payment-page-icons {
  left: 713px;
  bottom: -14px;
}

#ar #cash-block .payment-page-icons {
  left: 0;
  right: 702px;
}

#paypal-block .payment-page-icons {
  left: 712px;
  bottom: -47px;
}

#ar #paypal-block .payment-page-icons {
  left: 0;
  right: 696px;
  bottom: -74px;
}

#credit-card-block .payment-btn-div {
  margin-left: 295px;
  margin-top: 0px;
}

#fr #credit-card-block .payment-btn-div {
  margin-left: 330px;
}

#ar #credit-card-block .payment-btn-div {
  margin-left: 0;
  margin-right: 295px;
}

.payment-btn-div button {
  width: 306px;
  height: 46px;
}

#paypal-block {
  text-align: center;
}

#paypal-block img {
  margin-top: 144px;
}

#paypal-block p {
  margin-top: 40px;
  color: #1d1d1b;
  font-size: 14px;
}

#paypal-block button {
  width: 294px;
  height: 46px;
  margin-top: 30px;
}

.cash-block-p {
  color: 3C3C3B;
  font-size: 14px;
  margin: 60px 0 35px 152px;
}

#ar .cash-block-p {
  margin: 60px 152px 35px 0;
}

#cash-block div {
  width: 447px;
  height: 37px;
  margin-left: 152px;
  margin-bottom: 10px;
}

#ar #cash-block div {
  margin-left: 0;
  margin-right: 152px;
}

#cash-block div p {
  font-size: 12px;
  font-weight: bold;
  color: #1d1d1b;
  margin-top: 12px;
}

#cash-block input {
  width: 289px;
  height: 30px;
  font-size: 14px;
}

#cash-block select {
  width: 297px;
  height: 36px;
  font-size: 14px;
}

#cash-block .total-fees-span {
  font-size: 14px;
  color: #1d1d1b;
}

#cash-block .fees-span {
  font-size: 14px;
  color: #19a355;
  font-weight: bold;
}

#cash-block .fees-div {
  margin: 20px 0 0px 303px;
}

#ar #cash-block .fees-div {
  margin: 20px 303px 0px 0;
}

#cash-block button {
  width: 294px;
  height: 46px;
}

#cash-block .fees-div2 {
  margin: -10px 0 0 303px;
}

#ar #cash-block .fees-div2 {
  margin: -10px 303px 0 0;
}

.other-payments-method {
  font-size: 21px;
  font-weight: bold;
  color: #333333;
  margin: 0 0 35px 30px;
}

#ar .other-payments-method {
  margin: 0 30px 35px 0;
}

#credit-card-block .credit-secret-input {
  width: 107px !important;
  margin-left: 23px;
}

#fr #credit-card-block .credit-secret-input {
  margin-left: 14px;
}

#ar #credit-card-block .credit-secret-input {
  margin-left: 0;
  margin-right: 23px;
}

span.arrow-img {
  background: url(https://timg0cf.b8cdn.com/images/icons/payment-page-arrow.png)
    no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  width: 16px;
  height: 13px;
  display: block;
  position: relative;
  left: -3px;
  top: 3px;
}

#ar span.arrow-img {
  right: 0;
  left: -3px;
}

#pay-online a#existing_card {
  white-space: nowrap;
  position: relative;
  top: -18px;
}

#pay-with-paypal-wrpr h2 {
  font-size: 16px;
}

#pay-online fieldset div {
  margin-top: 20px;
}

#pay-online fieldset div:first-of-type {
  margin-top: 0px;
}

#pay-online .payments_desc_item {
  padding: 20px 0px !important;
  overflow: hidden;
}

#pay-with-paypal-wrpr {
  width: 25%;
  padding-left: 5%;
  float: left;
  clear: right;
}

#ar #pay-with-paypal-wrpr {
  width: 25%;
  padding-right: 5%;
  float: right;
  clear: left;
}

#pay-with-paypal-wrpr form#paymentFormPaypal fieldset {
  padding: 0px !important;
}

.agency-report .form_inline p.inline_form_field {
  width: 45%;
  clear: both;
}

.agency-report .agency_report_blocks div {
  width: 100%;
}

.wrapper_960 {
  width: 960px;
  margin: 0 auto;
}

.wrapper_1140 {
  width: 1140px;
  margin: 0 auto;
}

.wrapper_1200 {
  width: 1200px;
  margin: 0 auto;
}

.inline {
  display: inline;
}

.inline-b {
  display: inline-block !important;
}

.display-b {
  display: block !important;
}

.c-block {
  margin: 0 auto !important;
}

.display-t {
  display: table !important;
}

.display-flex {
  display: flex !important;
  display: -webkit-flex !important;
}

.display-t-row {
  display: table-row !important;
}

.display-t-cell {
  display: table-cell !important;
}

.table-fixed {
  table-layout: fixed;
}

.overflow-h {
  overflow: hidden !important;
}

.overflow-v {
  overflow: visible !important;
}

.overflow-auto {
  overflow: auto !important;
}

.pos-abs {
  position: absolute;
}

.pos-rel {
  position: relative;
}

.pos-fix {
  position: fixed !important;
}

.pos-stc {
  position: static !important;
}

.text-l,
#ar .text-r {
  text-align: left;
}

.z-777 {
  z-index: 777;
}

.z-888 {
  z-index: 888;
}

.z-1 {
  z-index: 1;
}

#ar .text-l,
.text-r {
  text-align: right;
}

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

.normal {
  font-weight: normal !important;
}

.small {
  font-size: 1.2em;
}

.underline-none {
  text-decoration: none !important;
}

.underline {
  text-decoration: underline;
}

.vert_algn_top {
  vertical-align: top;
}

.vert_algn_mid {
  vertical-align: middle;
}

.vert_algn_btm {
  vertical-align: bottom;
}

.vert_algn_base {
  vertical-align: baseline;
}

.line_through {
  text-decoration: line-through;
}

.bg-none {
  background: none !important;
}

.block-content {
  position: relative;
  display: inline-block;
}

.block-content:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
}

.clear-fix:after {
  content: '';
  display: block;
  clear: both;
}

#ar .block-content:after {
  left: auto;
  right: 0;
}

.word-break {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-all;
}

.word-break-all {
  word-break: break-all;
}

.word-break-word {
  word-break: break-word;
}

.nowrap {
  white-space: nowrap !important;
}

.pre-line {
  white-space: pre-line;
}

.white-space-normal {
  white-space: normal;
}

.width-reset {
  width: auto !important;
}

.line-h-reset {
  line-height: unset !important;
}

.border-rad-3 {
  border-radius: 3px;
}

.border-rad-4 {
  border-radius: 4px;
}

.border-rad-5 {
  border-radius: 5px;
}

.border-rad-10 {
  border-radius: 10px;
}

.border-rad-15 {
  border-radius: 15px;
}

.border-rad-20 {
  border-radius: 20px;
}

.border-rad-100 {
  border-radius: 100px !important;
}

.border-rad-circle {
  border-radius: 100%;
}

.border-radius-reset,
#ar .border-radius-reset {
  border-radius: 0 !important;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.italic {
  font-style: italic;
}

.lowercase {
  text-transform: lowercase;
}

.t-justify {
  text-align: justify;
}

.text-default {
  font-size: 1em;
  line-height: 1.4em;
}

.opacity_5 {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.opacity_8 {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.opacity_0 {
  opacity: 0;
}

.opacity_1 {
  opacity: 1;
}

.large_input {
  padding: 8px;
}

.box-sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.cursor_p {
  cursor: pointer;
}

.cursor_na {
  cursor: not-allowed;
}

.circle_status {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  display: inline-block;
  background: #aaa;
}

.boxshadow {
  box-shadow: 0 0 3px rgba(179, 179, 179, 0.8);
}

.boxshadow-2 {
  box-shadow: 0 2px 4px 0 #d9d9d9 !important;
}

.box_hover {
  transition: 0.4s;
}

.box_hover:hover {
  box-shadow: -1px 0px 14.76px 3.24px rgba(0, 0, 0, 0.09);
}

.text_shadow_black_4 {
  text-shadow: 0px 0px 4px #000;
}

.text_shadow_white_4 {
  text-shadow: 0px 0px 4px #fff;
}

.img_flipy {
  transform: rotateY(180deg);
}

.img_flipx {
  transform: rotateX(180deg);
}

.rotate-270 {
  transform: rotate(270deg);
}

.rotate-90 {
  transform: rotate(90deg);
}

.rotate-45 {
  transform: rotate(45deg);
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.bottom-auto {
  bottom: auto !important;
}

.top-0 {
  top: 0 !important;
}

.top-100 {
  top: 100% !important;
}

.top-auto {
  top: auto !important;
}

.left-0 {
  left: 0 !important;
}

.left-100 {
  left: 100% !important;
}

.left-auto {
  left: auto !important;
}

.right-0 {
  right: 0 !important;
}

.right-100 {
  right: 100% !important;
}

.right-auto {
  right: auto !important;
}

.margin-reset {
  margin: 0 !important;
}

.margin-auto {
  margin: auto !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.margin-sep {
  margin: 0 5px;
}

.margin-sep-10 {
  margin: 0 10px;
}

.margin-sep-per {
  margin: 0 0.5%;
}

.margin_side_5 {
  margin: 0 5px !important;
}

.margin_side_10 {
  margin: 0 10px !important;
}

.margin_side_15 {
  margin: 0 15px !important;
}

.margin_side_20 {
  margin: 0 20px !important;
}

.margin_side_25 {
  margin: 0 25px !important;
}

.margin_side_30 {
  margin: 0 30px !important;
}

.margin_r_5,
#ar .margin_l_5 {
  margin: 0 5px 0 0 !important;
}

.margin_l_5,
#ar .margin_r_5 {
  margin: 0 0 0 5px !important;
}

.margin_r_10,
#ar .margin_l_10 {
  margin: 0 10px 0 0 !important;
}

.margin_l_10,
#ar .margin_r_10 {
  margin: 0 0 0 10px !important;
}

.margin_r_15,
#ar .margin_l_15 {
  margin: 0 15px 0 0 !important;
}

.margin_l_15,
#ar .margin_r_15 {
  margin: 0 0 0 15px !important;
}

.margin_r_20,
#ar .margin_l_20 {
  margin: 0 20px 0 0 !important;
}

.margin_l_20,
#ar .margin_r_20 {
  margin: 0 0 0 20px !important;
}

.margin_r_25,
#ar .margin_l_25 {
  margin: 0 25px 0 0 !important;
}

.margin_l_25,
#ar .margin_r_25 {
  margin: 0 0 0 25px !important;
}

.margin_r_30,
#ar .margin_l_30 {
  margin: 0 30px 0 0 !important;
}

.margin_l_30,
#ar .margin_r_30 {
  margin: 0 0 0 30px !important;
}

.margin_top_auto {
  margin: auto 0 0 0 !important;
}

.margin_bottom_auto {
  margin: 0 0 auto 0 !important;
}

.margin_r_auto,
#ar .margin_l_auto {
  margin: 0 auto 0 0 !important;
}

.margin_l_auto,
#ar .margin_r_auto {
  margin: 0 0 0 auto !important;
}

.padding-reset {
  padding: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.padding-10-20 {
  padding: 10px 20px;
}

.padding-sep {
  padding: 0 5px;
}

.padding-sep-10 {
  padding: 0 10px;
}

.padding-sep-15 {
  padding: 0 15px;
}

.padding-sep-20 {
  padding: 0 20px;
}

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

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

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

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

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

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

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

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

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

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

.padding_right_5 {
  padding-left: 0 !important;
  padding-right: 5px !important;
}

#ar .padding_right_5 {
  padding-left: 5px !important;
  padding-right: 0 !important;
}

.padding_right_10 {
  padding-left: 0 !important;
  padding-right: 10px !important;
}

#ar .padding_right_10 {
  padding-left: 10px !important;
  padding-right: 0 !important;
}

.padding_right_1per {
  padding-left: 0 !important;
  padding-right: 1% !important;
}

#ar .padding_right_1per {
  padding-left: 1% !important;
  padding-right: 0 !important;
}

.padding_top_bottom_5 {
  padding: 5px 0;
}

.padding_top_bottom_10 {
  padding: 10px 0;
}

.padding_top_bottom_15 {
  padding: 15px 0;
}

.padding_left_0 {
  padding-left: 0 !important;
}

#ar .padding_left_0 {
  padding-right: 0 !important;
  padding-left: auto !important;
}

.border_around {
  border: 1px solid #ededed !important;
}

.border_dashed {
  border: 1px dashed #dadada;
}

.border_gray {
  border: 1px solid #e4e4e4;
}

.border_gray2 {
  border: 1px solid #dfdfdf;
}

.border_dgray {
  border: 1px solid #bbbfc0;
}

.border_blue {
  border: 1px solid #26a9e0;
}

.dashed-border {
  border-bottom: 2px dashed lightgray;
}

.border-dashed-gray {
  border: 2px dashed #d7d7d7 !important;
}

.border_bottom_dotted {
  border-bottom: 1px dotted #dadada;
}

.border_bottom_solid {
  border-bottom: 1px solid #dadada;
}

.border_reset {
  border: 0 !important;
}

.border-reset {
  border: 0 !important;
}

.border_bottom_dotted_sep {
  border-bottom: 1px dotted #dadada;
}

.border_bottom_solid_sep {
  border-bottom: 1px solid #ededed;
}

.border_top_solid_sep {
  border-top: 1px solid #ededed;
}

.border-test {
  border: 1px solid red;
}

.border-width-2 {
  border-width: 2px;
}

.border_r,
#ar .border_l {
  border: 1px solid #ededed !important;
  border-width: 0 1px 0 0 !important;
}

.border_l,
#ar .border_r {
  border: 1px solid #ededed !important;
  border-width: 0 0 0 1px !important;
}

#main-wrapper .border-reset-i {
  border: 0 !important;
}

/**************** Flexbox **************** Reference from:http://css-tricks.com/snippets/css/a-guide-to-flexbox/ ****************/
.flex_grow_1 {
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.flex_grow_2 {
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.flex_grow_3 {
  -ms-flex-positive: 3;
  flex-grow: 3;
}

.flex_grow_4 {
  -ms-flex-positive: 4;
  flex-grow: 4;
}

.flex_grow_5 {
  -ms-flex-positive: 5;
  flex-grow: 5;
}

.grid-row {
  overflow: hidden;
}

.grid-1 {
  width: 10%;
}

.grid-15 {
  width: 15%;
}

.grid-2 {
  width: 20%;
}

.grid-25 {
  width: 25%;
}

.grid-3 {
  width: 30%;
}

.grid-32 {
  width: 32%;
}

.grid-35 {
  width: 35%;
}

.grid-4 {
  width: 40%;
}

.grid-45 {
  width: 45%;
}

.grid-48 {
  width: 48%;
}

.grid-5 {
  width: 50%;
}

.grid-55 {
  width: 55%;
}

.grid-6 {
  width: 60%;
}

.grid-65 {
  width: 65%;
}

.grid-7 {
  width: 70%;
}

.grid-75 {
  width: 75%;
}

.grid-8 {
  width: 80%;
}

.grid-85 {
  width: 85%;
}

.grid-9 {
  width: 90%;
}

.grid-95 {
  width: 95%;
}

.grid-10 {
  width: 100%;
}

.grid-10-i {
  width: 100% !important;
}

.grid-th {
  width: 33%;
}

.grid-th-f {
  width: 33.333333%;
}

.grid-th2 {
  width: 66%;
}

.grid-th2-f {
  width: 66.666666%;
}

.grid-sidebar {
  padding: 0 0 0 20px;
}

#ar .grid-sidebar {
  padding: 0 20px 0 0;
}

.grid-100 {
  width: 100px;
}

.grid-150 {
  width: 150px;
}

.grid-200 {
  width: 200px;
}

.grid-250 {
  width: 250px;
}

.grid-300 {
  width: 300px;
}

.grid-350 {
  width: 350px;
}

.l,
#ar .r {
  float: left !important;
}

.r,
#ar .l {
  float: right !important;
}

.float-none {
  float: none !important;
}

.left {
  float: left;
}

.right {
  float: right;
}

.c {
  text-align: center;
}

.clear {
  clear: both;
}

.hide {
  display: none;
}

.unvisible {
  visibility: hidden;
}

.hide-i,
[v-cloak] {
  display: none !important;
}

.mute {
  color: #bbb;
}

.text-snip {
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}

@media only screen and (max-width: 767px) {
  body.job span.text-snip {
    white-space: normal !important;
  }
}

d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-column {
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-column-reverse {
  flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
}

.flex-row {
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-reverse {
  flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
}

.justify-start {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

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

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

.space-between {
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.align-start {
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-center {
  -ms-flex-align: center;
  align-items: center;
}

.align-baseline {
  -ms-flex-align: baseline;
  align-items: baseline;
}

.align-stretch {
  -ms-flex-align: stretch;
  align-items: flex-stretch;
}

.align-end {
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-self-start {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.align-self-end {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.align-self-center {
  -ms-flex-item-align: flex-center;
  align-self: center;
}

.align-self-baseline {
  -ms-flex-item-align: flex-baseline;
  align-self: baseline;
}

.align-self-stretch {
  -ms-flex-item-align: stretch;
  align-self: flex-stretch;
}

.flex-fill {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.gap-10 {
  gap: 10px;
}

.font-xs {
  font-size: 0.8em !important;
}

.font-s {
  font-size: 0.9em !important;
}

.font-n {
  font-size: 1em !important;
}

.font-m {
  font-size: 1.2em !important;
}

.font-l {
  font-size: 1.4em !important;
}

.font-xl {
  font-size: 1.8em !important;
}

.font-xxl {
  font-size: 2.2em !important;
}

.font-xxxl {
  font-size: 3em !important;
}

.font-xxxxl {
  font-size: 3.4em !important;
}

.font-0 {
  font-size: 0 !important;
}

.font-10 {
  font-size: 10px !important;
}

.font-11 {
  font-size: 11px !important;
}

.font-12 {
  font-size: 12px !important;
}

.font-13 {
  font-size: 13px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-15 {
  font-size: 15px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-17 {
  font-size: 17px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-20 {
  font-size: 20px !important;
}

.font-22 {
  font-size: 22px !important;
}

.font-24 {
  font-size: 24px !important;
}

.font-26 {
  font-size: 26px !important;
}

.font-28 {
  font-size: 28px !important;
}

.font-30 {
  font-size: 30px !important;
}

.font-32 {
  font-size: 32px !important;
}

.font-35 {
  font-size: 35px !important;
}

.font-40 {
  font-size: 40px !important;
}

.font-45 {
  font-size: 45px !important;
}

.font-50 {
  font-size: 50px !important;
}

.font-70 {
  font-size: 70px !important;
}

.full-height {
  height: 100% !important;
}

.height-reset {
  height: auto !important;
}

.height_700 {
  height: 700px !important;
}

.min_height_55 {
  min-height: 55px;
}

.min_height_150 {
  min-height: 150px;
}

.min_height_200 {
  min-height: 200px;
}

.min_height_250 {
  min-height: 250px;
}

.min_height_300 {
  min-height: 300px;
}

.max_height_100 {
  max-height: 100px;
}

.max_height_150 {
  max-height: 150px;
}

.max_height_200 {
  max-height: 200px;
}

.max_height_250 {
  max-height: 250px;
}

.max_height_300 {
  max-height: 300px;
}

.max_width_350 {
  max-width: 350px;
}

.max_width_150 {
  max-width: 150px;
}

.max_width_50_perc {
  max-width: 50%;
}

.max_width_60_perc {
  max-width: 60%;
}

.max_width_70_perc {
  max-width: 70%;
}

.max_width_80_perc {
  max-width: 80%;
}

.max_width_90_perc {
  max-width: 90%;
}

.line_height_14 {
  line-height: 14px;
}

.line_height_16 {
  line-height: 16px;
}

.line_height_20 {
  line-height: 20px;
}

.line_height_25 {
  line-height: 25px;
}

.line_height_30 {
  line-height: 30px !important;
}

.line_height_35 {
  line-height: 35px !important;
}

.line_height_40 {
  line-height: 40px !important;
}

.line_height_45 {
  line-height: 45px !important;
}

.line_height_50 {
  line-height: 50px !important;
}

.line_height_55 {
  line-height: 55px !important;
}

.line_height_60 {
  line-height: 60px !important;
}

.line_height_65 {
  line-height: 65px !important;
}

.line_height_70 {
  line-height: 70px !important;
}

.disable-pointer {
  pointer-events: none;
  opacity: 0.5;
}

.morecontent_t span {
  display: none;
}

.morelink_a {
  display: block;
}

.label_status {
  display: inline-block;
  padding: 0 5px;
  border-radius: 4px;
  line-height: 21px;
  font-size: 12px;
}

.green_status {
  color: #8bc34a;
  border: 1px solid #8bc34a;
}

.fill_green_status {
  color: #fff;
  border: 1px solid #8bc34a;
  background: #8bc34a;
}

.fill_orng_status {
  color: #fff;
  border: 1px solid #ff9800;
  background: #ff9800;
}

.blue_status {
  color: #03a9f4;
  border: 1px solid #03a9f4;
}

.fill_blue_status {
  color: #fff;
  border: 1px solid #03a9f4;
  background: #03a9f4;
}

.fill_light_blue_status {
  color: #fff;
  border: 1px solid #5ecbfc;
  background: #5ecbfc;
}

.orng_status {
  color: #ff9800;
  border: 1px solid #ff9800;
}

.red_status {
  color: #f44336;
  border: 1px solid #f44336;
}

.fill_red_status {
  color: #fff;
  background: #f44336;
  border: 1px solid #f44336;
}

.fill_grey_status {
  color: #fff;
  border: 1px solid #bdc3c7;
  background: #bdc3c7;
}

.grey_status {
  color: #bdc3c7;
  border: 1px solid #bdc3c7;
}

.branded_tag {
  background: #1e00ff;
  margin: 3px;
  color: #fff;
  font-size: 13px;
  padding: 2px 8px;
}

.ahref {
  color: #1e00ff;
}

.ahref:hover {
  text-decoration: underline;
  cursor: pointer;
}

.prgress_circle_1 {
  position: relative;
  width: 81px;
  height: 81px;
  border-radius: 50%;
  box-shadow: inset 0px 0px 0px 6px #f3f3f3;
}

.prgress_circle_1 .circle_slice {
  position: absolute;
  width: 81px;
  height: 81px;
  clip: rect(0em, 81px, 81px, 41px);
}

.prgress_circle_1 .circle_bar,
.half_two .circle_fill {
  position: absolute;
  border: 6px solid #1e00ff;
  width: 81px;
  height: 81px;
  clip: rect(0, 41px, 81px, 0);
  border-radius: 50%;
}

.half_two .circle_fill {
  transform: rotate(180deg);
}

.half_two .circle_slice {
  clip: rect(auto, auto, auto, auto);
}

.prgress_circle_txt {
  position: absolute;
  top: 50%;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
  width: 100%;
  font-weight: bold;
  margin-top: -13px;
}

.chip {
  padding: 8px;
  border-radius: 21px;
  font-size: 14px;
  margin-bottom: 10px !important;
}

.chip-yellow {
  background: rgba(254, 234, 78, 0.4);
}

.chip-yellow-border {
  border: 1.5px solid rgb(254, 234, 78);
}

.chip-red {
  background: rgba(242, 69, 61, 0.4);
}

.chip-red-border {
  border: 1.5px solid rgb(242, 69, 61);
}

.chip-blue {
  background: rgba(44, 152, 240, 0.4);
}

.chip-blue-border {
  border: 1.5px solid rgb(44, 152, 240);
}

.chip-green {
  background: rgba(80, 174, 84, 0.32);
}

.chip-green-border {
  border: 1.5px solid rgb(80, 174, 84);
}

.chip-purple {
  background: rgba(154, 48, 174, 0.12);
}

.chip-grey-border {
  border: 1.5px solid rgb(204, 204, 204);
}

.chip-grey {
  background: #ededed;
}

.chip-dark-grey {
  background: #cfd8dc;
}

.reset_rotate {
  transform: rotate(0deg);
  transition: all 1s;
}

.blind_mode,
.blind_mode .blind_mode_bg {
  background-color: #000 !important;
}

.blind_mode * {
  color: #fff !important;
  border-color: #fff !important;
}

.blind_mode .sub-nav,
.blind_mode #floating_widget,
.blind_mode .logged_hover_panel,
.blind_mode .bcc_head_lang,
.blind_mode .dropdown-content,
.blind_mode .incomplete_bg,
.blind_mode .incomplete_bg fieldset div {
  background: #000 !important;
}

.blind_mode.blackwhite,
.blind_mode .blackwhite,
.blind_mode .blt-add,
.mycvs.blind_mode img {
  -webkit-filter: grayscale(2);
  filter: gray;
  filter: grayscale(1);
}

.blind_mode .blind_ylo_text {
  color: #ff0 !important;
}

.blind_mode .leftside-menu li a:hover,
.blind_mode .leftside-menu li a:hover span {
  background: #none !important;
  color: #000 !important;
}

.job.blind_mode .toolbox span a {
  filter: grayscale(1);
}

.myworkspace-j.blind_mode .quick_actions_links > div,
.mycvs.blind_mode #floating_widget {
  box-shadow: none !important;
  border: 1px solid #fff;
}

.blind_mode .blt-add {
  color: #fff !important;
}

.blind_mode .section_wrapper a {
  color: #ff0 !important;
}

.blind_mode .powered_by_box_js img {
  background-color: #fff !important;
}

.blind_mode #cv-completeness-score .fill {
  background-color: #ff0 !important;
}

.mycvs.blind_mode #modalpopup fieldset,
.blind_mode #modalpopup .alertbox.info,
.blind_mode #modalpopup #server_msg_paragraph,
.blind_mode .tooltip_html_element {
  background-color: #000 !important;
}

.blind_mode .powered_by_box_js {
  background: #fff !important;
}

.blind_mode .powered_by_box_js_sper .byt_blue_color {
  color: #000 !important;
}

.blind_mode .powered_by_box_js_sper {
  color: #000 !important;
}

.blind_mode #plus-icon,
.blind_mode #minus-icon {
  color: #ff0;
  background: #000;
}

.read-more-state,
.hide {
  display: none;
}

.read-more-target {
  display: none;
  max-height: 0;
}

.read-more-trigger {
  cursor: pointer;
  display: inline-block;
  padding: 0 0.5em;
  color: #666;
  font-size: 0.9em;
}

.flat_tabs a:hover,
.flat_tabs_s a:hover {
  color: #333;
}

.flat_tabs,
.flat_tabs_s {
  background: #ededed;
  border: 1px solid #ededed;
  border-width: 0 0 1px;
  height: 35px;
  margin: 0 0 20px;
  padding: 5px 5px 0;
}

.flat_tabs li,
.flat_tabs_s li {
  float: left;
  margin: 0 5px -1px 0;
}

#ar .flat_tabs li,
#ar .flat_tabs_s li {
  float: right;
  margin: 0 0 -1px 5px;
}

.flat_tabs a,
.flat_tabs_s a {
  color: #9d9d9c;
  display: block;
  padding: 8px 12px;
  text-decoration: none;
  outline: 0;
}

.flat_tabs a:hover,
.flat_tabs_s a:hover {
  text-decoration: none;
}

.flat_tabs .on a,
.flat_tabs_s .on a {
  background: #fff;
  border: 1px solid #dadada;
  border-width: 1px 1px 0;
  color: #1d1d1b;
  font-weight: 700;
}

.more_options > a i {
  color: #666 !important;
}

.flat_tabs .sub_more_options,
.flat_tabs_s .sub_more_options {
  position: absolute;
  background: #fff;
  border: 1px solid #eee;
  z-index: 99;
  min-width: 150px;
}

.flat_tabs .more_options > a:hover,
.flat_tabs_s .more_options > a:hover {
  border: 0 !important;
}

.flat_tabs .sub_more_options li,
.flat_tabs_s .sub_more_options li {
  width: 100%;
}

.flat_tabs .sub_more_options li.on > a,
.flat_tabs_s .sub_more_options li.on > a {
  border: 0;
}

.flat_tabs .sub_more_options li a:hover,
.flat_tabs_s .sub_more_options li a:hover {
  border: 0;
  background: #f7f7f7 !important;
}

.flat_tabs_vert {
  border-width: 0 0 1px 0;
}

.flat_tabs_vert li {
  float: none;
  margin: 0;
}

@media only screen and (max-width: 1300px) {
  body#ar.add-form .flat_tabs_s {
    height: auto;
    display: flex;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 1200px) {
  body.add-form #main-wrapper,
  body.add-form #main-header {
    min-width: 100%;
    width: 100%;
  }
}

.accordion_head {
  margin: 0 0 12px;
  padding: 10px;
  height: 35px;
  line-height: 17px;
  color: #9d9d9c;
  background: #e7e7e7;
  font-size: 12px;
  cursor: pointer;
  overflow: hidden;
}

.accordion_head.on {
  color: #7a7a79;
  background: #d6d6d6;
}

.accordion_head:hover {
  color: #7a7a79;
}

.accordion_head i.i_arrow2_gray,
.accordion_head i.i_arrow_gray {
  margin: 0 2px 0 0;
}

#ar .accordion_head i.i_arrow2_gray,
#ar .accordion_head i.i_arrow_gray {
  margin: 0 0 0 2px;
}

.accordion_body {
  padding: 10px;
  border: 1px solid #e7e7e7;
  margin: 0 0 12px;
}

.menu,
.menu-action {
  margin: 0 0 10px 0;
  display: inline-block;
}

.vgrp .menu-action {
  display: block;
  margin: 0;
}

.menu a,
.menu-action a {
  text-decoration: none;
  color: #333;
}

.menu > li > a,
.menu-action > li > a {
  font-weight: bold;
  border: 1px solid #ededed;
  position: relative;
  z-index: 99;
}

.menu:hover > li > a,
.menu-action:hover > li > a {
  border-bottom: 0;
  background: #f6f7f8;
}

.menu li a,
.menu-action li a {
  display: block;
  padding: 6px 8px;
  background: #fff;
}

.menu li a {
  padding: 4px 8px;
}

.menu-grp {
  margin: 0 0 10px 0;
}

.menu-grp .menu {
  margin: 0;
}

.menu-grp .menu > li > a {
  border-width: 1px 0 1px 1px;
}

#ar .menu-grp .menu > li > a {
  border-width: 1px 1px 1px 0;
}

.menu-grp .menu:hover > li > a {
  border-bottom-width: 0;
}

.menu-grp .menu:first-child > li > a {
  border-radius: 3px 0 0 3px;
}

.menu-grp .menu:last-child > li > a {
  border-width: 1px;
  border-radius: 0 3px 3px 0;
}

#ar .menu-grp .menu:first-child > li > a {
  border-radius: 0 3px 3px 0;
}

#ar .menu-grp .menu:last-child > li > a {
  border-width: 1px;
  border-radius: 3px 0 0 3px;
}

.menu-grp .menu:hover > li > a,
#ar .menu-grp .menu:hover > li > a {
  border-radius: 0;
}

.menu_options > li > a,
.menu_options > li > a:hover {
  background: #fff !important;
  border: 1px solid #d0d2d3 !important;
  font-weight: bold;
}

.menu_options > li > a i {
  margin: 0 0 0 5px !important;
}

#ar .menu_options > li > a i {
  margin: 0 5px 0 0 !important;
}

.submenu-right {
  position: relative;
}

.submenu-right-list {
  display: none;
  border: 1px solid #dadada;
  min-width: 130px;
  margin-top: -1px;
  margin-bottom: 0;
  position: absolute;
  background: #fff;
  z-index: 999;
  top: 0;
}

.submenu-left-list {
  display: none;
  border: 1px solid #dadada;
  min-width: 130px;
  margin-top: -1px;
  margin-bottom: 0;
  position: absolute;
  background: #fff;
  z-index: 999;
  top: 0;
}

.submenu-right-list a,
.submenu-left-list a {
  border-bottom: 1px solid #ededed;
}

.submenu-right-list a:hover,
.submenu-left-list a:hover {
  background-color: #f7f7f7;
}

.submenu-left-list li a {
  padding: 10px 15px;
}

.sub-menu {
  display: none;
  border: 1px solid #dadada;
  min-width: 130px;
  margin-top: -1px;
  margin-bottom: 0;
  position: absolute;
  background: #fff;
  z-index: 999;
}

.sub-menu li a:hover,
.submenu-right-list li a:hover {
  background: #f7f7f7;
}

.sub-menu .sep {
  border-bottom: 1px solid #dadada;
}

.menu-action:hover .sub-menu {
  display: block;
}

.menu-grp {
  margin: 0 0 10px 0;
}

.vgrp {
  max-width: 250px;
}

.menu-grp .menu {
  margin: 0;
}

.menu-grp .menu-action > li > a {
  border-width: 1px 0 1px 1px;
}

#ar .menu-grp .menu-action > li > a {
  border-width: 1px 1px 1px 0;
}

.vgrp .menu-action > li > a {
  border-width: 1px 1px 0 1px;
}

.vgrp .menu-action > li > a i {
  margin: 0 5px 0 0;
}

#ar .vgrp .menu-action > li > a i {
  margin: 0 0 0 5px;
}

.menu-grp .menu-action:first-child > li > a {
  border-radius: 3px 0 0 3px;
}

#ar .menu-grp .menu-action:first-child > li > a {
  border-radius: 0 3px 3px 0;
}

.vgrp .menu-action:first-child > li > a,
#ar .vgrp .menu-action:first-child > li > a {
  border-radius: 3px 3px 0 0;
}

.menu-grp .menu-action:last-child > li > a {
  border-width: 1px;
  border-radius: 0 3px 3px 0;
}

.vgrp .menu-action:last-child > li > a {
  border-radius: 0 0 3px 3px;
}

#ar .menu-grp .menu-action:last-child > li > a {
  border-width: 1px;
  border-radius: 3px 0 0 3px;
}

.menu-grp .menu-action:hover > li > a,
#ar .menu-grp .menu:hover > li > a {
  border-radius: 0;
}

.submenu-right,
.submenu-right-clickable {
  position: relative;
}

.submenu-right-list {
  display: none;
  border: 1px solid #dadada;
  min-width: 130px;
  margin-top: -1px;
  margin-bottom: 0;
  position: absolute;
  background: #fff;
  z-index: 999;
  top: 0;
  min-width: 200px;
}

.vgrp .submenu-right-list {
  margin-top: 0;
}

.menu_click,
.menu_click .sub-menu {
  list-style: none !important;
}

/************************ Start Flat BG Colors ********** Reference from:http://flatuicolors.com/ ******************/
.bg_green {
  background: #1abc9c !important;
}

.bg_dgreen {
  background: #16a085 !important;
}

.bg_lgreen {
  background: #2ecc71 !important;
}

.bg_ldgreen {
  background: #8ac43f !important;
}

.bg_blue {
  background: #3498db !important;
}

.bg_dblue {
  background: #2980b9 !important;
}

.bg_lblue {
  background: #e3f2fd !important;
}

.bg_violet {
  background: #9b59b6 !important;
}

.bg_dviolet {
  background: #8e44ad !important;
}

.bg_yellow {
  background: #fac961 !important;
}

.bg_dyellow {
  background: #f39c12 !important;
}

.bg_orange {
  background: #e67e22 !important;
}

.bg_dorange {
  background: #d35400 !important;
}

.bg_red {
  background: #e74c3c !important;
}

.bg_dred {
  background: #c0392b !important;
}

.bg_gray {
  background: #e5e6e7 !important;
}

.bg_dgray {
  background: #bdc3c7 !important;
}

.bg_lgray {
  background: #f9f9f9 !important;
}

.bg_lgray2 {
  background: #fafafa !important;
}

.bg_white {
  background: #fff !important;
}

.bg_black {
  background: #000 !important;
}

.bg_img_center {
  background-position: center;
}

.bg_img_norepeat {
  background-repeat: no-repeat;
}

.tWhite {
  color: #fff;
}

.tWhite-i {
  color: #fff !important;
}

.tBlack {
  color: #000;
}

.tGray {
  color: #ccc;
}

.tMGray-i {
  color: #bbbfc0 !important;
}

.tlGray {
  color: #f0f0f0;
}

.tDGray {
  color: #333;
}

.tGreen {
  color: #19a355;
}

.tLgreen {
  color: #8cc63f;
}

.tRed {
  color: #ff1d25;
}

.tRed2 {
  color: #f44336;
}

.tYlo {
  color: #fec958;
}

.black_color {
  color: #000 !important;
}

.gray_color {
  color: #aaa !important;
}

.tGray2 {
  color: #999 !important;
}

.light_gray_color {
  color: #cccccc !important;
}

.red_color {
  color: #ec1c24;
}

.green_color {
  color: #009345;
}

.blue_color {
  color: #26a9e0 !important;
}

.byt_blue_color {
  color: #007dc3;
}

.tOrng {
  color: #ffab00 !important;
}

.tLink {
  color: #1e00ff !important;
}

.tGreen2 {
  color: #91ba47;
}

.gLink,
.gLink:hover {
  color: #aaa;
}

.bLink,
.bLink:hover {
  color: #333333;
}

.gLink,
.bLink {
  text-decoration: underline;
}

.multi_slider_list_container {
  direction: ltr;
}

.multi_slider_prev,
.multi_slider_next {
  cursor: pointer;
  font-size: 40px;
  font-weight: bold;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  top: 50%;
  margin-top: -12px;
}

.multi_slider_prev,
#ar .multi_slider_next {
  left: 0;
  right: auto;
}

#ar .multi_slider_prev,
.multi_slider_next {
  right: 0;
  left: auto;
}

.tooltip_up_text,
.tooltip_down_text,
.tooltip_right_text,
.tooltip_left_text {
  background: #111;
  box-shadow: 0 0 5px #ccc;
  color: #fff;
  padding: 10px;
  position: relative;
  z-index: 99;
  font-style: normal;
  font-size: 1.2em;
  font-weight: bold;
  display: inline-block;
  border-radius: 3px;
  z-index: 9999;
  max-width: 250px;
  word-wrap: break-word;
}

.tooltip_up_text.whiteb,
.tooltip_down_text.whiteb,
.tooltip_right_text.whiteb,
.tooltip_left_text.whiteb {
  background: #fff;
  color: #333;
  border-radius: 3px;
  box-shadow: 0 0 3px #ccc;
}

.tooltip_down_text:before {
  border-color: transparent transparent #111 transparent;
  border-style: solid;
  border-width: 0 5px 5px;
  content: '';
  height: 0;
  margin: -5px 0 0 -5px;
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  z-index: 99999;
}

#ar .tooltip_down_text:before {
  margin: -5px -5px 0 0;
}

.tooltip_up_text:before {
  border-color: #111 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  content: '';
  height: 0;
  margin: -5px 0 0 -5px;
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 0;
  z-index: 99999;
}

.tooltip_right_text:before {
  border-color: transparent #111 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  content: '';
  height: 0;
  margin: -5px 0 0 -5px;
  position: absolute;
  top: 0;
  top: 50%;
  left: 0;
  width: 0;
  z-index: 99999;
}

.tooltip_left_text:before {
  border-color: transparent transparent transparent #111;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: '';
  height: 0;
  margin: -5px 0 0 -5px;
  position: absolute;
  top: 0;
  top: 50%;
  right: -5px;
  width: 0;
  z-index: 99999;
}

.whiteb.tooltip_up_text:after,
.whiteb.tooltip_down_text:after,
.whiteb.tooltip_left_text:after,
.whiteb.tooltip_right_text:after {
  content: '';
  position: absolute;
  border-style: solid;
  margin: -10px 0 0 -10px;
  width: 0;
  height: 0;
  z-index: 1;
}

.whiteb.tooltip_up_text:after {
  bottom: -10px;
  left: 50%;
  border-style: solid;
  border-width: 10px 10px 0;
  border-color: #ffffff transparent;
  margin: -10px 0 0 -10px;
}

.whiteb.tooltip_up_text:before {
  border-width: 10px 10px 0;
  border-color: #d2d2d2 transparent;
  margin: -10px 0 0 -10px;
  bottom: -10px;
}

.whiteb.tooltip_down_text:after {
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 0 10px 10px;
  content: '';
  margin: -10px 0 0 -10px;
  top: 0;
  left: 50%;
}

.whiteb.tooltip_down_text:before {
  border-color: transparent transparent #d2d2d2 transparent;
  border-width: 0 11px 11px;
  margin: -11px 0 0 -11px;
}

.whiteb.tooltip_left_text:after {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  margin: -10px 0 0 -10px;
  top: 0;
  top: 50%;
  right: -10px;
}

.whiteb.tooltip_left_text:before {
  border-color: transparent transparent transparent #d2d2d2;
  border-width: 10px 0 10px 10px;
  margin: -10px 0 0 -10px;
  right: -10px;
}

.whiteb.tooltip_right_text:after {
  border-color: transparent #fff transparent transparent;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  margin: -10px 0 0 -10px;
  top: 50%;
  left: 0;
}

.whiteb.tooltip_right_text:before {
  border-color: transparent #d2d2d2 transparent transparent;
  border-width: 10px 10px 10px 0;
  margin: -10px 0 0 -10px;
}

.tooltip_html_element {
  font-size: 14px;
  line-height: 1.3em;
  background: #ffffcc;
  position: absolute;
  max-width: 200px;
  z-index: 999999;
  border: 1px solid #d9c8ae;
  box-shadow: 0px 1px 4px 1px #ccc;
  padding: 10px;
}

.tooltip_html_element:before,
.tooltip_html_element:after {
  content: '';
  height: 0;
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
}

.tooltip_html_element:after {
  border-color: transparent transparent #ffffcc transparent;
  border-style: solid;
  border-width: 0 8px 9px;
  margin: -9px 0 0 -8px;
}

.tooltip_html_element:before {
  border-color: transparent transparent #d9c8ae transparent;
  border-style: solid;
  border-width: 0 10px 9px;
  margin: -9px 0 0 -10px;
}

.frm {
  padding: 0;
}

.frm-grp {
  padding: 0 0 5px 0 !important;
  margin: 0 0 5px 0 !important;
  box-sizing: border-box;
}

.frm-grp label {
  display: inline-block;
  font-size: 1.2em;
}

.frm-grp label.req_l:after {
  content: '*';
  color: #c0392b;
}

.frm-grp .frm-control {
}

.frm.vertical .frm-grp label {
  display: block;
  margin-bottom: 5px;
  font-size: 1.4em;
  color: #808080;
}

.table_flat {
  width: 100%;
}

.table_flat thead {
  background: #ededed;
}

.table_flat thead th {
  color: #1c1c1b;
}

.table_flat td,
.table_flat thead th {
  border: 1px solid #ccc;
  padding: 8px;
  vertical-align: middle;
}

.actions-list li {
  display: inline-block;
}

.menu-grp .actions-list > li > a {
  border-width: 1px !important;
}

.menu-grp .actions-list > li > a {
  border-radius: 0 !important;
}

.actions-list:hover > li > a {
  border-bottom: 1px solid #dadada !important;
}

button.bg_ldgreen,
.button-s.bg_ldgreen {
  border: 1px solid #27ae60;
  color: #fff !important;
  background: #27ae60 !important;
}

button.bg_red,
.button-s.bg_red {
  border: 1px solid #e74c3c;
  color: #fff !important;
  background: #e74c3c !important;
}

.header_txt {
  font-size: 18px;
  border-bottom: 2px solid #ededed;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}

ul.disc {
  list-style: inside;
  list-style-position: outside;
  margin: 0 15px 15px 15px;
}

ul.horizontal_list {
  display: table;
  table-layout: fixed;
  width: 98.5%;
  margin: 0 0 20px 0;
  border-radius: 0 0 3px 3px;
}

ul.horizontal_list li {
  display: table-cell;
  padding: 15px 10px;
  background: #fff;
  border: 1px solid #ededed;
  border-width: 0 1px 0 0;
  position: relative;
  height: 110px;
}

#ar ul.horizontal_list li {
  border-width: 0 0 0 1px;
}

.wg_statistic_num {
  font-size: 36px;
  color: #26a9e0;
  font-weight: bold;
  position: absolute;
  bottom: 25px;
  width: 100%;
  left: 0;
}

.wg_statistic_inner_num {
  color: #26a9e0;
  font-weight: bold;
  font-size: 36px;
}

.wg_statistic_txt {
  display: block;
  min-height: 50px;
}

.box_lists {
  overflow: hidden;
}

.box_item {
  border: 1px solid #ededed;
  margin: 0 12px 12px 0;
  min-height: 120px;
  padding: 8% 0;
  text-align: center;
  width: 44%;
}

.box_sm.box_item {
  margin: 0 12px 12px 0;
  min-height: auto;
  padding: 3% 0;
  text-align: center;
  width: 44%;
}

#ar .box_sm.box_item {
  margin: 0 0 12px 12px;
}

.box_sm h4 {
  margin: 0 !important;
}

.box_sm .wg_statistic_inner_num {
  font-size: 30px;
  margin-bottom: 10px !important;
}

.wg_num h4 {
  background: #fff;
  border-bottom: 1px solid #ededed;
  width: 98.5%;
  padding: 20px;
  margin: 0;
  font-size: 16px;
  line-height: 18px;
  border-radius: 3px 3px 0 0;
}

.powered_by_box_js {
  padding: 5px 10px;
  background: #fff;
  border-radius: 3px;
  color: #333;
  font-size: 10px;
  line-height: 20px;
}

.powered_by_box_js_sper {
  border: 1px solid #999;
  border-width: 0 0 0 1px;
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  vertical-align: sub;
}

#ar .powered_by_box_js_sper {
  border-width: 0 1px 0 0;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

.powered_by_box_js a {
  color: #007dc3 !important;
}

.proces_progress_arrows {
  padding: 0;
  list-style-type: none;
  font-size: 12px;
  clear: both;
  line-height: 1em;
  margin: 0 -1px;
  text-align: center;
  padding: 0 0 0 35px;
}

#ar .proces_progress_arrows {
  padding: 0 35px 0 0;
}

.proces_progress_arrows li {
  padding: 0 30px 0 40px;
  background: #9e6136;
  color: #fff;
  position: relative;
  border-top: 1px solid #9e6136;
  border-bottom: 1px solid #9e6136;
  width: 16%;
  margin: 0 1px;
  height: 54px;
  font-weight: bold;
  font-size: 15px;
}

#ar .proces_progress_arrows li {
  line-height: 27px;
  padding: 0 40px 0 30px;
}

.proces_progress_arrows li:before {
  content: '';
  border-left: 16px solid #fff;
  border-top: 28px solid transparent;
  border-bottom: 28px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
}

#ar .proces_progress_arrows li:before {
  left: auto;
  right: 0;
  border-right: 16px solid #fff;
  border-left: none;
}

.proces_progress_arrows li:first-child:before {
  border-left: none;
  border-right: 16px solid #9e6136;
  left: -16px;
}

#ar .proces_progress_arrows li:first-child:before {
  left: auto;
  right: -16px;
  border-right: none;
  border-left: 16px solid #9e6136;
}

.proces_progress_arrows li:after {
  content: '';
  border-left: 16px solid #9e6136;
  border-top: 28px solid transparent;
  border-bottom: 28px solid transparent;
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 20;
}

#ar .proces_progress_arrows li:after {
  left: auto;
  right: 100%;
  border-right: 16px solid #9e6136;
  border-left: none;
}

.proces_progress_arrows .vert_helper {
  height: 54px;
  vertical-align: middle;
  display: inline-block;
}

.proces_progress_arrows_txt {
  padding: 0 0 0 35px;
}

#ar .proces_progress_arrows_txt {
  padding: 0 35px 0 0;
}

.proces_progress_arrows_txt p {
  color: #9e6136;
  width: 16.2%;
  padding: 0 30px 0 40px;
  line-height: 18px;
}

#ar .proces_progress_arrows_txt p {
  padding: 0 40px 0 30px;
}

.mention-container {
  position: relative;
}

.mention-text {
  color: #449ed1;
}

.mention-item {
  padding: 6px 0;
  background: #fff;
}

.vue_mention_dropdown {
  min-width: 368px !important;
  box-shadow: 0 0 3px 1px #e2e2e2 !important;
}

.vue_mention_dropdown.dropdownHasScroll {
  height: 105px;
  overflow-y: auto;
}

#ar .vue_mention_dropdown {
  margin: 0 0 0 -350px !important;
}

.vue_mention_dropdown .mention-selected {
  background: #5dc9f3;
}

.vue_mention_dropdown .author_photo {
  margin: 0 14px 0 0;
}

#ar .vue_mention_dropdown .author_photo {
  margin: 0 14px 0 0;
}

.mention_user_email {
  color: #b0b0b0;
  font-size: 12px;
}

.mention_user_name {
  color: #373736;
  font-size: 12px;
}

.mention_dropdown_info {
  padding: 10px 10px 2px;
  border-top: 1px solid #ecebec;
}

.mention_dropdown_txt {
  color: #b0b0b0;
  margin: 0 0 8px;
  font-size: 12px;
}

.mention_dropdown_info .mention_info {
  color: #7e7f81;
}

.stars_rating {
  display: inline-block;
}

.stars_rating i {
  color: #e6e7e8 !important;
  font-size: 20px;
}

.stars_rating i.active {
  color: #ffd100 !important;
}

.half_star:before {
  position: relative;
  overflow: hidden;
  display: inline-block;
  z-index: 9;
  width: 50%;
  vertical-align: bottom;
  float: left;
}

#ar .half_star:before {
  float: right;
}

.half_star:after {
  position: absolute;
  left: 0;
  color: #e6e7e8 !important;
  content: '\e875';
}

.myworkspace-e .box_item {
  padding: 30px 0;
}

.save_spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 3px solid;
  border-color: #8cc63f #8cc63f #eef0f0;
  border-radius: 100%;
  animation: saving 1s linear infinite;
}

@keyframes saving {
  to {
    transform: rotate(360deg);
  }
}

.lego-spinner {
  position: absolute;
  width: 265px;
  height: 265px;
  animation: colors 4s infinite;
  -webkit-animation: colors 4s infinite;
  border-radius: 100%;
  box-shadow: 0 0 0 8px #eee inset;
  top: 30%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#halfclip {
  width: 50%;
  height: 100%;
  right: 0px;
  position: absolute;
  overflow: hidden;
  transform-origin: left center;
  animation: cliprotate 2s steps(2) infinite;
  -webkit-animation: cliprotate 2s steps(2) infinite;
}

.halfcircle {
  box-sizing: border-box;
  height: 100%;
  right: 0px;
  position: absolute;
  border: 8px solid transparent;
  border-top-color: #8bc34a;
  border-left-color: #8bc34a;
  border-radius: 50%;
}

#clipped {
  width: 200%;
  animation: rotate 1s linear infinite;
  -webkit-animation: rotate 1s linear infinite;
}

#fixed {
  width: 100%;
  transform: rotate(135deg);
  animation: showfixed 2s steps(2) infinite;
  -webkit-animation: showfixed 2s linear infinite;
}

.spinner-text {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: inline-block;
  height: 35px;
  width: 100%;
  text-align: center;
  color: #757575;
  font-size: 26px;
}

.spinner-desc {
  bottom: 0;
  left: 0;
  right: 0;
}

.spinner-desc p {
  color: #757575;
}

.spinner-desc .equest-mssg {
  color: #00897b;
}

@keyframes cliprotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(-45deg);
  }

  100% {
    transform: rotate(135deg);
  }
}

@keyframes showfixed {
  0% {
    opacity: 0;
  }

  49.9% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.lego-snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #dff0d8;
  color: #468847;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #b3dba3;
  padding: 16px;
  position: fixed;
  z-index: 1;
  right: 50%;
  transform: translateX(50%);
  top: 70px;
  font-size: 17px;
  z-index: 1000000 !important;
  background-image: none !important;
}

.lego-snackbar.show {
  visibility: visible;
  animation: snackbar-fadein 0.5s, snackbar-fadeout 0.5s;
}

.lego-snackbar.success strong {
  color: #468847 !important;
}

.lego-snackbar.danger strong {
  color: rgb(170, 0, 0) !important;
}

.lego-snackbar.warning strong {
  color: #8a7c58 !important;
}

@keyframes snackbar-fadein {
  from {
    top: 0;
    opacity: 0;
  }

  to {
    top: 70px;
    opacity: 1;
  }
}

@keyframes snackbar-fadeout {
  from {
    top: 70px;
    opacity: 1;
  }

  to {
    top: 0;
    opacity: 0;
  }
}

.macro_tag {
  border: 1px solid #2196f3;
  border-radius: 10px;
  color: #2196f3;
  display: inline-block;
  font-size: 12px;
  margin: 0 2px;
  padding: 2px 10px;
}

.reserved-word {
  background-color: #f1f9f8;
  border-radius: 5px;
  outline: none !important;
  color: #58abbc;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin: 0 2px;
  padding: 2px 5px;
}

#ar .map_toggle_arrow {
  padding: 8px;
}

.map_toggle_arrow i {
  font-size: 12px;
  font-weight: bold;
  color: #9d9d9d;
}

.map_toggle_arrow.arrow_top {
  transform: rotate(-90deg);
}

.interver_col {
  margin: 0 92px 0 0;
}

#ar .interver_col {
  margin: 0 0 0 92px;
}

.mailbox_from_tooltip {
  cursor: default;
  box-shadow: 0px 0px 10px 0px #dedede;
}

.mailbox_tooltip_photo img {
  box-shadow: 0 0px 3px 3px #efefef;
  border: 5px solid #fff;
  max-width: 100%;
}

.mailbox_tooltip_foot {
  background: #fafafa;
  border-top: 1px solid #f2f2f2;
  padding: 3px 20px;
  margin: 6px -15px -15px;
}

:root {
  --theme-color: #1e00ff;
}

.file-card {
  width: 200px;
  height: 170px;
  margin: 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  transition: all 500ms cubic-bezier(0.4, 1, 0.36, 1);
}

.attachment-wrapper {
  gap: 15px 30px;
}

.file-card.expand:hover {
  transform: scale(1.5);
  z-index: 9999;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

.file-card .img-container {
  height: 130px;
  border-radius: 4px 4px 0 0;
  background-size: 30%;
}

.file-card .img-container img {
  object-fit: cover;
  transition: all 0.3s;
  height: 100%;
}

.excel-icon {
  background: url(https://timg0cf.b8cdn.com/images/attachments/excel.png);
}

.pdf-icon {
  background: url(https://timg0cf.b8cdn.com/images/attachments/pdf.png);
}

.word-icon {
  background: url(https://timg0cf.b8cdn.com/images/attachments/word.png);
}

.file-icon {
  background: url(https://timg0cf.b8cdn.com/images/attachments/file.png);
}

.video-icon {
  background: url(https://timg0cf.b8cdn.com/images/attachments/file-video-icon.png);
}

.file-icon,
.word-icon,
.pdf-icon,
.excel-icon,
.video-icon {
  background-repeat: no-repeat;
  background-position: center;
}

.file-card .file-name {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.file-card .delete {
  top: -140px;
  left: 175px;
  background: #ffffff73;
}

.disabled-field,
.disabled-field:hover {
  background: #e6e7e8;
  color: #959798;
  pointer-events: none;
}

.uploadifive-button,
.uploadifive-button input {
  cursor: pointer;
}

.uploadifive-queue-item {
  background-color: none !important;
  border: none;
  font: 12px Arial, Helvetica, Sans-serif;
  margin: 0 0 35px;
  padding: 0 !important;
  float: none !important;
  position: relative;
  z-index: 9;
  display: flex;
  display: -webkit-flex;
}

.uploadifive-queue-item.complete {
  background: none !important;
}

.uploadifive-queue-item div {
  padding: 0 !important;
}

.uploadifive_progress_bar {
  background: #e5e5e5;
}

.uploadifive-queue-item .progress {
  border: 1px solid #d0d0d0;
  height: 3px;
  margin-top: 5px;
  width: 100%;
  padding: 0 !important;
}

.uploadifive-queue-item .progress-bar {
  background-color: #5dcbf4;
  height: 4px;
  width: 0;
  padding: 0 !important;
}

#uploadifive-uploadify-queue {
  padding: 4px 0 0 !important;
}

.browse-msg {
  float: right !important;
  padding: 5px 0 0 !important;
  width: 76% !important;
}

#ar .browse-msg {
  float: left !important;
}

#start_upload {
  clear: both;
}

#uploadifive-uploadify {
  display: none !important;
}

#attachments_upload_queue:after {
  position: absolute;
  content: '';
  height: 177px;
  border: 2px dashed #bdbdbd;
  border-radius: 3px;
  top: 0;
  width: 100%;
}

#attachments_upload_queue {
  position: relative;
  padding: 216px 0 0 !important;
}

#upload_form {
  background: none !important;
  border: none;
}

#upload_form #attachments_upload_queue .browse-msg {
  float: none !important;
  position: relative;
  margin: -158px auto 100px !important;
  padding: 20px 10px 18px 105px !important;
  width: auto !important;
  display: table;
  z-index: 9;
  color: #9a9b9f;
  font-size: 14px;
  background: url(https://timg0cf.b8cdn.com/images/icons/uploadifive-icon.png)
    no-repeat 10px center;
}

#ar #upload_form #attachments_upload_queue .browse-msg {
  padding: 20px 105px 18px 10px !important;
  background-position: 97% center;
}

.uploadifive_file_icon {
  background: url(https://timg0cf.b8cdn.com/images/icons/uploadifive-file.png)
    no-repeat !important;
  min-width: 40px !important;
  height: 52px;
  margin: 0 5% 0 0;
  width: 6% !important;
  position: relative;
  font-weight: bold;
  line-height: 52px;
  text-align: center;
  color: #bcbcbe !important;
  text-transform: uppercase;
}

#ar .uploadifive_file_icon {
  margin: 0 0 0 5%;
}

.uploadifive_file_info {
  width: 88% !important;
  position: relative;
}

.uploadifive-queue-item .filename {
  color: #333333;
  width: 87% !important;
}

.uploadifive-queue-item .fileinfo {
  font-weight: bold;
  font-size: 12px;
  min-height: 24px;
  width: 88%;
}

.uploadifive-queue-item.complete .fileinfo {
  color: #13d261;
}

.uploadifive-queue-item.error .fileinfo {
  color: #ff5c5b;
}

.uploadifive-queue-item .filesize {
  width: auto;
  right: 0;
  color: #bdbdbd;
}

#ar .uploadifive-queue-item .filesize {
  right: auto;
  left: 0;
  direction: ltr;
}

.uploadifive_file_info .i-close {
  position: absolute;
  right: 0;
  top: 0;
  color: #bdbdbd;
  font-size: 14px;
  cursor: pointer;
}

#ar .uploadifive_file_info .i-close {
  left: 0;
  right: auto;
}

.uploadifive_file_info .i-close:after {
  display: none;
}

.uploadifive_file_icon:after {
  position: absolute;
  content: '';
  width: 18px;
  height: 18px;
  right: -9px;
  bottom: 5px;
  background: url(https://timg0cf.b8cdn.com/images/icons/uploadifive-progress-icon.png)
    no-repeat;
}

#ar .uploadifive_file_icon:after {
  right: auto;
  left: -9px;
}

.uploadifive-queue-item.complete .uploadifive_file_icon:after {
  background-image: url(https://timg0cf.b8cdn.com/images/icons/uploadifive-complete-icon.png);
}

.uploadifive-queue-item.error .uploadifive_file_icon:after {
  background-image: url(https://timg0cf.b8cdn.com/images/icons/uploadifive-error-icon.png);
}

.uploadifive_ubpload_btn {
  color: #26a9e0;
  text-decoration: none;
}

.attach_tbl .attach_tbl_txt {
  color: #999999;
}

.attach_tbl .attach_tbl_title {
  color: #666666;
  font-size: 13px;
}

#div_attach .attach_tbl td {
  padding: 0 0 10px;
}

.uploadifive_file_info .filename {
  max-width: 500px;
  text-overflow: ellipsis;
  overflow: hidden;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

.msg {
  min-height: 50px;
  color: #ffffff;
  padding: 30px 0 30px 60px;
  vertical-align: middle;
}

#ar .msg {
  padding: 30px 60px 30px 0;
}

.msg h4 {
  margin: 0 0 5px 0;
  font-size: 1.4em;
}

.msg p {
  margin: 0;
}

.error_msg {
  background: #e74c3c;
}

.success_msg {
  background: #1abc9c;
}

.warning_msg {
  background: #f1c40f;
}

.default_msg {
  background: #3498db;
}

.new_nav,
.beta_nav {
  background: #ffb025 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  font-size: 9px;
  left: 5px;
  line-height: 18px;
  margin: 3px 0 0;
  padding: 0 5px;
  position: absolute;
  z-index: 1;
}

.alone_tab .new_nav {
  left: auto;
  right: 35px;
}

#ar .alone_tab .new_nav {
  left: 35px;
  right: auto;
}

.collapse_menu .alone_tab .new_nav {
  display: none;
}

.collapse_menu .nav-menu .emp_nav {
  padding: 0 20px;
}

.collapse_menu .nav-menu .new_nav,
.collapse_menu .nav-menu .beta_nav {
  margin: 3px 5px 0;
}

#ar .new_nav,
#ar .beta_nav {
  left: auto;
  right: 5px;
}

#ar .beta_nav {
  padding: 0 2px;
}

.beta_nav {
  background: #25c5ff;
}

.dashboard-title .menu_options > li > a,
.dashboard-title .menu_options > li > a:hover {
  background: none !important;
  border: none !important;
}

.widget-box {
  border: 0;
  padding: 0;
  margin-bottom: 20px;
}

.widget-box.has-filters {
  position: relative;
}

.chart-filter {
  position: absolute;
  top: 15px;
  right: 0;
}

#ar .chart-filter {
  right: auto;
  left: 15px;
}

.widget-header,
.widget-body {
  padding: 20px;
}

.widget-header {
  margin: 0;
}

.widget-header h2 {
  margin: 0;
  padding: 0;
  font-size: 15px;
  line-height: 18px;
}

.mixed-widgets .widget-header h2 {
  font-size: 17px;
}

.widget-box,
.widget-header {
  border-radius: 3px;
  background: #fff;
  color: #333;
}

.widget-header.bg_gray {
  background: #ecf0f1;
}

.widget-header,
.grid-sidebar .widget-header {
  border-bottom: 1px solid #ededed;
  font-size: 16px;
  line-height: 18px;
  min-height: 60px;
}

.mixed-widgets .widget-header {
  min-height: 100px;
  display: flex;
  display: -webkit-flex;
  -ms-flex-align: center;
  align-items: center;
}

.widget-footer {
  border-top: 1px solid #ededed;
  padding: 20px;
  min-height: 65px;
}

.menu_click .sub-menu a.active-d {
  background: #f7f7f7 !important;
  color: #333 !important;
  cursor: initial;
}

.dashboard .menu_click .sub-menu {
  width: 265px;
  left: 0;
}

#ar .dashboard .menu_click .sub-menu {
  left: auto;
  right: 0;
}

.dashboard .menu li a {
  padding: 8px 15px;
  font-size: 16px;
}

.dashboard .msg_clickable_block:before {
  border-color: transparent transparent #fff transparent;
  border-width: 0 8px 8px;
  right: 90%;
  left: auto;
}

#ar .dashboard .msg_clickable_block:before {
  left: 90%;
  right: auto;
}

.chart-filter {
  display: flex;
  display: -webkit-flex;
}

.chart-filter-field {
  width: 190px;
}

.chart-filter-field h5 {
  margin: 0;
  text-transform: uppercase;
}

#ar.myworkspace-e .box_lists h4.font-m {
  font-size: 1em !important;
}

.bcc-bg-color-light-4 {
  background: rgba(30, 0, 255, 0.1);
}

.border-bcc-color {
  border: 1px solid #1e00ff;
}

.text-bcc-color {
  color: #1e00ff;
}

.warning-bg {
  background: #fffeee;
}

.font-warn {
  color: #b48b00;
}

.border-warn {
  border: 1px solid #b48b00;
}

@media only screen and (max-width: 767px) {
  .data-range-top {
    width: 99%;
  }

  .has-filters .widget-header {
    align-items: unset;
  }

  .chart-filter {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    top: calc(15px + 50px);
    right: auto;
    left: 20px;
  }

  #ar .chart-filter {
    right: 20px;
    left: auto;
  }

  .data-range-top > div {
    width: 50%;
  }

  .chart-filter-field {
    width: 50%;
    margin-bottom: 10px;
  }

  .has-filters .widget-header.row-1 {
    min-height: 150px;
  }

  .has-filters .widget-header.row-2 {
    min-height: 220px;
  }

  .has-filters .widget-header.row-3 {
    min-height: 290px;
  }
}

.tabs a span,
.tabs a:hover span,
.tabs .on a span {
  background: #fff !important;
  color: #a6a8ab;
}

.tabs a span {
  color: #a6a8ab;
}

.tabs span span,
.tabs li {
  font-size: 14px;
}

.tabs a {
  color: #a6a8ab;
  padding: 3px 12px 4px 12px;
  height: 40px;
}

.tabs .on a {
  border: 1px solid #1e00ff;
  background: #fff;
  border-width: 0 0 3px 0;
  color: #333;
  font-weight: bold;
}

.tabs .off a:hover {
  color: #333;
}

.tabs .on a span,
.tabs a:hover span {
  color: #414041;
}

.tabs a:hover span span {
  padding-bottom: 1px;
}

.tabs {
  background: #fff;
  border: 1px solid #ededed;
  border-width: 0 0 1px;
  height: 46px;
  margin: 0 0 20px;
  padding: 5px 0 0;
  width: 100%;
}

.tabs .on a {
  border: 1px solid #ededed;
  border-width: 1px 1px 0;
  color: #1d1d1b;
  font-weight: normal;
  border-radius: 3px 3px 0 0;
  font-weight: bold;
}

.tabs a:hover {
  color: #9d9d9c;
}

.tabs .on .sub-nav {
  border: 1px solid #ededed;
  border-radius: 3px;
  width: auto;
  padding: 0;
  margin: 0;
}

.tabs .on .sub-nav li {
  margin: 0;
  line-height: 10px;
}

.tabs .on .sub-nav li a {
  padding: 0;
  border: 1px solid #ededed;
  border-width: 0 1px 0 0;
}

#ar .tabs .on .sub-nav li a {
  border-width: 0 0 0 1px;
}

.tabs .on .sub-nav li:last-child a {
  border-width: 0;
}

.tabs .on .sub-nav li span {
  border-radius: 0;
  background: none !important;
}

.tabs .on .sub-nav .on a,
.tabs .on .sub-nav a:hover {
  background: #f6f7f8;
}

.flat_tabs,
.flat_tabs_s {
  height: 46px;
}

.tabs a span,
.tabs a:hover span,
.tabs .on a span {
  background: #fff !important;
  color: #a6a8ab;
}

.tabs a span {
  color: #a6a8ab;
}

.tabs span span,
.tabs li {
  font-size: 14px;
}

.tabs li {
  margin: 0;
}

.tabs a {
  color: #a6a8ab;
  padding: 3px 12px 2px 12px;
}

.tabs .on a {
  border: 1px solid #1e00ff;
  border-width: 0 0 3px 0;
  color: #333;
  font-weight: bold;
}

.tabs .off a:hover {
  color: #333;
}

.tabs .on a span,
.tabs a:hover span {
  color: #414041;
}

.tabs a:hover span span {
  padding-bottom: 1px;
}

.tborder {
  background: #fff;
  border: 1px solid #ededed;
  border-width: 0 0 1px;
  height: 46px;
  margin: 0 0 20px;
  padding: 5px 5px 0;
}

.tborder .on a {
  border: 1px solid #dadada;
  border-width: 1px 1px 0;
  color: #1d1d1b;
  font-weight: normal;
}

.tborder a:hover {
  color: #9d9d9c;
}

.tag_curve .tag_delete i {
  font-size: 12px;
  color: #fff;
  line-height: 14px;
}

.tag {
  display: inline-block;
  background: #26a9e0;
  padding: 3px 5px;
  border-radius: 5px;
  color: #fff;
  margin: 0 1px 5px 0;
}

#ar .tag {
  margin: 0 0 5px 1px;
}

ul.flat_tabs.tab-box {
  background: #fff;
  border-width: 0;
  width: 100%;
  height: unset;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  align-content: center;
  justify-content: center;
}

ul.flat_tabs.tab-box li {
  width: 50%;
  margin: 0px 1%;
  border: 1px solid #ccc;
  border-radius: 5px;
}

ul.flat_tabs.tab-box a {
  border-width: 0 !important;
  padding: 20px 10px;
  width: 100%;
  font-size: 16px;
  border-radius: 5px;
}

ul.flat_tabs.tab-box li.on,
ul.flat_tabs.tab-box li.on a,
ul.flat_tabs.tab-box li.on a i {
  color: #1e00ff !important;
  border-color: #1e00ff !important;
}

@media only screen and (max-width: 767px) {
  ul.flat_tabs.tab-box {
    flex-wrap: wrap;
  }

  ul.flat_tabs.tab-box li {
    width: 100%;
    margin-bottom: 10px;
  }
}

.range-slider {
  position: relative;
  height: 14px;
  border-radius: 10px;
  text-align: left;
  display: block;
}

#ar .range-slider {
  text-align: right;
}

.range-slider .range-slider-controls {
  position: absolute;
  left: 13px;
  right: 15px;
  height: 14px;
  display: block;
}

#ar .range-slider .range-slider-controls {
  left: 15px;
  right: 13px;
}

.range-slider .range-slider-controls .range-inverse {
  position: absolute;
  height: 14px;
  border-radius: 10px;
  background-color: #ccc;
  margin: 0 7px;
  display: block;
  width: 70%;
}

.range-slider .range-slider-controls .range-inverse-left {
  left: 0;
}

#ar .range-slider .range-slider-controls .range-inverse-left {
  left: auto;
  right: 0;
}

.range-slider .range-slider-controls .range-inverse-right {
  right: 0;
}

#ar .range-slider .range-slider-controls .range-inverse-right {
  right: auto;
  left: 0;
}

.range-slider .range-slider-controls .range-middle {
  position: absolute;
  left: 0;
  height: 14px;
  border-radius: 14px;
  background-color: #0075ff;
  display: block;
}

#ar .range-slider .range-slider-controls .range-middle {
  left: auto;
  right: 0;
}

.range-slider .range-slider-controls .range-thumb {
  position: absolute;
  top: -7px;
  z-index: 2;
  height: 28px;
  width: 28px;
  text-align: left;
  margin-left: -11px;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
  background-color: #fff;
  border-radius: 50%;
  outline: none;
}

#ar .range-slider .range-slider-controls .range-thumb {
  text-align: right;
  margin-left: auto;
  margin-right: -11px;
}

#ar .range-slider .range-slider-controls .range-sign {
  margin-right: -11px;
  margin-left: auto;
}

.range-slider .range-slider-controls .range-sign:after {
  position: absolute;
  content: '';
  left: 0;
  border-radius: 16px;
  top: 19px;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top-width: 16px;
  border-top-style: solid;
  border-top-color: #0075ff;
}

#ar .range-slider .range-slider-controls .range-sign:after {
  left: auto;
  right: 0;
}

.range-slider .range-slider-controls .range-sign .range-sign-value {
  font-size: 12px;
  font-weight: 700;
  line-height: 28px;
  padding: 0 2px;
}

.range-slider:hover .range-slider-controls .range-sign {
  opacity: 1;
}

.action-grp {
  border: 1px solid #d0d2d3;
  border-radius: 3px;
  background: #fff;
  display: inline-block;
}

.action-item {
  display: inline-block;
  padding: 7px 11px;
  border: 1px solid #d0d2d3;
  border-width: 0 1px 0 0;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  line-height: 14px;
}

#ar .action-item {
  border-width: 0 0 0 1px;
}

.action-item:hover {
  color: #666;
  text-decoration: none;
}

.action-grp .action-item {
  font-weight: bold;
  font-size: 14px;
}

.action-grp.sm {
}

table .action-grp.sm {
  margin: 0 -7px;
}

.action-grp.sm .action-item {
  font-weight: normal;
  font-size: 12px;
}

.frm-input-action {
  border: 1px solid #ededed;
  display: inline-block;
  border-radius: 3px;
}

.frm-input-action input {
  border-width: 0 1px 0 0 !important;
  border-radius: 0;
  border-color: #ededed !important;
  margin: 0;
  display: inline-block;
  width: auto;
}

.frm-input-action .menu-action,
.frm-input-action .menu {
  margin: 0;
}

.frm-input-action .menu-action > li > a,
.frm-input-action .menu > li > a {
  border: 0;
  padding: 4px 8px 5px 8px;
  font-size: 1em;
  height: 34px;
  margin: 0 0 0 -3px;
}

#ar .frm-input-action .menu-action > li > a,
#ar .frm-input-action .menu > li > a {
  margin: 0 -3px 0 0;
}

.frm-input-action .sub-menu {
  margin: 3px 0 0 -3px;
}

#ar .frm-input-action .sub-menu {
  margin: 3px -3px 0 0;
}

.quicksearch .frm-input-action {
  display: block;
  width: 400px;
  border-width: 1px 0 1px 1px;
}

#ar .quicksearch .frm-input-action {
  border-width: 1px 1px 1px 0;
}

.quicksearch .frm-input-action input {
  width: 354px;
}

.action_icon a {
  text-decoration: none;
}

.action_icon,
.action_icon li,
.action_icon p {
  font-size: 14px;
}

.action-btn {
  display: inline-block;
  margin: 0 10px 0 0;
  border-radius: 3px;
  padding: 0 14px;
  height: 35px !important;
  line-height: 34px;
  background: #ebebeb;
  line-height: 34px;
  text-align: center;
  color: #333;
}

#ar .action-btn {
  margin: 0 0 0 10px;
}

.action-btn.small {
  padding: 3px;
  margin: 0 3px 0 0;
  height: 26px;
  line-height: 26px;
}

#ar .action-btn.small {
  margin: 0 0 0 3px;
}

.action-btn.txt i {
  margin: 0 7px 0 0;
}

#ar .action-btn.txt i {
  margin: 0 0 0 7px;
}

.action-btn:hover {
  background: #efefef;
}

.action-btn.small [class^='i-'] {
}

.search_field input,
.new_emp_upleft .search_field input {
  padding: 7px 30px 7px 7px;
  width: 98%;
  margin: 0;
  box-sizing: border-box;
}

#ar .search_field input,
#ar.new_emp_upleft .search_field input {
  padding: 7px 7px 7px 30px;
}

.search_field_old input {
  padding: 7px 14% 7px 4%;
  width: 80%;
}

#ar .search_field_old input {
  padding: 7px 4% 7px 14%;
}

.search_field .i-search {
  margin: 0 0 0 -30px;
}

#ar .search_field .i-search {
  margin: 0 -30px 0 0;
}

.upload_lego_parent .upload_lego_src,
.upload_lego_parent br {
  display: none !important;
}

.upload_lego {
  display: block;
}


.upload_lego input {
  margin: 2px -5px;
  width: 26%;
}


#ar .upload_lego input,
.upload_lego button {
  border-radius: 3px 0 0 3px;
}

.f16-flag {
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: text-top;
  line-height: 16px;
  background: url(https://timg0cf.b8cdn.com/images/templates/default/flags16.png)
    no-repeat;
}

.f16-_African_Union {
  background-position: 0 -16px;
}

.f16-_Arab_League {
  background-position: 0 -32px;
}

.f16-_ASEAN {
  background-position: 0 -48px;
}

.f16-_CARICOM {
  background-position: 0 -64px;
}

.f16-_CIS {
  background-position: 0 -80px;
}

.f16-_Commonwealth {
  background-position: 0 -96px;
}

.f16-_England {
  background-position: 0 -112px;
}

.f16-_European_Union,
.f16-eu {
  background-position: 0 -128px;
}

.f16-_Islamic_Conference {
  background-position: 0 -144px;
}

.f16-_Kosovo {
  background-position: 0 -160px;
}

.f16-_NATO {
  background-position: 0 -176px;
}

.f16-_Northern_Cyprus {
  background-position: 0 -192px;
}

.f16-_Northern_Ireland {
  background-position: 0 -208px;
}

.f16-_Olimpic_Movement {
  background-position: 0 -224px;
}

.f16-_OPEC {
  background-position: 0 -240px;
}

.f16-_Red_Cross {
  background-position: 0 -256px;
}

.f16-_Scotland {
  background-position: 0 -272px;
}

.f16-_Somaliland {
  background-position: 0 -288px;
}

.f16-_Tibet {
  background-position: 0 -304px;
}

.f16-_United_Nations {
  background-position: 0 -320px;
}

.f16-_Wales {
  background-position: 0 -336px;
}

.f16-ad {
  background-position: 0 -352px;
}

.f16-ae {
  background-position: 0 -368px;
}

.f16-af {
  background-position: 0 -384px;
}

.f16-ag {
  background-position: 0 -400px;
}

.f16-ai {
  background-position: 0 -416px;
}

.f16-al {
  background-position: 0 -432px;
}

.f16-am {
  background-position: 0 -448px;
}

.f16-ao {
  background-position: 0 -464px;
}

.f16-aq {
  background-position: 0 -480px;
}

.f16-ar {
  background-position: 0 -496px;
}

.f16-as {
  background-position: 0 -512px;
}

.f16-at {
  background-position: 0 -528px;
}

.f16-au {
  background-position: 0 -544px;
}

.f16-aw {
  background-position: 0 -560px;
}

.f16-ax {
  background-position: 0 -576px;
}

.f16-az {
  background-position: 0 -592px;
}

.f16-ba {
  background-position: 0 -608px;
}

.f16-bb {
  background-position: 0 -624px;
}

.f16-bd {
  background-position: 0 -640px;
}

.f16-be {
  background-position: 0 -656px;
}

.f16-bf {
  background-position: 0 -672px;
}

.f16-bg {
  background-position: 0 -688px;
}

.f16-bh {
  background-position: 0 -704px;
}

.f16-bi {
  background-position: 0 -720px;
}

.f16-bj {
  background-position: 0 -736px;
}

.f16-bm {
  background-position: 0 -752px;
}

.f16-bn {
  background-position: 0 -768px;
}

.f16-bo {
  background-position: 0 -784px;
}

.f16-br {
  background-position: 0 -800px;
}

.f16-bs {
  background-position: 0 -816px;
}

.f16-bt {
  background-position: 0 -832px;
}

.f16-bw {
  background-position: 0 -848px;
}

.f16-by {
  background-position: 0 -864px;
}

.f16-bz {
  background-position: 0 -880px;
}

.f16-ca {
  background-position: 0 -896px;
}

.f16-cg {
  background-position: 0 -912px;
}

.f16-cf {
  background-position: 0 -928px;
}

.f16-cd {
  background-position: 0 -944px;
}

.f16-ch {
  background-position: 0 -960px;
}

.f16-ci {
  background-position: 0 -976px;
}

.f16-ck {
  background-position: 0 -992px;
}

.f16-cl {
  background-position: 0 -1008px;
}

.f16-cm {
  background-position: 0 -1024px;
}

.f16-cn {
  background-position: 0 -1040px;
}

.f16-co {
  background-position: 0 -1056px;
}

.f16-cr {
  background-position: 0 -1072px;
}

.f16-cu {
  background-position: 0 -1088px;
}

.f16-cv {
  background-position: 0 -1104px;
}

.f16-cy {
  background-position: 0 -1120px;
}

.f16-cz {
  background-position: 0 -1136px;
}

.f16-de {
  background-position: 0 -1152px;
}

.f16-dj {
  background-position: 0 -1168px;
}

.f16-dk {
  background-position: 0 -1184px;
}

.f16-dm {
  background-position: 0 -1200px;
}

.f16-do {
  background-position: 0 -1216px;
}

.f16-dz {
  background-position: 0 -1232px;
}

.f16-ec {
  background-position: 0 -1248px;
}

.f16-ee {
  background-position: 0 -1264px;
}

.f16-eg {
  background-position: 0 -1280px;
}

.f16-eh {
  background-position: 0 -1296px;
}

.f16-er {
  background-position: 0 -1312px;
}

.f16-es {
  background-position: 0 -1328px;
}

.f16-et {
  background-position: 0 -1344px;
}

.f16-fi {
  background-position: 0 -1360px;
}

.f16-fj {
  background-position: 0 -1376px;
}

.f16-fm {
  background-position: 0 -1392px;
}

.f16-fo {
  background-position: 0 -1408px;
}

.f16-fr {
  background-position: 0 -1424px;
}

.f16-bl,
.f16-cp,
.f16-mf,
.f16-yt {
  background-position: 0 -1424px;
}

.f16-ga {
  background-position: 0 -1440px;
}

.f16-gb {
  background-position: 0 -1456px;
}

.f16-sh {
  background-position: 0 -1456px;
}

.f16-gd {
  background-position: 0 -1472px;
}

.f16-ge {
  background-position: 0 -1488px;
}

.f16-gg {
  background-position: 0 -1504px;
}

.f16-gh {
  background-position: 0 -1520px;
}

.f16-gi {
  background-position: 0 -1536px;
}

.f16-gl {
  background-position: 0 -1552px;
}

.f16-gm {
  background-position: 0 -1568px;
}

.f16-gn {
  background-position: 0 -1584px;
}

.f16-gp {
  background-position: 0 -1600px;
}

.f16-gq {
  background-position: 0 -1616px;
}

.f16-gr {
  background-position: 0 -1632px;
}

.f16-gt {
  background-position: 0 -1648px;
}

.f16-gu {
  background-position: 0 -1664px;
}

.f16-gw {
  background-position: 0 -1680px;
}

.f16-gy {
  background-position: 0 -1696px;
}

.f16-hk {
  background-position: 0 -1712px;
}

.f16-hn {
  background-position: 0 -1728px;
}

.f16-hr {
  background-position: 0 -1744px;
}

.f16-ht {
  background-position: 0 -1760px;
}

.f16-hu {
  background-position: 0 -1776px;
}

.f16-id {
  background-position: 0 -1792px;
}

.f16-mc {
  background-position: 0 -1792px;
}

.f16-ie {
  background-position: 0 -1808px;
}

.f16-il {
  background-position: 0 -1824px;
}

.f16-im {
  background-position: 0 -1840px;
}

.f16-in {
  background-position: 0 -1856px;
}

.f16-iq {
  background-position: 0 -1872px;
}

.f16-ir {
  background-position: 0 -1888px;
}

.f16-is {
  background-position: 0 -1904px;
}

.f16-it {
  background-position: 0 -1920px;
}

.f16-je {
  background-position: 0 -1936px;
}

.f16-jm {
  background-position: 0 -1952px;
}

.f16-jo {
  background-position: 0 -1968px;
}

.f16-jp {
  background-position: 0 -1984px;
}

.f16-ke {
  background-position: 0 -2000px;
}

.f16-kg {
  background-position: 0 -2016px;
}

.f16-kh {
  background-position: 0 -2032px;
}

.f16-ki {
  background-position: 0 -2048px;
}

.f16-km {
  background-position: 0 -2064px;
}

.f16-kn {
  background-position: 0 -2080px;
}

.f16-kp {
  background-position: 0 -2096px;
}

.f16-kr {
  background-position: 0 -2112px;
}

.f16-kw {
  background-position: 0 -2128px;
}

.f16-ky {
  background-position: 0 -2144px;
}

.f16-kz {
  background-position: 0 -2160px;
}

.f16-la {
  background-position: 0 -2176px;
}

.f16-lb {
  background-position: 0 -2192px;
}

.f16-lc {
  background-position: 0 -2208px;
}

.f16-li {
  background-position: 0 -2224px;
}

.f16-lk {
  background-position: 0 -2240px;
}

.f16-lr {
  background-position: 0 -2256px;
}

.f16-ls {
  background-position: 0 -2272px;
}

.f16-lt {
  background-position: 0 -2288px;
}

.f16-lu {
  background-position: 0 -2304px;
}

.f16-lv {
  background-position: 0 -2320px;
}

.f16-ly {
  background-position: 0 -2336px;
}

.f16-ma {
  background-position: 0 -2352px;
}

.f16-md {
  background-position: 0 -2368px;
}

.f16-me {
  background-position: 0 -2384px;
}

.f16-mg {
  background-position: 0 -2400px;
}

.f16-mh {
  background-position: 0 -2416px;
}

.f16-mk {
  background-position: 0 -2432px;
}

.f16-ml {
  background-position: 0 -2448px;
}

.f16-mm {
  background-position: 0 -2464px;
}

.f16-mn {
  background-position: 0 -2480px;
}

.f16-mo {
  background-position: 0 -2496px;
}

.f16-mq {
  background-position: 0 -2512px;
}

.f16-mr {
  background-position: 0 -2528px;
}

.f16-ms {
  background-position: 0 -2544px;
}

.f16-mt {
  background-position: 0 -2560px;
}

.f16-mu {
  background-position: 0 -2576px;
}

.f16-mv {
  background-position: 0 -2592px;
}

.f16-mw {
  background-position: 0 -2608px;
}

.f16-mx {
  background-position: 0 -2624px;
}

.f16-my {
  background-position: 0 -2640px;
}

.f16-mz {
  background-position: 0 -2656px;
}

.f16-na {
  background-position: 0 -2672px;
}

.f16-nc {
  background-position: 0 -2688px;
}

.f16-ne {
  background-position: 0 -2704px;
}

.f16-ng {
  background-position: 0 -2720px;
}

.f16-ni {
  background-position: 0 -2736px;
}

.f16-nl {
  background-position: 0 -2752px;
}

.f16-bq {
  background-position: 0 -2752px;
}

.f16-no {
  background-position: 0 -2768px;
}

.f16-bv,
.f16-nq,
.f16-sj {
  background-position: 0 -2768px;
}

.f16-np {
  background-position: 0 -2784px;
}

.f16-nr {
  background-position: 0 -2800px;
}

.f16-nz {
  background-position: 0 -2816px;
}

.f16-om {
  background-position: 0 -2832px;
}

.f16-pa {
  background-position: 0 -2848px;
}

.f16-pe {
  background-position: 0 -2864px;
}

.f16-pf {
  background-position: 0 -2880px;
}

.f16-pg {
  background-position: 0 -2896px;
}

.f16-ph {
  background-position: 0 -2912px;
}

.f16-pk {
  background-position: 0 -2928px;
}

.f16-pl {
  background-position: 0 -2944px;
}

.f16-pr {
  background-position: 0 -2960px;
}

.f16-ps {
  background-position: 0 -2976px;
}

.f16-pt {
  background-position: 0 -2992px;
}

.f16-pw {
  background-position: 0 -3008px;
}

.f16-py {
  background-position: 0 -3024px;
}

.f16-qa {
  background-position: 0 -3040px;
}

.f16-re {
  background-position: 0 -3056px;
}

.f16-ro {
  background-position: 0 -3072px;
}

.f16-rs {
  background-position: 0 -3088px;
}

.f16-ru {
  background-position: 0 -3104px;
}

.f16-rw {
  background-position: 0 -3120px;
}

.f16-sa {
  background-position: 0 -3136px;
}

.f16-sb {
  background-position: 0 -3152px;
}

.f16-sc {
  background-position: 0 -3168px;
}

.f16-sd {
  background-position: 0 -3184px;
}

.f16-se {
  background-position: 0 -3200px;
}

.f16-sg {
  background-position: 0 -3216px;
}

.f16-si {
  background-position: 0 -3232px;
}

.f16-sk {
  background-position: 0 -3248px;
}

.f16-sl {
  background-position: 0 -3264px;
}

.f16-sm {
  background-position: 0 -3280px;
}

.f16-sn {
  background-position: 0 -3296px;
}

.f16-so {
  background-position: 0 -3312px;
}

.f16-sr {
  background-position: 0 -3328px;
}

.f16-st {
  background-position: 0 -3344px;
}

.f16-sv {
  background-position: 0 -3360px;
}

.f16-sy {
  background-position: 0 -3376px;
}

.f16-sz {
  background-position: 0 -3392px;
}

.f16-tc {
  background-position: 0 -3408px;
}

.f16-td {
  background-position: 0 -3424px;
}

.f16-tg {
  background-position: 0 -3440px;
}

.f16-th {
  background-position: 0 -3456px;
}

.f16-tj {
  background-position: 0 -3472px;
}

.f16-tl {
  background-position: 0 -3488px;
}

.f16-tm {
  background-position: 0 -3504px;
}

.f16-tn {
  background-position: 0 -3520px;
}

.f16-to {
  background-position: 0 -3536px;
}

.f16-tr {
  background-position: 0 -3552px;
}

.f16-tt {
  background-position: 0 -3568px;
}

.f16-tv {
  background-position: 0 -3584px;
}

.f16-tw {
  background-position: 0 -3600px;
}

.f16-tz {
  background-position: 0 -3616px;
}

.f16-ua {
  background-position: 0 -3632px;
}

.f16-ug {
  background-position: 0 -3648px;
}

.f16-us {
  background-position: 0 -3664px;
}

.f16-uy {
  background-position: 0 -3680px;
}

.f16-uz {
  background-position: 0 -3696px;
}

.f16-va {
  background-position: 0 -3712px;
}

.f16-vc {
  background-position: 0 -3728px;
}

.f16-ve {
  background-position: 0 -3744px;
}

.f16-vg {
  background-position: 0 -3760px;
}

.f16-vi {
  background-position: 0 -3776px;
}

.f16-vn {
  background-position: 0 -3792px;
}

.f16-vu {
  background-position: 0 -3808px;
}

.f16-ws {
  background-position: 0 -3824px;
}

.f16-ye {
  background-position: 0 -3840px;
}

.f16-za {
  background-position: 0 -3856px;
}

.f16-zm {
  background-position: 0 -3872px;
}

.f16-zw {
  background-position: 0 -3888px;
}

.f16-sx {
  background-position: 0 -3904px;
}

.f16-cw {
  background-position: 0 -3920px;
}

.f16-ss {
  background-position: 0 -3936px;
}

.f16-nu {
  background-position: 0 -3952px;
}

.f32-flag {
  display: inline-block;
  height: 32px;
  width: 32px;
  vertical-align: text-top;
  line-height: 32px;
  background: url(https://timg0cf.b8cdn.com/images/templates/default/flags32.png)
    no-repeat;
}

.f32-_African_Union {
  background-position: 0 -32px;
}

.f32-_Arab_League {
  background-position: 0 -64px;
}

.f32-_ASEAN {
  background-position: 0 -96px;
}

.f32-_CARICOM {
  background-position: 0 -128px;
}

.f32-_CIS {
  background-position: 0 -160px;
}

.f32-_Commonwealth {
  background-position: 0 -192px;
}

.f32-_England {
  background-position: 0 -224px;
}

.f32-_European_Union,
.f32-eu {
  background-position: 0 -256px;
}

.f32-_Islamic_Conference {
  background-position: 0 -288px;
}

.f32-_Kosovo {
  background-position: 0 -320px;
}

.f32-_NATO {
  background-position: 0 -352px;
}

.f32-_Northern_Cyprus {
  background-position: 0 -384px;
}

.f32-_Northern_Ireland {
  background-position: 0 -416px;
}

.f32-_Olimpic_Movement {
  background-position: 0 -448px;
}

.f32-_OPEC {
  background-position: 0 -480px;
}

.f32-_Red_Cross {
  background-position: 0 -512px;
}

.f32-_Scotland {
  background-position: 0 -544px;
}

.f32-_Somaliland {
  background-position: 0 -576px;
}

.f32-_Tibet {
  background-position: 0 -608px;
}

.f32-_United_Nations {
  background-position: 0 -640px;
}

.f32-_Wales {
  background-position: 0 -672px;
}

.f32-ad {
  background-position: 0 -704px;
}

.f32-ae {
  background-position: 0 -736px;
}

.f32-af {
  background-position: 0 -768px;
}

.f32-ag {
  background-position: 0 -800px;
}

.f32-ai {
  background-position: 0 -832px;
}

.f32-al {
  background-position: 0 -864px;
}

.f32-am {
  background-position: 0 -896px;
}

.f32-ao {
  background-position: 0 -928px;
}

.f32-aq {
  background-position: 0 -960px;
}

.f32-ar {
  background-position: 0 -992px;
}

.f32-as {
  background-position: 0 -1024px;
}

.f32-at {
  background-position: 0 -1056px;
}

.f32-au {
  background-position: 0 -1088px;
}

.f32-aw {
  background-position: 0 -1120px;
}

.f32-ax {
  background-position: 0 -1152px;
}

.f32-az {
  background-position: 0 -1184px;
}

.f32-ba {
  background-position: 0 -1216px;
}

.f32-bb {
  background-position: 0 -1248px;
}

.f32-bd {
  background-position: 0 -1280px;
}

.f32-be {
  background-position: 0 -1312px;
}

.f32-bf {
  background-position: 0 -1344px;
}

.f32-bg {
  background-position: 0 -1376px;
}

.f32-bh {
  background-position: 0 -1408px;
}

.f32-bi {
  background-position: 0 -1440px;
}

.f32-bj {
  background-position: 0 -1472px;
}

.f32-bm {
  background-position: 0 -1504px;
}

.f32-bn {
  background-position: 0 -1536px;
}

.f32-bo {
  background-position: 0 -1568px;
}

.f32-br {
  background-position: 0 -1600px;
}

.f32-bs {
  background-position: 0 -1632px;
}

.f32-bt {
  background-position: 0 -1664px;
}

.f32-bw {
  background-position: 0 -1696px;
}

.f32-by {
  background-position: 0 -1728px;
}

.f32-bz {
  background-position: 0 -1760px;
}

.f32-ca {
  background-position: 0 -1792px;
}

.f32-cd {
  background-position: 0 -1824px;
}

.f32-cf {
  background-position: 0 -1856px;
}

.f32-cg {
  background-position: 0 -1888px;
}

.f32-ch {
  background-position: 0 -1920px;
}

.f32-ci {
  background-position: 0 -1952px;
}

.f32-ck {
  background-position: 0 -1984px;
}

.f32-cl {
  background-position: 0 -2016px;
}

.f32-cm {
  background-position: 0 -2048px;
}

.f32-cn {
  background-position: 0 -2080px;
}

.f32-co {
  background-position: 0 -2112px;
}

.f32-cr {
  background-position: 0 -2144px;
}

.f32-cu {
  background-position: 0 -2176px;
}

.f32-cv {
  background-position: 0 -2208px;
}

.f32-cy {
  background-position: 0 -2240px;
}

.f32-cz {
  background-position: 0 -2272px;
}

.f32-de {
  background-position: 0 -2304px;
}

.f32-dj {
  background-position: 0 -2336px;
}

.f32-dk {
  background-position: 0 -2368px;
}

.f32-dm {
  background-position: 0 -2400px;
}

.f32-do {
  background-position: 0 -2432px;
}

.f32-dz {
  background-position: 0 -2464px;
}

.f32-ec {
  background-position: 0 -2496px;
}

.f32-ee {
  background-position: 0 -2528px;
}

.f32-eg {
  background-position: 0 -2560px;
}

.f32-eh {
  background-position: 0 -2592px;
}

.f32-er {
  background-position: 0 -2624px;
}

.f32-es {
  background-position: 0 -2656px;
}

.f32-et {
  background-position: 0 -2688px;
}

.f32-fi {
  background-position: 0 -2720px;
}

.f32-fj {
  background-position: 0 -2752px;
}

.f32-fm {
  background-position: 0 -2784px;
}

.f32-fo {
  background-position: 0 -2816px;
}

.f32-fr {
  background-position: 0 -2848px;
}

.f32-bl,
.f32-cp,
.f32-mf,
.f32-yt {
  background-position: 0 -2848px;
}

.f32-ga {
  background-position: 0 -2880px;
}

.f32-gb {
  background-position: 0 -2912px;
}

.f32-sh {
  background-position: 0 -2912px;
}

.f32-gd {
  background-position: 0 -2944px;
}

.f32-ge {
  background-position: 0 -2976px;
}

.f32-gg {
  background-position: 0 -3008px;
}

.f32-gh {
  background-position: 0 -3040px;
}

.f32-gi {
  background-position: 0 -3072px;
}

.f32-gl {
  background-position: 0 -3104px;
}

.f32-gm {
  background-position: 0 -3136px;
}

.f32-gn {
  background-position: 0 -3168px;
}

.f32-gp {
  background-position: 0 -3200px;
}

.f32-gq {
  background-position: 0 -3232px;
}

.f32-gr {
  background-position: 0 -3264px;
}

.f32-gt {
  background-position: 0 -3296px;
}

.f32-gu {
  background-position: 0 -3328px;
}

.f32-gw {
  background-position: 0 -3360px;
}

.f32-gy {
  background-position: 0 -3392px;
}

.f32-hk {
  background-position: 0 -3424px;
}

.f32-hn {
  background-position: 0 -3456px;
}

.f32-hr {
  background-position: 0 -3488px;
}

.f32-ht {
  background-position: 0 -3520px;
}

.f32-hu {
  background-position: 0 -3552px;
}

.f32-id {
  background-position: 0 -3584px;
}

.f32-mc {
  background-position: 0 -3584px;
}

.f32-ie {
  background-position: 0 -3616px;
}

.f32-il {
  background-position: 0 -3648px;
}

.f32-im {
  background-position: 0 -3680px;
}

.f32-in {
  background-position: 0 -3712px;
}

.f32-iq {
  background-position: 0 -3744px;
}

.f32-ir {
  background-position: 0 -3776px;
}

.f32-is {
  background-position: 0 -3808px;
}

.f32-it {
  background-position: 0 -3840px;
}

.f32-je {
  background-position: 0 -3872px;
}

.f32-jm {
  background-position: 0 -3904px;
}

.f32-jo {
  background-position: 0 -3936px;
}

.f32-jp {
  background-position: 0 -3968px;
}

.f32-ke {
  background-position: 0 -4000px;
}

.f32-kg {
  background-position: 0 -4032px;
}

.f32-kh {
  background-position: 0 -4064px;
}

.f32-ki {
  background-position: 0 -4096px;
}

.f32-km {
  background-position: 0 -4128px;
}

.f32-kn {
  background-position: 0 -4160px;
}

.f32-kp {
  background-position: 0 -4192px;
}

.f32-kr {
  background-position: 0 -4224px;
}

.f32-kw {
  background-position: 0 -4256px;
}

.f32-ky {
  background-position: 0 -4288px;
}

.f32-kz {
  background-position: 0 -4320px;
}

.f32-la {
  background-position: 0 -4352px;
}

.f32-lb {
  background-position: 0 -4384px;
}

.f32-lc {
  background-position: 0 -4416px;
}

.f32-li {
  background-position: 0 -4448px;
}

.f32-lk {
  background-position: 0 -4480px;
}

.f32-lr {
  background-position: 0 -4512px;
}

.f32-ls {
  background-position: 0 -4544px;
}

.f32-lt {
  background-position: 0 -4576px;
}

.f32-lu {
  background-position: 0 -4608px;
}

.f32-lv {
  background-position: 0 -4640px;
}

.f32-ly {
  background-position: 0 -4672px;
}

.f32-ma {
  background-position: 0 -4704px;
}

.f32-md {
  background-position: 0 -4736px;
}

.f32-me {
  background-position: 0 -4768px;
}

.f32-mg {
  background-position: 0 -4800px;
}

.f32-mh {
  background-position: 0 -4832px;
}

.f32-mk {
  background-position: 0 -4864px;
}

.f32-ml {
  background-position: 0 -4896px;
}

.f32-mm {
  background-position: 0 -4928px;
}

.f32-mn {
  background-position: 0 -4960px;
}

.f32-mo {
  background-position: 0 -4992px;
}

.f32-mq {
  background-position: 0 -5024px;
}

.f32-mr {
  background-position: 0 -5056px;
}

.f32-ms {
  background-position: 0 -5088px;
}

.f32-mt {
  background-position: 0 -5120px;
}

.f32-mu {
  background-position: 0 -5152px;
}

.f32-mv {
  background-position: 0 -5184px;
}

.f32-mw {
  background-position: 0 -5216px;
}

.f32-mx {
  background-position: 0 -5248px;
}

.f32-my {
  background-position: 0 -5280px;
}

.f32-mz {
  background-position: 0 -5312px;
}

.f32-na {
  background-position: 0 -5344px;
}

.f32-nc {
  background-position: 0 -5376px;
}

.f32-ne {
  background-position: 0 -5408px;
}

.f32-ng {
  background-position: 0 -5440px;
}

.f32-ni {
  background-position: 0 -5472px;
}

.f32-nl {
  background-position: 0 -5504px;
}

.f32-bq {
  background-position: 0 -5504px;
}

.f32-no {
  background-position: 0 -5536px;
}

.f32-bv,
.f32-nq,
.f32-sj {
  background-position: 0 -5536px;
}

.f32-np {
  background-position: 0 -5568px;
}

.f32-nr {
  background-position: 0 -5600px;
}

.f32-nz {
  background-position: 0 -5632px;
}

.f32-om {
  background-position: 0 -5664px;
}

.f32-pa {
  background-position: 0 -5696px;
}

.f32-pe {
  background-position: 0 -5728px;
}

.f32-pf {
  background-position: 0 -5760px;
}

.f32-pg {
  background-position: 0 -5792px;
}

.f32-ph {
  background-position: 0 -5824px;
}

.f32-pk {
  background-position: 0 -5856px;
}

.f32-pl {
  background-position: 0 -5888px;
}

.f32-pr {
  background-position: 0 -5920px;
}

.f32-ps {
  background-position: 0 -5952px;
}

.f32-pt {
  background-position: 0 -5984px;
}

.f32-pw {
  background-position: 0 -6016px;
}

.f32-py {
  background-position: 0 -6048px;
}

.f32-qa {
  background-position: 0 -6080px;
}

.f32-re {
  background-position: 0 -6112px;
}

.f32-ro {
  background-position: 0 -6144px;
}

.f32-rs {
  background-position: 0 -6176px;
}

.f32-ru {
  background-position: 0 -6208px;
}

.f32-rw {
  background-position: 0 -6240px;
}

.f32-sa {
  background-position: 0 -6272px;
}

.f32-sb {
  background-position: 0 -6304px;
}

.f32-sc {
  background-position: 0 -6336px;
}

.f32-sd {
  background-position: 0 -6368px;
}

.f32-se {
  background-position: 0 -6400px;
}

.f32-sg {
  background-position: 0 -6432px;
}

.f32-si {
  background-position: 0 -6464px;
}

.f32-sk {
  background-position: 0 -6496px;
}

.f32-sl {
  background-position: 0 -6528px;
}

.f32-sm {
  background-position: 0 -6560px;
}

.f32-sn {
  background-position: 0 -6592px;
}

.f32-so {
  background-position: 0 -6624px;
}

.f32-sr {
  background-position: 0 -6656px;
}

.f32-st {
  background-position: 0 -6688px;
}

.f32-sv {
  background-position: 0 -6720px;
}

.f32-sy {
  background-position: 0 -6752px;
}

.f32-sz {
  background-position: 0 -6784px;
}

.f32-tc {
  background-position: 0 -6816px;
}

.f32-td {
  background-position: 0 -6848px;
}

.f32-tg {
  background-position: 0 -6880px;
}

.f32-th {
  background-position: 0 -6912px;
}

.f32-tj {
  background-position: 0 -6944px;
}

.f32-tl {
  background-position: 0 -6976px;
}

.f32-tm {
  background-position: 0 -7008px;
}

.f32-tn {
  background-position: 0 -7040px;
}

.f32-to {
  background-position: 0 -7072px;
}

.f32-tr {
  background-position: 0 -7104px;
}

.f32-tt {
  background-position: 0 -7136px;
}

.f32-tv {
  background-position: 0 -7168px;
}

.f32-tw {
  background-position: 0 -7200px;
}

.f32-tz {
  background-position: 0 -7232px;
}

.f32-ua {
  background-position: 0 -7264px;
}

.f32-ug {
  background-position: 0 -7296px;
}

.f32-us {
  background-position: 0 -7328px;
}

.f32-uy {
  background-position: 0 -7360px;
}

.f32-uz {
  background-position: 0 -7392px;
}

.f32-va {
  background-position: 0 -7424px;
}

.f32-vc {
  background-position: 0 -7456px;
}

.f32-ve {
  background-position: 0 -7488px;
}

.f32-vg {
  background-position: 0 -7520px;
}

.f32-vi {
  background-position: 0 -7552px;
}

.f32-vn {
  background-position: 0 -7584px;
}

.f32-vu {
  background-position: 0 -7616px;
}

.f32-ws {
  background-position: 0 -7648px;
}

.f32-ye {
  background-position: 0 -7680px;
}

.f32-za {
  background-position: 0 -7712px;
}

.f32-zm {
  background-position: 0 -7744px;
}

.f32-zw {
  background-position: 0 -7776px;
}

.f32-sx {
  background-position: 0 -7808px;
}

.f32-cw {
  background-position: 0 -7840px;
}

.f32-ss {
  background-position: 0 -7872px;
}

.f32-nu {
  background-position: 0 -7904px;
}

.i-clear-search {
  right: 20px;
  top: 26px;
}

#ar .i-clear-search {
  right: auto;
  left: 20px;
  top: 22px;
}

body.media-library #content h1 {
  padding: 0 30px 30px 30px;
}

#footer ul {
  padding: 0;
}

body.media-library #previewModal #modalpopup.FullModal #globalMWContentWrapper {
  padding: 0;
}

body.media-library #previewModal #modalpopup #globalMWTitle {
  padding: 30px !important;
}

body.media-library a.delete_link:hover {
  color: #ff1d25;
}

body.media-library #previewModal #modalpopup.FullModal #globalMWTitle {
  box-shadow: none;
}

body.media-library #previewModal .img-container-wrapper img {
  max-height: 100%;
}

body.media-library #previewModal .img-container-wrapper video {
  max-height: 100%;
  max-width: 100%;
}

.dropzone {
  width: 400px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  row-gap: 16px;
  border: 2px dashed #999;
  background-color: #fff;
  transition: 0.3s ease all;
}

.activeDropzone {
  border: 2px solid #999;
}

.browse-msg {
  color: #9a9b9f;
}

.mce-menu {
  width: 230px !important;
}

.mce-menu-item > span {
  white-space: normal;
  width: 160px !important;
  display: inline-block;
  word-break: break-word !important;
}

.mce-menu {
  max-height: 210px !important;
}

#tinymce_autocomplete {
  border-width: 0 0 1px;
  padding: 5px 0 5px 20px;
}

#ar #tinymce_autocomplete {
  padding: 5px 20px 5px 0;
}

.mce-branding-powered-by {
  display: none;
}

.mce-tinymce.mce-container div {
  background: #fff;
}

.position .readonlytiny,
.position .readonlytiny .mce-edit-area {
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.readonlytiny,
.readonlytiny .mce-edit-area {
  border: none !important;
}

.position .readonlytiny,
.position .readonlytiny .mce-edit-area {
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.readonlytiny .mce-toolbar-grp,
.readonlytiny .mce-statusbar,
body:not(.position) .readonlytiny .tox-editor-header,
body:not(.position) .readonlytiny .tox-statusbar,
body:not(.position) .readonlytiny .tox-toolbar {
  display: none !important;
}

.position .readonlytiny .mce-toolbar-grp,
.position .readonlytiny .mce-statusbar {
  display: block !important;
}

.position .readonlytiny .tox-edit-area::after {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 1000;
  pointer-events: auto;
  cursor: not-allowed;
  content: '';
}

.position .readonlytiny .tox-edit-area iframe {
  pointer-events: none;
  user-select: none;
}

.tooltip_down_text,
.tooltip_up_text {
  z-index: 9999999;
}

.mce-window-head .mce-close {
  background: none !important;
}

#ar .mce-window-head .mce-close {
  left: 0 !important;
  text-align: center !important;
}

.mce-container.mce-window.mce-panel.mce-floatpanel,
.mce-container.mce-menu-align {
  z-index: 1000000 !important;
}

#mce-modal-block {
  z-index: 999999 !important;
}

#ar div.mce-floatpanel div.mce-container-body *,
#ar div.mce-window div.mce-window-head {
  direction: ltr !important;
}

body div:not(.tox-dialog) .tox.tox-tinymce {
  z-index: 100 !important;
}

#content .tox .tox-throbber__busy-spinner {
  background-color: #f9f9f9 !important;
}

.tox-tinymce-aux {
  z-index: 99999 !important;
}

.job-offer-view-js .readonlytiny .tox-edit-area {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 100% !important;
}

.job-offer-view-js .readonlytiny .tox-edit-area iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

span.error,
.errorMessage .errorMessage {
  color: #ed1f37 !important;
}

:is(.tenant-header, #footer-wrapper) :is( [disabled='disabled'], [disabled]) {
  opacity: 1;
  color: #959798;
  cursor: not-allowed;
}

::-webkit-input-placeholder {
  color: #bbbdbf;
}

::-moz-placeholder {
  color: #bbbdbf;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #9c9b9b;
}

.ui-spinner {
  border: 1px solid #cbcbcb !important;
}

.ui-spinner .ui-icon {
  left: 25% !important;
}

.ui-spinner-button {
  width: 34px !important;
}

.ui-state-default {
  text-align: center;
}

.ui-corner-all a.ui-state-hover {
  background: transparent !important;
  border-color: #d3d3d3;
  cursor: pointer;
}

.ui-corner-all .dp-highlight a.ui-state-hover {
  background: #1e00ff !important;
  color: #333;
}

.ui-datepicker-calendar .ui-state-active.ui-state-hover {
  background: #1e00ff !important;
}

.ui-corner-all a.ui-spinner-button:last-child {
  border-top: 1px solid #cbcbcb !important;
}

.ui-spinner-input {
  height: 18px;
}

.input_helper.green {
  background-image: url(../images/green-flat-input.png);
}

.input_helper.grey {
  background-image: url(../images/grey-flat-input.png);
}

.input_helper.black {
  background-image: url(../images/black-flat-input.png);
}

.input_helper.orange {
  background-image: url(../images/orange-flat-input.png);
}

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px;
}

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px;
}

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti-flag.cy {
  height: 13px;
  background-position: -1225px 0px;
}

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px;
}

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti-flag.gb,
.iti-flag.uk {
  height: 10px;
  background-position: -1775px 0px;
}

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti-flag.il {
  height: 10px;
  background-position: -4119px 0px;
}

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px;
}

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px;
}

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px;
}

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px;
}

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px;
}

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px;
}

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px;
}

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px;
}

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px;
}

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px;
}

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px;
}

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px;
}

.iti-flag.xk,
.iti-flag.kv {
  height: 15px;
  background-position: -5500px 0px;
}

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px;
}

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px;
}

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px;
}

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px;
}

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px;
}

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url('https://timg0cf.b8cdn.com/images/icons/flags.png');
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2 / 1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url('https://timg0cf.b8cdn.com/images/icons/flags2x.png');
  }
}

.iti-flag.np {
  background-color: transparent;
}

.intl-tel-input,
.intl-tel-input div {
  float: none !important;
  padding: 0 !important;
}

.intl-tel-input .country-list {
  width: 275px;
  white-space: normal !important;
  z-index: 1000;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 92px !important;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px !important;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 80px !important;
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 74px !important;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
  padding: 0 0 0 28px !important;
}

#ar .intl-tel-input.separate-dial-code .selected-dial-code {
  text-align: left;
}

fieldset .mce-tinymce.mce-container {
  width: 88% !important;
}

#globalMWContent fieldset .mce-tinymce.mce-container {
  width: 100% !important;
}

.readonlytiny {
  overflow-y: auto;
  background: #fff !important;
}

#ar .toggle-visibility {
  right: auto;
  left: 0;
}

body.emp-new .toggle-visibility,
body.register-recruitment-agency .toggle-visibility {
  right: 11%;
}

#ar.emp-new .toggle-visibility,
#ar.register-recruitment-agency .toggle-visibility {
  right: auto;
  left: 11%;
}

.toggle-visibility.off:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 32px;
  background: #666;
  transform: rotate(45deg);
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 20px;
  bottom: 0;
  top: 0;
}

.error-input + .toggle-visibility {
  top: 68%;
}

#ar .error-input + .toggle-visibility {
  top: 72%;
}

.macros-container {
  position: relative;
  height: 85px;
}

.macros-field {
  width: 84%;
  display: flex;
  position: absolute;
}

#ar .editable-field {
  border-radius: 0 3px 3px 0;
}

.editable-field[placeholder]:empty::before {
  content: attr(placeholder);
  color: #bbbdbf;
}

.editable-field[placeholder]:empty:focus:before {
  content: '';
}

.editable-field[disabled] {
  background: #e6e7e8;
  color: #959798;
  cursor: not-allowed;
}

.macros-dropdown {
  vertical-align: middle;
  border: solid #cbcbcb;
  border-width: 1px 1px 0;
  border-radius: 3px 3px 0 0;
  display: flex;
  align-items: center;
  padding: 0 30px 0 8px;
  background: url(https://timg0cf.b8cdn.com/images/lego/select_dropdown_bg.png)
    no-repeat 90% center;
  cursor: pointer;
  user-select: none;
}

#ar .macros-dropdown {
  border-width: 1px 1px 0;
  border-radius: 3px 3px 0 0;
  padding: 0 8px 0 30px;
  background: url(https://timg0cf.b8cdn.com/images/lego/select_dropdown_bg.png)
    no-repeat 10% center;
}

.macros-list {
  position: absolute;
  overflow: auto;
  overflow-x: hidden;
  border: 1px solid rgba(0, 0, 0, 0.2);
  min-width: 160px;
  max-height: 210px;
  background: #fff;
  z-index: 99999;
}

.macros-list a {
  display: block;
  padding: 6px 15px 6px 12px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  line-height: normal;
  border-left: 4px solid transparent;
  margin-bottom: 1px;
}

.macros-list a:hover {
  text-decoration: none;
  color: white;
  background-color: #2d8ac7;
}

.search-macros {
  border-width: 0 0 1px 0 !important;
  border-radius: 0;
  width: 100%;
  outline: 0;
  padding: 7px 10px 7px 16px !important;
  margin: 0;
}

.macros-field .macro_tag {
  font-size: 11px;
}

.section-element {
  border-bottom: 1px solid #ededed !important;
}

fieldset .table-field-container .lego_table thead td,
fieldset .table-field-container .table_blank thead td,
fieldset .table-field-container .lego_table tbody td,
fieldset .table-field-container .table_blank tbody td {
  padding: 7px 20px;
}

fieldset .table-field-container {
  width: 69% !important;
  padding: 10px 15px 10px 8px !important;
}

#ar fieldset .table-field-container {
  padding: 10px 0px 10px 30px !important;
}

#ar fieldset .table-field-container .chart {
  float: none !important;
  margin: 0;
}

fieldset .table-field-container table td {
  border-radius: 3px !important;
}

fieldset .table-field-container .header-td {
  color: #000;
  font-weight: bold !important;
  background: #fafafa !important;
}

fieldset .table-field-container .header-tr td {
  color: #000;
  font-weight: bold !important;
  background: #fafafa !important;
}

fieldset .table-field-container .body-tr td {
  background: #fff !important;
}

@media only screen and (max-width: 767px) {
  fieldset .table-field-container {
    width: 100% !important;
    padding: 0 !important;
  }
}

.custom-error-input {
  border-color: rgb(245 52 52 / 40%) !important;
}

.mycvs #content #cv-widgets.cv_widgets_builder_width {
  width: 30%;
}

.mycvs #content #cv-body,
.mycvs #content #cv-options-body {
  border: none !important;
}

.mycvs #content #cv-body {
  width: 70%;
  margin: 0px 20px 0 0;
}

.mycvs #content #cv-details-info {
  padding: 0 !important;
  width: 100%;
}

.mycvs #content .cv_section,
.mycvs #content #cv-header-details {
  padding: 10px !important;
  margin: 30px 10px !important;
}

.mycvs #content #cv-widgets .widget_container,
.mycvs #content .cv_section,
.mycvs #content #cv-header-details {
  box-shadow: 0 0 8px 1px #e1e1e1 !important;
  border: none;
}

.mycvs #content .cv_section.incomplete_highlight,
.photo_incomplete_highlight {
  box-shadow: 0 0 8px 2px #f3d5d5 !important;
}

.mycvs #cv-photo,
.update-cv #cv-photo {
  border: none;
}

.mycvs #cv-photo .cv_photo,
.update-cv #cv-photo .cv_photo {
  display: block !important;
}

.mycvs #content .incomplete_subsection_bg {
  margin-top: 0px;
  background: none !important;
  box-shadow: 0 0 2px 1px #f3d5d5 !important;
  border-radius: 5px;
}

.mycvs #content .blockmod-title {
  border: 1px solid #efefef !important;
  border-width: 0px 0px 2px 0px !important;
  margin: -10px -10px 0;
  padding: 10px 10px 0;
}

.mycvs #content .incomplete_bg.blockmod-title {
  background: #f9dedc !important;
  border-top: none !important;
  border: 1px solid #ab1b1b42 !important;
  border-width: 0px 0px 2px 0px !important;
}

.mycvs #content .cv_section fieldset {
  border-bottom: none !important;
  margin: 0 !important;
  padding: 10px !important;
}

.mycvs #content .cv_section,
.mycvs #content #cv-header-details,
.mycvs #content .replace-cv-widget,
.mycvs #content #cv-completeness-widget,
.mycvs #content #cv-widgets .widget_container {
  border-radius: 20px;
}

.mycvs #content .incomplete_bg.blockmod-title {
  border-radius: 20px 20px 0 0;
}

.mycvs #content #additional_exp_wrapper {
  border-width: 1px 0 0 0 !important;
}

.mycvs #content #cv-widgets .widget_container {
  margin: 10px 10px 0 0;
}

#ar.mycvs #content #cv-widgets .widget_container {
  margin: 10px 10px 0px 10px;
}

.mycvs #content .alert,
.mycvs #content .request_approval_msg {
  margin: 0 10px;
}

#en.mycvs #content .request_approval_msg {
  margin: 0 10px 0 0;
}

.mycvs #content #cv-header-details {
  margin: 10px 10px 30px !important;
}

.mycvs #content #cv-photo,
.mycvs #content #cv-photo img,
.update-cv #content #cv-photo {
  margin-bottom: 0;
  border-radius: 50%;
}

.mycvs #content #cv-photo .p115,
.update-cv #content #cv-photo .p115 {
  height: 115px;
  width: 115px;
}

.mycvs #content .edit_your_photo,
.update-cv #content .edit_your_photo {
  position: absolute;
  bottom: 7px;
  right: 0px;
  left: unset;
}

#ar.mycvs #content .edit_your_photo,
#ar.update-cv #content .edit_your_photo {
  right: unset;
  left: 0;
}

.mycvs #content .edit_your_photo .cam-icon,
.update-cv #content .edit_your_photo .cam-icon {
  height: 14px;
  border-radius: 0 !important;
}

.mycvs #content .edit_your_photo .i_16_wrapper,
.update-cv #content .edit_your_photo .i_16_wrapper {
  background: #e4e6eb;
  padding: 9px 7px 7px;
  border-radius: 50%;
  line-height: 14px;
}

.mycvs #content .stats_fieldset div {
  display: flex;
}

.mycvs #content .stats_fieldset h4,
.mycvs #content .stats_fieldset p {
  line-height: 15px;
}

.mycvs fieldset.stats_fieldset div h4 {
  width: 56%;
}

.mycvs #content .cv_section .i_add + a,
.mycvs #content .cv_section a + b#mem,
.mycvs #content .cv_section .i_edit + a,
.mycvs #content .cv-section-body i.i_edit,
.mycvs #content .cv-section-body i.i_delete,
.mycvs #content .cv-section-body .i_edit + a i,
.mycvs #content .cv-section-body .i_delete + a i,
.mycvs #content .cv_section .download_links i.i_edit,
.mycvs #content .cv_section .download_links i.i_delete {
  display: none !important;
}

.mycvs #content .cv_section .edit_link i,
.mycvs #content .cv_section .add_link i,
.mycvs #content .cv-section-body .i_edit + a,
.mycvs #content .cv-section-body .i_delete + a,
.mycvs #content .cv_section .download_links .i_16_wrapper .i_edit + a,
.mycvs #content .cv_section .download_links .i_16_wrapper .i_delete + a {
  display: block !important;
  padding: 8px 7px 0px 9px;
  height: 32px;
  border-radius: 50%;
  width: 32px;
  margin-top: -10px;
  font-size: 16px;
}

.mycvs #content .cv-section-body .i_16_wrapper,
.mycvs #content .cv-section-body .i_16_wrapper,
.mycvs #content .cv_section .download_links .i_16_wrapper {
  margin: 10px 12px !important;
}

.mycvs #content .cv_section .edit_link i:hover,
.mycvs #content .cv_section .add_link i:hover,
.mycvs #content .cv-section-body .i_edit + a:hover,
.mycvs #content .cv-section-body .i_delete + a:hover,
.mycvs #content .cv_section .download_links .i_16_wrapper .i_edit + a:hover,
.mycvs #content .cv_section .download_links .i_16_wrapper .i_delete + a:hover {
  background: #efefef73 !important;
}

.mycvs #content .cv-section-body .i_edit + a,
.mycvs #content .cv-section-body .i_delete + a,
.mycvs #content .cv_section .download_links .i_16_wrapper .i_edit + a,
.mycvs #content .cv_section .download_links .i_16_wrapper .i_delete + a {
  font-size: 0 !important;
  padding: 4px 8px 0px;
}

.mycvs #content .cv-section-body .i_delete + a:before,
.mycvs #content .cv_section .download_links .i_16_wrapper .i_delete + a:before {
  content: '\E81E';
}

.mycvs #content .cv-section-body .i_16_wrapper,
.mycvs #content .cv_section .download_links .i_16_wrapper {
  padding: 0 !important;
  margin: 10px 5px !important;
}

.mycvs #content .cv_section .fieldset-reset fieldset {
  padding: 0px !important;
}

.mycvs #content .cv_section .cv-section-body .fieldset-reset fieldset div h4 {
  font-weight: bold;
  color: #989898 !important;
}

.mycvs #content .cv_section fieldset form > div {
  padding: 10px 10px !important;
}

@media only screen and (max-width: 767px) {
  .mycvs #content #cv-body,
  #ar.mycvs #content #cv-widgets.cv_widgets_builder_width {
    margin: 0px;
  }

  #en.mycvs #content .request_approval_msg {
    margin: 0 20px 0 0px;
  }

  .mycvs #content #cv-body,
  .mycvs #content #cv-widgets.cv_widgets_builder_width {
    width: 100%;
  }

  .mycvs #content #cv-widgets.cv_widgets_builder_width {
    margin: 0px 10px;
  }

  .mycvs #content #cv-widgets .widget_container {
    margin: 10px 20px 10px 0;
  }
}

.lego_table {
  width: 100%;
  background: #fff;
}

.lego_table,
.table_blank {
  border-radius: 3px;
  border-style: hidden;
  box-shadow: 0 0 0 1px #e6e6e6;
}

.lego_table td,
.table_blank td {
  border-bottom: 1px solid #e6e6e6;
  padding: 13px 20px;
}

.lego_table thead td,
.table_blank thead td {
  font-weight: bold;
  padding: 10px 20px;
}

.lego_table thead td,
.lego_table tfoot td,
.table_blank thead td,
.table_blank tfoot td {
  background: #fafafa;
}

.table_blank thead td {
  border-width: 1px;
}

.lego_table td,
.table_blank td {
  border: 1px solid #e6e6e6;
}

.lego_table thead td {
}

.lego_table tbody tr:hover {
}

.lego_table .thead a {
  color: #404041;
}

tr.highlighted:hover {
  background: #fffbc7;
}

tr.highlighted {
  background: #fffde8;
}

.lego_table td {
  border: 1px solid #e6e6e6;
  border-width: 0 0 1px 0;
}

.lego_table thead td {
  background: #fafafa;
  color: #333;
}

.lego_table .a,
.lego_table .b {
  background: transparent;
}

.lego_table td,
.lego_table th,
.table_blank td,
table_blank th,
.chart td,
table a {
  font-size: 14px;
  line-height: 24px;
}

.lego_table2 td {
  padding: 10px 4px;
}

.lego_table2 {
  border: 0 none;
  box-shadow: none;
}

.lego_table2 thead td {
  background: #fff;
  border-bottom-width: 2px;
  border-top-width: 0;
}

.table_odd_even tbody tr:nth-child(even) {
  background: #eeeeee;
}

.table_odd_even tbody tr:nth-child(2n + 1) {
  background: #f9f9f9;
}

.recaptchatable td a {
  line-height: inherit;
}

.recaptchatable td input {
  height: auto;
  font-size: 12px !important;
}

.hide {
  display: none;
}

.job-preview #content ul,
.job #content ul,
.tiny_preview_desc ul {
  list-style: disc;
  padding: 0 30px;
}

.job-preview #content ol,
.job #content ol {
  padding: 0 5px !important;
}

.tiny_preview_desc * {
  color: #888;
}

fieldset div div.tiny_preview_desc {
  width: 69% !important;
}

.wizard_container {
  min-height: 700px;
}

.wizard_icon {
  font-size: 64px;
  color: #d1d2d4;
}

.wizard_box {
  display: inline-block;
  padding: 40px 20px;
  color: #323232;
  text-decoration: none;
  text-align: center;
  margin: 0 5px 10px;
  font-size: 16px;
  border: 1px solid #d1d2d4;
  cursor: pointer;
}

.wizard_box.box_with_icon {
  background-position: center 20px;
  padding: 82px 20px 10px;
}

.wizard_back_icon {
  margin-bottom: -26px;
  display: table;
  cursor: pointer;
}

.wizard_back_icon i {
  font-size: 26px;
  color: #121212;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: '';
  display: table;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  zoom: 1;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: 0.1em;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2.2em;
}

button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

.ui-button .ui-button-text {
  display: block;
  line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

input.ui-button {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-datepicker {
  width: 24em !important;
  padding: 0.2em 0.2em 0;
  display: none;
  z-index: 9999 !important;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0 !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker-next.ui-state-hover,
.ui-datepicker-prev.ui-state-hover {
  border: 0 !important;
  top: 1px !important;
  right: 1px !important;
}

#ar .ui-datepicker-prev.ui-state-hover {
  right: auto !important;
  left: 1px !important;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 80%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0;
  background: #f1f1f1;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-cover {
  position: absolute;
  z-index: -1;
  filter: mask();
  top: -4px;
  left: -4px;
  width: 200px;
  height: 200px;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  width: 300px;
  overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 16px 0.1em 0;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px;
}

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
  zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: 0.5em 0 0 0;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  width: 100%;
}

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.5;
  zoom: 1;
  font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: 0.4em 0 0.2em;
  line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
  cursor: default;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
}

.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
  zoom: 1;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

* html .ui-tooltip {
  background-image: none;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #faf9f9;
  background: #fff;
  font-weight: normal;
  color: #454545;
  line-height: 16px;
  text-align: center;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #cccccc;
  background: #ededed;
  color: #fff;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #ccc;
  background: #1e00ff;
  font-weight: normal;
  color: #333;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #ccc;
  background: #d1d1d1;
  color: #777620;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.date_range_block {
  position: relative;
}

.date_range_container {
  position: absolute;
  width: 380px !important;
  padding: 0 !important;
  border-radius: 0;
  box-shadow: 0 0 8px 0px #ccc;
  background: #fff;
  overflow: hidden;
  display: none;
  top: 38px;
  z-index: 999;
}

.date_range_container .ui-datepicker {
  width: 100% !important;
}

.new_emp_upleft .date_range_container .ui-datepicker,
.cv_blank .date_range_container .ui-datepicker {
  width: 100% !important;
}

.short_dates {
  width: 120px !important;
  padding: 15px 15px 0 15px !important;
}

.new_emp_upleft .short_dates {
  width: 150px !important;
}

.short_dates a {
  color: #26a9e0 !important;
}

.calendar_container {
  width: 230px !important;
  background: #faf9f9 none repeat scroll 0 0;
  padding: 0 !important;
}

.calendar_container input {
  width: 47%;
}

.calendar_container a {
  color: #333 !important;
}

.ui-widget-header {
  background: #faf9f9;
}

.dp-highlight .ui-state-default {
  background: #1e00ff !important;
  color: #fff !important;
}

.dp-highlight .ui-state-hover {
  background: #1e00ff !important;
}

.ui-datepicker-header {
  border: 0 none;
  height: 40px;
}

.ui-datepicker-header .ui-datepicker-title {
  font-size: 12px;
}

.ui-datepicker-next .ui-icon-circle-triangle-e {
  background: url(https://timg0cf.b8cdn.com/images/templates/default/blt-arrow.png)
    no-repeat;
  width: 16px;
  height: 16px;
}

.ui-datepicker-prev .ui-icon-circle-triangle-w {
  background: url(https://timg0cf.b8cdn.com/images/templates/default/blt-arrow_ar.png)
    no-repeat;
  width: 16px;
  height: 16px;
}

.lego_table thead .date_range_block td,
.table_blank thead .date_range_block td {
  font-weight: normal !important;
  padding: 0;
}

.lego_table .short_dates p {
  font-weight: normal;
}

.lego_table .ui-datepicker-calendar td,
.lego_table .ui-datepicker-calendar th {
  font-size: 0.9em;
}

.chart .ui-datepicker-calendar td {
  border: none;
}

.ui-datepicker-header .ui-datepicker-title {
  float: none;
  padding: 0 !important;
  width: auto !important;
}

fieldset div.p .date_range_block > p {
  width: 100% !important;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -khtml-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  -khtml-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -khtml-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -khtml-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: 0px 0 0 0px;
  padding: 5px;
  background: #666666;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.chat_js * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.chat_js a {
  text-decoration: none;
}

.chat_js header {
  font-family: arial;
  background-color: #3a3a3c;
  border-radius: 3px 3px 0px 0px;
  line-height: 24px;
  font-size: 14px;
  color: #fff;
  padding: 8px 12px;
  cursor: pointer;
}

.chat_js header a {
  color: #fff;
}

.chat_js header a.close_chat {
  display: inline-block;
  padding: 0 5px;
}

.chat_js .chat_container {
  display: none;
}

.chat_js ul,
.chat_emp ul {
  list-style: none;
  margin: 0px;
  padding: 10px;
  line-height: 18px;
}

.chat_block {
  height: 270px;
  overflow: auto;
}

.chat_js ul li,
.chat_emp ul li {
  margin-bottom: 10px;
  line-height: 24px;
  overflow: hidden;
}

.chat_js ul li:last-child,
.chat_emp ul li:last-child {
  margin: 0px;
}

.chat_profile {
  float: left;
  width: 20%;
  height: 20px;
  display: inline-block;
}

.chat_emp .chat_profile {
  width: 50px;
}

.chat_profile img {
  border-radius: 100%;
}

.chat_message {
  float: right;
  width: 76%;
}

.message_js .chat_message {
  width: 100%;
}

.chat_emp .chat_message {
  width: auto;
  float: left;
  margin: 0 0 0 10px;
  max-width: 90%;
}

.message_owner .chat_message {
  float: right;
  margin: 0 10px 0 0;
}

.message_txt {
  background: #fff;
  padding: 10px;
  margin: 0;
  border-radius: 3px;
  position: relative;
  font-size: 13px;
  line-height: 1em;
}

.message_js .message_txt {
  width: 96%;
  background: #cfd8dc;
  border-top-right-radius: 0;
}

.message_emp .message_txt {
  border-top-left-radius: 0;
}

.message_js .message_txt:after {
  top: 0;
  left: 100%;
  border: solid transparent;
  content: ' ';
  height: 11px;
  width: 10px;
  margin-left: -3px;
  position: absolute;
  pointer-events: none;
  z-index: 999999;
  border: 0;
  background: transparent
    url(https://timg0cf.b8cdn.com/images/lego/chat-box-gray-arrow.png) no-repeat;
}

.message_emp .message_txt:after {
  top: 0;
  right: 100%;
  border: solid transparent;
  content: ' ';
  height: 11px;
  width: 10px;
  position: absolute;
  pointer-events: none;
  z-index: 999999;
  border: 0;
  background: transparent
    url(https://timg0cf.b8cdn.com/images/lego/chat-box-white-arrow.png)
    no-repeat;
}

.chat_username,
.chat_time {
  color: #666;
  font-size: 11px;
}

.chat_time {
  margin: 0 0 0 5px;
}

.chat_js footer {
  display: block;
}

.chat_js footer input {
  height: 40px;
}

.notification-chat {
  background: #1e00ff;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  height: 14px;
  left: 8%;
  top: 14%;
  position: absolute;
  text-align: center;
  width: 14px;
  z-index: 99;
  line-height: 1.4em;
  display: none;
}

.nav-menu .notification_tip,
#nav .notification_tip {
  border-radius: 4px;
  background: #1e00ff !important;
  padding: 1px 3px !important;
  color: #fff;
  font-size: 12px !important;
  line-height: 18px !important;
  margin: -8px 0 0 3px;
  display: inline-block;
  vertical-align: middle;
  height: auto;
}

#ar .nav-menu .notification_tip,
#ar #nav .notification_tip {
  margin: -8px 3px 0 0;
}

.fancy-tag {
  border: 1px solid #ededed;
  display: inline-block;
  margin: 5px 5px 5px 0;
}

#ar .fancy-tag {
  margin: 5px 0 5px 5px;
}

.margin-b20 .test-name {
  width: 100% !important;
  margin: 0 0 40px 0 !important;
  border: 0 !important;
}

.margin-b20 .syllabus-box {
  width: 100% !important;
}

.ExmLandingPage .test-name {
  margin: 0 0 15px 0;
}

.ExmLandingPage .test-name,
.ExmLandingPage .syllabus {
  width: 100% !important;
  float: none !important;
}

.exam-info {
  overflow: hidden;
}

.exam-info label {
  width: 35% !important;
}

.fancy_js .start-btn .button.large {
  padding: 0 15px !important;
}

.info-box {
  width: 60% !important;
}

.test-page .content {
  width: 65% !important;
}

.test-page .sidebar {
  width: 30% !important;
}

.test-page .course-price {
  margin: 0 8px;
}

.avatar_c_1 {
  background-color: #f44336;
}

.avatar_c_2 {
  background-color: #e91e63;
}

.avatar_c_3 {
  background-color: #9c27b0;
}

.avatar_c_4 {
  background-color: #673ab7;
}

.avatar_c_5 {
  background-color: #3f51b5;
}

.avatar_c_6 {
  background-color: #2196f3;
}

.avatar_c_7 {
  background-color: #03a9f4;
}

.avatar_c_8 {
  background-color: #00bcd4;
}

.avatar_c_9 {
  background-color: #009688;
}

.avatar_c_10 {
  background-color: #4caf50;
}

.avatar_c_11 {
  background-color: #8bc34a;
}

.avatar_c_12 {
  background-color: #cddc39;
}

.avatar_c_13 {
  background-color: #ffc107;
}

.avatar_c_14 {
  background-color: #ff9800;
}

.avatar_c_15 {
  background-color: #ff5722;
}

.avatar_c_16 {
  background-color: #795548;
}

.avatar_c_17 {
  background-color: #9e9e9e;
}

.avatar_c_18 {
  background-color: #607d8b;
}

@font-face {
  font-family: 'Bestlife';
  src: url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/bestlife/bestlife.eot?#iefix')
      format('embedded-opentype'),
    url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/bestlife/bestlife.eot')
      format('embedded-opentype'),
    url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/bestlife/bestlife.ttf')
      format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'The Queenthine';
  src: url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/the-queenthine/the-queenthine.eot?#iefix')
      format('embedded-opentype'),
    url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/the-queenthine/the-queenthine.eot')
      format('embedded-opentype'),
    url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/the-queenthine/the-queenthine.ttf')
      format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Concetta Kalvani';
  src: url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/concetta-kalvani/concetta-kalvani-signature.eot?#iefix')
      format('embedded-opentype'),
    url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/concetta-kalvani/concetta-kalvani-signature.eot')
      format('embedded-opentype'),
    url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/concetta-kalvani/concetta-kalvani-signature.ttf')
      format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GoodWish';
  src: url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/good-wish/GoodWishItalic.eot?#iefix')
      format('embedded-opentype'),
    url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/good-wish/GoodWishItalic.eot')
      format('embedded-opentype'),
    url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/good-wish/GoodWishItalic.ttf')
      format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Prestige Signature';
  src: url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/prestige-signature/prestige-signature.eot?#iefix')
      format('embedded-opentype'),
    url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/prestige-signature/prestige-signature.eot')
      format('embedded-opentype'),
    url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/prestige-signature/prestige-signature.ttf')
      format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SignatureVP';
  src: url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/signature-vp/SignatureVPRegular.eot?#iefix')
      format('embedded-opentype'),
    url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/signature-vp/SignatureVPRegular.eot')
      format('embedded-opentype'),
    url('https://timg0cf.b8cdn.com/images/templates/default/fonts/signature/signature-vp/SignatureVPRegular.ttf')
      format('truetype');
  font-weight: normal;
  font-style: normal;
}

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

.signature-pad {
  background: #fbfbfb;
  padding: 25px;
  overflow: hidden;
  position: relative;
}

.eSignTools {
  position: absolute;
  z-index: 777;
  top: 45px;
  right: 25px;
}

#ar .eSignTools {
  left: 25px;
  right: auto;
}

.signature-pad-canvas {
  display: block;
  margin: 0 auto;
  margin-top: 50px;
  min-height: 300px;
  max-height: 300px;
}

.eSignColors {
  padding: 5px;
}

.eSignColors .penColor {
  margin: 0 0 0 20px;
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  cursor: pointer;
  transition: transform 0.15s ease-in-out;
}

.eSignColors .penColor.on {
  transform: scale(1.1);
}

#ar .eSignColors .penColor {
  margin: 0 0 0 20px;
}

.eSignColors .penColor.on:before {
  content: '\E857';
  font-family: 'lego';
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 17px;
  color: #fff;
}

.signature-pad-typing {
  height: 350px;
  font-size: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
}

.signature-pad-typing * {
  white-space: nowrap;
}

.signature-pad-typing br {
  display: none;
}

.signature-pad-typing-text {
  height: 330px;
  outline: none;
  padding-top: 30px;
  overflow: auto hidden;
}

.signature-pad-align-line {
  position: absolute;
  display: block;
  bottom: 125px;
  left: 25px;
  right: 25px;
  height: 1px;
  background: #dddddd;
}

.resetSign {
  font-weight: bold;
  font-size: 16px;
  float: right;
}

#ar .resetSign {
  float: left;
}

.esign_policy {
  margin-top: 25px;
}

.esign-update-font {
  width: 150px;
}

.fancy_js #content .esign-update-font {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

@media only screen and (max-width: 767px) {
  .esignTabs.tabs,
  .esignTabs.tabs a {
    height: 37px !important;
  }

  .signature-pad-typing-text {
    font-size: 42px !important;
    padding-top: 80px;
    line-height: 130px !important;
  }

  .esign-update-font {
    width: 130px;
  }
}

@media only screen and (min-width: 1200px) {
  .phone_show {
    display: none !important;
  }
}

@media only screen and (min-width: 1140px) {
  .phone_show {
    display: none !important;
  }
}

@media only screen and (min-width: 1024px) {
  .phone_show {
    display: none !important;
  }

  .margin_side_0_md {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  .sticky_header {
    position: fixed !important;
    width: 100 !important%;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 999 !important;
    opacity: 0.95 !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .wrapper_1140,
  .wrapper_1200 {
    width: 100%;
  }

  .phone_show {
    display: none !important;
  }

  .tablet_hide {
    display: none !important;
  }

  .tablet_show {
    display: block !important;
  }

  .grid-t-1 {
    width: 10%;
  }

  .grid-t-2 {
    width: 20%;
  }

  .grid-t-3 {
    width: 30%;
  }

  .grid-t-4 {
    width: 40%;
  }

  .grid-t-5 {
    width: 50%;
  }

  .grid-t-6 {
    width: 60%;
  }

  .grid-t-7 {
    width: 70%;
  }

  .grid-t-8 {
    width: 80%;
  }

  .grid-t-9 {
    width: 90%;
  }

  .grid-t-10 {
    width: 100%;
  }

  .grid-t-th {
    width: 33%;
  }

  .grid-t-th2 {
    width: 66%;
  }

  .frame #content {
    width: 65%;
    margin: 0 1.5em 0 0;
  }

  .frame #sidebar {
    width: 33.5%;
  }
}

@media only screen and (max-width: 767px) {
  .wrapper_960,
  .wrapper_1140,
  .wrapper_1200 {
    width: 100%;
  }

  .phone_hide {
    display: none !important;
  }

  .phone_show {
    display: block !important;
  }

  .phone_block {
    display: block;
  }

  .float_none_p,
  #ar .float_none_p {
    float: none !important;
  }

  .c-block-p {
    margin: 0 auto !important;
  }

  .inline-b-p {
    display: inline-block !important;
  }

  .pos-stc-p {
    position: static !important;
  }

  .pos-abs-p {
    position: absolute;
  }

  .height_400-p {
    height: 400px !important;
  }

  .height-reset-p {
    height: auto !important;
  }

  .grid-p-1 {
    width: 10%;
  }

  .grid-p-2 {
    width: 20%;
  }

  .grid-p-3 {
    width: 30%;
  }

  .grid-p-4 {
    width: 40%;
  }

  .grid-p-5 {
    width: 50%;
  }

  .grid-p-6 {
    width: 60%;
  }

  .grid-p-7 {
    width: 70%;
  }

  .grid-p-8 {
    width: 80%;
  }

  .grid-p-9 {
    width: 90%;
  }

  .grid-p-10 {
    width: 100%;
  }

  .grid-p-11 {
    width: 110px !important;
  }

  .grid-p-12 {
    width: 120px !important;
  }

  .grid-p-13 {
    width: 130px !important;
  }

  .grid-p-14 {
    width: 140px !important;
  }

  .grid-p-15 {
    width: 150px !important;
  }

  .grid-p-16 {
    width: 160px !important;
  }

  .grid-p-17 {
    width: 170px !important;
  }

  .grid-p-18 {
    width: 180px !important;
  }

  .grid-p-19 {
    width: 190px !important;
  }

  .grid-p-10-i {
    width: 100% !important;
  }

  .grid-p-th {
    width: 33%;
  }

  .grid-p-th2 {
    width: 66%;
  }

  .grid-p-th-f {
    width: 33.3333336%;
  }

  .grid-p-th2-f {
    width: 66.666666%;
  }

  .grid-300 {
    width: 260px;
  }

  .grid-p-11-mw {
    max-width: 110px !important;
  }

  .grid-p-12-mw {
    max-width: 120px !important;
  }

  .grid-p-13-mw {
    max-width: 130px !important;
  }

  .grid-p-14-mw {
    max-width: 140px !important;
  }

  .grid-p-15-mw {
    max-width: 150px !important;
  }

  .grid-p-16-mw {
    max-width: 160px !important;
  }

  .grid-p-17-mw {
    max-width: 170px !important;
  }

  .grid-p-18-mw {
    max-width: 180px !important;
  }

  .grid-p-19-mw {
    max-width: 190px !important;
  }

  .margin-reset-p,
  #ar .margin-reset-p {
    margin: 0 !important;
  }

  .border-reset-p,
  #ar .border-reset-p {
    border: none !important;
  }

  .padding-reset-p,
  #ar .padding-reset-p {
    padding: 0 !important;
  }

  .padding-p-5 {
    padding: 5px;
  }

  .padding-10-p {
    padding: 10px !important;
  }

  .padding-20-p {
    padding: 20px !important;
  }

  .padding-30-p {
    padding: 30px !important;
  }

  .padding_side_10-p {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .font-p-s {
    font-size: 0.9em !important;
  }

  .font-p-n {
    font-size: 1em !important;
  }

  .font-p-m {
    font-size: 1.2em !important;
  }

  .font-p-l {
    font-size: 1.4em !important;
  }

  .font-p-xl {
    font-size: 1.8em !important;
  }

  .font-p-xxl {
    font-size: 2.2em !important;
  }

  .font-p-xxxl {
    font-size: 3em !important;
  }

  .text-p-c {
    text-align: center !important;
  }

  .text-p-l,
  #ar .text-p-r {
    text-align: left;
  }

  .text-p-r,
  #ar .text-p-l {
    text-align: right;
  }

  .font-p-10 {
    font-size: 10px !important;
  }

  .font-p-11 {
    font-size: 11px !important;
  }

  .font-p-12 {
    font-size: 12px !important;
  }

  .font-p-13 {
    font-size: 13px !important;
  }

  .font-p-14 {
    font-size: 14px !important;
  }

  .font-p-16 {
    font-size: 16px !important;
  }

  .margin-reset-p {
    margin: 0 !important;
  }

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

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

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

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

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

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

  .margin_side_5-p {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }

  .margin_side_10-p {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .margin_r_auto-p,
  #ar .margin_l_auto-p {
    margin: 0 auto 0 0 !important;
  }

  .margin_l_auto-p,
  #ar .margin_r_auto-p {
    margin: 0 0 0 auto !important;
  }

  .margin_top_auto-p {
    margin: auto 0 0 0 !important;
  }

  .margin_bottom_auto-p {
    margin: 0 0 auto 0 !important;
  }

  .margin-auto-p {
    margin: auto !important;
  }

  .display-flex-p {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-inline-flex-p {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .flex-column-p {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .flex-column-reverse-p {
    flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
  }

  .flex-row-p {
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .flex-reverse-p {
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
  }

  .justify-start-p {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .justify-end-p {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .justify-center-p {
    -ms-flex-pack: center;
    justify-content: center;
  }

  .space-between-p {
    -ms-flex-pack: space-between;
    justify-content: space-between;
  }

  .space-around-p {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .align-start-p {
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .align-center-p {
    -ms-flex-align: center;
    align-items: center;
  }

  .align-baseline-p {
    -ms-flex-align: baseline;
    align-items: baseline;
  }

  .align-stretch-p {
    -ms-flex-align: stretch;
    align-items: flex-stretch;
  }

  .align-content-start-p {
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }

  .align-content-end-p {
    -ms-flex-line-pack: end;
    align-content: flex-end;
  }

  .align-content-center-p {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-between-p {
    -ms-flex-line-pack: justify;
    align-content: space-between;
  }

  .align-content-stretch-p {
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .align-self-start-p {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .align-self-end-p {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }

  .align-self-center-p {
    -ms-flex-item-align: center;
    align-self: center;
  }

  .align-self-baseline-p {
    -ms-flex-item-align: baseline;
    align-self: baseline;
  }

  .align-self-stretch-p {
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }

  .flex_grow_1-p {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .flex_grow_2-p {
    -ms-flex-positive: 2;
    flex-grow: 2;
  }

  .flex_grow_3-p {
    -ms-flex-positive: 3;
    flex-grow: 3;
  }

  .flex_grow_4-p {
    -ms-flex-positive: 4;
    flex-grow: 4;
  }

  .flex_grow_5-p {
    -ms-flex-positive: 5;
    flex-grow: 5;
  }

  .flex-fill-p {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .order-1-p {
    -ms-flex-order: 1;
    order: 1;
  }

  .order-2-p {
    -ms-flex-order: 2;
    order: 2;
  }

  .order-3-p {
    -ms-flex-order: 3;
    order: 3;
  }

  .order-4-p {
    -ms-flex-order: 4;
    order: 4;
  }

  .order-5-p {
    -ms-flex-order: 5;
    order: 5;
  }

  .order-6-p {
    -ms-flex-order: 6;
    order: 6;
  }

  .order-7-p {
    -ms-flex-order: 7;
    order: 7;
  }

  .order-8-p {
    -ms-flex-order: 8;
    order: 8;
  }

  .order-9-p {
    -ms-flex-order: 9;
    order: 9;
  }

  .order-10-p {
    -ms-flex-order: 10;
    order: 10;
  }

  #main-header {
    height: 60px;
    margin: 0;
    padding: 10px 5px;
    transition: margin 0.5s;
    width: 100% !important;
    min-width: 100%;
  }

  .nav-menu {
    background: hsl(247.058823529, 40%, 12%);
    width: 98.5%;
  }

  .fancy_js .nav-menu {
    background: transparent;
  }

  .notifications_block {
    padding: 8px 0;
  }

  .shift_mobile {
    margin: 0 0 0 235px !important;
  }

  #ar .shift_mobile {
    margin: 0 236px 0 -218px !important;
  }

  .hamburger_menu {
    min-width: 40px;
    text-align: center;
  }

  #sidebar-panel {
    top: 0;
    left: -235px;
    position: fixed;
    transition: left 0.5s;
    background: hsl(247.058823529, 40%, 12%);
    z-index: 9999;
  }

  #ar #sidebar-panel {
    left: auto;
    right: -235px;
    transition: right 0.5s;
  }

  #sidebar-panel.move_menu {
    left: 0;
  }

  #ar #sidebar-panel.move_menu {
    left: auto;
    right: 0;
  }

  #content {
    padding: 10px;
  }

  #content,
  #ar #content {
    min-width: 100%;
  }

  #content-panel,
  #ar #content-panel {
    margin: 0;
    padding: 10px;
    transition: margin 0.5s;
  }

  #main-wrapper,
  #main-header,
  #content,
  #ar #content,
  .frame .content-container,
  .frame #sidebar,
  #ar .frame #sidebar {
    width: 100% !important;
    min-width: 100% !important;
  }

  #logo {
    width: 42% !important;
  }

  #logo img {
    max-width: 90px;
  }

  #content-panel.move_menu {
    margin: 0 0 0 200px;
  }

  #ar #content-panel.move_menu {
    margin: 0 200px 0 0;
  }

  #sidebar-panel .user_profile {
    border: 0;
    color: #fff;
    height: 50px;
    padding: 10px 0;
  }

  #sidebar-panel .user_profile_block {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-width: 0 0 1px 0;
    padding: 5px;
  }

  .frame #sidebar {
    width: 100%;
    margin-top: 20px;
  }

  .nav-menu-container {
    position: fixed;
  }

  .msg_clickable_block::before,
  .msg_hover_block::before,
  .msg_hover_block::after {
    display: none;
  }

  .msg_clickable_block,
  .msg_hover_block {
    box-shadow: none;
  }

  .menu_tgl {
    margin: 0 5px 0 0;
  }

  #ar .menu_tgl {
    margin: 0 0 0 5px;
  }

  #globalMWContent {
    min-height: 200px;
  }

  .nav-scrollable {
    height: calc(100% - 60px);
    overflow-y: auto;
  }

  .date_range_w,
  .wg_num h4,
  ul.horizontal_list,
  .dashboard_head_w,
  #ar .date_range_w,
  #fr .date_range_w {
    width: 100%;
  }

  ul.horizontal_list li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ededed;
  }

  ul.horizontal_list li:last-child {
    border-bottom: 0;
  }

  .wg_grid_2,
  .wg_grid_1 {
    width: 99%;
  }

  .menu_profile .menu-action > li > a,
  .menu_profile.menu-grp .menu-action > li > a:hover,
  #ar .menu_profile.menu-grp .menu-action > li > a {
    background: hsl(247.058823529, 40%, 12%) !important;
    color: #fff;
    border: 0 !important;
    border-radius: 0;
  }

  .menu-action .mobile-icon {
    background: url('https://timg0cf.b8cdn.com/images/icons/mobile-icon-m.png');
    background-size: 100% 100%;
  }

  .menu_profile.menu-grp .menu-action:hover > li > a {
    border: 0 !important;
  }

  .menu_profile.menu-grp .menu-action:hover > li > a:hover {
    color: #cbcbcb !important;
  }

  .menu_profile .menu-action > li > a i {
    color: #fff;
  }

  .menu_profile {
    border: 0 !important;
  }

  .submenu-right-clickable .submenu-left-list.subnav-menu {
    background: hsl(247.058823529, 40%, 12%) !important;
    border: none;
  }

  #ar .menu-action li a.language-selector {
    padding: 5px 40px 5px 5px;
  }

  .msg_clickable_block.menu-grp .menu-action > li a.language-selector:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border: solid #1e00ff;
    border-width: 0 0 0 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #1e00ff !important;
  }

  #ar .msg_clickable_block.menu-grp .menu-action > li a.language-selector,
  #ar
    .msg_clickable_block.menu-grp
    .menu-action
    > li
    a.language-selector:hover {
    border-width: 0 4px 0 0px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .user_profile .profile_photo {
    border-radius: 0;
  }

  .job-offer-letters .tbl_custom_scrollbar_hlper table {
    overflow: auto;
  }

  .my-requisition-dashboard .tabs .sub-nav,
  .my-hiring-approvals-dashboard .tabs .sub-nav {
    display: none;
  }

  .agency-report .agency_report_blocks div {
    width: 100% !important;
    text-align: center;
    border-width: 0 0 1px !important;
  }

  .agency-report #form_id .grid-3 {
    padding-bottom: 10px;
  }

  .cvfolder .toolbox #keyword {
    width: 220px !important;
  }

  .myletters-e #content .letters-listing h1 button {
    float: right !important;
  }

  #ar.myletters-e #content .letters-listing h1 button {
    float: left !important;
  }

  .myletters-e .tabs {
    padding: 0;
    width: 80%;
    margin: 0 auto !important;
    height: 60px !important;
  }

  .myletters-e .tabs li {
    position: relative;
    z-index: 999;
  }

  .myletters-e .tabs a {
    padding: 3px 12px 2px 12px !important;
    margin: 0 !important;
  }

  .myletters-e .letter-view .letter_body {
    height: auto;
    max-height: 100%;
  }

  .myletters-e .letter-view .letter-head {
    height: 135px;
  }

  .myletters-e .tabs .margin_side_30 {
    margin: 0 !important;
  }

  .myletters-e .letter_title_sub,
  .myletters .i-back-arrow {
    font-size: 20px !important;
  }

  .myletters-e .letter-view .letter_body {
    padding: 10px !important;
  }

  .myletters-e .letters-continer,
  .myletters-e .letter_body {
    max-height: none;
  }

  .evaluation-forms .evauation_form_section {
    width: 100%;
  }

  .evaluation-forms fieldset div p,
  .evaluation-forms fieldset div.p,
  .evaluation-forms label.margin_r_30,
  .evaluation-forms .scorecard_custom_feilds .question_type_select,
  .evaluation-forms .scorecard_custom_feilds input,
  .evaluation-forms .dropdown_question {
    width: 100% !important;
  }

  .evaluation-forms .eval_actions {
    bottom: 0;
    left: auto;
    right: auto;
    width: 100%;
    top: auto;
    height: auto !important;
    z-index: 99999;
  }

  .evaluation-forms .eval_actions > div {
    cursor: pointer;
    float: left;
    margin: 10px 3% 0 !important;
  }

  #ar.evaluation-forms .eval_actions > div {
    float: right;
  }

  .evaluation-forms .eval_actions > div > p {
    margin: 0 !important;
  }

  .evaluation-forms .activate-btn a {
    padding: 10px 5px;
    margin-top: 15px;
    border-radius: 5px;
  }

  .f-field input {
    width: 68% !important;
  }

  .evaluation-forms .scorecard_custom_feilds {
    padding: 0 !important;
  }

  .evaluation-forms .yes_no_question,
  .scorecard-modal {
    width: 100% !important;
  }

  .evaluation-forms .grading_score > div {
    width: 100% !important;
  }

  .evaluation-forms .grading_score > div input {
    max-width: 100%;
  }

  .evaluation-forms .custom_scale input {
    width: 65% !important;
  }

  .evaluation-forms .yes_no_question .yes_no input {
    width: 75% !important;
  }

  .evaluation-forms .evauation_form_section:last-child {
    margin-bottom: 50px;
  }

  .evaluation-forms .section_header > div,
  #ar.evaluation-forms .section_header > div {
    float: none !important;
    padding-top: 8px;
  }

  .evaluation-forms app-section:last-child {
    display: block;
    margin-bottom: 100px;
  }

  .evaluation-forms .eval_actions .preview-ac i {
    margin-bottom: 15px;
  }

  .evaluation-forms #globalMWContent {
    min-height: auto;
  }

  .evaluation-forms .label_status {
    margin: 0 0 5px;
  }

  .evaluation-forms #drift-widget-container {
    display: none;
  }

  .tbl_custom_scrollbar_hlper .sub-menu {
    right: 0;
  }

  #ar .tbl_custom_scrollbar_hlper .sub-menu {
    left: 0;
    right: auto;
  }

  .search_aganicies_fieldset .select2,
  .my-requisition-dashboard .select2,
  .hr-manager-requisitions .select2,
  .requisition-search .select2,
  .add-new-member .select2,
  .add-new-member select,
  .send-subuser-email .select2,
  .send-subuser-email select {
    width: 100% !important;
  }

  .cal {
    width: 90% !important;
  }

  .send-subuser-email .mce-tinymce.mce-container {
    width: 99% !important;
  }

  .filter_list_tags > div {
    width: 100% !important;
  }

  .filter_list_tags > div .date_range_block {
    width: 88%;
  }

  .tags-report .rename-span {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px;
  }

  .tags-report .toggle_tabs ul {
    margin-top: 20px;
  }

  .tags-report [name='autocomplete_job_id'] {
    width: 88% !important;
  }

  .tags-report .on .rename-span {
    position: relative;
    z-index: 9;
  }

  .tags-report .tabs ul li.on a {
    z-index: auto;
  }

  .mce-tinymce.mce-container {
    width: 99% !important;
  }

  .cv-approval-management .filter_list_tags > div {
    width: 100% !important;
  }

  .cv-approval-management .filter_list_tags > div:last-child {
    margin-bottom: 10px;
  }

  .hiring-trends-report fieldset .grid-2 {
    width: 100% !important;
  }

  .client-dashboard .activity-report {
    flex-direction: column;
  }

  .client-dashboard .activite-box {
    margin: 10px 0;
  }

  .client-dashboard .activite-report hr {
    margin: 10px 0;
  }
}

@media only screen and (max-width: 340px) {
  #logo img {
    max-width: 50px;
  }

  .nav-scrollable {
    height: 320px;
    height: -webkit-calc(100% - 60px);
    overflow-y: scroll;
  }
}

@media only screen and (min-width: 1200px) {
  .phone_show {
    display: none !important;
  }
}

@media only screen and (min-width: 1140px) {
  .phone_show {
    display: none !important;
  }
}

@media only screen and (min-width: 1024px) {
  .phone_show {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .frame #sidebar {
    max-width: 27.5%;
  }
}

@media only screen and (max-width: 767px) {
  .col-12,
  #ar .col-12 {
    width: 100% !important;
    float: none !important;
  }

  .block_wide_m {
    width: 100% !important;
  }

  fieldset div.req h4,
  .req_label,
  fieldset div h4,
  .fieldset div h4,
  fieldset div p,
  fieldset div div.p,
  fieldset div dl,
  fieldset div ul,
  .fieldset div p {
    width: 100% !important;
  }

  fieldset div.req h4,
  .req_label,
  fieldset div h4,
  .fieldset div h4 {
    margin: 0 0 5px 0;
    font-weight: bold;
  }

  fieldset div p,
  fieldset div div.p,
  fieldset div dl,
  fieldset div ul,
  .fieldset div p {
    margin: 0;
    padding: 0;
  }

  .block-widgets {
    width: 100%;
  }

  .tabs {
    border: none;
  }

  .tabs,
  ul.tabs {
    height: auto;
    padding: 0;
  }

  ul.tabs li.on a,
  .tabs ul li.on a,
  ul.tabs li a:hover,
  .tabs ul li a:hover {
    border: none !important;
    text-decoration: none;
  }

  ul.tabs li.on a,
  .tabs ul li.on a {
    position: relative;
  }

  ul.tabs,
  .tabs ul {
    border: 1px solid #ededed;
    overflow: hidden;
    position: relative;
    height: 39px;
    border-radius: 4px;
    cursor: pointer;
  }

  ul.tabs,
  .tabs ul,
  ul.tabs *,
  .tabs ul * {
    cursor: pointer !important;
  }

  ul.tabs.open,
  .tabs ul.open {
    height: auto !important;
  }

  ul.tabs::before,
  .tabs ul::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 37px;
    z-index: 3;
    right: 0;
    cursor: pointer;
  }

  #ar ul.tabs::before,
  #ar .tabs ul::before {
    right: auto;
    left: 0;
  }

  ul.tabs.open::before,
  .tabs ul.open::before {
    width: 45px;
  }

  ul.tabs::after,
  .tabs ul::after {
    font-family: 'lego';
    content: '\e86b';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    font-size: 16px;
    pointer-events: none;
    border: 1px solid #eef0f0;
    border-width: 0 0 0 1px;
    width: 35px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #333;
  }

  ul.tabs.open::after,
  .tabs ul.open::after {
    content: '\e86d';
  }

  #ar ul.tabs::after,
  #ar .tabs ul::after {
    left: 0;
    right: auto;
    border-width: 0 1px 0 0;
  }

  ul.tabs.open a,
  .tabs ul.open a {
    position: relative;
    display: block;
    overflow: hidden;
  }

  ul.tabs li,
  .tabs ul li {
    display: block;
    float: none !important;
    background: #fff;
  }

  ul.tabs.open li,
  .tabs ul.open li {
    border-top: 1px solid #eef0f0;
  }

  ul.tabs.open li:first-child,
  .tabs ul.open li:first-child {
    border: none;
  }

  ul.tabs li span,
  .tabs ul li span {
    float: none !important;
    padding-bottom: 0 !important;
  }

  ul.tabs li:hover span,
  .tabs ul li:hover span {
    padding-bottom: 0;
  }

  ul.tabs li span,
  .tabs ul li span,
  #ar ul.tabs li span,
  #ar .tabs ul li span {
    padding: 0;
    color: #333;
  }

  ul.tabs li a,
  .tabs ul li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  ul.tabs li.on a,
  .tabs ul li.on a {
    z-index: 1;
  }

  #content .lego_table {
    table-layout: auto;
    white-space: nowrap;
  }

  h1 #add-btn {
    display: block;
  }

  .fancy_ab {
    width: 100%;
    margin: 0 auto 20px;
  }

  .latest_jobs_home_mod table {
    white-space: normal !important;
  }

  .wizard_boxes {
    display: block !important;
  }

  .wizard_box {
    min-width: 222px;
  }

  .moluae_cv_builder_block_container,
  #ar .moluae_cv_builder_block_container {
    float: none !important;
  }

  .intl-tel-input {
    width: 94% !important;
    margin-bottom: 10px;
  }

  .emp-new .intl-tel-input {
    width: 82% !important;
  }

  #ar.emp-new .intl-tel-input {
    width: 79% !important;
  }

  .jobs_mobile_filter {
    position: fixed;
    overflow-y: scroll;
    left: 0;
    right: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    top: 0;
    box-shadow: 0 0 5px rgba(179, 179, 179, 0.8);
    z-index: 9999;
    background: #fff;
    padding: 22px;
    display: none;
  }
}

.cs-container {
  background-color: #3b4045;
  bottom: -36%;
  transition: all 1s ease-in-out;
  z-index: 9999;
}

.cs-container.on {
  bottom: 0;
}

.block-middle-body {
  width: 1000px;
}

.cs-close-icon {
  position: absolute;
  top: 29px;
  right: 10px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}

#ar .cs-close-icon {
  left: 10px;
  right: auto;
}

@media only screen and (max-width: 767px) {
  #privacy_sticky .block-middle-body {
    width: 100% !important;
  }
}

.i_add_another,
.i_close_dark,
body .menu-action .mobile-icon {
  font-family: 'lego';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: relative;
  font-size: 16px;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: text-bottom;
  background: none;
}

body .menu-action .mobile-icon {
  height: auto;
  margin: 0 5px 0 0;
}

#ar .menu-action .mobile-icon {
  margin: 0 0 0 5px;
}

.i_add_another:before {
  content: '\e859';
}

.i_close_dark:before {
  content: '\E8D8';
}

.cvs_cv_tags .addLegoTag {
  border: none;
}

.tags-wrapper .addLegoTag .i-plus {
  font-size: 24px !important;
}

.tags-wrapper .addLegoTag .i-plus:before {
  content: '\e859';
}

.menu-action .mobile-icon:before {
  content: '\E80D';
}

.create-survey .question-body .survey-email-icon {
  right: 20px;
}

#ar.create-survey .question-body .survey-email-icon {
  right: auto;
  left: 20px;
}

.survey-card {
  width: 460px;
  height: 360px;
  margin-bottom: 30px !important;
  z-index: 9999999;
}

.green-circle::before {
  content: '';
  position: absolute;
  top: -45px;
  left: -53px;
  width: 90px;
  height: 90px;
  background-color: #09a54f;
  border-radius: 50%;
}

.orange-circle {
  position: absolute;
  bottom: -130px;
  right: -87px;
  width: 174px;
  height: 174px;
  border-radius: 50%;
  border: solid 2px #fec216;
}

.orange-circle::after {
  content: '';
  position: absolute;
  bottom: 152px;
  right: 120px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fec216;
}

.survey-question {
  width: 440px;
  display: grid;
  margin: 0px 10px 30px 10px;
}

.survey-scroll::-webkit-scrollbar-thumb {
  background: #eaeaea;
  border-radius: 5px;
}

.survey-scroll::-webkit-scrollbar {
  width: 5px;
  height: 152px;
}

.survey-scroll::-webkit-scrollbar:horizontal {
  height: 5px;
  width: 152px;
}

@-moz-document url-prefix() {
  .survey-scroll {
    scrollbar-color: #eaeaea transparent;
    scrollbar-width: thin;
  }
}

input.survey-input {
  border-width: 0 0 1px 0;
}

.centeredPopup {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.align-text-r {
  text-align: right;
}

.align-text-l {
  text-align: left;
}

body.survey {
  background-color: #eaeaea;
}

.nps {
  width: 24px;
  height: 24px;
  border-radius: 2px;
}

.nps-selected {
  width: 34px;
  height: 34px;
}

.red-nps {
  color: #ff0000;
  background-color: #ff00001a;
  border: solid 1px #ff0000;
}

.green-nps {
  color: #00ab45;
  background-color: #00ab451a;
  border: solid 1px #00ab45;
}

.yellow-nps {
  color: #fec720;
  background-color: #fec7201a;
  border: solid 1px #fec720;
}

.star-gray {
  color: #e0e0e0;
}

.star-yellow {
  color: #fec720;
}

.survey-overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99999;
}

.survey.body-popup #frame-popup {
  background: none !important;
}

.create-survey .actions-container {
  box-shadow: rgb(212 221 230) 0px -14px 16px -12px;
}

.create-survey .survey-header {
  box-shadow: 0px 0px 17px 0px rgba(223, 231, 239, 1);
}

.create-survey .add-question {
  line-height: 40px;
  color: #26a9e0;
  padding: 0 28px;
}

.create-survey .form-element-container {
  gap: 8px;
  padding: 28px 0;
  gap: 8px;
  padding: 28px 0px;
}

.create-survey .question-header {
  gap: 8px;
  padding: 0 28px;
}

.create-survey .sortable-option:not(:last-child) {
  margin-bottom: 20px;
}

.survey-sort-container .question-handle {
  top: 5px;
  transform: rotate(90deg);
  left: 50%;
  cursor: move;
}

.question-body .option-handle {
  top: 15px;
  left: 10px;
  cursor: move;
  font-size: 14px;
}

#ar.create-survey .question-number {
  left: auto;
  right: 35px;
  top: 8px;
  padding: 4px 12px;
}

.create-survey .question-number {
  border-radius: 4px;
  background: #f8f8f8;
  position: absolute;
  left: 35px;
  top: 9px;
  padding: 4px 12px;
}

.create-survey .question-text {
  padding: 12px 60px;
  border-radius: 6px;
}

.create-survey .question-type-select {
  padding: 12px !important;
  border-radius: 6px;
  max-width: 222px;
}

.create-survey .question-body {
  padding-bottom: 24px;
  border-bottom: 1px solid lightgray;
}

.create-survey .add-question-option {
  line-height: 40px;
  color: #26a9e0;
}

.create-survey .question-configs {
  justify-content: end;
  padding: 20px 20px 0;
}

.create-survey .question-configs-elements {
  border-right: 1px solid #d1d5db;
}

.create-survey .survey-input-count {
  top: 13px;
  right: 10px;
  color: #b2b2b2;
}

#ar.create-survey .survey-input-count {
  right: auto;
  left: 10px;
}

.create-survey .input-with-counter {
  padding-right: 195px;
}

#ar.create-survey .input-with-counter {
  padding-left: 225px;
  padding-right: 10px;
}

.form-builder-option-field .i-delete {
  right: 20px;
}

#ar .form-builder-option-field .i-delete {
  right: auto;
  left: 20px;
}

.survey-header input:focus {
  opacity: 0.5;
}

.survey-logo-label {
  padding: 7px 10px;
  border: 1px solid rgb(203, 203, 203);
  font-size: 14px;
  display: block;
}

.survey-logo-name {
  left: 12px;
  top: 10px;
  font-size: 14px;
}

#ar .survey-logo-name {
  left: auto;
  right: 12px;
}

.survey-logo-gray {
  color: #b2b2b2;
}

.survey-delete-logo,
.logo-placeholder {
  right: 0;
  left: auto;
}

#ar .survey-delete-logo,
#ar .logo-placeholder {
  right: auto;
  left: 0;
}

.survey_report_question p {
  background: transparent !important;
}

.survey_report_question .survey-input,
.type-date input {
  background: transparent;
  border: none;
  border-bottom: 1px solid lightgray;
  text-align: start;
  color: black;
}

.type-text input {
  width: 40%;
}

.type-nps > div > div {
  justify-content: flex-start;
}

.type-starRating i,
.type-nps label {
  cursor: not-allowed;
}

@media only screen and (max-width: 767px) {
  .type-starRating i {
    font-size: 25px !important;
  }
}

.mycvs .i_16_item.i_download_cv {
  left: -10px;
  top: 5px;
}

.mycvs .dl-btn-edit .i_16_item.i_download_cv {
  left: -20px;
}

#ar.mycvs .i_16_item.i_download_cv {
  right: -10px;
}

#ar.mycvs .dl-btn-edit .i_16_item.i_download_cv {
  right: -20px;
}

#personal-info-details .i_16_item.i_download_cv {
  left: -17px;
  top: 3px;
}

.see_more_less .i_16_item.i_download_cv {
  left: 0;
  top: 5px;
}

.info.without-i,
.alertbox.info.without-i {
  background-image: none;
}

@media only screen and (max-width: 767px) {
  #personal-info-details .i_16_item.i_download_cv {
    left: 0 !important;
    top: unset;
  }

  .see_more_less .i_16_item.i_download_cv {
    left: 5px;
    top: 5px;
  }
}

.job .cv_document_container .cv-attachment-label {
  padding: 7px 10px;
  border: 1px solid rgb(203, 203, 203);
  font-size: 14px;
  display: block;
  height: 34px;
}

.job .cv_document_container .easy-apply-gray {
  color: #b2b2b2;
}

.job .cv_document_container .apply-delete-cv,
.job .file-types-size {
  right: 22px;
  left: auto;
}

#ar.job .cv_document_container .apply-delete-cv,
#ar.job .file-types-size {
  right: auto;
  left: 22px;
}

#ar.job .cv_document_container .upload-icon {
  padding-top: 0 !important;
}

#ar.job .cv_document_container .file-types-size span {
  font-size: 10px !important;
}

@media screen and (max-width: 767px) {
  .job .cv_document_container .apply-delete-cv,
  .job .file-types-size {
    right: 0px;
    left: auto;
  }

  #ar.job .cv_document_container .apply-delete-cv,
  #ar.job .file-types-size {
    right: auto;
    left: 0px;
    padding: 0px 5px !important;
  }
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url('https://timg0cf.b8cdn.com/images/templates/default/fonts/fancy04/PlusJakartaSans-Regular.ttf')
    format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('https://timg0cf.b8cdn.com/images/templates/default/fonts/fancy04/Inter.ttf')
    format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DroidKufi-Regular';
  src: url('https://timg0cf.b8cdn.com/images/templates/default/fonts/fancy04/DroidKufi-Regular.ttf')
    format('truetype');
  font-weight: normal;
  font-style: normal;
}

.fancy-04 {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

.fancy-04::-webkit-scrollbar,
.fancy-04 .fancy-scrollable-block::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}

.fancy-04::-webkit-scrollbar-track,
.fancy-04 .fancy-scrollable-block::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: clamp(5px, 2vw, 15px);
}

.fancy-04 .fancy-scrollable-block {
  resize: none;
  height: 100px;
  overflow-y: visible;
  overflow-x: hidden;
}

.fancy-04 .fancy-scroll-to-top {
  position: fixed;
  bottom: 1em;
  right: 1em;
  z-index: 9999;
}

#ar.fancy-04 .fancy-scroll-to-top {
  right: auto;
  left: 20px;
}

.fancy-04 .fancy-scroll-to-bottom {
  position: absolute;
  bottom: 150px;
  left: 150px;
  z-index: 99;
}

#ar.fancy-04 .fancy-scroll-to-bottom {
  right: 150px;
  left: auto;
}

.fancy-04 .fancy-scroll-to-top button,
.fancy-04 .fancy-scroll-to-bottom button {
  border-radius: clamp(8px, 0.6vw, 20px);
  height: 4.5em;
  width: 4.5em;
  transition: transform 0.3s ease;
}

.fancy-04 .fancy-scroll-to-top button {
  background: #f66403;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  border: none;
}

.fancy-04 .fancy-scroll-to-top button:hover {
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
}

@keyframes slide {
  0%,
  100% {
    transform: translateY(0) rotate(90deg);
  }

  50% {
    transform: translateY(-5px) rotate(90deg);
  }
}

.fancy-04 .fancy-scroll-to-bottom button,
.fancy-04 .fancy-scroll-to-bottom button i,
.fancy-04 .btn.outline,
.fancy-04 button.outline {
  background: transparent !important;
  color: #f66403 !important;
  border: 1px solid #f66403;
}

.home.fancy-04 #masthead-wrapper:not(.fixed-header) button.outline {
  background: #f66403;
  color: #fff;
}

#footer-wrapper #footer .byt_blue_color,
#footer-wrapper #footer .powered_by_box_js a {
    color: rgb(0, 125, 195) !important;
}
#footer-wrapper .tBlack, #footer-wrapper #footer .powered_by_box_js .tBlack {
    color: #000 !important;
}

#footer-wrapper #footer .underline-none {
    text-decoration: none !important;
}

.fancy-04 .fancy-scroll-to-bottom button:hover,
.fancy-04 .fancy-scroll-to-bottom button:hover i {
  background: transparent !important;
  color: hsl(247.058823529, 40%, 95%) !important;
  border: 1px solid hsl(247.058823529, 40%, 95%);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.fancy-04 .fancy-scroll-to-bottom button i,
.fancy-04 .fancy-scroll-to-bottom button:hover i {
  border: unset;
  box-shadow: unset;
}

.fancy-04 .fancy-scroll-to-top button:focus {
  outline: none;
}

.fancy-04 #footer-wrapper .fancy-scroll-to-top #up_click i {
  font-size: clamp(1.75rem, 2.25vw, 3rem) !important;
  line-height: clamp(0.25rem, 0.5vw, 4rem) !important;
  transition: transform 0.3s ease;
  animation: slide 1.5s infinite ease-in-out;
}

.fancy-04 .accessibility-bar {
  z-index: 9999;
}

html.remove_scroll body.fancy-04 .fancy-scroll-to-top {
  display: none;
}

.fancy-04.register-j #frame {
  overflow: unset;
}

.home.fancy-04 #content-frame #content section:not(.search_home_mod) {
  background: transparent !important;
}

.home.fancy-04 #content-frame #content section.fancy-gray-section {
  background: #f8f8f8 !important;
}

.home.fancy-04 #content-frame #content section.fancy-light-section {
  background: rgba(246, 100, 3, 0.2) !important;
}

.home.fancy-04 [class^='i-'],
.home.fancy-04 [class*=' i-'] {
  font-size: clamp(1rem, 0.8vw, 3rem) !important;
}

.home.fancy-04 .block-middle-wide {
  padding: clamp(40px, 4.5vw, 10vh) 0 !important;
}

.fancy-04 #nav li,
.fancy-04 #masthead,
.fancy-04 .btn_separator,
.fancy-04 #nav a,
#ar.fancy-04 #nav a,
#fr.fancy-04 #nav a,
.fancy-04 #nav .hover .sub-nav,
.fancy-04 #nav .hover .sub-nav li,
.fancy-04 .lang_top_logout_list span.toplink-lang,
.fancy-04 .bcc_head_lang,
.fancy-04 .logged_hover_panel li {
  padding: 0;
}

#en.fancy-04 #nav .sub-nav a,
#ar.fancy-04 #nav .sub-nav a,
#fr.fancy-04 #nav .sub-nav a,
#en.fancy-04 #nav a,
#ar.fancy-04 #nav a,
#fr.fancy-04 #nav a,
.fancy-04 #nav-wrapper,
#ar.fancy-04 #nav > li {
  margin: 0;
}

.fancy-04 #masthead,
.fancy-04 #nav,
.fancy-04 #nav-wrapper,
.fancy-04 #nav .hover .sub-nav li,
.fancy-04 #nav .hover .sub-nav span:not(.notification_tip),
.fancy-04 .logged_hover_panel li a {
  width: 100%;
}

#masthead-wrapper #nav {
  flex-direction: row;
}

/* --- Fancy-04 mobile masthead nav overrides (jobseeker header & similar) --- */
@media only screen and (max-width: 767px) {
  /* Ensure sub-nav for the active ("hover") item is visible in the mobile overlay.
       This overrides older fancy-04 rules that blanket-hide .sub-nav. */
  .fancy-04 #masthead-wrapper #nav li.hover > .sub-nav {
    display: block;
  }

  /* Layout: stack nav items full-width, with sub-items indented under parent. */
  #masthead-wrapper #nav {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    flex-direction: column;
  }

  #masthead-wrapper #nav > li {
    width: 100%;
  }

  #masthead-wrapper #nav > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 4px;
    text-decoration: none;
    width: 100%;
  }

  #masthead-wrapper #nav .sub-nav {
    width: 100%;
    padding: 0 0 12px 16px;
    margin: 0;
  }

  #masthead-wrapper #nav .sub-nav li a {
    display: block;
    padding: 5px 4px;
    width: 100%;
  }

  /* Make sure mobile language link is visible against the dark overlay. */
  #masthead-wrapper #language-container-mobile a {
    color: #ffffff;
  }

  body.fancy-04 #masthead-wrapper #nav-wrapper ul.sub-nav {
    background-color: var(--bcc-header-mobile-bg, #333333) !important;
  }
}

#en.fancy-04 #masthead-wrapper,
#fr.fancy-04 #masthead-wrapper,
.fancy-04 #masthead-wrapper h1,
.fancy-04 #masthead-wrapper .h1,
.fancy-04 #masthead-wrapper h2,
.fancy-04 #masthead-wrapper .h2 {
  font-family: 'PlusJakartaSans', sans_regular, arial, freesans, sans-serif;
}

#ar.fancy-04 #masthead-wrapper,
#ar.fancy-04 #masthead-wrapper h1,
#ar.fancy-04 #masthead-wrapper .h1,
#ar.fancy-04 #masthead-wrapper h2,
#ar.fancy-04 #masthead-wrapper .h2,
#ar.fancy-04 #footer-wrapper,
#ar.fancy-04 #footer-wrapper h1,
#ar.fancy-04 #footer-wrapper .h1,
#ar.fancy-04 #footer-wrapper h2,
#ar.fancy-04 #footer-wrapper .h2 {
  font-family: 'DroidKufi-Regular';
}

#footer {
  width: 80vw;
  padding: 8vh 0px 8vh 0px;
}

#footer header h3,
#footer header .h3 {
  font-size: 18px;
  line-height: 1.5em;
}

#en.fancy-04 #masthead-wrapper,
#fr.fancy-04 #masthead-wrapper,
#en.fancy-04 #footer-wrapper,
#fr.fancy-04 #footer-wrapper,
#en.fancy-04 #footer-wrapper h2,
#en.fancy-04 #footer-wrapper .h2,
#fr.fancy-04 #footer-wrapper h2,
#fr.fancy-04 #footer-wrapper .h2,
#en.fancy-04 #masthead-wrapper li span,
#en.fancy-04 .lang_top_logout span,
#en.fancy-04 .register_options li,
#en.fancy-04 .lang_top_logout_list .toplink-lang-ar,
#fr.fancy-04 #masthead-wrapper li span,
#fr.fancy-04 .lang_top_logout span,
#fr.fancy-04 .register_options li,
#fr.fancy-04 .lang_top_logout_list .toplink-lang-ar {
  font-family: sans_regular, arial, freesans, sans-serif !important;
}

.home.fancy-04 .p-color,
.home.fancy-04 p,
.home.fancy-04 .fancy-gray-color2 {
  color: #1f2a37;
}

.fancy-04 .fancy-gray-color {
  color: #8b8b8b !important;
}

.fancy-04 .fancy-gray-bg {
  background: #f8f8f8 !important;
}

.fancy-04 .tBlack {
  color: #000 !important;
}

.home.fancy-04 .section-title,
.home.fancy-04 .section-title-slider {
  padding-bottom: clamp(4rem, 5vmin, 5vh) !important;
}

.home.fancy-04 #content .with-arrows.border_around {
  border-width: 2px !important;
}

.fancy-04 #masthead button:hover,
.fancy-04 #masthead button:hover,
.home.fancy-04 .fancy-btn-animation:hover {
  background-color: rgba(246, 100, 3, 0.15);
  box-shadow: 0 10px 20px 0 rgba(246, 100, 3, 0.35);
  color: #fff;
  transform: scale(1.05);
  transition: box-shadow 0.15s ease-out, transform 0.15s ease-out,
    background-color 0.15s ease-out;
}

.home.fancy-04 .with-arrows.sldr_prev:hover {
  border-top-color: #f66403 !important;
  border-right-color: #f66403 !important;
  border-bottom-color: #f66403 !important;
  border-left-color: #f66403 !important;
  transition: border-left-color 0.15s linear 0.1s,
    border-bottom-color 0.15s linear 0.1s, border-right-color 0.15s linear,
    border-top-color 0.15s linear;
}

.home.fancy-04 .with-arrows.sldr_next:hover {
  border-top-color: #f66403 !important;
  border-right-color: #f66403 !important;
  border-bottom-color: #f66403 !important;
  border-left-color: #f66403 !important;
  transition: border-right-color 0.15s linear 0.1s,
    border-bottom-color 0.15s linear 0.1s, border-left-color 0.15s linear,
    border-top-color 0.15s linear;
}

.home.fancy-04 .with-arrows.sldr_prev:hover i,
.home.fancy-04 .with-arrows.sldr_next:hover i {
  color: #f66403 !important;
  transition: linear 0.5s;
}

.fancy-04 .fancy-border-rad-8 {
  border-radius: clamp(8px, 0.6vw, 20px) !important;
}

.fancy-04 .fancy-border-rad-12 {
  border-radius: clamp(12px, 0.8vw, 40px) !important;
}

.fancy-04 .fancy-border-rad-20 {
  border-radius: clamp(20px, 1.25vw, 60px) !important;
}

.fancy-04 .fancy-gray-border {
  border-color: #c4c4c4 !important;
}

.fancy-04 .fancy-font-xxxs {
  font-size: clamp(0.85rem, 0.6vw, 3rem) !important;
}

.fancy-04 .fancy-font-14px {
  font-size: clamp(1rem, 0.7vw, 3.5rem) !important;
}

.fancy-04 .fancy-font-xxs {
  font-size: clamp(1.1rem, 0.8vw, 3rem) !important;
}

.fancy-04 .fancy-font-xs {
  font-size: clamp(1.3rem, 1vw, 3.5rem) !important;
}

.fancy-04 .fancy-font-sm {
  font-size: clamp(1.45rem, 1vw, 4rem) !important;
}

.fancy-04 .fancy-font-md {
  font-size: clamp(1.525rem, 1.5vw, 5rem) !important;
}

.fancy-04 .fancy-font-lg {
  font-size: clamp(2rem, 2vw, 7.5rem) !important;
}

.fancy-04 .fancy-font-xl {
  font-size: clamp(2.2rem, 2.5vw, 7.75rem) !important;
}

.fancy-04 .fancy-font-xxl {
  font-size: clamp(2.5rem, 2.75vw, 8rem) !important;
}

.fancy-04 .fancy-lineheight-xs {
  line-height: clamp(1rem, 0.8vw, 4rem) !important;
}

.fancy-04 .fancy-lineheight-sm {
  line-height: clamp(1.25rem, 1vw, 5rem) !important;
}

.fancy-04 .fancy-lineheight-md {
  line-height: clamp(1.75rem, 1.8vw, 5.5rem) !important;
}

.fancy-04 .fancy-lineheight-lg {
  line-height: clamp(1.95rem, 2vw, 6rem) !important;
}

.fancy-04 .fancy-lineheight-xl {
  line-height: clamp(2.125rem, 2.5vw, 6.5rem) !important;
}

.fancy-04 .fancy-lineheight-xxl {
  line-height: clamp(2.5rem, 3vw, 6.75rem) !important;
}

.fancy-04 .fancy-lineheight-xxxl {
  line-height: clamp(3rem, 3.5vw, 14.75rem) !important;
}

.fancy-04 .fancy-lineheight-xxxxl {
  line-height: clamp(3.5rem, 4vw, 16rem) !important;
}

.home.fancy-04 .margin_bottom_50 {
  margin-bottom: clamp(1rem, 4vmin, 2.5rem) !important;
}

.home.fancy-04 .margin_bottom_30 {
  margin-bottom: clamp(1rem, 3.75vmin, 2.5vh) !important;
}

.home.fancy-04 .margin_bottom_25 {
  margin-bottom: clamp(1rem, 3.125vmin, 2.5vh) !important;
}

.home.fancy-04 .margin_bottom_20 {
  margin-bottom: clamp(1rem, 2.5vmin, 2vh) !important;
}

.home.fancy-04 .margin_bottom_15 {
  margin-bottom: clamp(1rem, 2vmin, 1.5vh) !important;
}

.home.fancy-04 .margin_bottom_10 {
  margin-bottom: clamp(0.5rem, 1.5vmin, 1vh) !important;
}

.home.fancy-04 .margin_bottom_5 {
  margin-bottom: clamp(0.5rem, 1vmin, 0.5vh) !important;
}

.home.fancy-04 .margin_top_50 {
  margin-top: clamp(1rem, 4vmin, 2.5rem) !important;
}

.home.fancy-04 .margin_top_30 {
  margin-top: clamp(1rem, 3.75vmin, 2.5vh) !important;
}

.home.fancy-04 .margin_top_25 {
  margin-top: clamp(1rem, 3.125vmin, 2.5vh) !important;
}

.home.fancy-04 .margin_top_20 {
  margin-top: clamp(1rem, 2.5vmin, 2vh) !important;
}

.home.fancy-04 .margin_top_15 {
  margin-top: clamp(1rem, 2vmin, 1.5vh) !important;
}

.home.fancy-04 .margin_top_10 {
  margin-top: clamp(0.5rem, 1.5vmin, 1vh) !important;
}

.home.fancy-04 .margin_top_5 {
  margin-top: clamp(0.5rem, 1vmin, 0.5vh) !important;
}

.home.fancy-04 .margin-sep {
  margin: clamp(0.2rem, 1vmin, 0.5vh) !important;
}

.home.fancy-04 .margin-sep-10 {
  margin: clamp(0.2rem, 2vmin, 1vh) !important;
}

.home.fancy-04 .margin-sep-per {
  margin: clamp(0.5%, 1vmin, 1.5vh) !important;
}

.home.fancy-04 .margin_side_5 {
  margin: 0 clamp(0.2rem, 1vmin, 0.5vh) !important;
}

.home.fancy-04 .margin_side_10 {
  margin: 0 clamp(0.2rem, 2vmin, 1vh) !important;
}

.home.fancy-04 .margin_side_15 {
  margin: 0 clamp(0.3rem, 3vmin, 1.5vh) !important;
}

.home.fancy-04 .margin_side_20 {
  margin: 0 clamp(0.5rem, 4vmin, 2vh) !important;
}

.home.fancy-04 .margin_side_25 {
  margin: 0 clamp(0.6rem, 5vmin, 2.5vh) !important;
}

.home.fancy-04 .margin_side_30 {
  margin: 0 clamp(1rem, 6vmin, 3vh) !important;
}

.home.fancy-04 .margin_r_5,
#ar.home.fancy-04 .margin_l_5 {
  margin: 0 clamp(0.2rem, 1vmin, 0.5vh) 0 0 !important;
}

.home.fancy-04 .margin_l_5,
#ar.home.fancy-04 .margin_r_5 {
  margin: 0 0 0 clamp(0.2rem, 1vmin, 0.5vh) !important;
}

.home.fancy-04 .margin_r_10,
#ar.home.fancy-04 .margin_l_10 {
  margin: 0 clamp(0.2rem, 2vmin, 1vh) 0 0 !important;
}

.home.fancy-04 .margin_l_10,
#ar.home.fancy-04 .margin_r_10 {
  margin: 0 0 0 clamp(0.2rem, 2vmin, 1vh) !important;
}

.home.fancy-04 .margin_r_15,
#ar.home.fancy-04 .margin_l_15 {
  margin: 0 clamp(0.3rem, 3vmin, 1.5vh) 0 0 !important;
}

.home.fancy-04 .margin_l_15,
#ar.home.fancy-04 .margin_r_15 {
  margin: 0 0 0 clamp(0.3rem, 3vmin, 1.5vh) !important;
}

.home.fancy-04 .margin_r_20,
#ar.home.fancy-04 .margin_l_20 {
  margin: 0 clamp(0.5rem, 4vmin, 2vh) 0 0 !important;
}

.home.fancy-04 .margin_l_20,
#ar.home.fancy-04 .margin_r_20 {
  margin: 0 0 0 clamp(0.5rem, 4vmin, 2vh) !important;
}

.home.fancy-04 .margin_r_25,
#ar.home.fancy-04 .margin_l_25 {
  margin: 0 clamp(0.6rem, 5vmin, 2.5vh) 0 0 !important;
}

.home.fancy-04 .margin_l_25,
#ar.home.fancy-04 .margin_r_25 {
  margin: 0 0 0 clamp(0.6rem, 5vmin, 2.5vh) !important;
}

.home.fancy-04 .margin_r_30,
#ar.home.fancy-04 .margin_l_30 {
  margin: 0 clamp(1rem, 6vmin, 3vh) 0 0 !important;
}

.home.fancy-04 .margin_l_30,
#ar.home.fancy-04 .margin_r_30 {
  margin: 0 0 0 clamp(1rem, 6vmin, 3vh) !important;
}

.home.fancy-04 .margin_r_auto,
#ar.home.fancy-04 .margin_l_auto {
  margin: 0 auto 0 0 !important;
}

.home.fancy-04 .margin_l_auto,
#ar.home.fancy-04 .margin_r_auto {
  margin: 0 0 0 auto !important;
}

.home.fancy-04 .padding-reset {
  padding: 0 !important;
}

.fancy-04 .padding_bottom_50 {
  padding-bottom: clamp(1rem, 4vmin, 2.5rem) !important;
}

.fancy-04 .padding_bottom_40 {
  padding-bottom: clamp(1rem, 4vmin, 2.5vh) !important;
}

.home.fancy-04 .padding_bottom_30 {
  padding-bottom: clamp(1rem, 3vmin, 2.25vh) !important;
}

.home.fancy-04 .padding_bottom_25 {
  padding-bottom: clamp(1rem, 2.5vmin, 2vh) !important;
}

.home.fancy-04 .padding_bottom_20 {
  padding-bottom: clamp(1rem, 2vmin, 1.75vh) !important;
}

.home.fancy-04 .padding_bottom_15 {
  padding-bottom: clamp(0.5rem, 1.5vmin, 1.25vh) !important;
}

.home.fancy-04 .padding_bottom_10 {
  padding-bottom: clamp(0.5rem, 1vmin, 1vh) !important;
}

.home.fancy-04 .padding_bottom_5 {
  padding-bottom: clamp(0.5rem, 0.5vmin, 0.5vh) !important;
}

.home.fancy-04 .padding_top_50 {
  padding-top: clamp(2rem, 5vmin, 4.5vh) !important;
}

.home.fancy-04 .padding_top_35 {
  padding-top: clamp(1.5rem, 4vmin, 3.5vh) !important;
}

.home.fancy-04 .padding_top_30 {
  padding-top: clamp(1rem, 3vmin, 2.25vh) !important;
}

.home.fancy-04 .padding_top_25 {
  padding-top: clamp(1rem, 2.5vmin, 2vh) !important;
}

.home.fancy-04 .padding_top_20 {
  padding-top: clamp(1rem, 2vmin, 1.75vh) !important;
}

.home.fancy-04 .padding_top_15 {
  padding-top: clamp(0.5rem, 1.5vmin, 1.25vh) !important;
}

.home.fancy-04 .padding_top_10 {
  padding-top: clamp(0.5rem, 1vmin, 1vh) !important;
}

.home.fancy-04 .padding_top_5 {
  padding-top: clamp(0.5rem, 0.5vmin, 0.5vh) !important;
}

.home.fancy-04 .padding-5 {
  padding: clamp(0.5rem, 0.5vmin, 0.5vh) !important;
}

.home.fancy-04 .padding-10 {
  padding: clamp(0.5rem, 1vmin, 1vh) !important;
}

.home.fancy-04 .padding-15 {
  padding: clamp(0.5rem, 1.5vmin, 1.25vh) !important;
}

.home.fancy-04 .padding-20 {
  padding: clamp(1rem, 2vmin, 1.75vh) !important;
}

.home.fancy-04 .padding-25 {
  padding: clamp(1rem, 2.5vmin, 2vh) !important;
}

.home.fancy-04 .padding-30 {
  padding: clamp(1rem, 3vmin, 2.25vh) !important;
}

.home.fancy-04 .padding-10-20 {
  padding: clamp(0.5rem, 1vmin, 1vh) clamp(1rem, 2vmin, 1.75vh);
}

.home.fancy-04 .padding-sep {
  padding: 0 clamp(0.5rem, 0.5vmin, 0.5vh);
}

.home.fancy-04 .padding-sep-10 {
  padding: 0 clamp(0.5rem, 1vmin, 1vh);
}

.home.fancy-04 .padding-sep-15 {
  padding: 0 clamp(0.5rem, 1.5vmin, 1.25vh);
}

.home.fancy-04 .padding-sep-20 {
  padding: 0 clamp(1rem, 2vmin, 1.75vh);
}

.home.fancy-04 .padding_side_5 {
  padding-left: clamp(0.5rem, 0.5vmin, 0.5vh) !important;
  padding-right: clamp(0.5rem, 0.5vmin, 0.5vh) !important;
}

.home.fancy-04 .padding_side_10 {
  padding-left: clamp(0.5rem, 1vmin, 1vh) !important;
  padding-right: clamp(0.5rem, 1vmin, 1vh) !important;
}

.home.fancy-04 .padding_side_15 {
  padding-left: clamp(0.5rem, 1.5vmin, 1.25vh) !important;
  padding-right: clamp(0.5rem, 1.5vmin, 1.25vh) !important;
}

.home.fancy-04 .padding_side_20 {
  padding-left: clamp(1rem, 2vmin, 1.75vh) !important;
  padding-right: clamp(1rem, 2vmin, 1.75vh) !important;
}

.home.fancy-04 .padding_side_25 {
  padding-left: clamp(1rem, 2.5vmin, 2vh) !important;
  padding-right: clamp(1rem, 2.5vmin, 2vh) !important;
}

.home.fancy-04 .padding_side_30 {
  padding-left: clamp(1rem, 3vmin, 2.25vh) !important;
  padding-right: clamp(1rem, 3vmin, 2.25vh) !important;
}

.home.fancy-04 .padding_side_35 {
  padding-left: clamp(10px, 3.5vw, 35px) !important;
  padding-right: clamp(10px, 3.5vw, 35px) !important;
}

.home.fancy-04 .padding_side_40 {
  padding-left: clamp(12px, 4vw, 40px) !important;
  padding-right: clamp(12px, 4vw, 40px) !important;
}

.home.fancy-04 .padding_side_45 {
  padding-left: clamp(15px, 4.5vw, 45px) !important;
  padding-right: clamp(15px, 4.5vw, 45px) !important;
}

.home.fancy-04 .padding_side_50 {
  padding-left: clamp(20px, 5vw, 50px) !important;
  padding-right: clamp(20px, 5vw, 50px) !important;
}

.home.fancy-04 .padding_right_5 {
  padding-left: 0 !important;
  padding-right: clamp(2px, 0.5vw, 5px) !important;
}

#ar .home.fancy-04 .padding_right_5 {
  padding-left: clamp(2px, 0.5vw, 5px) !important;
  padding-right: 0 !important;
}

.home.fancy-04 .padding_right_10 {
  padding-left: 0 !important;
  padding-right: clamp(5px, 1vw, 10px) !important;
}

#ar .home.fancy-04 .padding_right_10 {
  padding-left: clamp(5px, 1vw, 10px) !important;
  padding-right: 0 !important;
}

.home.fancy-04 .padding_right_1per {
  padding-left: 0 !important;
  padding-right: clamp(5px, 1vw, 1%) !important;
}

#ar .home.fancy-04 .padding_right_1per {
  padding-left: clamp(5px, 1vw, 1%) !important;
  padding-right: 0 !important;
}

.home.fancy-04 .padding_top_bottom_5 {
  padding: clamp(2px, 0.5vw, 5px) 0;
}

.home.fancy-04 .padding_top_bottom_10 {
  padding: clamp(5px, 1vw, 10px) 0;
}

.home.fancy-04 .padding_top_bottom_15 {
  padding: clamp(10px, 1.5vw, 15px) 0;
}

.home.fancy-04 .padding_left_0 {
  padding-left: 0 !important;
}

#ar .home.fancy-04 .padding_left_0 {
  padding-right: 0 !important;
  padding-left: auto !important;
}

.fancy-04 #masthead .tWhite-i,
.home.fancy-04 #masthead-wrapper:not(.fixed-header) #nav > li > a > span > span,
.home.fancy-04 #nav > li.hover > a > span > span,
.home.fancy-04 #masthead-wrapper:not(.fixed-header) .lang_top_logout span,
.home.fancy-04 #masthead-wrapper:not(.fixed-header) .lang_top_logout i,
.home.fancy-04
  #masthead-wrapper:not(.fixed-header)
  #register_btn_top
  .i-down-arrow-1 {
  color: #fff !important;
}

.home.fancy-04 #language-container .toplink-lang a {
  color: #fff;
}

body.fancy-04 #masthead-wrapper li span,
body.fancy-04 .lang_top_logout span,
body.fancy-04 .register_options li,
body.fancy-04 .lang_top_logout_list .toplink-lang-ar {
  font-family: 'PlusJakartaSans';
  letter-spacing: -0.011em;
  text-transform: capitalize;
  font-size: clamp(1rem, 0.7vw, 3.5rem) !important;
  line-height: clamp(1.325rem, 1vw, 5rem) !important;
  color: #000;
}

#ar.fancy-04 #masthead-wrapper li span,
#ar.fancy-04 .lang_top_logout span,
#ar.fancy-04 .register_options li,
#ar.fancy-04 .lang_top_logout_list .toplink-lang-ar {
  font-family: 'DroidKufi-Regular';
  letter-spacing: unset;
  text-transform: unset;
  font-size: clamp(0.875rem, 0.7vw, 3.5rem);
  line-height: 30px;
}

.fancy-04 #masthead {
  padding: 0 clamp(2rem, 8vw, 10rem) 0 clamp(2rem, 8vw, 10rem);
}

body.fancy-04.home #masthead-wrapper:not(.fixed-header) {
  position: absolute;
  z-index: 999;
  border: none;
  background: linear-gradient(
    180deg,
    rgb(0 0 0 / 23%) 0%,
    rgb(102 102 102 / 15%) 100%
  );
  box-shadow: 0px 4px 30px 0px #0000000d;
}

body.fancy-04:not(.home) #masthead-wrapper {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 99;
  margin: 0;
  border-bottom: 1px solid #f0f0f0;
}

.fancy-04 #ar .btn_separator {
  padding: 10px 14px 10px 10px !important;
}

.fancy-04 .padding_side_custom {
  padding: 0 5px 0 0;
}

#ar.fancy-04 .padding_side_custom {
  padding: 0 0 0 5px;
}

.fancy-04 .btn_separator:after,
.fancy-04 .lang_top_logout {
  background: transparent !important;
}

.fancy-04 #masthead .lang_top_logout_list {
  top: 100%;
  border: 1px solid #e7e8e9;
  border-radius: clamp(2px, 1vw, 5px);
  width: 100px;
  left: -30px;
}

.fancy-04 .bcc_top_profile_hover {
  border: 7px solid transparent;
}

.fancy-04 .bcc_top_action_loggedin:hover .bcc_top_profile_hover {
  border: 7px solid rgba(246, 100, 3, 0.1);
}

.fancy-04 #masthead #register_btn_top .i-down-arrow-1,
.fancy-04 #masthead-wrapper .lang_top_logout .i-down-arrow-1 {
  font-size: clamp(0.75rem, 0.6vw, 3rem) !important;
  transition: transform 0.6s ease;
  transform: rotate(-360deg);
}

.fancy-04 #masthead #register_btn_top .i-down-arrow-1 {
  color: #f66403;
}

.fancy-04 #masthead .lang_top_logout {
  font-size: clamp(0.875rem, 0.7vw, 3.5rem) !important;
  line-height: clamp(1.75rem, -5.2vw, 5.5rem) !important;
  height: 2rem;
}

.fancy-04 #masthead-wrapper #nav-wrapper {
  transition: width 2s;
  transition-timing-function: linear;
  width: 85%;
}

.fancy-04 #nav {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.fancy-04 #nav li {
  line-height: clamp(2.5rem, 3vw, 6.75rem) !important;
}

.home.fancy-04 .fixed-header #nav .on span span,
.home.fancy-04 .fixed-header #nav > li > a > span > span,
.home.fancy-04 .fixed-header .bcc_top_action_loggedin p,
.home.fancy-04 .fixed-header .bcc_top_action_loggedin i,
.home.fancy-04 .fixed-header .multi-emp .fancy_login_btn_top,
.home.fancy-04 .fixed-header #nav-wrapper span.emp_nav span:after,
.home.fancy-04 .fixed-header #language-container > p > .toplink-lang a,
.fancy-04 #masthead-wrapper.fixed-header .lang_top_logout .i-down-arrow-1 {
  color: #000;
}

body.fancy-04:not(.home) #masthead-wrapper span.emp_nav span:after,
body.fancy-04:not(.home)
  #masthead-wrapper:not(.fixed-header)
  .lang_top_logout
  .i-down-arrow {
  color: #000 !important;
}

.fancy-04 #nav .hover .sub-nav,
.fancy-04 .logged_hover_panel,
.fancy-04 #masthead .lang_top_logout .lang_top_logout_list,
.fancy-04 .register_options,
.fancy-04 .bcc_head_lang {
  width: 14vw;
  border-radius: clamp(0.5rem, 0rem, 3rem);
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.068) 0px 20px 30px;
  margin: 0 auto;
  right: 0;
  left: 0;
  border: 0;
  top: 100%;
  background: #fff !important;
  backdrop-filter: blur(27px);
  padding: 5% 0 !important;
}

.fancy-04 .logged_hover_panel {
  overflow: visible;
}

.fancy-04 .bcc_head_lang {
  box-shadow: unset;
  overflow: visible;
  top: 0;
  left: -100%;
}

.fancy-04 #nav li:is(.off):not(.tab1) .sub-nav,
.fancy-04 .logged_hover_panel,
.fancy-04 #masthead .lang_top_logout .lang_top_logout_list,
.fancy-04 .register_options,
.fancy-04 .bcc_head_lang {
  display: block;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  top: 200%;
}

.fancy-04 #nav li:is(.hover):not(.tab1) .sub-nav,
.fancy-04 .bcc_top_action_loggedin:hover .logged_hover_panel,
.fancy-04 #masthead .lang_top_logout:hover .lang_top_logout_list,
.fancy-04 .register_btn_top_container:hover .register_options,
.fancy-04 .bcc_head_lang:hover {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
    opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  visibility: visible;
  top: 100%;
}

.fancy-04 #nav .hover .sub-nav li,
.fancy-04 #nav .hover .sub-nav span,
.fancy-04 .lang_top_logout_list .toplink-lang,
.fancy-04 .bcc_head_lang .toplink-lang {
  line-height: 1.4;
  position: relative;
}

.fancy-04 #nav .hover .sub-nav a,
.fancy-04 .lang_top_logout_list .toplink-lang a,
.fancy-04 .bcc_head_lang .toplink-lang a,
.fancy-04 .lang_top_logout_list a,
.fancy-04 .register_options li a,
.fancy-04 .logged_hover_panel li a {
  line-height: 1.4;
  letter-spacing: -0.009em;
  padding: 7% !important;
  transition: all 0s;
  font-size: clamp(0.875rem, 0.7vw, 3.5rem);
  text-align: left !important;
  color: #000;
}

#ar.fancy-04 #nav .hover .sub-nav a,
#ar.fancy-04 .lang_top_logout_list .toplink-lang a,
#ar.fancy-04 .bcc_head_lang .toplink-lang a,
#ar.fancy-04 .lang_top_logout_list a,
#ar.fancy-04 .register_options li a,
#ar.fancy-04 .logged_hover_panel li a {
  text-align: right !important;
}

.fancy-04 #nav .hover .sub-nav a:hover span,
.fancy-04 .logged_hover_panel a:hover,
.fancy-04 #masthead .lang_top_logout_list:hover,
.fancy-04 .register_options li a:hover,
.fancy-04 .logged_hover_panel li a:hover,
.fancy-04 .lang_top_logout_list .toplink-lang a:hover,
.fancy-04 .bcc_head_lang .toplink-lang a:hover {
  color: #f66403 !important;
}

.fancy-04 #nav .sub-nav a:after,
.fancy-04 #masthead .lang_top_logout:hover .lang_top_logout_list a:after,
.fancy-04 .register_options li a:after,
.fancy-04 .logged_hover_panel li a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0px;
  height: 100%;
  color: #f66403;
  border-radius: 4px;
  transition: all 0.4s;
  z-index: -1;
  opacity: 1;
}

.fancy-04 #nav .sub-nav a:hover:after,
.fancy-04 #masthead .lang_top_logout:hover .lang_top_logout_list a:hover:after,
.fancy-04 .register_options li a:hover:after,
.fancy-04 .logged_hover_panel li a:hover:after {
  background-color: #f66403;
  border-radius: 4px;
  width: 5px;
  left: 0;
  opacity: 1;
  z-index: 99;
}

#ar.fancy-04 #nav .sub-nav a:after,
#ar.fancy-04 #masthead .lang_top_logout:hover .lang_top_logout_list a:after,
#ar.fancy-04 #nav .sub-nav a:hover:after,
#ar.fancy-04
  #masthead
  .lang_top_logout:hover
  .lang_top_logout_list
  a:hover:after,
#ar.fancy-04 .register_options li a:hover:after,
#ar.fancy-04 .logged_hover_panel li a:after {
  right: 0;
  left: auto;
}

.fancy-04 #nav > li {
  padding: 2% 4% 2% 2%;
  text-align: left;
}

#ar.fancy-04 #nav > li {
  text-align: right;
  padding: 2% 2% 2% 5%;
  font-size: clamp(0.875rem, 0.7vw, 3.5rem);
}

.fancy-04 #masthead #nav > li.tab1,
.fancy-04 #nav li:not(:has(.sub-nav)) {
  padding: 2% 2% 2% 2%;
}

.fancy-04 .lang_top_logout_list .toplink-lang span:hover,
.fancy-04 .lang_top_logout_list .toplink-lang a:hover,
.fancy-04 .register_options li:hover,
.fancy-04 #nav .hover .sub-nav a:active,
.fancy-04 #nav .hover .sub-nav a:hover,
.fancy-04 #nav .hover .sub-nav a:focus,
.fancy-04 .logged_hover_panel li:active,
.fancy-04 .logged_hover_panel li:focus,
.fancy-04 .logged_hover_panel li a:active,
.fancy-04 .logged_hover_panel li a:focus,
.fancy-04 #masthead .lang_top_logout_list:active,
.fancy-04 #masthead .lang_top_logout_list:focus,
.fancy-04 .register_options li a:active,
.fancy-04 .register_options li a:focus,
.fancy-04 .lang_top_logout_list .toplink-lang a:active,
.fancy-04 .lang_top_logout_list .toplink-lang a:focus,
.fancy-04 .bcc_head_lang .toplink-lang a:focus,
.fancy-04 .bcc_head_lang .toplink-lang a:active {
  background: rgba(246, 100, 3, 0.02);
  color: #f66403 !important;
}

body.fancy-04 #masthead-wrapper .has-items > a span span:after,
body.fancy-04 #masthead-wrapper .has-items > a span span:after,
body.fancy-04 #masthead-wrapper .has-items > a span span:after {
  content: '\ea9b';
  transform: rotate(-360deg);
  font-weight: normal;
  font-size: clamp(0.75rem, 0.6vw, 3rem);
  transition: transform 0.6s ease;
  right: -1.5rem;
}

#ar.fancy-04 #masthead-wrapper .has-items > a span span:after,
#ar.fancy-04 #masthead-wrapper .has-items > a span span:after,
#ar.fancy-04 #masthead-wrapper .has-items > a span span:after {
  left: -1.5rem;
  right: auto;
}

body.fancy-04 #masthead-wrapper .lang_top_logout .i-down-arrow-1 {
  left: 0.5rem;
}

#ar.fancy-04 #masthead-wrapper .lang_top_logout .i-down-arrow-1 {
  right: 0.75rem;
  left: auto;
}

.fancy-04 .nav-menu .notification_tip,
.fancy-04 #nav .notification_tip {
  border-radius: clamp(5px, 2vw, 15px);
  padding: 2px 10px !important;
  font-size: clamp(0.75rem, 0.5vw, 2.5rem) !important;
  line-height: 12px !important;
  margin: 0px 0 0 6px;
  background: #f66403;
  color: #fff !important;
}

.fancy-04
  #masthead-wrapper:not(.fixed-header)
  #nav
  > li:hover
  > a
  > span
  > span,
.fancy-04 .fixed-header #nav > li:hover > a > span > span,
.fancy-04 #masthead-wrapper .lang_top_logout:hover span,
.home.fancy-04
  #masthead-wrapper:not(.fixed-header)
  .lang_top_logout:hover
  span {
  color: #f66403 !important;
}

.fancy-04 #masthead-wrapper button {
  line-height: 12px !important;
}

.fancy-04 #masthead-wrapper.fixed-header {
  position: fixed;
  background: #fff;
  transition: 0.5s;
  z-index: 999;
  box-shadow: unset;
  border-bottom: unset;
}

.fancy-04 #masthead .fancy_login_btn_top,
.fancy-04 #masthead .fancy_register_btn_top {
  height: 3rem !important;
  padding: 12px 25px;
  box-shadow: 0px 1px 2px 0px #1018280d;
  width: max-content;
  font-size: clamp(0.875rem, 0.7vw, 3.5rem) !important;
}

.fancy-04 .logged-user-data {
  padding: 16px 10px 16px 5px;
}

#ar.fancy-04 .logged-user-data {
  padding: 16px 5px 16px 10px;
}

.fancy-04 .logged_hover_panel li:last-child a {
  border-radius: 0 0 clamp(4px, 1vw, 12px) clamp(4px, 1vw, 12px);
}

.fancy-04 #logo,
.fancy-04 #mobileLogo {
  height: 10vh;
  width: 12vw;
}

.fancy-04 .banner-section .video-container {
  padding-bottom: 56.25%;
}

.fancy-04 .banner-section .with-dots .slick-dots {
  bottom: 160px;
}

.home.fancy-04 .banner-height h1,
.home.fancy-04 .banner-height p {
  text-align: center;
}

.fancy-04 .banner-section ~ .search_home_mod_with_banner {
  position: absolute;
  top: 80vh;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.fancy-04 #content-head-bar.new-theme input {
  color: #000 !important;
  background: #fff !important;
  padding: 1em 3.4em !important;
  border-color: #ebebeb !important;
  border-radius: clamp(12px, 0.8vw, 40px);
  width: 30vw;
}

#ar.fancy-04 #content-head-bar.new-theme input {
  padding: 2% 10% 2% 5% !important;
}

.fancy-04 #content-head-bar.new-theme .search_input_icon {
  left: 4%;
}

#ar.fancy-04 #content-head-bar.new-theme .search_input_icon {
  right: 4%;
  left: auto;
}

.fancy-04 #content-head-bar.new-theme input::placeholder,
.fancy-04 #content-head-bar.new-theme input {
  color: #000 !important;
}

.fancy-04 #content-head-bar.new-theme {
  background: transparent !important;
  box-shadow: unset;
}

.fancy-04 .fancy-about-container .bcc-logo-img {
  width: 75%;
  height: auto;
}

#ar.fancy-04 .fancy-about-container .bcc-logo-container,
#ar.fancy-04 .fancy-about-container .bcc-logo-img {
  transform: scaleX(-1);
}

.fancy-04 .dynamic-width {
  width: 25.5vw;
  height: 65vh;
  transition: 0.015s ease;
  transition: background-size 0.3s ease, filter 0.3s ease;
  overflow: hidden;
  position: relative;
}

.fancy-04 .action_box img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: -1;
  transition: transform 0.6s ease, filter 0.6s ease;
  position: absolute;
  top: 0;
  right: 0;
}

.fancy-04 .action_box:hover img {
  filter: brightness(115%);
  transform: scale(1.2);
}

.fancy-04 .action_box a {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.128373) 48.4%,
    rgba(0, 0, 0, 0.6) 78.18%,
    rgba(0, 0, 0, 0.6) 100%
  );
  transition: 0.4s ease;
  position: relative;
  z-index: 1;
  margin: 0;
  padding-top: 2rem;
}

.fancy-04 .action_box_body {
  transition: transform 0.3s ease;
}

.fancy-04 .action_box:hover .action_box_body {
  transform: translateY(-20px);
}

.fancy-04 .action_box a:hover i {
  transform: translate(5px, 0px);
  transition: linear 0.3s;
}

.home.fancy-04 .latest_jobs_box {
  min-height: 160px;
}

.home.fancy-04 .latest_jobs_home_mod .fancy_btn_main {
  color: #fff !important;
  background: #f66403 !important;
  transition: 0.4s;
  padding: 1em 1.4em;
}

.home.fancy-04 .latest_jobs_home_mod .margin-top-min-30 {
  margin-top: -25px !important;
}

.home.fancy-04 .fancy_btn_all {
  padding: 1.5em 1.5em;
  height: 5vh;
}

.home.fancy-04 .latest_jobs_home_mod nav.slider-tools {
  justify-content: start;
}

.home.fancy-04
  .latest_jobs_home_mod
  nav.slider-tools
  .latest_jobs_block-slick-arrows {
  left: 4rem;
  position: absolute;
}

#ar.home.fancy-04 .latest_jobs_home_mod nav.slider-tools .sldr_prev {
  left: -10rem;
  right: auto;
}

#ar.home.fancy-04 .latest_jobs_home_mod nav.slider-tools .sldr_next {
  left: -6rem;
  right: auto;
}

.home.fancy-04 .latest_jobs_home_mod .box_hover:hover {
  box-shadow: 1px 1px 6px 4px rgb(102 102 102 / 10%);
}

.home.fancy-04 .testimonials_home_mod .slick-track:before,
.home.fancy-04 .testimonials_home_mod .slick-track:after,
.home.fancy-04 .testimonials_home_mod .quote-before-box:before,
.home.fancy-04 .testimonials_emp_home_mod .slick-track:before,
.home.fancy-04 .testimonials_emp_home_mod .slick-track:after,
.home.fancy-04 .testimonials_emp_home_mod .quote-before-box:before {
  content: '';
}

.home.fancy-04 .testimonial-figure {
  width: 20vw;
  height: 40vh;
  background-color: rgba(246, 100, 3, 0.35);
  border-radius: 0px 40rem 40rem 40rem;
  overflow: hidden;
}

.home.fancy-04 .outline-ellipse,
.home.fancy-04 .filled-ellipse {
  border: 1px solid #f4f4f4;
  background: #f4f4f4;
  height: 10px;
  width: 10px;
}

.home.fancy-04 .filled-ellipse {
  top: 35%;
  left: 90%;
}

.home.fancy-04 .outline-ellipse {
  top: 65%;
  left: 10%;
  background: transparent;
}

.home.fancy-04 .fancy_testimonial_img {
  top: 6vh;
}

.home.fancy-04 .testimonials_home_mod nav,
.home.fancy-04 .testimonials_emp_home_mod nav {
  top: -5rem;
  left: 5rem;
}

.home.fancy-04 .slider-tools .sldr_next,
.home.fancy-04 .slider-tools .sldr_prev {
  padding: clamp(1.5rem, 4vmin, 2.25vh) !important;
}

.home.fancy-04 .slider-tools .sldr_next .fancy-arrow,
.home.fancy-04 .slider-tools .sldr_prev .fancy-arrow {
  font-size: clamp(2rem, 1.75vw, 4rem) !important;
}

.home.fancy-04 .slider-tools .sldr_next {
  right: -3vw;
}

.home.fancy-04 .slider-tools .sldr_prev {
  left: -4rem;
}

#ar.home.fancy-04 .slider-tools .sldr_next {
  left: -10rem;
  right: auto;
}

#ar.home.fancy-04 .slider-tools .sldr_prev {
  right: 11rem;
  left: auto;
}

.home.fancy-04 .news_home_mod .new-theme .recent_news_logo,
.home.fancy-04 .news_home_mod .new-theme .recent-news-box,
.home.fancy-04 .news_home_mod figure {
  border-radius: clamp(20px, 1.25vw, 60px);
}

.home.fancy-04 .new-theme .recent_news_logo,
.home.fancy-04 .new-theme .recent_news_logo_list {
  height: 32vh;
  transform: translate(0, -10px);
  margin-bottom: -10px;
}

.home.fancy-04 .news_home_mod figure {
  box-shadow: 0px 10px 36px 0px #00000029;
}

.home.fancy-04 .news_home_mod .new-theme .recent-news-box:hover figure {
  filter: brightness(110%);
  transform: translate(0, -5px);
  transition: transform 0.2s ease-out, filter 0.2s ease-out;
}

.home.fancy-04 .news_item .widget-body {
  border-radius: clamp(20px, 1.25vw, 60px);
}

.home.fancy-04 .team_slider.fancy-grid {
  grid-auto-columns: 1fr;
  display: grid;
  grid-column-gap: 1%;
  grid-row-gap: 5%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: clamp(1rem, 2.75vmin, 8.5vh) !important;
  margin-bottom: clamp(1rem, 6.75vmin, 8.5vh) !important;
}

.home.fancy-04 .team-section figure {
  height: 45vh;
  overflow: hidden;
  border-radius: clamp(20px, 1.25vw, 60px);
  transition: 0.015s ease;
  transition: background-size 0.3s ease, filter 0.3s ease;
}

.home.fancy-04 .team-section .fancy_team_img {
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: bottom;
  border-radius: clamp(20px, 1.25vw, 60px);
  background-color: rgba(246, 100, 3, 0.2);
  transition: transform 0.6s ease, filter 0.6s ease;
}

.home.fancy-04 .team-section figure:hover img {
  filter: brightness(100%);
  transform: scale(1.2);
  transition: transform 0.6s ease, filter 0.6s ease;
}

.home.fancy-04 .team-section .member-info {
  box-shadow: 0 clamp(0.5px, 0.1vw, 2px) clamp(1px, 0.2vw, 5px) 0
    rgba(1, 29, 38, 0.07);
  padding: clamp(10px, 2vw, 15px) clamp(10px, 2vw, 15px) clamp(15px, 2vw, 25px);
  transition: box-shadow 0.015s ease-out,
    transform clamp(0.1s, 0.2s, 0.5s) ease-out;
  top: auto;
  bottom: clamp(-60px, -5vw, -50px);
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.home.fancy-04 .team-section .member-info:hover {
  box-shadow: 0 10px 20px 0 #011d2612;
}

.home.fancy-04 .team-section .member-social-container {
  height: 0;
  overflow: hidden;
  transition: height 0.015s ease;
}

.home.fancy-04 .team-section .member-social-container a {
  background-color: #f1f6f6;
  border: 2px solid rgba(0, 0, 0, 0);
  transition: transform 0.015s ease-out, border-color 0.015s ease-out,
    background-color 0.015s ease-out;
  display: inline-block;
  padding: clamp(0.5rem, 1vmin, 1vh);
  margin: 5% 2% 2% 0;
}

.home.fancy-04 .team-section .member-social-container a:hover {
  border-color: #e3e5e5;
  background-color: rgba(0, 0, 0, 0);
  transform: scale(1.05);
}

.home.fancy-04 .team-section .member-social-container i {
  color: #585863 !important;
}

.fancy-04 #footer-wrapper {
  border-top: 0.15rem solid #eaecf0;
}

.fancy-04 #footer .footerIcons {
  margin: 0 clamp(0.5rem, 0.5vmin, 1vh) 0 0;
}

.fancy-04 #footer #logo-footer img {
  max-height: 8vh;
  max-width: 15vw;
}

.fancy-04 #footer-wrapper #footer a:hover i {
  color: rgba(246, 100, 3, 0.8);
  transition: all 0.1s ease-out;
}

.fancy-04.privacy-statement #content .privacy-top-tab {
  font-size: clamp(1rem, 1vw, 3.5rem) !important;
}

.fancy-04.privacy-statement #content h2 {
  font-size: clamp(1.25rem, 1vw, 3.5rem) !important;
}

.fancy-04 #privacy_sticky .block-middle-body {
  width: 80vw;
  padding: clamp(0.5rem, 1.5vmin, 1.25vh) !important;
}

.fancy-04 #accept_privacy_sticky {
  margin: 5px clamp(2.5rem, 4vmin, 2vh) 0 0 !important;
}

#ar.fancy-04 #accept_privacy_sticky {
  margin: 5px 0 0 clamp(2.5rem, 4vmin, 2vh) !important;
}

#ar #accept_privacy_sticky {
  font-family: 'DroidKufi-Regular';
}

.fancy-04 #close_privacy_sticky {
  top: 24px;
  right: 10px;
  left: auto;
  font-size: clamp(1rem, 0.8vw, 3rem) !important;
}

#ar.fancy-04 #close_privacy_sticky {
  left: 10px;
  right: auto;
}

body.job .similar-jobs .slick-dots button {
  font-size: 0;
}

@media (max-width: 767px) {
  .fancy-04 #content .margin-reset-p,
  #ar.home.fancy-04 #content .margin-reset-p {
    margin: 0 !important;
  }

  .home.fancy-04 #content .margin_bottom_30-p {
    margin-bottom: clamp(1rem, 5vmin, 3rem) !important;
  }

  .home.fancy-04 #content .margin_bottom_25-p {
    margin-bottom: clamp(1rem, 4vmin, 2.5rem) !important;
  }

  .home.fancy-04 #content .margin_bottom_20-p {
    margin-bottom: clamp(1rem, 4vmin, 2.5rem) !important;
  }

  .home.fancy-04 #content .margin_bottom_15-p {
    margin-bottom: clamp(1rem, 4vmin, 2.5rem) !important;
  }

  .home.fancy-04 #content .margin_bottom_10-p {
    margin-bottom: clamp(1rem, 4vmin, 2.5rem) !important;
  }

  .home.fancy-04 #content .margin_bottom_5-p {
    margin-bottom: clamp(1rem, 4vmin, 2.5rem) !important;
  }

  .home.fancy-04 #content .margin_side_5-p {
    margin-left: clamp(1rem, 4vmin, 2.5rem) !important;
    margin-right: clamp(1rem, 4vmin, 2.5rem) !important;
  }

  .home.fancy-04 #content .margin_side_10-p {
    margin-left: clamp(1rem, 4vmin, 2.5rem) !important;
    margin-right: clamp(1rem, 4vmin, 2.5rem) !important;
  }

  .home.fancy-04 #content .margin_r_auto-p,
  .home.fancy-04 #content #ar .margin_l_auto-p {
    margin: 0 auto clamp(1rem, 4vmin, 2.5rem) 0 !important;
  }

  .home.fancy-04 #content .margin_l_auto-p,
  .home.fancy-04 #content #ar .margin_r_auto-p {
    margin: 0 0 clamp(1rem, 4vmin, 2.5rem) auto !important;
  }

  .home.fancy-04 #content .margin_top_auto-p {
    margin: auto 0 clamp(1rem, 4vmin, 2.5rem) 0 !important;
  }

  .home.fancy-04 #content .margin_bottom_auto-p {
    margin: 0 0 clamp(1rem, 4vmin, 2.5rem) auto !important;
  }

  .home.fancy-04 #content .margin-auto-p {
    margin: auto clamp(1rem, 4vmin, 2.5rem) !important;
  }

  .home.fancy-04 #content .border-reset-p,
  #ar.home.fancy-04 #content .border-reset-p {
    border: none !important;
  }

  .home.fancy-04 #content .padding-reset-p,
  #ar.home.fancy-04 #content .padding-reset-p {
    padding: 0 !important;
  }

  .home.fancy-04 #content .padding-p-5 {
    padding: clamp(0.5rem, 3vmin, 1rem) !important;
  }

  .home.fancy-04 #content .padding-10-p {
    padding: clamp(1rem, 4vmin, 2rem) !important;
  }

  .home.fancy-04 #content .padding-20-p {
    padding: clamp(2rem, 4vmin, 3rem) !important;
  }

  .home.fancy-04 #content .padding-30-p {
    padding: clamp(3rem, 4vmin, 4rem) !important;
  }

  .home.fancy-04 #content .padding_side_10-p {
    padding-left: clamp(1rem, 2vmin, 2rem) !important;
    padding-right: clamp(1rem, 2vmin, 2rem) !important;
  }

  .fancy-04 .fancy_remove_scroll {
    overflow: hidden;
    pointer-events: none;
  }

  .fancy-04 .fancy_remove_scroll #nav-wrapper {
    pointer-events: auto;
  }

  .fancy-04 #masthead-wrapper.fixed-header {
    box-shadow: 0 4px 2px -2px #efefef;
  }

  .fancy-04 #masthead {
    padding: 0 0.5rem 0 0.5rem;
  }

  .fancy-04 #masthead .fancy_login_btn_top,
  .fancy-04 #masthead .fancy_register_btn_top,
  .fancy-04 .nav-menu li:not(.tab1) .sub-nav,
  .fancy-04 #masthead .lang_top_logout_list,
  .fancy-04 .lang_top_logout,
  .fancy-04 #masthead .lang_top_logout .lang_top_logout_list,
  .fancy-04 #content-head-bar.new-theme input,
  .home.fancy-04 .block-middle-body,
  .home.fancy-04 .testimonial-figure {
    width: 100%;
  }

  .fancy-04 #nav .hover .sub-nav,
  .fancy-04 #masthead .lang_top_logout_list,
  .fancy-04 #nav li:is(.hover):not(.tab1) .sub-nav,
  .fancy-04 #masthead .lang_top_logout:hover .lang_top_logout_list,
  .fancy-04 .register_btn_top_container:hover .register_options,
  .fancy-04 .fancyMobile {
    opacity: 1;
    visibility: visible;
    position: absolute;
    top: auto;
    bottom: auto;
  }

  .fancy-04 .bcc_top_action_loggedin:hover .logged_hover_panel {
    top: 100%;
  }

  .fancy-04 .bcc_top_action_loggedin {
    margin: 0 4em 0 0;
  }

  #ar.fancy-04 .bcc_top_action_loggedin {
    margin: 0 0 0 4em;
  }

  .fancy-04 .fancyMobile {
    opacity: 1;
    visibility: visible;
    position: absolute;
    top: auto;
    bottom: 100%;
  }

  .fancy-04 #masthead-wrapper #nav-wrapper span.emp_nav:hover,
  .fancy-04 #masthead-wrapper #nav-wrapper .on .emp_nav:hover,
  .fancy-04
    #masthead-wrapper:not(.fixed-header)
    #language-container-mobile
    .lang_top_logout
    span,
  .fancy-04
    #masthead-wrapper
    #language-container-mobile
    .lang_top_logout
    .i-down-arrow-1 {
    color: #474747 !important;
  }

  .fancy-04 #masthead-wrapper:not(.fixed-header) button.outline i {
    color: inherit;
  }

  body.fancy-04 #masthead-wrapper #masthead .has-items.hover > a span span:after,
  body.fancy-04 #masthead-wrapper #masthead .has-items.hover > a span span:after,
  body.fancy-04 #masthead-wrapper #masthead .has-items.hover > a span span:after,
  .home.fancy-04 .fixed-header #nav-wrapper .hover span.emp_nav span:after,
  body.fancy-04 #masthead-wrapper .lang_top_logout:hover .i-down-arrow-1,
  .fancy-04 #masthead #register_btn_top:hover .i-down-arrow-1,
  .fancy-04 .lang_top_logout_list .toplink-lang a:hover,
  .fancy-04 #nav .sub-nav a:hover:after,
  .fancy-04
    #masthead
    .lang_top_logout:hover
    .lang_top_logout_list
    a:hover:after,
  .fancy-04 .register_options li a:hover:after,
  .fancy-04 .logged_hover_panel li a:hover:after,
  .fancy-04 #nav li.hover a:hover,
  .fancy-04 #nav li.hover a:active,
  .fancy-04 #nav li.hover a:focus .fancy-04 #nav .hover .sub-nav a:active,
  .fancy-04 #nav .hover .sub-nav a:focus,
  .fancy-04 .lang_top_logout:hover,
  .fancy-04 .register_options li:hover,
  body.fancy-04 .register_options li a,
  .fancy-04 .register_options li:active,
  .fancy-04 .register_options li:focus,
  .fancy-04 .register_options li a:hover {
    background: transparent;
    color: unset !important;
  }

  .fancy-04 .lang_top_logout_list .toplink-lang a,
  .fancy-04 .lang_top_logout_list a,
  .fancy-04 .register_options li a {
    text-align: center !important;
  }

  .fancy-04 .register_options,
  .fancy-04 #masthead .lang_top_logout .lang_top_logout_list {
    border: 1px solid #eee !important;
  }

  .fancy-04 #masthead .fancy_login_btn_top,
  .fancy-04 #masthead .fancy_register_btn_top {
    margin-block: 12px !important;
  }

  .fancy-04 #masthead-wrapper #nav-wrapper {
    z-index: 99999;
    padding: 16px;
    overflow: hidden !important;
  }

  .fancy-04 #masthead-wrapper.fixed-header #logo img,
  .fancy-04 #masthead-wrapper #logo img {
    height: auto !important;
    max-width: 100%;
    height: 50px;
  }

  .fancy-04 .lang_top_logout_list,
  .fancy-04 .logged_hover_panel {
    left: 0;
    bottom: 100%;
    z-index: 999999;
  }

  .fancy-04 .fancy-about-container .bcc-logo-container {
    width: 20rem;
    height: 20rem;
  }

  .fancy-04 .fancy-scroll-to-bottom {
    bottom: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .fancy-04 #masthead .multi-emp .i-down-arrow.padding_side_10 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .home.fancy-04 .banner-height,
  .home .video-container,
  .home .banner-height .video {
    height: 100vh !important;
    min-height: 45rem !important;
    object-fit: cover;
  }

  .fancy-04 .logged_hover_panel {
    right: 0 !important;
    left: auto !important;
    bottom: 0;
    top: 100%;
    height: fit-content;
  }

  .fancy-04 .bcc_head_lang {
    right: -100px;
    left: auto;
  }

  #ar.fancy-04 .bcc_head_lang {
    left: -100px;
    right: auto;
  }

  #ar.fancy-04.is_logged_0 #auth-container {
    margin-left: 0;
  }

  .fancy-04 .single-emp,
  .fancy-04 .multi-emp {
    flex-direction: column;
  }

  .fancy-04 .nav-menu > li > a {
    padding: 10px 20px;
    font-weight: normal;
    line-height: 21px;
  }

  .fancy-04 .nav-menu li.tab1 .sub-nav {
    border-bottom: unset;
    padding: 0;
  }

  .fancy-04 .nav-menu li:not(.tab1) .sub-nav {
    padding: 0 45px;
  }

  .fancy-04 #mobileLogo {
    max-width: 180px;
    min-width: 80px;
    max-height: 70px;
    width: 42% !important;
    display: inline-block;
    vertical-align: middle;
    position: relative;
  }

  .fancy-04 #mobileLogo img {
    bottom: 0;
    top: 0;
    position: absolute;
    margin: auto 0;
    max-width: 15vh;
  }

  body.fancy-04 #masthead-wrapper span.emp_nav span:after {
    position: absolute;
    left: 90%;
  }

  body.fancy-04 #masthead-wrapper .lang_top_logout:hover .i-down-arrow-1,
  .fancy-04 #masthead-wrapper .lang_top_logout .i-down-arrow-1 {
    transition: unset !important;
    transform: unset !important;
  }

  body.fancy-04 #masthead-wrapper .has-items > a span span:after,
  body.fancy-04 #masthead-wrapper .has-items > a span span:after,
  body.fancy-04 #masthead-wrapper .has-items > a span span:after,
  body.fancy-04 #masthead-wrapper .has-items.hover > a span span:after,
  body.fancy-04 #masthead-wrapper .has-items.hover > a span span:after,
  body.fancy-04 #masthead-wrapper .has-items.hover > a span span:after,
  body.fancy-04.home #masthead-wrapper .has-items > a span span:after,
  body.fancy-04.home #masthead-wrapper .has-items > a span span:after,
  body.fancy-04.home #masthead-wrapper .has-items > a span span:after {
    color: #f66403 !important;
    transform: unset !important;
    right: 0 !important;
    left: auto !important;
  }

  #ar.fancy-04 #masthead-wrapper .has-items > a span span:after,
  #ar.fancy-04 #masthead-wrapper .has-items > a span span:after,
  #ar.fancy-04 #masthead-wrapper .has-items > a span span:after,
  #ar.fancy-04 #masthead-wrapper .has-items.hover > a span span:after,
  #ar.fancy-04 #masthead-wrapper .has-items.hover > a span span:after,
  #ar.fancy-04 #masthead-wrapper .has-items.hover > a span span:after,
  #ar.fancy-04.home #masthead-wrapper .has-items > a span span:after,
  #ar.fancy-04.home #masthead-wrapper .has-items > a span span:after,
  #ar.fancy-04.home #masthead-wrapper .has-items > a span span:after {
    right: auto !important;
    left: 0 !important;
  }

  .fancy-04 #masthead-wrapper .fancy-mobile-menu {
    height: 75vh;
    margin: 26.5px 0 0 0;
  }

  .fancy-04 #nav .hover .sub-nav,
  .fancy-04 #masthead .lang_top_logout_list,
  .fancy-04 .register_options {
    left: 0;
  }

  .fancy-04 .nav-menu li .sub-nav {
    border-bottom: unset;
  }

  .fancy-04 #nav .hover .sub-nav,
  .fancy-04 .sub-nav {
    display: none;
  }

  body.fancy-04 #masthead-wrapper {
    height: 50px;
  }

  .fancy-04 #logo,
  .fancy-04 #mobileLogo {
    height: 25px;
    width: auto;
    max-width: 100px;
    min-width: 60px;
  }

  body.fancy-04:not(.home) #masthead-wrapper {
    margin: 0 0 0 0;
  }

  .fancy-04 .lang_top_logout_list .toplink-lang a {
    padding: 5% 5% !important;
  }

  .home.fancy-04 #masthead-wrapper:not(.fixed-header) .hamburger_menujs i {
    color: #fff;
  }

  .fancy-04 .bcc_top_profile img {
    max-width: 30px;
    max-height: 30px;
  }

  .home.fancy-04 .latest_jobs_home_mod .margin-top-min-30 {
    margin-top: 50px !important;
  }

  .home.fancy-04 .slider-tools > div {
    width: 100%;
  }

  .home.fancy-04 .testimonials_home_mod nav,
  .home.fancy-04 .testimonials_emp_home_mod nav {
    top: 0;
    left: 0;
    right: 0;
  }

  .home.fancy-04
    .testimonials_emp_home_mod
    nav.slider-tools
    .testimonials_emp_lists-slick-arrows,
  .home.fancy-04
    .testimonials_home_mod
    nav.slider-tools
    .testimonials_lists-slick-arrows,
  .home.fancy-04
    .latest_jobs_home_mod
    nav.slider-tools
    .latest_jobs_block-slick-arrows {
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
    gap: 1rem;
    flex-direction: row;
  }

  #ar.home.fancy-04
    .testimonials_emp_home_mod
    nav.slider-tools
    .testimonials_emp_lists-slick-arrows,
  #ar.home.fancy-04
    .testimonials_home_mod
    nav.slider-tools
    .testimonials_lists-slick-arrows,
  #ar.home.fancy-04
    .latest_jobs_home_mod
    nav.slider-tools
    .latest_jobs_block-slick-arrows {
    flex-direction: row-reverse;
  }

  .home.fancy-04 .slider-tools .sldr_prev,
  .home.fancy-04 .slider-tools .sldr_next {
    position: static;
    margin: 0;
  }

  .fancy-04
    #masthead-wrapper:not(.fixed-header)
    #language-container
    .lang_top_logout
    span,
  .fancy-04
    #masthead-wrapper:not(.fixed-header)
    #language-container
    .lang_top_logout
    i {
    color: #d35400 !important;
  }

  .home.fancy-04 .team_slider.fancy-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .home.fancy-04 .block-middle-body {
    padding: 5% !important;
  }

  .fancy-04 #footer #logo-footer img {
    max-height: 15vh;
    max-width: 60vw;
  }

  .home.fancy-04 .testimonial_box_container .testimonial_body {
    padding: 5%;
  }

  .fancy-04 .dynamic-width {
    width: 28.5vw;
  }

  .fancy-04 .sub-nav li a {
    font-size: clamp(1rem, 0.8vw, 3rem) !important;
    padding: clamp(0.5rem, 0.5vmin, 0.5vh) !important;
    line-height: clamp(1.25rem, 1vw, 5rem) !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .home.fancy-04 .block-middle-body {
    width: 100vw;
  }

  .home.fancy-04 .team_slider.fancy-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .home.fancy-04 .block-middle-body {
    padding: 6% !important;
  }

  .home.fancy-04 .testimonials_home_mod nav,
  .home.fancy-04 .testimonials_emp_home_mod nav {
    top: 0;
    left: 0;
    right: 0;
  }

  .home.fancy-04 .testimonial-figure {
    width: 29vw;
  }

  .fancy-04 .fancy-scroll-to-top button,
  .fancy-04 .fancy-scroll-to-bottom button {
    width: 20vw;
  }

  .home.fancy-04
    .latest_jobs_home_mod
    nav.slider-tools
    .latest_jobs_block-slick-arrows {
    left: -1rem;
  }

  .home.fancy-04 .slider-tools .sldr_prev {
    left: 1rem;
  }

  .home.fancy-04 .slider-tools .sldr_next {
    right: -13vw;
  }

  #footer {
    width: 90vw;
  }
}

.home #content-frame {
  width: 100%;
}

.home #masthead-wrapper {
  margin: 0;
}

#frame-fullpage #content {
  width: 100%;
}

.home #frame-fullpage #content {
  padding: 0;
}

#content {
  width: 100%;
}

#sidebar {
  display: none;
}

.block-middle-wide {
  background: #fff;
  padding: 30px 0;
  border-bottom: 1px solid #e7e8e9;
}

.block-middle {
  padding: 30px 0;
}

.block-middle-body {
  overflow: hidden;
  margin: 0 auto;
  width: 1000px;
}

.bcc_top_action_menu {
  display: inline-block;
  vertical-align: middle;
  margin: 20px 8px;
}

.bcc_top_action_menu button {
  padding: 0 10px;
}

.bcc_top_lang_hover .i-right-arrow {
  line-height: 29px;
}

.logged_hover_panel {
  position: absolute;
  top: 42px;
  left: -48px;
  min-width: 178px;
  background: #fff;
  border-radius: 4px;
  z-index: 99;
}

.logged_hover_panel i {
  margin: 0 5px 0 0;
  vertical-align: baseline;
}

#ar .logged_hover_panel i {
  margin: 0 0 0 5px;
}

.logged_hover_panel,
.bcc_head_lang {
  border: 1px solid #e7e8e9;
}

.logged_hover_panel .toplink-lang a,
.logged_hover_panel a.toplink-lang {
  display: block;
}

.bcc_head_lang {
  padding: 15px;
  top: 0;
  right: 170px;
  background: #fff;
  width: 100px;
  border-width: 1px 0 1px 1px;
}

#ar .bcc_head_lang {
  right: -100px;
  border-width: 1px 1px 1px 0;
}

li.bcc_top_lang_hover:hover .bcc_head_lang {
  display: block;
}

.logged_hover_panel a {
  color: #000;
  text-decoration: none;
  vertical-align: middle;
}

.logged_hover_panel a:hover {
  color: #f66403;
}

.logged_hover_panel li {
  display: block;
  padding: 10px 20px;
  font-size: 15px;
}

.bcc_top_action_loggedin p {
  line-height: 40px !important;
  vertical-align: top !important;
}

.bcc_top_action_loggedin:hover .logged_hover_panel,
.bcc_top_action_loggedin:focus .logged_hover_panel {
  display: block;
}

.logged_arrow {
  vertical-align: text-top;
}

.bcc_top_profile {
  display: inline-block;
}

.bcc_top_profile img {
  max-width: 40px;
  max-height: 40px;
  border-radius: 100%;
}

.job_info_details {
  width: 80%;
}

.job_data_info span {
  margin: 0 12px 0 0;
}

#ar .job_data_info span {
  margin: 0 0 0 12px;
}

.job_data_info span i {
  margin: 0 5px 0 0;
  vertical-align: baseline;
}

.job_data_info {
  margin: 0;
}

#ar .job_data_info span i {
  margin: 0 0 0 5px;
}

.job_info_apply {
  width: 20%;
  text-align: right;
}

#ar .job_info_apply {
  text-align: left;
}

.job_info_apply .btn {
  margin: 15px 0;
}

.quick_search_top {
  display: inline-block;
  line-height: 40px;
  position: relative;
}

.keywords_input_top {
  right: -12px;
  position: absolute;
  height: 40px;
}

.keywords_input_top::-ms-clear {
  display: none;
}

#ar .keywords_input_top {
  right: auto;
  left: -12px;
}

.job.fancy_js .square .col-14 {
  float: right !important;
}

#ar .job.fancy_js .square .col-14 {
  float: left !important;
}

.widget-header h2,
.widget-header h3 {
  font-size: 22px;
}

.recent_news_header {
  margin-bottom: 20px;
}

.login_social_text {
  float: none;
  width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  text-align: center;
}

.login_social_text + .or-shape {
  display: block;
}

.lang_top_logout {
  font-size: 14px;
  background: #d1d2d4;
  border-radius: 3px;
  padding: 0 10px;
  height: 34px;
  line-height: 30px;
}

.lang_top_logout,
.lang_top_logout i {
  color: #333;
}

.lang_top_logout i {
  margin: 0 0 0 2px;
}

.lang_top_logout_list {
  left: 0;
  background: #d1d2d4;
  text-transform: capitalize;
  width: 100%;
  display: none;
  z-index: 9;
}

#ar .lang_top_logout_list {
  left: auto;
  right: 0;
}

.lang_top_logout:hover .lang_top_logout_list {
  display: block;
}

.lang_top_logout_list .toplink-lang-ar {
  font-family: sans_regular, arial, freesans, sans-serif !important;
}

.lang_top_logout_list .toplink-lang a {
  direction: ltr !important;
  display: block;
  padding: 0 10px;
}

.lang_top_logout_list .toplink-lang a:hover {
  background: #bebfc1;
  color: #333;
}

.lang_top_logout_list .toplink-lang a i {
  color: #d35400;
}

.lang_top_logout_list .toplink-lang {
  display: block;
}

.lang_top_logout_list .toplink-lang:first-child {
  margin-top: 0;
}

.latest_jobs_block .latest_job_row {
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 0 0 0;
}

.featured_jobs_home_mod .featured_jobs_row {
  border-bottom: 1px solid #e6e6e6;
  margin: 0 0 10px 0;
}

.featured_jobs_home_mod .featured_jobs_row:last-child {
  border: none;
}

.dropdown-content {
  width: 150px !important;
  display: none;
  position: absolute;
  background-color: #fff;
  z-index: 999;
}

.dropdown-content a {
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 14px;
}

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

.circle-seperator {
  width: 5px;
  height: 5px;
  border-radius: 100%;
  display: inline-block;
  background: #bdbdbd;
}

.team_img {
  width: 100px;
  height: 100px;
  border: 2px solid #fff;
}

.member-social-container i {
  color: #f66403 !important;
  transition: 0.3s;
}

.member-social-container i:hover {
  color: #1255c5 !important;
}

.btn_box_hover:after,
.btn_box_small_hover:after,
.btn_box_small_img_hover figure:after {
  content: '\e8b7';
  font-family: 'lego';
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  right: 44px;
  transition: 0.4s;
  opacity: 0;
  pointer-events: none;
}

.btn_box_hover:after,
.btn_box_small_img_hover figure:after {
  width: 71px;
  height: 71px;
  bottom: -35px;
  z-index: 1;
}

.btn_box_small_hover:after {
  bottom: -30px;
}

.btn_box_small_img_hover figure:after {
  bottom: -10px;
}

.btn_box_small_hover:after,
.btn_box_small_img_hover figure:after {
  width: 60px;
  height: 60px;
}

.btn_box_hover,
.btn_box_small_hover,
.btn_box_small_img_hover figure {
  position: relative;
}

#ar .btn_box_hover:after,
#ar .btn_box_small_hover:after,
#ar .btn_box_small_img_hover figure:after {
  right: auto;
  left: 44px;
  transform: rotate(180deg);
}

.btn_box_hover:hover:after,
.btn_box_small_hover:hover:after,
.btn_box_small_img_hover:hover figure:after {
  right: 24px;
  opacity: 1;
}

#ar .btn_box_hover:hover:after,
#ar .btn_box_small_hover:hover:after,
#ar .btn_box_small_img_hover:hover figure:after {
  right: auto;
  left: 24px;
}

.btn_box_hover:after,
.btn_box_small_hover:after,
.btn_box_small_img_hover figure:after {
  background: #f66403 !important;
  color: hsl(247.058823529, 40%, 95%);
}

@media only screen and (max-width: 767px) {
  .cv_builder_mobile {
    text-align: center !important;
  }

  .dropd_login {
    font-size: 13px;
    font-weight: lighter;
    padding: 0 0 0 3px;
  }

  .dropdown-content {
    width: 100px !important;
  }

  #ar .dropd_login {
    padding: 0 10px 0 3px;
  }
}

#nav-wrapper {
  margin: 0 !important;
}

#logo {
  width: 180px;
  height: 85px;
}

#logo a {
  display: inline;
}

#logo img {
  max-height: 100%;
  border: none;
  max-width: 100%;
}

.lang_top_logout {
  min-width: 60px !important;
}

#fr #nav a {
  margin: 0 20px 0 0;
}

#nav li {
  margin: 0;
}

#nav a {
  padding: 0 9px 0 0;
  margin: 0 40px 0 0;
  position: relative;
}

#ar #nav a {
  padding: 0 0 0 9px;
  margin: 0 0 0 25px;
}

#masthead-wrapper button,
#masthead-wrapper .button,
#masthead-wrapper .btn,
#masthead-wrapper .button-s,
#masthead-wrapper a.button-s,
#masthead-wrapper .toolbox button,
.banner-section button,
.banner-section .button,
.banner-section .btn,
.banner-section .button-s,
.banner-section a.button-s,
.banner-section .toolbox button {
  height: auto !important;
  font-size: 16px !important;
  line-height: 20px;
}

.has-items > a span span:after,
.has-items.hover > a span span:after {
  content: '\E84A';
  font-family: lego;
  transform: rotate(90deg);
  display: inline-block;
  font-weight: 900;
  font-size: 17px;
  position: absolute;
  right: -10px;
}

#ar .has-items > a span span:after,
#ar .has-items.hover > a span span:after {
  left: -10px;
  right: auto;
}

#nav {
  padding: 0;
}

.register-list {
  display: inline-flex;
  align-items: center;
}

.register-list:focus {
  outline: none;
}

.btn_separator,
.register-list {
  position: relative;
}

.btn_separator {
  padding: 10px 20px;
}

.btn_separator:after {
  content: '';
  width: 1px;
  height: 100%;
  display: block;
  background: #000;
  z-index: 1;
  top: 0;
  right: 0;
  position: absolute;
}

#ar .btn_separator:after {
  right: auto;
  left: 0;
}

#ar #nav li {
  font-size: 15px;
}

.register_options li a {
  padding: 0 10px 10px;
  white-space: nowrap;
}

.register_options li:first-of-type {
  margin-top: 10px;
}

.register_options {
  display: none;
  position: absolute;
  top: 110%;
  z-index: 5;
  min-width: 100%;
  background: #fff;
  border: 1px solid #e7e8e9;
  border-radius: 3px;
  left: 0;
  text-align: left;
}

.register_options:before {
  content: '';
  width: 100%;
  height: 30px;
  background: transparent;
  position: absolute;
  top: -30%;
  left: 0;
}

#ar .register_options {
  text-align: right;
}

.register_btn_top_container:hover .register_options {
  display: block;
}

.register_options a {
  font-size: 14px;
}

.logged_hover_panel {
  right: 0 !important;
  left: auto !important;
}

#ar .logged_hover_panel {
  right: auto !important;
  left: 0 !important;
}

@media (max-width: 667px) {
  #masthead-wrapper {
    display: flex;
    align-items: center;
    padding: 0 5px;
  }

  .hamburger_menujs {
    margin: 0 !important;
  }

  #logo {
    max-width: 110px;
    max-height: 70px;
  }
}

.prevent-pointer-events {
  pointer-events: none !important;
}

.banner-section .video-container {
  position: relative;
  width: 100%;
  height: 100%;
  background: black;
}

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

.banner-section h1 {
  font-size: 60px;
  line-height: 80px;
}

.banner_overlay {
  position: relative;
}

.banner_overlay:before {
  content: '';
  background: rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.banner-height {
  height: 700px;
}

.bg_cover {
  background-size: cover;
  background-position: center;
}

.slide_main_color_bg {
  background-color: #f66403;
}

#prowered-by img,
.powered_by_box_js img {
  height: 25px;
  width: 80px;
}

#content-head-bar.new-theme {
  box-shadow: 0px 6px 8px 0px rgba(198, 198, 198, 0.5);
}

#content-head-bar.new-theme {
  background: #f66403 !important;
}

.search_input_icon {
  left: 23px;
  pointer-events: none;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

#ar .search_input_icon {
  left: auto;
  right: 23px;
}

.search_home_mod_with_banner {
  margin: 50px 0;
}

.banner-section ~ .search_home_mod_with_banner {
  margin: -72px 0 0 0;
}

.action_box_header {
  padding: 13px;
}

.latest_jobs_box {
  min-height: 286px;
}

.no_slider_job_box {
  width: 30%;
  margin: 0 5px 0 5px;
}

.with-arrow-center .sldr_prev i,
.with-arrow-center .sldr_next i {
  font-size: 25px !important;
}

.job .job-data-wrapper .job-desc p,
.job-preview .job-data-wrapper .job-desc p {
  color: #333;
  font-size: 15px;
}

#wg_container .wg_item {
  border-radius: 5px;
  padding: 35px 25px;
}

.jobs_widgets_home_mod .wg_header,
.jobs_widgets_home_mod .wg_body,
.jobs_widgets_home_mod .wg_footer {
  padding: 0;
  border-radius: 0;
  border: 0;
}

.jobs_widgets_home_mod .wg_header h3 {
  font-size: 24px;
  padding-bottom: 30px;
}

.jobs_widgets_home_mod .wg_item_num {
  border-radius: 30px;
}

.jobs_widgets_home_mod .wg_body ul li {
  margin: 0 0 20px;
}

.jobs_widgets_home_mod .wg_footer a {
  background: none !important;
  margin: 15px 0 0 0;
}

.jobs_widgets_home_mod .wg_body ul {
  padding: 0;
  height: 118px;
  overflow: hidden;
}

.jobs_widgets_home_mod #wg_container .wg_item {
  margin: 0 0 22px 0 !important;
}

.jobs_widgets_home_mod #wg_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.jobs_widgets_home_mod .wg_footer a {
  height: auto !important;
  padding: 0 !important;
  line-height: initial;
  text-align: left;
}

#ar .jobs_widgets_home_mod .wg_footer a {
  text-align: right;
}

.jobs_widgets_home_mod .wg_footer {
  margin-top: 12px;
}

.testimonial_body {
  padding: 40px 38px 30px 24px;
  border-radius: 15px 15px 15px 0;
  min-height: 240px;
}

#ar .testimonial_body {
  border-radius: 15px 15px 0px 15px;
}

.testimonial_img {
  width: 60px !important;
  height: 60px !important;
  margin-right: 16px;
  border: 2px solid #fff;
}

#ar .testimonial_img {
  margin: 0 0 0 16px;
}

.quote-before-box,
.bubble-after {
  position: relative;
}

.quote-before-box:before {
  content: '”';
  position: absolute;
  left: 0;
  font-size: 120px;
  top: 0;
  line-height: 130px;
  opacity: 0.12;
}

#ar .quote-before-box:before {
  left: auto;
  right: 0;
}

.testimonial_box_container.grid-9 {
  margin-left: 70px;
}

#ar .testimonial_box_container.grid-9 {
  margin: 0 70px 0 0;
}

.bubble-after:after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 47px;
  width: 32px;
  height: 47px;
  background-color: #fff;
  transform: rotate(-90deg) skew(28deg);
  transform-origin: bottom left;
  border-radius: 25% 0 0 0 / 25%;
  z-index: 1;
  box-shadow: -8px -9px 7px -8px rgb(217, 217, 217);
}

#ar .bubble-after:after {
  left: auto;
  bottom: -53px;
  right: -47px;
  width: 47px;
  height: 29px;
  transform: rotate(210deg) skew(30deg);
  transform-origin: top left;
}

.new-theme .recent_news_logo,
.new-theme .recent_news_logo_list {
  height: 272px;
  border-radius: 6px 6px 0 0;
}

.new-theme .recent-news-list {
  display: flex;
  justify-content: space-between;
}

.new-theme .recent-news-list .recent-news-box {
  width: 32%;
}

.new-theme .recent-news-content {
  padding: 21px 14px 31px 16px;
  border: 0;
}

#ar .new-theme .recent-news-content {
  padding: 21px 16px 31px 14px;
}

.new-theme .news-content {
  line-height: 26px;
}

.new-theme .news_item,
.new-theme .news_item_list {
  overflow: visible !important;
}

.new-theme .news_item .widget-body,
.new-theme .news_item_list .widget-body_list {
  box-shadow: none;
}

.footer-container article ul a {
  transition: 0.4s;
}

.footer-container article ul a:hover {
  opacity: 0.7;
}

#logo-footer img {
  max-height: 98px;
  max-width: 200px;
}

.footer-container article li {
  padding-bottom: 20px;
  font-size: 14px;
}

.footer-container article li:last-of-type {
  padding-bottom: 0;
}

.footerIcons {
  margin: 0 10px 0 0;
}

.bcc-address {
  color: #a6a6a6;
}

#logo-footer {
  margin-top: -48px;
  height: 108px;
}

#footer-social-container li {
  padding: 0;
}

#footer-social-container i {
  color: #fff;
}

#prowered-by {
  padding: 16px;
  background: #282a3c;
}

#accept_privacy_sticky {
  height: 34px !important;
}

.search-box .find-jobs--btn {
  height: 60px !important;
}

.section-title,
.section-title-slider {
  padding-bottom: 50px;
  margin: 0;
}

.block-middle-wide {
  background: transparent;
  padding: 70px 0 !important;
  border-bottom: none !important;
}

.icon_circle {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

figure,
blockquote {
  margin: 0;
}

.banner-section p {
  color: #c2c2c2;
}

.jobs_widgets_home_mod .wg_list li a,
.jobs_widgets_home_mod .wg_item_num {
  transition: 0.4s;
}

.jobs_widgets_home_mod .wg_list li a:hover {
  text-decoration: none;
}

.btn_main {
  font-size: 16px !important;
  padding: 15px 30px !important;
  font-weight: bold;
  transition: 0.4s;
  line-height: 20px;
}

.padding_bottom_35 {
  padding-bottom: 35px;
}

.box-data-color,
.with-arrows i {
  color: #747474;
}

.jobs_widgets_home_mod #wg_container .wg_item {
  border: 1px solid #ececec;
}

#ar .flip-direction {
  transform: rotate(180deg);
}

.banner-section .with-dots .slick-dots {
  bottom: 100px;
  position: absolute;
}

#nav .on .sub-nav .on a {
  border-bottom: 3px solid #f66403;
}

#login_btn_top,
.register_options a {
  color: #8b0000 !important;
}

.logged_hover_panel .toplink-lang {
  color: #000;
}

.home h1,
#ar.home h1,
.home .h1,
#ar.home .h1,
.main-title-color,
.wg_header h3 {
  color: #1255c5;
}

.has-items > a span span:after {
  color: #1255c5 !important;
}

.main-color,
.btn_main,
.jobs_widgets_home_mod .wg_list li a,
.jobs_widgets_home_mod .wg_item_num,
.quote-before-box:before,
.jobs_widgets_home_mod .wg_footer a,
.register_options li a:hover,
#nav .on a,
#nav .opptab.on a,
#nav .opptab.on a:hover,
#nav .hover .sub-nav a:hover,
#nav .on span:after {
  color: #f66403 !important;
}

.icon_circle,
.btn_main,
.jobs_widgets_home_mod .wg_item_num,
.slick-dots button,
.action_box_header {
  background: hsl(247.058823529, 40%, 95%) !important;
}

.section_bg,
.home #content section:nth-of-type(even):not(.search_home_mod) {
  background: #f6f7fc !important;
}

.available-dates-container {
  max-height: 400px;
  overflow: auto;
}

.k-grid.oldInterviewTable thead {
  display: none;
}

.k-grid.oldInterviewTable td,
.k-grid.oldInterviewTable span {
  color: gray;
}

.tBlue {
  color: #4f9aff !important;
}

.reject-btn {
  background: #f443361a !important;
  color: #f44336 !important;
}

.action-btn {
  background: #26a9e01a !important;
  color: #26a9e0 !important;
}

.interview-info-value.value-clone {
  display: none;
}

#content .tox .tox-throbber__busy-spinner {
  background-color: #f9f9f9 !important;
}


.tinymce_7_style .tox .tox-tbtn:hover {
  background: #f0f0f0 !important;
  color: #222f3e !important;
}


.tinymce_7_style .tox .tox-tbtn--enabled,
.tox .tox-tbtn--enabled:hover {
  background: #a6ccf7 !important;
}

@media (max-width: 667px) {
  .block-middle-body.overflow-v {
    overflow: hidden !important;
  }

  .banner-section .with-dots .slick-dots {
    bottom: 0px;
  }

  .banner-height,
  .video-container,
  .banner-height .video {
    height: auto !important;
    min-height: 400px !important;
  }

  .footerIcons {
    margin: 0;
  }

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

  .border-rad-p-15 {
    border-radius: 15px !important;
  }

  .home h1,
  #ar.home h1,
  .home .h1,
  #ar.home .h1 {
    font-size: 35px;
  }

  .banner-section h1 {
    font-size: 50px;
    line-height: 60px;
  }

  .banner-section ~ .search_home_mod_with_banner {
    margin: 30px 0 -70px 0px;
  }

  .jobs_widgets_home_mod .wg_header h3,
  .jobs_widgets_home_mod .wg_footer a {
    text-align: center;
  }

  .no_slider_job_box {
    width: 100%;
  }

  .quote-before-box:before {
    top: -10px;
    z-index: 1;
  }

  .testimonial_body {
    padding: 40px 20px 30px 40px;
    min-height: 286px;
  }

  #ar .testimonial_body {
    padding: 40px 40px 30px 20px;
  }

  #ar p {
    line-height: 27px;
  }

  #ar .quicksearch-fields.margin_bottom_15-p {
    margin-bottom: 15px !important;
  }
}

.phone_show {
  display: none !important;
}

@media only screen and (min-width: 1200px) {
  .phone_show {
    display: none !important;
  }
}

@media only screen and (min-width: 1140px) {
  .phone_show {
    display: none !important;
  }
}

@media only screen and (min-width: 1024px) {
  .phone_show {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .phone_show {
    display: none !important;
  }

  #masthead-banner-160x600 {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .phone_hide {
    display: none !important;
  }

  .phone_show {
    display: block !important;
  }

  .block_wide_m {
    width: 100% !important;
  }

  #masthead-wrapper #nav-wrapper {
    background: #333333;
    width: 100%;
    height: 100%;
    z-index: 999;
    position: fixed;
    left: 0;
    top: 0;
    padding: 20px;
    margin: 0;
    overflow: auto !important;
  }

  #masthead-wrapper {
    margin: 0 0 20px 0;
  }

  .block-middle-body,
  #footer,
  .home_info_l,
  .home_info_r,
  #block_wide_m,
  #frame-fullpage #content-frame,
  #frame-fullpage .col-12,
  #masthead,
  #content-frame,
  #content,
  #sidebar,
  .cv_builder_width {
    width: 100%;
  }

  #frame-fullpage #content,
  #content,
  #sidebar {
    padding: 20px;
  }

  .block-middle-body {
    padding: 10px;
  }

  #content-head-bar .quicksearch-field {
    width: 99%;
  }

  .wg_item,
  #wg_container .wg_item:first-child {
    width: 100%;
    margin: 0 0 10px 0 !important;
  }

  .job_info_details {
    width: 100%;
    margin-bottom: 10px;
  }

  .job_info_apply,
  #ar .job_info_apply {
    width: 100%;
    text-align: center;
  }

  .job_info_apply .btn {
    width: 100%;
  }

  .nav-menu {
    transition: all 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    height: auto !important;
    overflow: hidden !important;
  }

  nav-menu li {
    width: 18px;
  }

  .nav-menu > li > a {
    border-top: 0;
  }

  .nav-menu > li.on > a {
    color: #fff;
  }

  .nav-menu li.onH > a {
    border: 0;
  }

  .nav-menu .alone_tab.on > a,
  .nav-menu .alone_tab.onH > a {
    border: 1px solid #1e00ff;
    border-width: 0 0 0 4px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px 6px;
  }

  #ar .nav-menu .alone_tab.on > a,
  #ar .nav-menu .alone_tab.onH > a {
    border-width: 0 4px 1px 0;
  }

  .nav-menu li.on .sub-nav {
    display: block;
  }

  .nav-menu li .sub-nav {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 0 0 12px 0;
  }

  .nav-menu li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px 4px;
  }

  .nav-menu > li > a {
    color: #939598;
    font-weight: bold;
  }

  .nav-menu li a > i {
    color: #939598;
    font-size: 24px;
    vertical-align: top;
  }

  .nav-menu li a:hover,
  .nav-menu li a:hover i {
    color: #fff;
  }

  .nav-menu li.on .sub-nav .off a,
  .nav-menu li.onH .sub-nav .off a {
    color: #939598;
  }

  .nav-menu li.on .sub-nav a:hover,
  .nav-menu li.on .sub-nav .on a,
  .nav-menu li.onH .sub-nav a:hover {
    color: #ffffff;
    border-width: 0 0 0 4px;
  }

  #ar .nav-menu li.on .sub-nav a:hover,
  #ar .nav-menu li.on .sub-nav .on a,
  #ar .nav-menu li.onH .sub-nav a:hover {
    border-width: 0 4px 0 0;
  }

  .sub-nav {
    display: none;
    margin: 0;
  }

  .sub-nav li a {
    padding: 5px;
    font-size: 17px;
    color: #939598;
  }

  .hamburger_menujs {
    margin: 25px 0 0;
    padding: 15px;
  }

  .hamburger_menujs i {
    font-weight: bold;
  }

  .quick_search_top,
  #ar .quick_search_top {
    float: none !important;
    display: block;
  }

  .keywords_input_top {
    display: block !important;
    left: auto !important;
    right: auto;
    position: relative;
    width: 100% !important;
  }

  .close_main_menu {
    margin-bottom: 15px;
  }

  .bcc_head_lang {
    border-width: 1px 0 1px 1px;
    left: -100px;
  }

  #ar .bcc_head_lang {
    border-width: 1px 1px 1px 0;
    right: -100px;
  }

  #ar .logged_hover_panel {
    left: 0;
    min-width: 172px;
  }

  #logo {
    margin: 0 0 0 2%;
    width: auto;
    max-width: 180px;
    min-width: 80px;
  }

  #ar #logo {
    margin: 0 2% 0 0;
  }

  .sub-nav {
    display: block;
  }

  .images_slideshow.images_slideshow_js {
    width: 100% !important;
    max-height: 230px !important;
  }

  .remove_scroll {
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: fixed;
  }

  .banner > div {
    width: 100% !important;
  }

  .banner img {
    max-width: 100% !important;
  }

  #masthead-banner-160x600 {
    display: none;
  }

  #masthead-banner-300x250 {
    margin-bottom: 15px;
  }

  .mysearches-j #content .chart {
    display: block;
    overflow: auto;
  }

  .mycvs #content #cover_letter_section div {
    width: 100% !important;
  }

  .mymailbox-j #frame-fullpage .mailbox-p-10,
  .mymailbox-j #frame-fullpage .left_menu_mailbox {
    width: 100%;
  }

  .mycvs .tabs_n {
    display: flex;
  }

  .tabs_n li .i_16_wrapper {
    height: auto;
    min-height: 34px;
  }

  #ar .mailbox-search-box-input-text {
    width: 50%;
  }

  .interviewing-pending-invitations-j .tabs,
  .interviewing-upcoming-invitations-j .tabs,
  .interviewing-archive-invitations-j .tabs {
    height: 39px !important;
  }

  .interviewing-pending-invitations-j .tabs a,
  .interviewing-upcoming-invitations-j .tabs a,
  interviewing-archive-invitations-j .tabs a {
    padding: 0 12px 2px 12px;
    height: 37px !important;
  }

  .confirm-contact-info .intl-tel-input {
    width: 88% !important;
  }

  .mycvs #cv-body #cv-title-info {
    width: 49%;
  }

  .mycvs #cv-details-info h1,
  .mycvs #cv-details-info h4 {
    line-height: 22px;
    white-space: pre-line;
    word-wrap: break-word;
  }
}

.images_slideshow img,
.images_slideshow .img {
  width: 100%;
}

@media only screen and (max-width: 340px) {
  #logo {
    max-width: 112px;
  }
}

#cv-body #cv-title-info {
  width: 70%;
}

#cv-body #cv-title-info h1 {
  font-size: 22px;
}

@media only screen and (min-width: 1200px) {
}

@media only screen and (min-width: 1140px) {
}

@media only screen and (min-width: 1024px) {
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
}

@media only screen and (max-width: 767px) {
  .sidebar_widget {
    border: 0 !important;
    padding: 20px !important;
    text-align: center;
    width: 100% !important;
  }

  .cv_info_block,
  .quick_actions_links,
  .cv_widgets_builder_width,
  .job.fancy_js .square #main_content,
  .job.fancy_js .square .col-14 {
    width: 100%;
    float: none !important;
  }

  .profile_img_block {
    margin: 0 0 10px 0;
  }

  .profile_desc {
    width: 100% !important;
    margin: 0 !important;
  }

  .fancy_js .cv_builder_width {
    padding: 0;
    width: 100%;
  }

  #cv-body,
  #cv-options-body {
    border: 0;
    float: none !important;
  }

  #cv-details-info {
    padding: 0;
  }

  .cv_section .blockmod-title a {
    font-size: 14px;
  }

  .featured_emp_block {
    margin-bottom: 20px;
  }

  .quick_actions_links > div {
    background: none;
    border-bottom: 1px solid #eee;
    box-shadow: none;
  }

  .quick_actions_links > div:last-child {
    margin-bottom: 20px;
  }

  .job.fancy_js .square #main_content {
    margin-bottom: 10px;
  }

  .mymailbox-j .right_messages_mailbox,
  #mailbox-search-box {
    width: 100% !important;
  }

  .mailbox-search-box-input-text {
    width: 50%;
  }

  #ar.mycvs #cv-title-info .mute {
    margin: 0 0 15px !important;
  }
}

@media only screen and (max-width: 340px) {
}

.feedback fieldset div h4,
.feedback .fieldset div h4 {
  width: 16%;
}

.feedback .message-box h4 {
  width: 100% !important;
}

.lego-tbl .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  top: -5px;
  botton: auto;
}

#goog-gt-tt,
.goog-te-balloon-frame {
  display: none !important;
}

.goog-text-highlight {
  background: none !important;
  box-shadow: none !important;
}

body {
  position: static !important;
}

.goog-te-banner-frame {
  display: none !important;
}

.lang_top_logout .goog-trans-icon {
  margin: 0 5px;
}

.lang_top_logout > span {
  white-space: nowrap;
}

.lang_top_logout {
  text-transform: uppercase;
  min-width: 100px;
  text-align: center;
}

.lang_top_logout_list {
  text-align: initial;
  padding: 0 !important;
}

.lang_top_logout_list > a {
  padding: 0 10px;
}

.sitemap-wrapper > ul {
  display: flex;
  display: -webkit-flex;
  -ms-flex-pack: space-between;
  justify-content: space-between;
}

.sitemap-wrapper li > a span span:after,
.site-map #nav .tab1 .sub-nav,
.sitemap-wrapper .tab1 {
  display: none;
}

.sitemap-wrapper > ul > li > a .emp_nav > span {
  font-weight: bold;
  font-size: 18px;
}

.sitemap-wrapper .sub-nav > li > a {
  font-size: 17px;
  color: #939598;
  line-height: 27px;
}

.sitemap-wrapper > ul > li {
  margin: 0 0 15px 0;
}

.site-map #masthead-wrapper {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .sitemap-wrapper > ul {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}