/*------------------------------------------------------------------------
# Stack Drupal
# ------------------------------------------------------------------------
# Created by Symphony Themes
# Websites:  http://www.symphonythemes.com -  Email: info@symphonythemes.com
--------------------------------------------------------------------------
    1.   Custom CSS
    2.   Forms
    3.   Blog & Article
    4.   Portfolio & Project
    5.   Edit form
    6.   Others
--------------------------------------------------------------------------------*/

/* 01. Custom CSS
 --------------------------------------------------------------------------------*/

/* Adaption */
body {
  margin-top: 0px;
}

nav.tabs {
  margin-top: 80px;
}

ol.process-3 {
  padding-left: 0;
}

section .row--gapless div[class*="col-"],
section.row--gapless div[class*="col-"] {
  padding: 0;
}

a {
  text-decoration: none;
}

.btn .label {
  position: absolute;
}

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

.btn.type--uppercase .btn__text {
  margin-right: 0 !important;
}

.label {
  line-height: inherit;
}

.modal-instance .video-play-icon+span {
  bottom: -10px;
}

.modal-instance .video-play-icon.video-play-icon--xs+span {
  bottom: 3px;
}

.modal-instance .video-play-icon+div {
  position: relative;
  display: inline-block;
  margin-left: 0.92857143em;
  white-space: nowrap;
  bottom: -10px;
}

.modal-instance+div:last-child {
  display: inline-block;
  margin-left: 0.92857143em;
}

@media all and (min-width: 768px) {
  .video-1 h2 {
    bottom: -15px;
  }
}

/* Slider */
section.imagebg .slider[data-paging="true"] .flickity-page-dots .dot,
section.bg-dark .slider[data-paging="true"] .flickity-page-dots .dot {
  background: #fff;
}

.slider[data-paging="true"].imagebg .flickity-page-dots {
  bottom: 1.85714286em;
}

.slider .flickity-slider li[class*='col-'] {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.slider.unmarg {
  margin: 0 !important;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #252525;
  text-decoration: none;
  font-weight: normal;
  text-decoration: underline;
}

@media (max-width: 768px) {
  .slider[class*='height-'] .slides .flickity-slider>li {
    height: auto;
    padding: 7.42857143em 0;
  }
}

.slide:not([class*='col-'])>img:only-child {
  height: auto;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: none;
}

h2 a {
  font-weight: 300;
}

h5 a,
h6 a {
  font-weight: 600;
}

[data-scrim-top]:not(.image--light) h1 a,
[data-scrim-top]:not(.image--light) h2 a,
[data-scrim-top]:not(.image--light) h3 a,
[data-scrim-top]:not(.image--light) h4 a,
[data-scrim-top]:not(.image--light) h5 a,
[data-scrim-top]:not(.image--light) h6 a {
  color: #fff;
}

p a,
span a,
label a {
  text-decoration: none;
}

ul.list-inline li {
  display: inline-block;
}

.field--label {
  font-weight: bold;
}

/* Buttons */
.btn.bg--facebook:hover {
  opacity: 0.9 !important;
}

/* Table */
table {
  width: 100%;
  border-collapse: separate;
}

table tr th,
table tr td {
  padding: 0.92857143em;
  border: none;
}

table tr th {
  background: #fafafa;
  color: #252525;
}

/* Menu */
.menu-vertical li {
  white-space: normal !important;
}

#toolbar-administration nav.clearfix {
  overflow: visible;
}

nav#menu1.bar {
  margin-top: 0;
  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
}

.region-navigation-collapsible {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 768px) {
  .region-navigation-collapsible {
    display: block;
  }

  .nav-container.pos-fixed {
    position: fixed;
    top: 0;
    animation: fadeInDown 0.3s ease-out forwards;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
    width: 100%;
    z-index: 1000;
    background: white;
  }
}

/* Sidebar */
.sidebar .block:not(:last-child) {
  margin-bottom: 3.71428571em;
}

.sidebar .block {
  border: none;
}

.sidebar .block h2 {
  font-weight: 600;
  font-size: 1em;
  line-height: 1.85714286em;
  border-bottom: none;
}

.sidebar .block-search .search-form {
  display: flex;
  align-items: center;
}

.sidebar .block-search .search-form input#edit-submit {
  padding: 10px;
  margin-top: 5px;
}

/* Header */
#block-customblocktrybuiderbuynowbutton {
  margin-top: 30px;
}

@media all and (min-width: 769px) {
  #block-mainnavigation {
    padding-top: 5px;
  }

  #block-customblocktrybuiderbuynowbutton {
    display: inline-block;
    margin-left: 30px;
    margin-top: 0;
    overflow: visible;
  }
}

.bar .logo {
  top: 3px;
}

.bar.bg--dark .logo-dark,
.bar.bg--transparent .logo-dark {
  display: none;
}

.bar:not(.bg--dark):not(.bar--transparent) .logo-light {
  display: none;
}

/* Footer */
@media (min-width: 768px) {

  footer .footer-3 .row:last-child,
  footer .footer-4 .row:last-child {
    margin-top: 1.85714286em;
  }
}

footer {
  padding-top: 0;
  padding-bottom: 0;
}

.footer .logo {
  max-height: 1.67142857em;
  margin: 0 1.85714286em 0 0;
}

/* Masonry */
.masonry-filter-container>.masonry-filter-label {
  position: relative;
  bottom: 20px;
  display: inline-block;
}

.masonry-filter-container>.masonry-filter-label+.masonry-filter-holder {
  margin-left: 0.92857143em;
}

/* Pricing */
.pricing .h1.pricing__dollar {
  font-size: 2em;
  position: relative;
  bottom: 20px;
}

/* Accordion */
ul.accordion li .accordion__title .field--name-field-paragraph-item-title {
  display: inline-flex;
}

/* Switchable */
section:not(.lpb-layout).imageblock .container>.row {
  display: block;
}

.switchable:not(.lpb-layout) {
  position: relative;
}

.switchable:not(.lpb-layout) .container>.row {
  display: block;
  overflow: hidden;
}

.switchable:not(.lpb-layout) .row>div[class*='col-']:nth-child(2) {
  float: left;
  right: auto;
  position: relative;
}

.switchable:not(.lpb-layout) .row>div[class*='col-']:nth-child(2):not([class*='pull']):not([class*='push']) {
  left: 0;
}

.switchable:not(.lpb-layout) .row>div[class*='col-']:nth-child(3) {
  float: right;
  left: auto;
  position: relative;
}

.switchable:not(.lpb-layout) .row>div[class*='col-']:nth-child(3):not([class*='pull']):not([class*='push']) {
  right: 0;
}

.switchable:not(.lpb-layout).switchable--switch .row>div[class*='col-']:nth-child(2) {
  float: right;
  right: 0;
  left: auto;
}

.switchable:not(.lpb-layout).switchable--switch .row>div[class*='col-']:nth-child(2):not([class*='pull']):not([class*='push']) {
  left: auto;
}

.switchable:not(.lpb-layout).switchable--switch .row>div[class*='col-']:nth-child(3) {
  float: left;
  left: 0;
  right: auto;
}

.switchable .row>div[class*='col-']:nth-child(2) .switchable__text {
  margin-bottom: 2.78571429em;
}

@media all and (max-width: 767px) {
  .switchable .row>div[class*='col-']:nth-child(3) {
    margin-top: 1.85714286em;
  }
}

/* Pager */
.active>.page-link,
.page-link.active {
  background-color: #4a90e2;
  border-color: #4a90e2;
}

a.page-link {
  color: #252525;
}

a.page-link:hover {
  color: #252525;
  background: #eee;
}

.view nav {
  display: flex;
  justify-content: center;
}

/*--------------------------------------------------------------------------------*/

/* 02. Forms
 --------------------------------------------------------------------------------*/

button#edit-submit,
button#edit-subscribe {
  background: #4a90e2;
  border-color: #4a90e2;
  text-transform: uppercase;
  color: #fff;
}

/* Comment form */
form.comment-form button#edit-preview,
form.comment-form input#edit-preview {
  display: none;
}

form#comment-form textarea {
  padding: 16px 20px;
  background: #f5f5f5 none repeat scroll 0 0;
}

form#comment-form select#edit-comment-body-0-format--2 {
  background: #f5f5f5 none repeat scroll 0 0;
}

form#comment-form button#edit-submit,
form#comment-form input#edit-submit {
  float: right;
  max-width: 25%;
  margin-right: 0;
}

.comment-wrapper.comments {
  margin-bottom: 4.95238095em;
}

.comment-wrapper.comments article+h2.comment-form__title {
  margin-top: 1.85714286em;
}

.comment-wrapper.comments article .comment_title {
  margin-bottom: 1em;
}

.region-content ul.links {
  padding-top: 24px;
  text-transform: uppercase;
}

article.comment:first-child {
  border-radius: 6px 6px 0 0;
}

.comment article.comment:first-child {
  border-radius: 0;
}

article.comment:nth-child(2n+1) {
  background: #fcfcfc;
}

article.comment {
  padding: 2.78571429em;
  border: 1px solid #ececec;
  border-bottom: none;
  margin: 10px 0;
}

article.comment:last-child {
  border-radius: 0 0 6px 6px;
  border-bottom: 1px solid #ececec;
}

.indented article.comment {
  margin-left: 15%;
}

/* Search form */
#search-form .search-help-link {
  display: none;
}

#search-block-form .input-group {
  width: 100%;
}

/* Sitewide search form */
.stack-search:before {
  display: none;
}

.container-inline {
  width: 100%;
}

.stack-search #search-block-form .input-group input,
.search-block-form .form-type-search {
  width: 70%;
  padding-right: 5%;
  border-radius: 6px;
  display: inline-block;
}

.stack-search #search-block-form .input-group input:focus,
.search-block-form input.form-search:focus {
  border-color: #76abe9;
}

.stack-search #search-block-form .input-group-btn,
.search-block-form .form-actions {
  display: inline-block;
  width: 30%;
  padding-left: 5%;
}

.stack-search #search-block-form .input-group-btn button,
.search-block-form .form-actions input.form-submit {
  background: #4a90e2;
  border-color: #4a90e2;
  border-radius: 6px;
  padding-top: 0.46428571em;
  padding-bottom: 0.46428571em;
  height: 100%;
  color: white;
}

.stack-search #search-block-form .input-group-btn span.sr-only,
.stack-search .search-block-form .input-group-btn span.sr-only,
.search-form .input-group-btn span.sr-only {
  position: unset;
  font-size: 14px;
  color: white;
  height: 15px;
  line-height: 15px;
}

.stack-search #search-block-form .input-group-btn span.icon,
.stack-search .search-block-form .input-group-btn span.icon,
.search-form .input-group-btn span.icon {
  display: none;
}

.search-form .input-group input,
.path-search form.search-form input#edit-keys {
  height: 39px;
}

.search-form .input-group-btn button {
  padding: 5px 25px;
}

.search-form .input-group-btn {
  font-size: 14px;
}

.path-search form.search-form input#edit-submit {
  width: auto;
  padding: 5px 20px;
  margin-top: -5px;
}

ol.list-group.node_search-results li.list-group-item {
  margin-bottom: 0;
  padding: 20px;
}

/* Contact form */
/*@media all and (min-width: 768px) {*/
#block-sitewidecontactform .form-type-textfield,
#block-sitewidecontactform .form-type-email {
  width: 47.5%;
  display: inline-block;
}

#block-sitewidecontactform .form-type-textfield {
  margin-right: 4%;
}

#block-sitewidecontactform .form-item label {
  float: left;
}

#block-sitewidecontactform button[type=submit],
#block-sitewidecontactform input[type=submit] {
  float: left;
  letter-spacing: .5px;
  margin-right: -0.5px;
  text-transform: uppercase;
  background: #4a90e2;
  border-color: #4a90e2;
  color: white;
}

#block-sitewidecontactform textarea {
  background: #fcfcfc;
  border: 1px solid #ececec;
}

#block-sitewidecontactform button#edit-preview {
  display: none;
}

/* Register form */
.register-horizontal #user-register-form .form-item {
  width: 45%;
  display: inline-block;
  float: left;
  margin-right: 5%;
}

.register-horizontal #user-register-form .form-actions,
.register-horizontal #user-register-form .form-item.js-form-item-pass {
  width: 100%;
}

/* Login form */
.page-node-type-full-page #block-userlogin ul {
  display: none;
}

#block-userlogin,
#block-userregistrationform,
#block-requestnewpasswordform {
  margin-bottom: 1.08333333333334em;
}

#block-userlogin button#edit-submit {
  background: #4a90e2;
  border-color: #4a90e2;
}

#block-userlogin button#edit-submit:hover {
  background: #609de6;
}

/* Subscribe form */
#block-simplenewssubscription .field--name-mail .form-type-email label {
  display: none;
}

.subscribe-inline #block-simplenewssubscription #edit-actions {
  margin-top: 10px;
}

.tooltip {}

.tooltip-inner {
  float: left;
  overflow: hidden;
}

@media all and (min-width: 768px) {
  .subscribe-inline #block-simplenewssubscription .field--type-email {
    width: 75%;
    float: left;
  }

  .subscribe-inline #block-simplenewssubscription .field--type-email input {
    height: 40px;
  }

  .subscribe-inline #block-simplenewssubscription #edit-actions {
    width: 22%;
    float: left;
    margin-left: 3%;
    margin-top: -1px;
  }

  body.user-logged-in .subscribe-inline #block-simplenewssubscription #edit-actions {
    width: 100%;
    margin-left: 0;
  }
}

/*--------------------------------------------------------------------------------*/

/* 03. Blog & Article
 --------------------------------------------------------------------------------*/

/* Article Detail */
.icon.glyphicon {
  font-size: 12px;
}

.field--name-field-blog-category {
  display: inline;
}

.field--name-field-image,
.field--name-field-video {
  margin-bottom: 1.85714286em;
}

.imagebg-content-article {
  padding: 5.57142857em 0;
}

.article__author .field--name-user-picture {
  width: 3.71428571em;
  height: 3.71428571em;
  margin: 0 auto;
  float: none;
}

.field--name-field-tags {
  margin-top: 20px;
}

.field--name-field-tags .field--item {
  display: inline-block;
  margin-left: 7px;
}

.node--type-article .article__body div.inline__links {
  float: right;
}

.node--type-article .article__body .field--name-field-tags h3.field__label {
  font-size: 1.35714286em;
}

.node--type-article .article__body .field--name-field-tags ul.links {
  display: inline-flex;
  font-size: 1.35714286em;
  margin-left: 20px;
}

/* Article List */
.view-blog-lists img {
  height: auto;
}

.feature-1 a img {
  border-radius: 6px 6px 0 0;
}

/* Blog Tags */
.view-blog-tags .views-row {
  display: inline-block;
  padding-right: 10px;
}

/*--------------------------------------------------------------------------------*/

/* 04. Portfolio & Project
 --------------------------------------------------------------------------------*/

/* Portfolio Detail */
.page-node-type-project h1.page-header,
.page-node-type-project h1.title {
  padding-top: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 20px;
}

.page-node-type-project .block-views-blockportfolio-related-block-1 {
  margin-top: 7.42857143em;
}

/* Portfolio List */
.view-portfolio-lists .masonry__item img {
  border-radius: 6px;
}

.portfolio-fullwidth .masonry__item {
  margin: 0 !important;
  padding: 0 !important;
}

.portfolio-fullwidth hr {
  display: none;
}

.project-images {
  padding-top: 40px;
}

.masonry__item img {
  width: 100%;
  height: auto;
}

.viewsreference--view-title {
  display: none;
}

/*--------------------------------------------------------------------------------*/

/* 05. Edit form
 --------------------------------------------------------------------------------*/

/* Nav Tab */
.user-logged-in nav.tabs {
  position: fixed;
  left: 0;
  top: 80px;
  transition: all 0.5s ease 0.25s;
  z-index: 1000;
}

.user-logged-in nav.tabs ul.nav.primary {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  list-style: outside none none;
  opacity: 0.9;
  flex-direction: column;
}

.user-logged-in nav.tabs ul.nav.primary li {
  float: none;
  opacity: 0.8;
  padding: 0;
}

.user-logged-in nav.tabs ul.nav.primary li a {
  margin-right: 0;
}

.user-logged-in nav.tabs ul.nav.primary li.active a,
.user-logged-in nav.tabs ul.nav.primary li:hover a {
  background: #ffb500 none repeat scroll 0 0;
  border: none;
  border-radius: 0;
  color: #fff;
}

.user-logged-in nav.tabs ul.nav.primary li.active,
.user-logged-in nav.tabs ul.nav.primary li:hover {
  opacity: 1;
}

.path-node .node-form {
  padding-top: 5em;
}

.path-node .node-form input.btn.form-submit {
  width: auto;
  height: auto;
  margin: 0 10px 20px 0;
  font-size: 1.2em;
  padding: 15px 30px;
  background-color: black;
}

.layout-paragraphs-component-form input.form-check-input,
.path-node .node-form input.form-check-input {
  width: auto;
  padding: 0.46428571em;
  font-size: 1.2em;
  margin-left: -1.1em;
  margin-right: 0.5em;
}

.path-node .node-form .vertical-tabs details.vertical-tabs__pane {
  padding: 15px;
}

.path-node .node-form .layout-region-node-footer {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px #ddd solid;
}

/* Layout Paragraphs Builder */
.lp-builder section.imagebg {
  overflow: hidden;
}

.lp-builder section.lpb-layout {
  visibility: visible !important;
}

.lp-builder section.parallax .lpb-controls,
.lp-builder section.imagebg .lpb-controls,
.lp-builder section[class*='unpad'] .lpb-controls {
  top: 0;
}

.lp-builder section.hidden {
  display: block;
}

.lp-builder .lpb-controls {
  z-index: 20 !important;
}

.lp-builder .lpb-controls:not(.is-layout) span.lpb-controls-label {
  color: #666666 !important;
}

.lp-builder .page-navigator {
  position: unset;
  transform: none;
}

/* Modal form */
.layout-paragraphs-component-form .field--name-field-paragraph-id,
.layout-paragraphs-component-form .field--name-field-paragraph-extra-class,
.layout-paragraphs-component-form .field--name-field-data-gradient-bg,
.layout-paragraphs-component-form .field--name-field-paragraph-tab-direction,
.layout-paragraphs-component-form .field--name-field-paragraph-tab-title,
.layout-paragraphs-component-form .field--name-field-paragraph-tabcontent-align,
.layout-paragraphs-component-form .field--name-field-paragraph-display-arrows,
.layout-paragraphs-component-form .field--name-field-paragraph-display-pager,
.layout-paragraphs-component-form .field--type-viewsreference .js-form-item-field-paragraph-views-reference-0-target-id,
.layout-paragraphs-component-form .field--type-viewsreference .js-form-item-field-paragraph-views-reference-0-display-id {
  width: 30%;
  display: inline-block;
  padding-right: 3%;
}

.layout-paragraphs-component-form .field--name-field-paragraph-data-overlay,
.layout-paragraphs-component-form .field--name-field-paragraph-image-position,
.layout-paragraphs-component-form .field--name-field-paragraph-slider-classes,
.layout-paragraphs-component-form .field--name-field-paragraph-item-classes,
.layout-paragraphs-component-form .field--name-field-paragraph-tab-title,
.layout-paragraphs-component-form .field--type-list-string {
  max-width: 200px;
}

.layout-paragraphs-component-form .paragraph-type-top,
.layout-paragraphs-component-form .paragraphs-nested,
.layout-paragraphs-component-form .paragraphs-subform {
  padding-right: 20px;
}

.layout-paragraphs-component-form input.form-submit {
  padding: 5px 10px;
}

.layout-paragraphs-component-form .field-multiple-table {
  overflow: hidden;
}

.layout-paragraphs-component-form .js-filter-guidelines {
  display: none;
}

.layout-paragraphs-component-form .layout-select__item-icon {
  margin-right: 0;
}

.layout-paragraphs-component-form #layout-paragraphs-layout-options {
  margin-bottom: 20px;
}

.layout-paragraphs-component-form .paragraph-type-top {
  justify-content: space-around;
}

.layout-paragraphs-component-form .paragraph-type-title {
  flex-basis: 10%;
}

.layout-paragraphs-component-form .paragraphs-description {
  max-width: 70%;
}

.layout-paragraphs-component-form #layout-paragraphs-element .form-check-input:checked[type=radio] {
  display: block;
  clip: auto !important;
  width: 10px !important;
  height: 10px !important;
}

a.lpb-btn {
  color: #4a90e2 !important;
}

/*--------------------------------------------------------------------------------*/

/* 06. Others
 --------------------------------------------------------------------------------*/

/* Career Detail */
.page-node-type-job h1.page-header,
.page-node-type-job h1.title {
  padding-top: 2em;
  padding-bottom: 2em;
  margin-bottom: 0;
  border-bottom: 1px solid #eeeeee;
}

/* Toolbar menu */
.toolbar-menu .toolbar-box span {
  background: none;
}

/* Check box/ radio */
.form-type-checkbox,
.form-type-radio,
.input-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
}

.form-type-checkbox input,
.form-type-radio input {
  opacity: 1 !important;
  height: auto !important;
  width: auto !important;
  position: absolute !important;
  margin-top: 7px;

}

.form-type-checkbox input {
  -webkit-appearance: checkbox;
}

.form-type-radio input {
  -webkit-appearance: radio;
}

.form-type-checkbox {
  padding: 0;
}

.form-type-radio {
  padding: 0;
}

.form-type-checkbox {
  margin-top: 0.46428571em;
}

.dropdown.open>.dropdown__container {
  opacity: 1;
}

.image--xxs img {
  max-height: 1.85714286em;
}

/*section.paragraph.parallax:nth-child(2),
section.paragraph.parallax:nth-child(3) {
  visibility: visible !important;
}*/

/* Others */
.width-100 {
  width: 100%;
}

.feature>div+h5 {
  margin-top: 1.85714286em;
}

.row-align-items-center .row {
  align-items: center !important;
}

.row-justify-content-around .row {
  justify-content: space-around !important;
}

.row-justify-content-center .row {
  justify-content: center !important;
}

.text-block {
  margin-bottom: 1.85714286em;
}

.cover-features .region--top:not(:empty) {
  margin-bottom: 11.14285714em;
}

.cover .row .row:only-child {
  margin: 0;
}

section.row--gapless .row {
  padding-left: 0;
  padding-right: 0;
}

section.row--gapless>.row>div[class*="col-"] {
  padding: 0;
}

.slider--image-xxs li>img {
  max-height: 1.85714286em;
}

@media all and (min-width: 1200px) {
  .cta-1 .row>div[class*='col-'] {
    padding: 1.23809524em 15px;
  }

  .cta-1 .row>div[class*='col-']:last-child {
    border-left: 1px solid #ECECEC;
  }
}

input.form-radio,
input.form-checkbox {
  width: auto;
  padding: 0.46428571em;
}

.imagebg p strong,
.bg--dark input.btn,
input#edit-submit {
  color: white;
}

.hover-element a {
  color: white;
}

.pagination {
  justify-content: center;
}

/*  EXPIRY OF REGISTRATION CSS */


form.renewal-application-form {
  margin: 0 auto;
  width: 80%;
}

form.renewal-application-form #edit-expiry-of-registration,
form.renewal-application-form #edit-declaration-undertaking {
  margin-right: 0px !important;
}

form.renewal-application-form #edit-expiry-of-registration label,
form.renewal-application-form #edit-declaration-undertaking label {
  padding-top: 30px;
  padding-bottom: 15px;
  width: 100%;
  text-align: center;
  font-size: 25px;
  font-weight: 600;
}

form.renewal-application-form .js-form-type-checkbox {
  text-align: center;
}

form.renewal-application-form .js-form-type-checkbox .apps-renew-checkbox {
  float: none;
  height: 20px;
  width: 20px;
}

form.renewal-application-form .js-form-type-checkbox .form-check-input:checked {
  background-color: #fd5521;
  border-color: #fd5521;
}

form.renewal-application-form .js-form-type-checkbox .form-check-input:focus {
  border-color: #fd5521 !important;
  outline: 0 !important;
  box-shadow: none;
}

form.renewal-application-form .js-form-type-checkbox .form-check-label {
  font-weight: 600;
  font-size: 21px;
  padding-left: 10px;
}

form.renewal-application-form #edit-declaration-undertaking-2 {
  margin-right: 0px !important;
}



form.renewal-application-form .js-form-type-textfield,
form.renewal-application-form .js-form-item-application-date,
form.renewal-application-form .js-form-type-email {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0px !important;
}

form.renewal-application-form .js-form-type-textfield label,
form.renewal-application-form .js-form-item-application-date label,
form.renewal-application-form .js-form-type-email label {
  width: 10%;
  font-weight: 900;
  text-align: right;
}

form.renewal-application-form .js-form-type-textfield .form-control,
form.renewal-application-form .js-form-item-application-date .form-control,
form.renewal-application-form .js-form-type-email .form-control {
  width: 80%;
  margin-left: 17px;
  border-radius: 0;
}

form.renewal-application-form .js-form-type-textfield .form-control:focus,
form.renewal-application-form .js-form-item-application-date .form-control:focus {
  outline: 0 !important;
  box-shadow: none;
}

form.renewal-application-form fieldset#edit-employment-status--wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0px !important;
}

form.renewal-application-form fieldset#edit-employment-status--wrapper legend {
  width: 6%;
  font-size: .85714286em;
  font-weight: 900;
  text-align: right;

}

form.renewal-application-form fieldset#edit-employment-status--wrapper .fieldset-wrapper {
  width: 80%;
}

form.renewal-application-form fieldset#edit-employment-status--wrapper .fieldset-wrapper #edit-employment-status {
  display: flex;
  justify-content: start;
  align-items: center;
}

form.renewal-application-form fieldset#edit-employment-status--wrapper .fieldset-wrapper #edit-employment-status .js-form-type-radio {
  padding-left: 50px;
}

form.renewal-application-form .form-actions {
  text-align: center;
}

form.renewal-application-form .form-actions .button {
  width: 230px;
  border-radius: 0px;
}

form.renewal-application-form fieldset#edit-employment-status--wrapper .fieldset-wrapper #edit-employment-status .js-form-type-radio .form-check-input:checked {

  background-color: #fd5521;
  border-color: #fd5521;
}

form.renewal-application-form fieldset#edit-employment-status--wrapper .fieldset-wrapper #edit-employment-status .js-form-type-radio .form-check-input:focus {

  outline: 0 !important;
  box-shadow: none;
}

form.renewal-application-form #edit-note {
  text-align: center;
  width: 84%;
}

form.renewal-application-form .js-form-item-office-city .form-control,
form.renewal-application-form .js-form-item-office-district .form-control,
form.renewal-application-form .js-form-item-office-address-1 .form-control,
form.renewal-application-form .js-form-item-office-address-2 .form-control {
  margin-left: 119px;
}

form.renewal-application-form .js-form-item-office-city .form-control:focus,
form.renewal-application-form .js-form-item-office-district .form-control:focus,
form.renewal-application-form .js-form-item-office-address-1 .form-control:focus,
form.renewal-application-form .js-form-item-office-address-2 .form-control:focus {
  outline: 0 !important;
  box-shadow: none;
}

/*  EXPIRY OF REGISTRATION CSS */


@media only screen and (max-width: 767px) {

  form.renewal-application-form .js-form-type-textfield,
  form.renewal-application-form .js-form-item-application-date,
  form.renewal-application-form .js-form-type-email {
    display: block;
  }

  form.renewal-application-form .js-form-type-textfield label,
  form.renewal-application-form .js-form-item-application-date label,
  form.renewal-application-form .js-form-type-email label {
    width: 100%;
    text-align: left;

  }

  form.renewal-application-form .js-form-type-textfield .form-control,
  form.renewal-application-form .js-form-item-application-date .form-control,
  form.renewal-application-form .js-form-type-email .form-control {
    width: 100%;
    margin-left: 0px;
  }
  form.renewal-application-form fieldset#edit-employment-status--wrapper {
    display: block;
   
  }
  
  form.renewal-application-form fieldset#edit-employment-status--wrapper legend {
    width: 100%;
    text-align: left;
  
  }
  
  form.renewal-application-form fieldset#edit-employment-status--wrapper .fieldset-wrapper {
    width: 100%;
  }
  
  form.renewal-application-form fieldset#edit-employment-status--wrapper .fieldset-wrapper #edit-employment-status {
    display: block;
  }
  
  form.renewal-application-form fieldset#edit-employment-status--wrapper .fieldset-wrapper #edit-employment-status .js-form-type-radio {
    padding-left: 25px;
  }
  form.renewal-application-form #edit-note {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

  form.renewal-application-form .js-form-type-textfield,
  form.renewal-application-form .js-form-item-application-date,
  form.renewal-application-form .js-form-type-email {
    display: block;
  }

  form.renewal-application-form .js-form-type-textfield label,
  form.renewal-application-form .js-form-item-application-date label,
  form.renewal-application-form .js-form-type-email label {
    width: 100%;
    text-align: left;

  }

  form.renewal-application-form .js-form-type-textfield .form-control,
  form.renewal-application-form .js-form-item-application-date .form-control,
  form.renewal-application-form .js-form-type-email .form-control {
    width: 100%;
    margin-left: 0px;
  }
  form.renewal-application-form fieldset#edit-employment-status--wrapper {
    display: block;
   
  }
  
  form.renewal-application-form fieldset#edit-employment-status--wrapper legend {
    width: 100%;
    text-align: left;
  
  }
  
  form.renewal-application-form fieldset#edit-employment-status--wrapper .fieldset-wrapper {
    width: 100%;
  }
  
  form.renewal-application-form fieldset#edit-employment-status--wrapper .fieldset-wrapper #edit-employment-status {
    display: block;
  }
  
  form.renewal-application-form fieldset#edit-employment-status--wrapper .fieldset-wrapper #edit-employment-status .js-form-type-radio {
    padding-left: 25px;
  }
  form.renewal-application-form #edit-note {
    width: 100%;
  }
}


/**** 1-9-2023 ****/


.page-view-application-list .view-application-list .view-header {
  text-transform: uppercase;
  color: #fa541c;
  font-weight: 300;
  font-size: 34px;
  margin-bottom: 40px;
  line-height: 1.4;
}
.page-view-application-list .view-application-list .profile-img img {
  width: 60px;
  height: 60px;
  border-radius: 100px;
  background-size: cover;
}
.page-view-application-list .view-application-list .user-name h4 {
  margin: 0;
  color: #575757;
  font-size: 17px;
  font-weight: 600;
}
.page-view-application-list .view-application-list .bg-l-grey {
  background: #fafafa;
  border: 1px solid #ebebeb;
}
.page-view-application-list .main-content {
  background-color: #ffffff;
  padding: 24px 44px 44px;
  margin: 30px 0 44px;
}
.page-view-application-list .main-content.col-md-8 {
  width: 100% !important;
}
.page-view-application-list #sidebar-second{
  display: none !important;
}
.page-view-application-list .user-application-list-data .table>thead{
  background-color: #595959 !important;
}
.page-view-application-list .user-application-list-data .table>thead tr th {
  color: #c5c5c5 !important;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px;
  padding: 2px 5px !important;
}
.page-view-application-list .user-application-list-data .table {
  border-color: #f0f0f0 !important;
  color: #595451 !important;
}
.page-view-application-list .action-btn {
  background: #fff;
  border: 1px solid #8c8c8c;
  color: #595959;
  font-size: 11px;
  font-weight: 600;
  border-radius: 0;
  padding: 5px 10px !important;
  line-height: 1.2;
  margin: 0;
}
.page-view-application-list .action-btn:hover {
  text-decoration: none;
} 
/*.page-view-application-list .views-field-application-status {
  color: #1890ff;
}*/
#edit-field-employment-status .js-form-item:first-child {
  display: none;
}

.page-view-application-list .views-field-application-status .status-processing {
  color: #4190f7;
}
.page-view-application-list .views-field-application-status .status-approved {
  color: #72c140;
}
.page-view-application-list .views-field-application-status .status-disapproved {
  color: #ec5b56;
}
.page-view-application-list .views-field-application-status .status-pending {
  color: #4190f7;
}
.page-view-application-list .views-field-payment-status .status-processing {
  color: #4190f7;
}
.page-view-application-list .views-field-payment-status .status-approved {
  color: #72c140;
}
.page-view-application-list .views-field-payment-status .status-disapproved {
  color: #ec5b56;
}
.page-view-application-list .views-field-payment-status .status-pending {
  color: #4190f7;
}
.view-application-details .page-tittle-hd {
  color: #a3a3a3;
  font-size: 20px;
}
.view-application-details .section-tittle-hd {
  text-transform: uppercase;
  color: #fa541c;
  font-weight: 300;
  font-size: 34px;
}
.view-application-details .col-form-label {
    color: #595959;
    font-weight: 600;
    font-size: 15px;
}
.view-application-details .input-value {
  background-color: #f5f5f5;
  border-radius: 0;
  border: 1px solid #d0d0d0;
  display: block;
  padding: 5px 15px;
  font-weight: 600;
  color: #565656;
  height: 35px;
}
.path-user .field--name-field-birthday .label, .path-user .tabs {
  display:none;
}

/* 18-09-2023 */

.page-user-application-form #office-address-ajax-wrapper #edit-office-address {
  margin-right: 0 !important;
}
.page-user-application-form #edit-office-address-country-code {
  margin-right: 0 !important;
}
.page-user-application-form form.renewal-application-form .js-form-type-select {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0px !important;
}
.page-user-application-form form.renewal-application-form .js-form-type-select .form-select {
  width: 80% !important;
  margin-left: 17px;
  border-radius: 0;
  background-color: #fcfcfc;
  border-color: #ececec;
}
.page-user-application-form form.renewal-application-form .js-form-type-select label {
  width: 10%;
  font-weight: 900;
  text-align: right;
}
.page-user-application-form form.renewal-application-form label[for="edit-office-address-address-line2"] {
  position: relative !important;
  width: 10% !important;
}
.page-user-application-form form.renewal-application-form fieldset#edit-employment-status--wrapper legend {
  width: 15%;
  text-align: right;
}
.page-user-application-form form.renewal-application-form fieldset#edit-employment-status--wrapper {
  display: block !important;
}
.page-user-application-form form.renewal-application-form fieldset#edit-employment-status--wrapper .fieldset-wrapper {
  clear: none !important;
  margin-left: 16%;
}


.view-my-applications .view-header {
  text-transform: uppercase;
  color: #fa541c;
  font-weight: 300;
  font-size: 34px;
  margin: 50px 0 20px;
}

.user-order-details-page-data  #customer-order-data .customer-billing,
.user-order-details-page-data  #customer-order-data .customer-information__shipping,
.user-order-details-page-data  #customer-order-data .field.field--label-inline {
  margin-bottom: 10px;
}
.user-order-details-page-data #block-stack-local-actions {
  margin-top: 30px;
  text-align: right;
}
#block-stack-userprofileedittitle {
  max-width: 1140px;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto;
  margin-top: 50px;
}
#block-stack-userprofileedittitle .block-title{
text-transform: uppercase;
color: #fa541c;
font-weight: 300;
font-size: 34px;
}
@media screen and (min-width:768px) {
  .page-user-register #user-register-form,
  #user-form {
      max-width: 800px;
      margin: 0px auto 50px;
      background: #fff;
      padding: 40px;
  }
  .page-user-register #user-register-form .js-form-item:not(.js-form-type-radio),
  #user-form .js-form-item:not(.js-form-type-radio) {
      display: flex;
      position: relative;
      padding-left: 24%;
      flex-wrap: wrap;
      margin-right: 0 !important;
      width: 100%;
      max-width: 100%;
  }
  .page-user-register #user-register-form .js-form-item:not(.js-form-type-radio) > label,
  #user-form .js-form-item:not(.js-form-type-radio) > label {
      position: absolute;
      left: 0;
      top: 8px;
      text-align: right;
      width: 21%;
      font-weight: 600;
  }
  
  /*.page-user-register #user-register-form .js-form-item input:not([type=radio]),
  #user-form .js-form-item input:not([type=radio]) {
      width: 100%;
      flex: 1 0 100%;
  }*/
  .page-user-register #user-register-form #edit-field-annual-report--wrapper,
  .page-user-register #user-register-form #edit-field-employment-status--wrapper,
  .page-user-register #user-register-form #edit-field-postal-address--wrapper,
  #user-form #edit-field-annual-report--wrapper,
  #user-form #edit-field-employment-status--wrapper,
  #user-form #edit-field-postal-address--wrapper {
      padding: 0;
      display: block;
  }
  
  .page-user-register #user-register-form fieldset legend,
  #user-form fieldset legend {
      width: 24%;
      padding-right: 3%;
      text-align: right;
  }
  .page-user-register #user-register-form fieldset legend > span,
  #user-form fieldset legend > span {
      font-size: 13px;
      font-weight: 600;
      line-height: 1.2;
  }
  .page-user-register #user-register-form .fieldset-wrapper,
  #user-form .fieldset-wrapper {
      clear: none !important;
      width: calc(100% - 24%);
      display: inline-block;
  }
  .page-user-register #user-register-form #edit-field-annual-report, 
  .page-user-register #user-register-form #edit-field-employment-status, 
  .page-user-register #user-register-form #edit-field-postal-address,
  #user-form #edit-field-annual-report,
  #user-form #edit-field-employment-status, 
  #user-form #edit-field-postal-address {
      display: flex;
      flex-wrap: wrap;
  }
  .page-user-register #user-register-form .form-check .form-check-input,
  #user-form .form-check .form-check-input {
      margin-top: 6px;
  }
  .page-user-register #user-register-form details,
  #user-form details {
      border: 1px solid #dee2e6;
      padding: 10px 20px;
  }
  .page-user-register #user-register-form details summary,
  #user-form details summary {
      font-weight: bold;
      font-size: 18px;
  }
  .page-user-register #user-register-form details .details-wrapper,
  #user-form details .details-wrapper {
      margin-top: 20px;
  }
  .page-user-register #user-register-form #edit-pass,
  #user-form  #edit-pass {
      padding: 0 !important;
  }
  .page-user-register #user-register-form #edit-pass--description,
  #user-form  #edit-pass--description {
    padding-left: 24%;
    margin-bottom: 1rem;
  }
  .page-user-register #user-register-form .js-form-item.js-form-type-radio,
  #user-form .js-form-item.js-form-type-radio {
      margin-right: 20px;
      margin-bottom: 10px;
  }
  .user-order-details-page-data #customer-order-data  .field.field--label-inline {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 10px;
  }
  .user-order-details-page-data #customer-order-data .field.field--label-inline .field--label {
    flex: 0 0 40%;
    text-align: right;
  }
  .user-order-details-page-data #customer-order-data .field.field--label-inline .field--item {
    flex: 1 0 60%;
    padding-left: 20px;
  }
  .user-order-details-page-data #customer-order-data .customer-billing,
  .user-order-details-page-data #customer-order-data .customer-information__shipping {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
  .user-order-details-page-data #customer-order-data .customer-billing .field--label,
  .user-order-details-page-data #customer-order-data .customer-information__shipping .field--label {
    flex: 0 0 40%;
    text-align: right;
  }
  .user-order-details-page-data #customer-order-data .customer-billing .contextual-region,
  .user-order-details-page-data #customer-order-data .customer-information__shipping .contextual-region {
    flex: 1 0 60%;
    padding-left: 20px;
  }



  /* new application page */
  .page-user-new-application form.renewal-application-form {
      width: 100%;
      max-width: 800px;
      margin: 50px auto 50px;
      background: #fff;
      padding: 40px;
  }
  .page-user-new-application form.renewal-application-form  .js-form-item:not(.js-form-type-radio):not(.js-form-type-checkbox) {
      display: flex;
      position: relative;
      padding-left: 24%;
      flex-wrap: wrap;
      margin-right: 0 !important;
      width: 100%;
      max-width: 100%;
  }
  .page-user-new-application form.renewal-application-form .js-form-item:not(.js-form-type-radio):not(.js-form-type-checkbox) > label {
      position: absolute;
      left: 0;
      top: 8px;
      text-align: right;
      width: 21%;
      font-weight: 600;
  }
  .page-user-new-application form.renewal-application-form .js-form-item input:not([type=radio]):not([type=checkbox]) {
    width: 100%;
    flex: 1 0 100%;
    margin-left: 0 !important;
    -webkit-appearance: none;
    background: #fcfcfc;
    padding: 0.46428571em;
    border-radius: 6px;
    border: 1px solid #ececec;
    padding-left: 0.92857143em;
  }
  .page-user-new-application form.renewal-application-form .js-form-item select {
      width: 100%;
      flex: 1 0 100%;
      margin-left: 0;
  }
  .page-user-new-application form.renewal-application-form fieldset#edit-employment-status--wrapper {
      padding: 0;
      display: block;
  }
  .page-user-new-application form.renewal-application-form fieldset legend {
      width: 24% !important;
      padding-right: 3%;
      text-align: right;
  }
  .page-user-new-application form.renewal-application-form fieldset  .fieldset-wrapper {
      clear: none !important;
      width: calc(100% - 24%) !important;
      display: inline-block;
  }
  .page-user-new-application form.renewal-application-form .js-form-item.js-form-type-radio {
      margin-right: 20px;
      margin-bottom: 10px;
      padding-left: 1.5em !important;
  }
  .page-user-new-application form.renewal-application-form .js-form-item.js-form-type-radio input {
      margin-top: 6px;
  }
  .page-user-new-application form.renewal-application-form #edit-office-address,
  .page-user-new-application form.renewal-application-form #edit-correspondence-address,
  .page-user-new-application form.renewal-application-form #edit-correspondence-address-country-code,
  .page-user-new-application form.renewal-application-form #edit-office-address-country-code  {
      margin-right: 0 !important;
  }
  .page-user-new-application form.renewal-application-form table .js-form-item:not(.js-form-type-radio):not([type=checkbox]) {
      margin-right: 0 !important;
      width: 100%;
      max-width: 100%;
      padding-left: 0 !important;
  }
  .page-user-new-application form.renewal-application-form  .js-form-item-hkid {
      justify-content: flex-start;
      align-items: flex-start;
      text-align: left;
  }

}
.page-user-new-application label[data-drupal-selector="edit-office-label"] {
  font-weight: 600;
}
.page-user-new-application form.renewal-application-form .js-form-type-checkbox {
  text-align: left !important;
}
.page-user-new-application form.renewal-application-form .js-form-type-checkbox .form-check-label {
  font-weight: normal !important;
  font-size: 14px !important;
}
.page-user-new-application form.renewal-application-form .js-form-item input[type="submit"] {
    font-size: 0.85714286em;
    font-weight: 700;
    padding-left: 32px;
    padding-right: 32px;
    background-color: #d43302 !important;
}

.page-user-new-application form.renewal-application-form  td.webform-multiple-table--operations.webform-multiple-table--operations-two {
  display: none !important;
}
.page-user-new-application form.renewal-application-form .js-form-item.js-form-item-academic-add-more-items,
.page-user-new-application form.renewal-application-form .js-form-item.js-form-item-professional-add-more-items,
.page-user-new-application form.renewal-application-form .js-form-item.js-form-item-employment-add-more-items,
.page-user-new-application form.renewal-application-form .js-form-item.js-form-item-absence-from-hk-add-more-items {
  display: none !important;
}

.page-user-new-application .js-form-item-division-notice h5 {
  margin-bottom: 10px;
}
.page-user-new-application .js-form-item-division-notice {
  flex-direction: column;
}
.page-user-new-application form.renewal-application-form .alert svg {
  max-width: 2rem;
  max-height: 2rem;
}
.page-user-new-application form.renewal-application-form .alert-heading {
  font-size: 18px;
}
.page-user-new-application form.renewal-application-form .alert-heading + hr {
  margin: 0;
  display: none;
}
.page-user-new-application form.renewal-application-form .webform-multiple-table table thead {
  display: none;
}
.page-user-new-application form.renewal-application-form .tabledrag-toggle-weight-wrapper,
.page-user-new-application form.renewal-application-form td.webform-multiple-table--handle  {
  display: none !important;
}
.page-user-new-application form.renewal-application-form table .js-form-item label {
    width: 100% !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    text-align: left !important;
    background: transparent;
    color: rgb(33, 37, 41);
    letter-spacing: inherit;
    text-transform: capitalize;
    font-size: 10.284px;
}
.page-user-new-application .js-form-item-top-notice,
.page-user-new-application .js-form-item-application-notice,
.page-user-new-application .js-form-item-division-notice,
.page-user-new-application .js-form-item-declaration-undertaking,
.page-user-new-application .js-form-item-surveyors-registration-ordinance,
.page-user-new-application .js-form-item-general-notes,
.page-user-new-application .js-form-item-notice-applicants {
  padding-left: 0 !important;
}
.page-user-new-application label[data-drupal-selector="edit-correspondence-label"] {
  font-weight: 600;
}
@media only screen and (max-width: 1023px) {
.page-user-application-form form.renewal-application-form .js-form-type-select {
  display: block;
}
.page-user-application-form form.renewal-application-form .js-form-type-select label {
  width: 100% !important;
  text-align: left;
}
.page-user-application-form form.renewal-application-form .js-form-type-select .form-select {
  width: 100% !important;
  margin-left: 0px;
}
.page-user-application-form form.renewal-application-form fieldset#edit-employment-status--wrapper .fieldset-wrapper {
  margin-left: 0px;
}
.page-user-application-form form.renewal-application-form fieldset#edit-employment-status--wrapper legend {
  width: 100% !important;
}
.page-user-application-form form.renewal-application-form label[for="edit-office-address-address-line2"] {
	display: none !important;
}
.page-user-application-form form.renewal-application-form fieldset#edit-employment-status--wrapper .fieldset-wrapper {
  clear: left !important;
  margin-left: 0;
}
.page-user-application-form form.renewal-application-form fieldset#edit-employment-status--wrapper legend {
  text-align: left;
}
}

.page-user-register h4.label, .user-profile-edit-page h4.label{
  position: relative;
  top: 0;
  left: 0;
  background: transparent;
  font-size: 14px;
  height: auto;
  color:#fff;
}

.page-user-register #user-register-form table .js-form-item label, 
.user-profile-edit-page #user-form table .js-form-item label
{width:100% !important; position: relative !important; top:0 !important;  left:0 !important; text-align: left !important; 
  background:transparent; color:rgb(33, 37, 41); letter-spacing: inherit;  
  text-transform: capitalize; font-size: 10.284px;}
.page-user-register #user-register-form table .js-form-item {padding-left:calc(var(--custom-field-gutter-x)*.5) !important;}
.user-profile-edit-page #user-form table .js-form-item{padding-left:calc(var(--custom-field-gutter-x)*.5);}
.page-user-register #user-register-form table .js-form-type-date {padding-left:0 !important;}
.user-profile-edit-page #user-form table .js-form-type-date{padding-left:0;}
.page-user-register #user-register-form table .custom-field-col, .user-profile-edit-page #user-form table .custom-field-col{width:100%;}
.page-user-register #user-register-form table .custom-field-row, .user-profile-edit-page #user-form table .custom-field-row{margin:0;}
.page-user-register #user-register-form small.description, .user-profile-edit-page #user-form small.description{width:100%;}
.page-user-register .field-multiple-drag, .user-profile-edit-page  .field-multiple-drag {
  display: none !important;
}
.page-user-register .tabledrag-toggle-weight-wrapper, .user-profile-edit-page  .tabledrag-toggle-weight-wrapper {
  display: none !important;
}
.page-user-register .form-content__wrpper1 .field-header-label, .user-profile-edit-page .form-content__wrpper1 .field-header-label {
  position: absolute;
  left: 0;
  top: 8px;
  text-align: right;
  width: 21%;
}
.page-user-register .form-content__wrpper1 .field-header-label h4.label, .user-profile-edit-page .form-content__wrpper1 .field-header-label h4.label {
  color: #666666;
  font-size: .85714286em;
  text-transform: none;
  text-align: right;
  font-weight: 600;
  padding: 0;
  line-height: 1.4;
}
.page-user-register .form-content__wrpper1 .field-header-label > span + span, .user-profile-edit-page .form-content__wrpper1 .field-header-label > span + span {
  display: none;
}
.page-user-register .form-content__wrpper1 .form-rightside-content table thead, .user-profile-edit-page .form-content__wrpper1 .form-rightside-content table thead {
  display: none;
}
#user-profile-listing-page .form-content__wrpper1 .field-header-label {
display: none;
}
.page-user-register .details-wrapper .field-header-label .user-profile-edit-page .details-wrapper .field-header-label {
  display: none;
}
#user-profile-listing-page .field--name-field-proof-of-experience .field--label{
  display: none;
  }
  .user-profile-edit-page .details-wrapper .form-content__wrpper1{
    display: none;
    } 
.page-user-login nav.tabs {
  display: block !important;
}
.page-user-new_application .renewal-application-form .js-form-type-checkbox .form-check-label {
  font-weight: normal;
  font-size: 1rem;
  padding-left: 10px;
}
.page-user-new_application .renewal-application-form .js-form-type-checkbox {
  text-align: left;
}

.page-user-application-form form.renewal-application-form .js-form-type-checkbox {
  text-align: left !important;
}
.page-user-application-form form.renewal-application-form .js-form-type-checkbox .apps-renew-checkbox {
  float: none;
  height: 20px;
  width: 20px;
}
.page-user-application-form form.renewal-application-form .js-form-type-checkbox .form-check-label {
  font-weight: normal !important;
  font-size: 14px !important;
}
.page-user-application-form #edit-division-list {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width:767px) {
  .page-user-register .form-content__wrpper1 .field-header-label, 
  .user-profile-edit-page .form-content__wrpper1 .field-header-label {
      position: relative;
      left: 0;
      top: 0;
      text-align: left;
      width: 100%;
  }
}

#edit-legal-accept {
  width: 14px !important;
}

.page-user-register #user-register-form details, #user-form details {
  border: 1px solid #dee2e6;
  padding: 30px 30px;
  }

  #edit-field-postal-address-wrapper.page-user-register #user-register-form .js-form-item:not(.js-form-type-radio),
  #edit-field-postal-address-wrapper #user-form .js-form-item:not(.js-form-type-radio) {
    display: block!important;;
    padding: 0!important;;
  }