/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* =====================================================
GENERAL
========================================================*/
.sectioncontent .nav-tabs.nav-justified>.active>a,
.sectioncontent .nav-tabs.nav-justified>.active>a:hover,
.sectioncontent .nav-tabs.nav-justified>.active>a:focus {
    color: #009185;
    text-transform: uppercase;
}

.sectioncontent .nav-tabs a {
    padding-bottom: 10px;
    color: #cccccc;
    text-transform: uppercase;
}

.content .ctabox {
    padding: 20px 0;
}

.content .ctabox.morepaddingtop {
    padding-top: 40px;
}

.ctabox .btn {
    min-width: 100px;
    margin: 0 10px 10px 0;
    text-transform: uppercase;
}

.ctabox .btnfloat-right {
    float: right;
}

.lastUpdatedTiming {
    position: relative;
    top: 10px;
    margin-right: 15px;

}

.content .ctabox a.textlink {
    font-size: 13px;
    font-weight: bold;
}

.content .ctabox a.textlink.tiffany,
.content .ctabox a.textlink.tiffany:link,
.content .ctabox a.textlink.tiffany:visited {
    color: #009185;
}

.content .ctabox .fa_addsomething::before {
    font-family: 'FontAwesome';
    font-size: 13px;
    font-weight: normal;
    content: '\f067';
    padding-right: 15px;
}

.content .groupset {
    padding: 30px 0 0 0;
}

.grayout {
    opacity: 0.3;
}

.nobold {
    font-weight: normal;
}

.wrapper-padding-bottom {
    padding-bottom: 120px;
}

/* =====================================================
TAB CSS
======================================================== */
@media (min-width: 767px) {
    .contentpanel.sectioncontent .nav-tabs.nav-justified a {
        padding: 10px;
        text-transform: uppercase;
    }

    .contentpanel .tabWrapper .steps {
        font-size: 30px;
        display: block;
        vertical-align: middle;
    }

    .contentpanel .tabWrapper .stepsDesc {
        font-size: 13px;
        display: table-cell;
        line-height: 16px;
        height: 40px;
        vertical-align: middle;
        text-align: center;
    }
}

@media (min-width: 992px) {
    .contentpanel .tabWrapper .steps {
        font-size: 35px;
        display: block;
        vertical-align: middle;
    }

    .contentpanel .tabWrapper .stepsDesc {
        font-size: 16px;
        display: table-cell;
        line-height: 16px;
        height: 40px;
        vertical-align: middle;
        text-align: center;
    }

    .nav-tabs.nav-justified>li>a {
        text-align: center;
        text-transform: uppercase;
    }

    .sectioncontent .nav-tabs.nav-justified>.active>a,
    .sectioncontent .nav-tabs.nav-justified>.active>a:hover,
    .sectioncontent .nav-tabs.nav-justified>.active>a:focus {
        color: #009185;
        text-transform: uppercase;
    }

    .sectioncontent .nav-tabs.nav-justified>.active>a,
    .sectioncontent .nav-tabs.nav-justified>.active>a:hover,
    .sectioncontent .nav-tabs.nav-justified>.active>a:focus {
        color: #009185;
        text-transform: uppercase;
    }

    .sectioncontent .nav-tabs a {
        padding-bottom: 10px;
    }
}

@media (min-width: 1200px) {
    .contentpanel .tabWrapper .steps {
        font-size: 35px;
        display: table-cell;
        vertical-align: middle;
    }

    .contentpanel .tabWrapper .stepsDesc {
        font-size: 16px;
        display: table-cell;
        line-height: 16px;
        vertical-align: middle;
        text-align: left;
        padding-left: 10px;
    }

    .contentpanel ul li a {
        text-align: left;
        text-transform: uppercase;
    }

    .nav-tabs.nav-justified>li>a {
        text-align: left;
        text-transform: uppercase;
    }

    .sectioncontent .nav-tabs.nav-justified>.active>a,
    .sectioncontent .nav-tabs.nav-justified>.active>a:hover,
    .sectioncontent .nav-tabs.nav-justified>.active>a:focus {
        color: #009185;
        text-transform: uppercase;
    }

    .sectioncontent .nav-tabs a {
        padding-bottom: 10px;
    }
}

/* =======================================
RIGHT PANEL
======================================== */
.bigpanel {
    border: 1px solid #009185;
    /* tiffany */
    margin: 18px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bigpanel .headerbar {
    background-color: #009185;
    /* tiffany */
    text-align: left;
    text-transform: uppercase;
    padding: 15px 20px;
    font-size: 20px;
    font-weight: 600;
    color: white;

}

.bigpanel .divider {
    border-top: 1px solid #e0e0e0;
    margin-left: 20px;
    margin-right: 20px;
}

.bigpanel .headerbar span {
    position: relative;
    left: 53%;
    text-align: right;
    font-size: 15px;
    text-transform: none;
    font-weight: bold;
}

.bigpanel .big-panel-content {
    padding: 20px;
}

/*========================================
LEFT PANEL
========================================= */
.detail_sectioncontent h1,
.detail_sectioncontent h2,
.detail_sectioncontent h3 {
}

.detail_sectioncontent .headerdivider {
    margin-bottom: 15px;
    border-bottom: 1px solid #cccccc;
}

.detail_sectioncontent .subheaderdivider {
    margin-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
}

.detail_sectioncontent .headerbar.collapsable::before {
    font-family: 'FontAwesome';
    font-size: 28px;
    line-height: 24px;
    padding-top: 0px;
    content: '\f106';
    color: #009185;
    float: right;
}

.detail_sectioncontent .headerbar.collapsableReverse::before {
    font-family: 'FontAwesome';
    font-size: 28px;
    line-height: 24px;
    padding-top: 0px;
    content: '\f107';
    color: #009185;
    float: right;
}

/* =================================================
FORM
====================================================*/

.detail_sectioncontent.block .listrow .formrow .left,
.detail_sectioncontent.block .listrow .formrow .right {
    width: 49.5%;
    display: inline-block;
}

.detail_sectioncontent.block .listrow .formrow .left-salutation {
    width: 19.5%;
    display: inline-block;
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .left-country {
    width: 69.0%;
    display: inline-block;
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .left-no {
    width: 12%;
    display: inline-block;
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .left-building-name {
    width: 50%;
    display: inline-block;
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .left-apt-no {
    width: 35%;
    display: inline-block;

}

.detail_sectioncontent.block .listrow .formrow .left-contactCountryWrapper {
    width: 39%;
    display: inline-block;
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .left-contactCountry {
    width: 64%;
    display: inline-block;
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .left-primaryContact {
    width: 49%;
    display: inline-block;
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-contactType {
    width: 49%;
    display: inline-block;
    padding-left: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-contactAreaCode {
    width: 34%;
    display: inline-block;
    padding-left: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-contactWrapper {
    width: 58%;
    display: inline-block;
    padding-left: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-building-name {
    width: 49%;
    display: inline-block;
    padding-left: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-full-name {
    width: 78.9%;
    display: inline-block;
    padding-left: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-postal {
    width: 30%;
    display: inline-block;
    padding-left: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-streetname {
    width: 87%;
    display: inline-block;
    padding-left: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-apt-no {
    width: 63%;
    display: inline-block;
    padding-left: 30px;
}

.detail_sectioncontent.block .listrow .formrow .left {
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right {
    padding-left: 10px;
}

.apartment-hashtag {
    position: relative;
    padding-left: 30px;
}

.apartment-hashtag:before {
    position: absolute;
    content: "#";
    width: 30px;
    height: 48px;
    font-size: 30px;
    line-height: 48px;
    font-weight: bold;
    color: #666666;
    text-align: center;
    left: -5px;
    bottom: 0;
}

.apartment-dash {
    position: relative;
    padding-left: 30px;
}

.apartment-dash:before {
    position: absolute;
    content: "-";
    width: 30px;
    height: 48px;
    font-size: 30px;
    line-height: 48px;
    font-weight: bold;
    color: #666666;
    text-align: center;
    left: -3px;
    bottom: 0;
}

.listrow.gap,
.content.stats .listrow.gap {

    padding: 10px 0;
}

.header_tags_container .keyword_tags {
    margin-left: 10px;
    font-size: 15px;
}

.header_tags_container .keyword_tags.fa_i::before {
    font-family: 'FontAwesome';
    content: '\f05a';
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
}

.header_tags_container .keyword_tags::after {
    font-family: 'FontAwesome';
    content: '\f00d';
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
}

.content.mainprofile {
    padding: 20px;
}

.content.mainprofile .name {
    font-size: 22px;
    font-weight: 600;
    color: #009185;
    text-transform: uppercase;
    padding-top: 10px;
}

.content.mainprofile .position {
    font-size: 16px;
    font-weight: normal;
    color: #666;
}

.content.mainprofile .company {
    font-size: 16px;
    font-weight: normal;
    color: #999;
}

.formrow {
    display: block;
    height: auto;
    width: 100%;
}

.formrow .left,
.formrow .right {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.formrow-shorter {
    width: 70%;
}

/* Extra Extra Small */
@media(max-width:479px) {
    #socialLinkingModal .modal-dialog {
        width: 75% !important;
    }

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

/* Extra Small */
@media(max-width:767px) {

    .formrow .left,
    .formrow .right {
        display: block;
        vertical-align: top;
        float: none;
    }

    /* copied over from MASTER PROFILE */
    .detail_sectioncontent.block .listrow .formrow .left,
    .detail_sectioncontent.block .listrow .formrow .right {
        width: 100%;
        display: block;
        padding: 5px 0;
    }

    .formbox .itemset {
        display: block;
        width: 100%;
    }

    /* all classes from PERSONAL INFORMATION TAB */
    .formrow-shorter,
    .detail_sectioncontent.block .listrow .formrow .left-salutation,
    .detail_sectioncontent.block .listrow .formrow .right-full-name,
    .formrow-shorter,
    .detail_sectioncontent.block .listrow .formrow .left-country,
    .detail_sectioncontent.block .listrow .formrow .left-no,
    .detail_sectioncontent.block .listrow .formrow .right-postal,
    .detail_sectioncontent.block .listrow .formrow .right-streetname,
    .detail_sectioncontent.block .listrow .formrow .left-building-name,
    .detail_sectioncontent.block .listrow .formrow .right-building-name,
    .detail_sectioncontent.block .listrow .formrow .left-contactCountryWrapper,
    .detail_sectioncontent.block .listrow .formrow .left-contactCountry,
    .detail_sectioncontent.block .listrow .formrow .right-contactAreaCode,
    .detail_sectioncontent.block .listrow .formrow .right-contactWrapper,
    .detail_sectioncontent.block .listrow .formrow .left-primaryContact,
    .detail_sectioncontent.block .listrow .formrow .right-contactType {
        display: block;
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* Small */
@media(min-width:768px) and (max-width:991px) {
    .formrow .left.salutations {
        width: 29%;
    }

    .formrow .right.preferredname {
        width: 70%;
    }
}

/* Medium */
@media(min-width:992px) and (max-width:1199px) {
    .formrow .left,
    .formrow .right {
        display: block;
        vertical-align: top;
        float: none;
    }
}

/* Large */
@media(min-width:1200px) {
    .bigpanel .formrow .left.salutations {
        width: 29%;
    }

    .bigpanel .formrow .right.preferredname {
        width: 70%;
    }
}

.formrow .formbox .form-control,
.formrow .formbox .form-control:focus {
    font-size: 15px;
    color: #666;
    text-align: left;
    position: relative;
}

.formrow .formbox .form-control i.fa {
    position: absolute;
    right: 10px;
    padding-top: 3px;
}

.formheading.optional::after {
    content: '(optional)';
    font-size: 13px;
    font-weight: normal;
    color: #bbb;
    padding-left: 5px;
    text-transform: none;
}

.formbox .itemset {
    display: inline-block;
    width: 32%;
}

.formbox .itemset .checkbox_tertiary {
    padding: 5px 0;
}

.formbox.checkboxes {
    padding-bottom: 20px;
}

.sectionheading {
    font-size: 14px;
    font-weight: 600;
    color: #009185;
    padding: 5px 0;
    text-transform: uppercase;
}

.formheading {
    font-size: 16px;
    font-weight: 600;
    color: #666;
    padding: 15px 0 10px;
}

.formbox .input-group {
    border-radius: 3px;
    border: 1px solid #666;
    width: 100%;
    background-color: #ffffff;
}

.formbox .form-control,
.formbox .form-control:focus {
    font-size: 15px;
    color: #e7892a;
    padding: 10px 12px;
    height: 48px;
    border: 1px solid #666;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.formbox .form-control::-webkit-input-placeholder {
    color: #666;
}

.formbox .form-control::-moz-placeholder {
    color: #666;
}

.formbox .form-control:-ms-input-placeholder {
    color: #666;
}

.formbox .form-controlinput:-moz-placeholder {
    color: #666;
}

.formbox .form-control.required::-webkit-input-placeholder:after {
    content: "*";
    color: #666;
}

.formbox .form-control.required::-moz-placeholder:after {
    content: "*";
    color: #666;
}

.formbox .form-control.required:-ms-input-placeholder:after {
    content: "*";
    color: #666;
}

.formbox .form-control.requiredinput:-moz-placeholder:after {
    content: "*";
    color: #666;
}

.formbox .dropdown-menu {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #666;
    width: 100%;
}

.formbox .dropdown-menu li {
    border-bottom: 1px solid #666;
}

.formbox .dropdown-menu li:last-child {
    border-bottom: 0;
}

.formbox .dropdown-menu li a,
.formbox .dropdown-menu li a:link,
.formbox .dropdown-menu li a:visited {
    font-size: 16px;
    padding: 10px 15px;
    color: #666;
}

.formbox .dropdown-menu li a:hover,
.formbox .dropdown-menu li a:hover {
    color: #fff;
    background-color: #666;
}

.formbox .input-group-btn.fa_calendar .btn {
    background: transparent;
    font-size: 20px;
    color: #666;
}

.formbox .input-group-btn.fa_weblink .btn {
    background: transparent;
    font-size: 20px;
    color: #e7892a;
}

.formbox .input-group-btn.fa_weblink_disabled .btn {
    background: transparent;
    font-size: 20px;
    color: #cccccc;
}

.formbox .input-group-btn.fa_search .btn {
    background: transparent;
    font-size: 20px;
    color: #666666;
}

.formbox .memo {
    font-size: 15px;
    font-weight: normal;
    color: #333;
    padding: 15px 0 0 0;
}

.checkbox_tertiary.padding15 {
    padding: 15px 0 0 0;

}

.formbox .form-control.textareapanel {
    height: 140px;
    font-size: 15px;
    color: #666;
    text-align: left;
    padding: 10px 12px;
    border: 0;
    resize: vertical;
    text-transform: none;
}

.formheading.fa_i::after {
    font-family: 'FontAwesome';
    font-size: 14px;
    content: '\f05a';
    color: #666;
    padding-left: 10px;
}

.form-group.margin-bottom-second-wizard,
.form-group.margin-bottom-third-wizard {
    margin-bottom: 10px;
}

@media (max-width:991px) {
    .form-group.margin-bottom-second-wizard {
        margin-bottom: 40px;
    }
}

.downloadCert .form-control {
    height: 36px;
}

/*  TAKEN FROM MASTER PROFILE ----------------------------------------
EMPLOYMENT HISTORY AND QUALIFICATION
-------------------------------------------------------------------* /

/* Employment Panel */
.employmentPanel {
    background-color: #f5f5f5;
    padding: 20px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.employmentPanel:before {
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 24px;
    padding-top: 0px;
    content: '\f00d';
    color: #009185;
    float: right;
}

.employmentPanelCheckbox {
    float: right;
}

.employmentPanelHeader {
    display: inline-block;
}

.employmentPanel .ctabox .fa-angle-down:before {
    font-family: 'FontAwesome';
    font-size: 13px;
    font-weight: normal;
    content: '\f107';
    padding-right: 15px;
}

.ctabox .fa-angle-up:before {
    font-family: 'FontAwesome';
    font-size: 13px;
    font-weight: normal;
    content: '\f106';
    padding-right: 15px;

}

.input-group .header_tags_container .keyword_tags {
    margin-left: 10px;
    font-size: 15px;
    padding-top: 7px;
    line-height: 20px;
}

/* Qualifications Panel */
.qualificationsPanel {
    background-color: #f5f5f5;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 3px;
    margin-bottom: 20px;
}

/* Skills and Languages */
.insert-btn {
    margin-top: 55px;
    text-transform: uppercase;
}

.formbox .header_tags_container .skillSet {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
}

.formbox .header_tags_container .proficiencyLevel {
    display: inline-block;
    vertical-align: top;
    margin-left: 25px;
}

.formbox .header_tags_container .proficiencyLevel_Dropdown,
.formbox .header_tags_container .proficiencyLevel_Dropdown:focus {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 20px;
    background-color: #ffffff;
    border: #cccccc;
    padding-right: 30px;
    margin-right: 30px;
}

.formbox .header_tags_container .header_tags_container_dropdown {
    margin-left: 7px;
    display: inline-block;
}

.formbox .header_tags_container_dropdown .dropdown-menu li a,
.formbox .header_tags_container_dropdown .dropdown-menu li a:link,
.formbox .header_tags_container_dropdown .dropdown-menu li a:visited {
    padding-top: 0px;
    padding-bottom: 0px;
}

.header_tags_container .keyword_tags.proficiencyLevel_keyword_tags::after {
    font-family: 'FontAwesome';
    content: '\f00d';
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
}

.header_tags_container .keyword_tags.proficiencyLevel_keyword_tags::before {
    font-family: 'FontAwesome';
    content: '\f05a';
    position: relative;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
}

@media(max-width: 767px) {
    .formbox .header_tags_container .proficiencyLevel {
        display: block;
        vertical-align: top;
        margin-left: 25px;
    }

    .formbox .header_tags_container .header_tags_container_dropdown {
        margin-left: 25px;
        margin-top: 5px;
        display: block;
    }

    .header_tags_container .keyword_tags.proficiencyLevel_keyword_tags::after {
        position: relative;
        top: -65px;
        font-size: 18px;
        padding-left: 95%;
    }

    .header_tags_container .keyword_tags.proficiencyLevel_keyword_tags::before {
        font-size: 18px;
        position: relative;
        top: 1px;
        padding-right: 7px;
    }

    .input-group .header_tags_container .keyword_tags.proficiencyLevel_keyword_tags {
        height: auto;
        width: 90%;
        padding-bottom: 0px;
    }

    .insert-btn {
        margin-top: 0px;
    }
}

/* Contact Panel */
.contactPanel {
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.contactPanel:before {
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 24px;
    padding-top: 0px;
    content: '\f00d';
    color: #009185;
    float: right;
}

/* Choose Template Panel */
.chooseTemplate_templateOptions {
    border: 3px solid #eeeeee;
    padding: 20px;
    height: 204px;
    line-height: 150px;
    width: 146px;
    color: #cccccc;
    display: inline-block;
    margin-right: 30px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.chooseTemplate_templateOptions:hover,
.chooseTemplate_templateOptions.active {
    border: 3px solid #009185;
    color: #009185;
    cursor: pointer
}

.chooseTemplate_PreviewBtnContainer {
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
}

.chooseTemplate_PreviewBtnContainer .btnType {
    width: 40%;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    vertical-align: top;
}

.chooseTemplate_PreviewBtnContainer .btnType p {
    font-weight: bold;
    font-size: 18px;
    color: #cf153e;
}

.chooseTemplate_PreviewBtnContainer .btnType a.incompleteBtn {
    text-transform: uppercase;
    background-color: #cccccc;
    display: inline-block;
    border: 1px solid #cccccc;
    color: #ffffff;
    margin-bottom: 10px;
}

.chooseTemplate_PreviewBtnContainer .btnType a.incompleteBtn:hover {
    background: transparent;
    border: 1px solid #cccccc;
    color: #cccccc;
}

.chooseTemplate_PreviewBtnContainer .btnType .btn-orange-light {
    text-transform: uppercase;
    margin-bottom: 10px;
}

@media(max-width: 767px) {
    .chooseTemplate_templateOptions {
        width: 100%;
        margin-bottom: 15px;
    }
}

/*Add Custom CSS*/
.formrow-registration {
    width: 80%;
}

.formrow-gender {
    width: 77%;
}

.formrow-info {
    width: 54%;
}

.formrow-preferred-name {
    width: 250%;
}

.formrow-salutation {
    width: 25.5% !important;
}

.formrow-full-name {
    width: 73.9% !important;
}

.detail_sectioncontent.block .listrow .formrow .gender-left-col {
    width: 70%;
    display: inline-block;
}

.detail_sectioncontent.block .listrow .formrow .gender-right-col {
    width: 25%;
    display: inline-block;
    padding-left: 15px;
}

.detail_sectioncontent.block .listrow .formrow .left-col {
    display: inline-block;
    vertical-align: top;
    width: 122%;
    padding-left: 2px;
}

.individual-registration-mt30 {
    margin-top: 30px;
}

.individual-submit-btn {
    margin-top: -5px;
}

/* Extra Small */
@media(max-width:767px) {
    .detail_sectioncontent.block .listrow .formrow .gender-left-col {
        display: block;
        width: 100%;
    }

    .detail_sectioncontent.block .listrow .formrow .gender-right-col {
        display: block;
        width: 100%;
        padding-left: 0;
    }

    .detail_sectioncontent.block .listrow .formrow .left-col {
        display: block;
        width: 100%;
    }

    .formrow-salutation {
        width: 100% !important;
    }

    .formrow-full-name {
        width: 100% !important;
    }

    .formrow-preferred-name {
        width: 100%;
    }

    .formrow-info {
        width: 100%;
    }

    .formrow-registration {
        width: 100%;
    }

    .formrow-gender {
        width: 100%;
    }
}

/* Small */
@media(min-width:768px) and (max-width:991px) {
    .formrow-professional-qualificaiton {
        width: 106% !important;
    }

    .individual-left-no {
        width: 38% !important;
    }

    .individual-right-streetname {
        width: 61% !important;
    }
}

/* Medium */
@media(min-width:768px) and (max-width:1199px) {
    .formrow-full-name {
        width: 72.9% !important;
    }

    .individual-left-no {
        width: 38% !important;
    }

    .individual-right-streetname {
        width: 61% !important;
    }
}

/* Large */
@media(min-width:1200px) {
    .individual-left-no {
        width: 29% !important;
    }

    .individual-right-streetname {
        width: 70% !important;
    }
}

.industry-select2 .select2-selection {
    border: none;
    height: 46px;
    padding-top: 10px;
    font-size: 15px;
}

.industry-select2 .select2-selection__arrow {
}

.formrow-full-name::after {
    content: '(As in NRIC/FIN/Passport)';
    font-size: 13px;
    font-weight: normal;
    color: #bbb;
    padding-left: 5px;
    text-transform: none;
}

.registration-mail-label {
    background-color: #F5F5F5;
    height: 48px;
    padding: 14px 14px;
    text-transform: uppercase;
}

.popuppanel .ctablock.bottomcta {
    padding: 54px 0 10px 0;
}

#individualRegistrationDiv .validationMessage {
    color: red;
}

#primaryContactDiv .validationMessage {
    position: absolute;
}

.personal-information .validationMessage {
    position: absolute;
}

.registration-address .validationMessage {
    position: absolute;
}

@media (min-width: 767px) {
    #div_area span.validationMessage {
        width: 80px;
    }
}

/* Small */
@media (min-width: 768px) and (max-width: 991px) {
    #div_salutation span.validationMessage {
        width: 100px;
    }

    .row-mg-tp20 {
        margin-top: 20px;
    }
}

#div_race .select2-selection {
    background-color: white !important;
}

@media (min-width: 992px) {
    #div_number span.validationMessage {
        width: 175px;
    }
}

.individual-select2 .select2-container {
}

.individual-select2 .select2-selection__arrow {
    display: none;
}

.individual-select2 .select2-selection {
    border: none;
    height: 46px;
    padding-top: 10px;
    font-size: 15px;
}

.individual-select2 .search-icon {
    left: 0;
}

.industry-select2 .select2-selection {
    border: none;
    height: 46px;
    padding-top: 10px;
    font-size: 15px;
}

/* Common Popup By Bootstrap */
.Common_Bootstrap_Modal_Popup .panelplate .titlepanel .close:after {
    font-family: 'FontAwesome';
    content: '\f00d';
    color: white;
    font-size: 20px;
    position: absolute;
    right: 40px;
}

.Common_Bootstrap_Modal_Popup .panelplate .btn-orange-light {
    width: 100px;
}

.Common_Bootstrap_Modal_Popup .panelplate .closebtn {
    cursor: pointer;
}
/* End Common Popup By Bootstrap */

/* Recaptcha Section */
.titlable {
    line-height: 20px;
    font-size: 18px;
    text-align: left;
    width: 100%;
    color: #3972D5;
    font-family: 'WorkSans-Semibold';
}

.formrowpanelbox {
    display: block;
    height: auto;
    width: 100%;
    padding: 30px 15px 30px 15px !important;
    background-color: #f1f1f1;
}
/* End Recaptcha Section */

.formbox .fa_upload.input-group-btn .btn {
    background: none;
    color: rgb(102, 102, 102);
    font-size: 20px;
}

.fa {
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    display: inline-block;
    cursor: pointer !important;
    font-size-adjust: none;
    font-stretch: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
}

@media all and (max-width:767px) {
    .module-header-btn a.btn {
        width: 100%;
    }
}

.fa-trash:before {
    vertical-align: top;
    display: inline-block;
}

/*
 * Image/Document Remove Tag - Start Here
 */
a.remove-upload:hover,
a.remove-upload:visited {
    color: #e68717 !important;
    text-decoration: underline !important;
}

a.remove-upload {
    color: #e88a2d !important;
    font-size: 14px !important;
    text-transform: none !important;
}

/*
 * Image/Document Remove Tag - End Here
 */
.formrow .summary_remaining_characters {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #666;
    margin-top: 5px;
}

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

i.fa.fa-fw.fa-trash {
    margin-left: 81px;
    font-size: 20px;
    color: #65b8fe;
}
}

@media (max-width: 767px) {
    .popuppanel {
        width: 73%;
    }

    .popuppanel .titlepanel {
        font-size: 22px;
        line-height: 24px;
    }

    .popuppanel .contentblock {
        padding: 0px 15px;
    }
}

@media (max-width: 370px) {
    .popuppanel .titlepanel {
        font-size: 22px !important;
    }
}

/* =====================================================
GENERAL
========================================================*/
.sectioncontent .nav-tabs.nav-justified>.active>a,
.sectioncontent .nav-tabs.nav-justified>.active>a:hover,
.sectioncontent .nav-tabs.nav-justified>.active>a:focus {
    color: #009185;
    text-transform: uppercase;
}

.sectioncontent .nav-tabs a {
    padding-bottom: 10px;
    color: #cccccc;
    text-transform: uppercase;
}

.content .ctabox {
    padding: 20px 0;
}

.content .ctabox.morepaddingtop {
    padding-top: 40px;
}

.ctabox .btn {
    min-width: 100px;
    margin: 0 10px 10px 0;
    text-transform: uppercase;
}

.ctabox .btnfloat-right {
    float: right;
}

.lastUpdatedTiming {
    position: relative;
    top: 10px;
    margin-right: 15px;
}

.content .ctabox a.textlink {
    font-size: 13px;
    font-weight: bold;
}

.content .ctabox a.textlink.tiffany,
.content .ctabox a.textlink.tiffany:link,
.content .ctabox a.textlink.tiffany:visited {
    color: #009185;
}

.content .ctabox .fa_addsomething::before {
    font-family: 'FontAwesome';
    font-size: 13px;
    font-weight: normal;
    content: '\f067';
    padding-right: 15px;
}

.content .groupset {
    padding: 30px 0 0 0;
}

.grayout {
    opacity: 0.3;
}

.nobold {
    font-weight: normal;
}

.wrapper-padding-bottom {
    padding-bottom: 120px;
}


/* =====================================================
TAB CSS
======================================================== */
@media (min-width: 767px) {
    .contentpanel.sectioncontent .nav-tabs.nav-justified a {
        padding: 10px;
        text-transform: uppercase;
    }

    .contentpanel .tabWrapper .steps {
        font-size: 30px;
        display: block;
        vertical-align: middle;
    }

    .contentpanel .tabWrapper .stepsDesc {
        font-size: 13px;
        display: table-cell;
        line-height: 16px;
        height: 40px;
        vertical-align: middle;
        text-align: center;
    }
}

@media (min-width: 992px) {
    .contentpanel .tabWrapper .steps {
        font-size: 35px;
        display: block;
        vertical-align: middle;
    }

    .contentpanel .tabWrapper .stepsDesc {
        font-size: 16px;
        display: table-cell;
        line-height: 16px;
        height: 40px;
        vertical-align: middle;
        text-align: center;
    }

    .nav-tabs.nav-justified>li>a {
        text-align: center;
        text-transform: uppercase;
    }

    .sectioncontent .nav-tabs.nav-justified>.active>a,
    .sectioncontent .nav-tabs.nav-justified>.active>a:hover,
    .sectioncontent .nav-tabs.nav-justified>.active>a:focus {
        color: #009185;
        text-transform: uppercase;
    }

    .sectioncontent .nav-tabs.nav-justified>.active>a,
    .sectioncontent .nav-tabs.nav-justified>.active>a:hover,
    .sectioncontent .nav-tabs.nav-justified>.active>a:focus {
        color: #009185;
        text-transform: uppercase;
    }

    .sectioncontent .nav-tabs a {
        padding-bottom: 10px;
    }
}


@media (min-width: 1200px) {
    .contentpanel .tabWrapper .steps {
        font-size: 35px;
        display: table-cell;
        vertical-align: middle;
    }

    .contentpanel .tabWrapper .stepsDesc {
        font-size: 16px;
        display: table-cell;
        line-height: 16px;
        vertical-align: middle;
        text-align: left;
        padding-left: 10px;
    }

    .contentpanel ul li a {
        text-align: left;
        text-transform: uppercase;
    }

    .nav-tabs.nav-justified>li>a {
        text-align: left;
        text-transform: uppercase;
    }

    .sectioncontent .nav-tabs.nav-justified>.active>a,
    .sectioncontent .nav-tabs.nav-justified>.active>a:hover,
    .sectioncontent .nav-tabs.nav-justified>.active>a:focus {
        color: #009185;
        text-transform: uppercase;
    }

    .sectioncontent .nav-tabs a {
        padding-bottom: 10px;
    }
}

/* =======================================
RIGHT PANEL
======================================== */
.bigpanel {
    border: 1px solid #009185;
    /* tiffany */
    margin: 18px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.bigpanel .headerbar {
    background-color: #009185;
    /* tiffany */
    text-align: left;
    text-transform: uppercase;
    padding: 15px 20px;
    font-size: 20px;
    font-weight: 600;
    color: white;
}

.bigpanel .divider {
    border-top: 1px solid #e0e0e0;
    margin-left: 20px;
    margin-right: 20px;
}

.bigpanel .headerbar span {
    position: relative;
    left: 53%;
    text-align: right;
    font-size: 15px;
    text-transform: none;
    font-weight: bold;
}

.bigpanel .big-panel-content {
    padding: 20px;
}

/*========================================
LEFT PANEL
========================================= */
.detail_sectioncontent h1,
.detail_sectioncontent h2,
.detail_sectioncontent h3 {
}

.detail_sectioncontent .headerdivider {
    margin-bottom: 15px;
    border-bottom: 1px solid #cccccc;
}

.detail_sectioncontent .subheaderdivider {
    margin-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
}

.detail_sectioncontent .headerbar.collapsable::before {
    font-family: 'FontAwesome';
    font-size: 28px;
    line-height: 24px;
    padding-top: 0px;
    content: '\f106';
    color: #009185;
    float: right;
}

.detail_sectioncontent .headerbar.collapsableReverse::before {
    font-family: 'FontAwesome';
    font-size: 28px;
    line-height: 24px;
    padding-top: 0px;
    content: '\f107';
    color: #009185;
    float: right;
}

/* =================================================
FORM
====================================================*/
.detail_sectioncontent.block .listrow .formrow .left,
.detail_sectioncontent.block .listrow .formrow .right {
    width: 49.5%;
    display: inline-block;
}

.detail_sectioncontent.block .listrow .formrow .left-salutation {
    width: 19.5%;
    display: inline-block;
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .left-country {
    width: 69.0%;
    display: inline-block;
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .left-no {
    width: 12%;
    display: inline-block;
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .left-building-name {
    width: 50%;
    display: inline-block;
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .left-apt-no {
    width: 35%;
    display: inline-block;
}

.detail_sectioncontent.block .listrow .formrow .left-contactCountryWrapper {
    width: 39%;
    display: inline-block;
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .left-contactCountry {
    width: 64%;
    display: inline-block;
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .left-primaryContact {
    width: 49%;
    display: inline-block;
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-contactType {
    width: 49%;
    display: inline-block;
    padding-left: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-contactAreaCode {
    width: 34%;
    display: inline-block;
    padding-left: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-contactWrapper {
    width: 58%;
    display: inline-block;
    padding-left: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-building-name {
    width: 49%;
    display: inline-block;
    padding-left: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-full-name {
    width: 78.9%;
    display: inline-block;
    padding-left: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-postal {
    width: 30%;
    display: inline-block;
    padding-left: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-streetname {
    width: 87%;
    display: inline-block;
    padding-left: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right-apt-no {
    width: 63%;
    display: inline-block;
    padding-left: 30px;
}

.detail_sectioncontent.block .listrow .formrow .left {
    padding-right: 10px;
}

.detail_sectioncontent.block .listrow .formrow .right {
    padding-left: 10px;
}

.apartment-hashtag {
    position: relative;
    padding-left: 30px;
}

.apartment-hashtag:before {
    position: absolute;
    content: "#";
    width: 30px;
    height: 48px;
    font-size: 30px;
    line-height: 48px;
    font-weight: bold;
    color: #666666;
    text-align: center;
    left: -5px;
    bottom: 0;
}

.apartment-dash {
    position: relative;
    padding-left: 30px;
}

.apartment-dash:before {
    position: absolute;
    content: "-";
    width: 30px;
    height: 48px;
    font-size: 30px;
    line-height: 48px;
    font-weight: bold;
    color: #666666;
    text-align: center;
    left: -3px;
    bottom: 0;
}

.listrow.gap,
.content.stats .listrow.gap {

    padding: 10px 0;
}

.header_tags_container .keyword_tags {
    margin-left: 10px;
    font-size: 15px;

}

.header_tags_container .keyword_tags.fa_i::before {
    font-family: 'FontAwesome';
    content: '\f05a';
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
}

.header_tags_container .keyword_tags::after {
    font-family: 'FontAwesome';
    content: '\f00d';
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
}

.content.mainprofile {
    padding: 20px;
}

.content.mainprofile .name {
    font-size: 22px;
    font-weight: 600;
    color: #009185;
    text-transform: uppercase;
    padding-top: 10px;
}

.content.mainprofile .position {
    font-size: 16px;
    font-weight: normal;
    color: #666;
}

.content.mainprofile .company {
    font-size: 16px;
    font-weight: normal;
    color: #999;
}

.formrow {
    display: block;
    height: auto;
    width: 100%;
}

.formrow .left,
.formrow .right {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.formrow-shorter {
    width: 70%;
}

/* Extra Small */
@media(max-width:767px) {
    .formrow .left,
    .formrow .right {
        display: block;
        vertical-align: top;
        float: none;
    }

    /* copied over from MASTER PROFILE */
    .detail_sectioncontent.block .listrow .formrow .left,
    .detail_sectioncontent.block .listrow .formrow .right {
        width: 100%;
        display: block;
        padding: 5px 0;
    }

    .formbox .itemset {
        display: block;
        width: 100%;
    }

    /* all classes from PERSONAL INFORMATION TAB */
    .formrow-shorter,
    .detail_sectioncontent.block .listrow .formrow .left-salutation,
    .detail_sectioncontent.block .listrow .formrow .right-full-name,
    .formrow-shorter,
    .detail_sectioncontent.block .listrow .formrow .left-country,
    .detail_sectioncontent.block .listrow .formrow .left-no,
    .detail_sectioncontent.block .listrow .formrow .right-postal,
    .detail_sectioncontent.block .listrow .formrow .right-streetname,
    .detail_sectioncontent.block .listrow .formrow .left-building-name,
    .detail_sectioncontent.block .listrow .formrow .right-building-name,
    .detail_sectioncontent.block .listrow .formrow .left-contactCountryWrapper,
    .detail_sectioncontent.block .listrow .formrow .left-contactCountry,
    .detail_sectioncontent.block .listrow .formrow .right-contactAreaCode,
    .detail_sectioncontent.block .listrow .formrow .right-contactWrapper,
    .detail_sectioncontent.block .listrow .formrow .left-primaryContact,
    .detail_sectioncontent.block .listrow .formrow .right-contactType {
        display: block;
        float: none;
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
}

/* Small */
@media(min-width:768px) and (max-width:991px) {
    .formrow .left.salutations {
        width: 29%;
    }

    .formrow .right.preferredname {
        width: 70%;
    }
}

/* Medium */
@media(min-width:992px) and (max-width:1199px) {
    .formrow .left,
    .formrow .right {
        display: block;
        vertical-align: top;
        float: none;
    }
}

/* Large */
@media(min-width:1200px) {
    .bigpanel .formrow .left.salutations {
        width: 29%;
    }

    .bigpanel .formrow .right.preferredname {
        width: 70%;
    }
}

.formrow .formbox .form-control,
.formrow .formbox .form-control:focus {
    font-size: 15px;
    color: #666;
    text-align: left;
    position: relative;
}

.formrow .formbox .form-control i.fa {
    position: absolute;
    right: 10px;
    padding-top: 3px;
}

.formheading.optional::after {
    content: '(optional)';
    font-size: 13px;
    font-weight: normal;
    color: #bbb;
    padding-left: 5px;
    text-transform: none;
}

.formbox .itemset {
    display: inline-block;
    width: 32%;
}

.formbox .itemset .checkbox_tertiary {
    padding: 5px 0;
}

.formbox.checkboxes {
    padding-bottom: 20px;
}

.sectionheading {
    font-size: 14px;
    font-weight: 600;
    color: #009185;
    padding: 5px 0;
    text-transform: uppercase;
}

.formheading {
    font-size: 16px;
    font-weight: 600;
    color: #666;
    padding: 15px 0 10px;
}

.formbox .input-group {
    border-radius: 3px;
    border: 1px solid #666;
    width: 100%;
    background-color: #ffffff;
}

.formbox .form-control,
.formbox .form-control:focus {
    font-size: 15px;
    color: #e7892a;
    padding: 10px 12px;
    height: 48px;
    border: 1px solid #666;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.formbox .form-control::-webkit-input-placeholder {
    color: #666;
}

.formbox .form-control::-moz-placeholder {
    color: #666;
}

.formbox .form-control:-ms-input-placeholder {
    color: #666;
}

.formbox .form-controlinput:-moz-placeholder {
    color: #666;
}

.formbox .form-control.required::-webkit-input-placeholder:after {
    content: "*";
    color: #666;
}

.formbox .form-control.required::-moz-placeholder:after {
    content: "*";
    color: #666;
}

.formbox .form-control.required:-ms-input-placeholder:after {
    content: "*";
    color: #666;
}

.formbox .form-control.requiredinput:-moz-placeholder:after {
    content: "*";
    color: #666;
}

.formbox .dropdown-menu {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #666;
    width: 100%;
}

.formbox .dropdown-menu li {
    border-bottom: 1px solid #666;
}

.formbox .dropdown-menu li:last-child {
    border-bottom: 0;
}

.formbox .dropdown-menu li a,
.formbox .dropdown-menu li a:link,
.formbox .dropdown-menu li a:visited {
    font-size: 16px;
    padding: 10px 15px;
    color: #666;
}

.formbox .dropdown-menu li a:hover,
.formbox .dropdown-menu li a:hover {
    color: #fff;
    background-color: #666;
}

.formbox .input-group-btn.fa_calendar .btn {
    background: transparent;
    font-size: 20px;
    color: #666;
}

.formbox .input-group-btn.fa_weblink .btn {
    background: transparent;
    font-size: 20px;
    color: #e7892a;
}

.formbox .input-group-btn.fa_weblink_disabled .btn {
    background: transparent;
    font-size: 20px;
    color: #cccccc;
}

.formbox .input-group-btn.fa_search .btn {
    background: transparent;
    font-size: 20px;
    color: #666666;
}

.formbox .memo {
    font-size: 15px;
    font-weight: normal;
    color: #333;
    padding: 15px 0 0 0;
}

.checkbox_tertiary.padding15 {
    padding: 15px 0 0 0;

}

.formbox .form-control.textareapanel {
    height: 140px;
    font-size: 15px;
    color: #666;
    text-align: left;
    padding: 10px 12px;
    border: 0;
    resize: vertical;
    text-transform: none;
}

.formheading.fa_i::after {
    font-family: 'FontAwesome';
    font-size: 14px;
    content: '\f05a';
    color: #666;
    padding-left: 10px;
}

/*  TAKEN FROM MASTER PROFILE ----------------------------------------
EMPLOYMENT HISTORY AND QUALIFICATION
-------------------------------------------------------------------* /

/* Employment Panel */
.employmentPanel {
    background-color: #f5f5f5;
    padding: 20px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.employmentPanel:before {
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 24px;
    padding-top: 0px;
    content: '\f00d';
    color: #009185;
    float: right;
}

.employmentPanelCheckbox {
    float: right;
}

.employmentPanelHeader {
    display: inline-block;
}

.employmentPanel .ctabox .fa-angle-down:before {
    font-family: 'FontAwesome';
    font-size: 13px;
    font-weight: normal;
    content: '\f107';
    padding-right: 15px;
}

.ctabox .fa-angle-up:before {
    font-family: 'FontAwesome';
    font-size: 13px;
    font-weight: normal;
    content: '\f106';
    padding-right: 15px;

}

.input-group .header_tags_container .keyword_tags {
    margin-left: 10px;
    font-size: 15px;
    padding-top: 7px;
    line-height: 20px;
}

/* Qualifications Panel */
.qualificationsPanel {
    background-color: #f5f5f5;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 3px;
    margin-bottom: 20px;
}

/* Skills and Languages */
.insert-btn {
    margin-top: 55px;
    text-transform: uppercase;
}

.formbox .header_tags_container .skillSet {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
}

.formbox .header_tags_container .proficiencyLevel {
    display: inline-block;
    vertical-align: top;
    margin-left: 25px;
}

.formbox .header_tags_container .proficiencyLevel_Dropdown,
.formbox .header_tags_container .proficiencyLevel_Dropdown:focus {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 20px;
    background-color: #ffffff;
    border: #cccccc;
    padding-right: 30px;
    margin-right: 30px;
}

.formbox .header_tags_container .header_tags_container_dropdown {
    margin-left: 7px;
    display: inline-block;
}

.formbox .header_tags_container_dropdown .dropdown-menu li a,
.formbox .header_tags_container_dropdown .dropdown-menu li a:link,
.formbox .header_tags_container_dropdown .dropdown-menu li a:visited {
    padding-top: 0px;
    padding-bottom: 0px;

}

.header_tags_container .keyword_tags.proficiencyLevel_keyword_tags::after {
    font-family: 'FontAwesome';
    content: '\f00d';
    padding-left: 10px;
    display: inline-block;
    vertical-align: top;
}

.header_tags_container .keyword_tags.proficiencyLevel_keyword_tags::before {
    font-family: 'FontAwesome';
    content: '\f05a';
    position: relative;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top;
}

@media(max-width: 767px) {
    .formbox .header_tags_container .proficiencyLevel {
        display: block;
        vertical-align: top;
        margin-left: 25px;
    }

    .formbox .header_tags_container .header_tags_container_dropdown {
        margin-left: 25px;
        margin-top: 5px;
        display: block;
    }

    .header_tags_container .keyword_tags.proficiencyLevel_keyword_tags::after {
        position: relative;
        top: -65px;
        font-size: 18px;
        padding-left: 95%;
    }

    .header_tags_container .keyword_tags.proficiencyLevel_keyword_tags::before {
        font-size: 18px;
        position: relative;
        top: 1px;
        padding-right: 7px;
    }

    .input-group .header_tags_container .keyword_tags.proficiencyLevel_keyword_tags {
        height: auto;
        width: 90%;
        padding-bottom: 0px;
    }

    .insert-btn {
        margin-top: 0px;
    }
}

/* Contact Panel */
.contactPanel {
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.contactPanel:before {
    font-family: 'FontAwesome';
    font-size: 18px;
    line-height: 24px;
    padding-top: 0px;
    content: '\f00d';
    color: #009185;
    float: right;
}

/* Choose Template Panel */
.chooseTemplate_templateOptions {
    border: 3px solid #eeeeee;
    padding: 20px;
    height: 204px;
    line-height: 150px;
    width: 146px;
    color: #cccccc;
    display: inline-block;
    margin-right: 30px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.chooseTemplate_templateOptions:hover,
.chooseTemplate_templateOptions.active {
    border: 3px solid #009185;
    color: #009185;
    cursor: pointer
}

.chooseTemplate_PreviewBtnContainer {
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
}

.chooseTemplate_PreviewBtnContainer .btnType {
    width: 40%;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    vertical-align: top;
}

.chooseTemplate_PreviewBtnContainer .btnType p {
    font-weight: bold;
    font-size: 18px;
    color: #cf153e;
}

.chooseTemplate_PreviewBtnContainer .btnType a.incompleteBtn {
    text-transform: uppercase;
    background-color: #cccccc;
    display: inline-block;
    border: 1px solid #cccccc;
    color: #ffffff;
    margin-bottom: 10px;
}

.chooseTemplate_PreviewBtnContainer .btnType a.incompleteBtn:hover {
    background: transparent;
    border: 1px solid #cccccc;
    color: #cccccc;
}

.chooseTemplate_PreviewBtnContainer .btnType .btn-orange-light {
    text-transform: uppercase;
    margin-bottom: 10px;
}

@media(max-width: 767px) {
    .chooseTemplate_templateOptions {
        width: 100%;
        margin-bottom: 15px;
    }
}

/*Add Custom CSS*/
.formrow-registration {
    width: 80%;
}

.formrow-gender {
    width: 77%;
}

.formrow-info {
    width: 54%;
}

.formrow-preferred-name {
    width: 250%;
}

.formrow-salutation {
    width: 25.5% !important;
}

.formrow-full-name {
    width: 73.9% !important;
}

.detail_sectioncontent.block .listrow .formrow .gender-left-col {
    width: 70%;
    display: inline-block;
}

.detail_sectioncontent.block .listrow .formrow .gender-right-col {
    width: 25%;
    display: inline-block;
    padding-left: 15px;
}

.detail_sectioncontent.block .listrow .formrow .left-col {
    display: inline-block;
    vertical-align: top;
    width: 122%;
    padding-left: 2px;
}

.individual-registration-mt30 {
    margin-top: 30px;
}

.individual-submit-btn {
    margin-top: -5px;
}

/* Extra Small */
@media(max-width:767px) {
    .detail_sectioncontent.block .listrow .formrow .gender-left-col {
        display: block;
        width: 100%;
    }

    .detail_sectioncontent.block .listrow .formrow .gender-right-col {
        display: block;
        width: 100%;
        padding-left: 0;
    }

    .detail_sectioncontent.block .listrow .formrow .left-col {
        display: block;
        width: 100%;
    }

    .formrow-salutation {
        width: 100% !important;
    }

    .formrow-full-name {
        width: 100% !important;
    }

    .formrow-preferred-name {
        width: 100%;
    }

    .formrow-info {
        width: 100%;
    }

    .formrow-registration {
        width: 100%;
    }

    .formrow-gender {
        width: 100%;
    }
}

/* Small */
@media(min-width:768px) and (max-width:991px) {
    .formrow-professional-qualificaiton {
        width: 106% !important;
    }

    .individual-left-no {
        width: 38% !important;
    }

    .individual-right-streetname {
        width: 61% !important;
    }
}

/* Medium */
@media(min-width:768px) and (max-width:1199px) {
    .formrow-full-name {
        width: 72.9% !important;
    }

    .individual-left-no {
        width: 38% !important;
    }

    .individual-right-streetname {
        width: 61% !important;
    }
}

/* Large */
@media(min-width:1200px) {
    .individual-left-no {
        width: 29% !important;
    }

    .individual-right-streetname {
        width: 70% !important;
    }
}

.industry-select2 .select2-selection {
    border: none;
    height: 46px;
    padding-top: 10px;
    font-size: 15px;
}

.industry-select2 .select2-selection__arrow {
}

.formrow-full-name::after {
    content: '(As in NRIC/FIN/Passport)';
    font-size: 13px;
    font-weight: normal;
    color: #bbb;
    padding-left: 5px;
    text-transform: none;
}

/* nav_tabs_scroll JQUERY */
.sectioncontent .nav-tabs.nav_tabs_scroll {
    border-bottom: 1px solid #999;
    display: flex;
    justify-content: space-between;
}

.sectioncontent .nav-tabs.nav_tabs_scroll>.active>a,
.sectioncontent .nav-tabs.nav_tabs_scroll>.active>a:hover,
.sectioncontent .nav-tabs.nav_tabs_scroll>.active>a:focus {
    color: #e88a2d;
    border: 0px;
}

.sectioncontent .nav-tabs.nav_tabs_scroll>.active>a:after {
    position: absolute;
    bottom: -8px;
    left: 50%;
}

.sectioncontent .nav-tabs.nav_tabs_scroll a {
    line-height: 20px;
    background-color: transparent;
    border: 0px;
}

.sectioncontent .nav-tabs.nav_tabs_scroll a:hover,
.sectioncontent .nav-tabs.nav_tabs_scroll a:focus {
    color: #e88a2d;
    background-color: transparent;
    border: 0px;
}

/* Extra Small */
@media(max-width:768px) {
    .sectioncontent .nav-tabs.nav_tabs_scroll>li a {
        width: 231px;
    }
}

/* Small */
@media(min-width:768px) and (max-width:991px) {
    .sectioncontent .nav-tabs.nav_tabs_scroll a {
        font-size: 14px;
        line-height: 24px;
    }
}

.feedback-history .dragscroll_outterbox {
    min-height: 38px;
}

.nav_tabs_scroll_holder {}

.nav_tabs_scroll_holder .scrtabs-tabs-fixed-container {
    height: 67px;
}

.nav_tabs_scroll_holder .scrtabs-tab-container {
    height: 67px;
}

.nav_tabs_scroll_holder .scrtabs-tab-container .scrtabs-tab-scroll-arrow {
    border: 1px solid #e68717;
    background-color: #e68717;
    border-radius: 50px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 15px;
    height: 25px;
    margin-top: 15px;
    margin-bottom: -1px;
    padding-left: 4px;
    padding-top: 2px;
    width: 25px;
}

.nav_tabs_scroll_holder .scrtabs-tab-container .scrtabs-tab-scroll-arrow:hover {
    background-color: #e68717;
}

.sectioncontent .courses_tab_tablinks {
    display: flex;
    justify-content: space-between;
}

.sectioncontent .courses_tab_tablinks>li {
    margin: 0;
}

.sectioncontent .courses_tab_tablinks>li a {
    border: 0;
}

.sectioncontent .courses_tab_tablinks a,
.sectioncontent .nav-tabs.nav-justified a {
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 20px;
}

.sectioncontent .courses_tab_tablinks a,
.sectioncontent .nav-tabs.nav-nav_tabs_scroll a {
    padding-bottom: 15px;
}

.sectioncontent .courses_tab_tablinks>li.active>a,
.courses_tab_tablinks>li.active>a:hover,
.occupational_insights_tab_tablinks>li.active>a:focus {
    border: 0;
    font-weight: 600;
    color: #e68717;
}

.courses_tab_tablinks>li>a:hover {
    background: none;
    border: 0;
    color: #e68717;
}

.sectioncontent .courses_tab_tablinks>.active>a,
.sectioncontent .courses_tab_tablinks>.active>a:hover,
.sectioncontent .courses_tab_tablinks>.active>a:focus {
    color: #e88a2d;
    border: 0px;
}

.sectioncontent .courses_tab_tablinks>.active>a:after {
    position: absolute;
    bottom: -5px;
    left: 50%;
}

.checkbox_courseenquiries input[type="checkbox"]+label span {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: 0px;
    margin-left: -45px;
    vertical-align: top;
    cursor: pointer;
}

.checkbox label::before {
    content: none;
}

.registration-mail-label {
    background-color: #F5F5F5;
    height: 48px;
    padding: 14px 14px;
    text-transform: uppercase;
}

#individualRegistrationDiv .validationMessage {
    color: red;
}

#primaryContactDiv .validationMessage {
    position: absolute;
}

.personal-information .validationMessage {
    position: absolute;
}

.registration-address .validationMessage {
    position: absolute;
}

@media (min-width: 767px) {
    #div_area span.validationMessage {
        width: 80px;
    }
}

/* Small */
@media (min-width: 768px) and (max-width: 991px) {
    #div_salutation span.validationMessage {
        width: 100px;
    }

    .row-mg-tp20 {
        margin-top: 20px;
    }
}

#div_race .select2-selection {
    background-color: white !important;
}

@media (min-width: 992px) {
    #div_number span.validationMessage {
        width: 175px;
    }
}

.individual-select2 .select2-container {
}

.individual-select2 .select2-selection__arrow {
    display: none;
}

.individual-select2 .select2-selection {
    border: none;
    height: 46px;
    padding-top: 10px;
    font-size: 15px;
}

.individual-select2 .search-icon {
    left: 0;
}

.industry-select2 .select2-selection {
    border: none;
    height: 46px;
    padding-top: 10px;
    font-size: 15px;
}

/* Common Popup By Bootstrap */
.Common_Bootstrap_Modal_Popup .panelplate .titlepanel .close:after {
    font-family: 'FontAwesome';
    content: '\f00d';
    color: white;
    font-size: 20px;
    position: absolute;
    right: 40px;
}

.Common_Bootstrap_Modal_Popup .panelplate .btn-orange-light {
    width: 100px;
}

.Common_Bootstrap_Modal_Popup .panelplate .closebtn {
    cursor: pointer;
}
/* End Common Popup By Bootstrap */

/* Recaptcha Section */
.titlable {
    line-height: 20px;
    font-size: 18px;
    text-align: left;
    width: 100%;
    color: #3972D5;
}

.formrowpanelbox {
    display: block;
    height: auto;
    width: 100%;
    padding: 0px 15px;
    padding-top: 30px;
    background-color: #f1f1f1;
}
/* End Recaptcha Section */

.formbox .fa_upload.input-group-btn .btn {
    background: none;
    color: rgb(102, 102, 102);
    font-size: 20px;
}

.fa {
    line-height: 1;
    font-family: FontAwesome;
    font-size: inherit;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    display: inline-block;
    cursor: pointer !important;
    font-size-adjust: none;
    font-stretch: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
}

@media all and (max-width:767px) {
    .module-header-btn a.btn {
        width: 100%;
    }
}

.fa-trash:before {
    vertical-align: top;
    display: inline-block;
}

/*
 * Image/Document Remove Tag - Start Here
 */
a.remove-upload:hover,
a.remove-upload:visited {
    color: #e68717 !important;
    text-decoration: underline !important;
}

a.remove-upload {
    color: #e88a2d !important;
    font-size: 14px !important;
    text-transform: none !important;
}

/*
 * Image/Document Remove Tag - End Here
 */
.feedback-history .sectioncontent .nav-tabs.nav_tabs_scroll a:hover,
.feedback-history .sectioncontent .nav-tabs.nav_tabs_scroll a:focus,
.feedback-history .sectioncontent .nav-tabs.nav_tabs_scroll>.active>a,
.feedback-history .sectioncontent .nav-tabs.nav_tabs_scroll>.active>a:hover,
.feedback-history .sectioncontent .nav-tabs.nav_tabs_scroll>.active>a:focus {
    color: #3972D5;
    font-weight: normal;
}

#Messagesconsole .main_panel .attachmentpanel {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 30px;
}

#Messagesconsole .main_panel .attachmentpanel .attachmentblock {
    position: relative;
    height: 50px;
}

#Messagesconsole .main_panel .attachmentpanel .attachmentblock .title {
    font-family: 'WorkSans-Medium';
    font-size: 15px;
    line-height: 23px;
    font-weight: 400;
    color: #ccc;
    text-transform: uppercase;
}

#Messagesconsole .file,
.modal-body-reply-form .file,
.formrow .file {
    font-size: 12px;
    font-weight: 800;
    color: #666;
    display: inline-block;
    background-color: #f1f1f1;
    padding: 7px 14px;
    margin: 0 7px 10px 0;
}

.icon {
    font-size: 2em;
    padding: 0px 10px 0px 0px;
    float: left;
}

#Messagesconsole .file a,
.modal-body-reply-form .file a,
.formrow .file a {
    color: #666;
}

#Messagesconsole .file a .filename,
.modal-body-reply-form .file a .filename,
.formrow .file a .filename {
    color: #3972d5;
}

#Messagesconsole .file a:hover,
.modal-body-reply-form .file a:hover,
.formrow .file a:hover {
    color: #23527c !important;
}

.modal-body-reply-form .file .fa-times,
.formrow .file .fa-times {
    float: right;
    margin-right: -10px;
    margin-top: -5px;
    color: #3972d5;
}

#Messagesconsole .contentblock {
    padding-top: 10px;
    padding-bottom: 20px;
}

#Messagesconsole .main_panel .messagepanel .headerblock {
    height: auto !important;
    border-bottom: honeydew;
}

#Messagesconsole .main_panel .messagepanel .headerblock .title {
    font-family: 'WorkSans-Medium';
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #4a4a4a;
    text-transform: uppercase;
}

#Messagesconsole .main_panel .messagepanel .headerblock .organisation a {
    color: #666;
}

#Messagesconsole .main_panel .messagepanel .contentbody {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.coursecalendar .input-group-btn {
    padding: 0px;
    background-color: transparent;
    border: medium none;
}

/* Small */
@media (min-width:768px) and (max-width:991px) {
    .coursecalendar .rightbox {
        text-align: left;
        float: none;
    }

    .coursecalendar .btn {
        margin-top: 5px;
    }
}

@media (max-width:767px) {
    .coursecalendar .formbox {
        margin-bottom: 10px;
    }
}

#Messagesconsole .main_panel .messagepanel .contentblock .summary_remaining_characters {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #666;
    float: right;
}

.icon_attach {
    height: 20px;
    margin-top: 10px;
}

.modal-body-reply-form div .btn.submit-btn {
    margin-left: 30%;
}

.modal-body-reply-form .contentblock {
    font-size: 17px;
    font-weight: normal;
    padding: 40px 48px;
    border-bottom: inherit;
}

.modal-body-reply-form .contentblock .summary_remaining_characters {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    color: #666;
    float: right;
    margin-top: 5px;
}

.upload_title {
    float: left;
}

.upload_file {
    float: right;
}


#Messagesconsole .listrow .contentblock .infobox {
    width: 75%;
}

#Messagesconsole .listrow .contentblock .date {
    width: 100% !important;
}

#Messagesconsole .listrow .contentblock .date_attachment_block {
    width: 25%;
    display: inline-block;
    text-align: right;
}

#Messagesconsole .listrow .contentblock {
    cursor: pointer;
}

@media (min-width: 768px) {
    #Messagesconsole .main_panel .listingpanel {
        height: 668px;
    }
}

@media (max-width: 767px) {
    .feedback-history .rightbox {
        float: left !important;
    }
}

.replylink .fa-reply {
    margin-right: 10px;
}

.module-header-btn a.btn.fa_back {
    font-size: 20px;
    padding: 3px 2px 0 0;
    width: 35px;
    height: 35px;
    margin-right: 20px;
}

#Messagesconsole .main_panel .replyblock {
    padding: 20px 30px;
    border-bottom: honeydew;
}

#Messagesconsole .main_panel .replyblock .replylink {
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
    position: relative;
    text-align: right;
}

#Messagesconsole .main_panel .replyblock .replylink a {
    color: #666;
}

#Messagesconsole .rightpanel {
    height: 670px;
    position: relative;
}

#Messagesconsole .main_panel .messagepanel {
    height: auto;
    position: absolute;
    top: 188px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    padding: 0 30px !important;
}

#Messagesconsole .main_panel .headerpanel {
    padding: 20px 30px;
}

#Messagesconsole .main_panel .headerpanel .subject {
    font-family: 'WorkSans-Semibold';
    font-size: 28px;
    color: #3972D5;
}

#Messagesconsole .main_panel .headerpanel .case {
    font-family: 'WorkSans-Regular';
    font-weight: normal;
    font-size: 15px;
    color: #666666;
}

.text-transform-none {
    text-transform: none !important;
}

.cursor-pointer {
    cursor: pointer;
}

.formheading {
    color: #999999;
    font-size: 12px;
    font-family: WorkSans-Medium;
    font-weight: 400;
}

#Messagesconsole .listrow .contentblock .infobox .name {
    color: #3972D5;
}

.popuppanel .ctablock.bottomcta {
    padding: 54px 0 10px 0;
}

@media (max-width: 767px) {
    .popuppanel {
        width: 73%;
    }

    .popuppanel .titlepanel {
        font-size: 22px;
        line-height: 24px;
    }

    .popuppanel .contentblock {
        padding: 0px 15px;
    }
}

@media (max-width: 370px) {
    .popuppanel .titlepanel {
        font-size: 22px !important;
    }
}


@media (max-width: 767px) {
    .popuppanel {
        width: 73%;
    }

    .popuppanel .titlepanel {
        font-size: 22px;
        line-height: 24px;
    }

    .popuppanel .contentblock {
        padding: 0px 15px;
    }
}

@media (max-width: 370px) {
    .popuppanel .titlepanel {
        font-size: 22px !important;
    }
}
/*
.form-control {
    font-size: 18px;
    font-family: WorkSans-Regular;
    color: #333333;
    padding: 6px 0;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #d7d7d7;
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 transparent;
    box-shadow: inset 0 0 0 transparent;
}
*/
.cal-panel .input-group.datetimepicker-input-group {
    width: 100%;
    border: 1px solid #666 !important;
    border-radius: 3px;
}

.cal-panel .input-group-addon {
    position: absolute;
    right: 20px;
    background: none;
    border: none;
    color: orange;
    top: 20%;
    font-size: 20px;
    z-index: 200;
    cursor: pointer;
}

.cal-panel .input-group-addon {
    color: #666;
}

.date-box {
    position: static;
}

.dash-box {
    text-align: center;
}

.dash-box .dash {
    padding: 0px !important;
}

.formbox .input-group-btn {
    background: #fff;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 0;
    border: none;
}

.formbox .input-group-btn.fa_calendar .btn {
    background: transparent;
    font-size: 20px;
    color: #666;
}

.input-group-btn .btn:active {
    border: 0px;
    border-color: transparent;
    box-shadow: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    left: 0px !important;
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 0px solid #eee !important;
    display: none;
}

.mainsectionheading.BrightOrange {
    color: #f1612f;
}

.text-transform-none {
    text-transform: none !important;
}

#download_panel_container .mainsectionheading {
    font-family: 'WorkSans-Semibold';
    font-size: 18px;
    padding: 10px 0 20px;
    text-transform: uppercase;
    color: #666;
    font-weight: bold;
}

#download_panel_container .mainsectionheading .recourdfound {
    color: #000000;
}

#download_panel_container .main_panel .bigheaderontop .certificatename,
#download_panel_container .main_panel .bigheaderontop .institution,
#download_panel_container .main_panel .bigheaderontop .certno,
#download_panel_container .main_panel .bigheaderontop .yearattainment,
#download_panel_container .main_panel .bigheaderontop .action {
    display: inline-block;
    vertical-align: middle;
    padding: 17px 25px;
}

#download_panel_container.main_panel .BrightOrange {
    border-color: rgb(241, 97, 47);
}

#download_panel_container .main_panel {
    width: 100%;
    height: auto;
    text-align: left;
    position: relative;
    left: 0px;
    right: 0px;
    display: block;
    vertical-align: top;
    font-size: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(101, 184, 254);
    border-image: initial;
    border-radius: 4px;
    margin: 0px 0px 25px;
    padding: 0px;
    overflow: hidden;
    background: rgb(255, 255, 255);
}

#download_panel_container .main_panel .bigheaderontop .legend {
    font-size: 20px;
    vertical-align: middle;
}

#download_panel_container .main_panel .certificatename {
    width: 30%;
}

#download_panel_container .main_panel .institution {
    width: 30%;
}

#download_panel_container .main_panel .certno {
    width: 20%;
    word-break: break-word;
    word-wrap: break-word;
}

#download_panel_container .main_panel .yearattainment {
    width: 21%;
}

#download_panel_container .main_panel .action {
    width: 15%;
}

@media (max-width:767px) {

    #download_panel_container .main_panel .bigheaderontop .legend {
        font-size: 20px;
        vertical-align: middle;
    }

    #download_panel_container .main_panel .certificatename {
        width: auto !important;
    }

    #download_panel_container .main_panel .institution {
        width: auto !important;
    }

    #download_panel_container .main_panel .certno {
        width: auto !important;
    }

    #download_panel_container .main_panel .yearattainment {
        width: auto !important;
    }

    #download_panel_container .main_panel .action {
        width: auto !important;
    }
}

.divider_download_search {
    border-top: 1px solid #e0e0e0;
    margin-left: 0px;
    margin-right: 0px;
}

.fa-download_cert::before {
    font-family: 'FontAwesome';
    content: '\f019';
    vertical-align: top;
    display: inline-block;
    padding-right: 7px;
    margin-top: -3px;
    font-size: 18px;
}

#download_panel_container .main_panel .bigheaderontop,
.itemrow {
    padding: 10px 0px 10px 0px;
    position: relative;
}

#download_panel_container .main_panel .bigheaderontop .contentbox {
    font-size: 16px;
    font-family: WorkSans-Medium;
    text-transform: capitalize;
    background-color: #65b8fe;
    color: red;
    min-height: 60px;
}

#download_panel_container .addcourserunstrainerspanel .contentbox {
    height: auto;
    display: block;
    overflow-x: auto;
    overflow-y: auto;
}

#download_panel_container .download-link {
    cursor: pointer;
}

.odd {
    background-color: #f1f1f1;
}

.even {
    background-color: #ffffff
}

/* social login popup in non-portal cert download page */
#socialLinkingModal {
    z-index: 9999 !important;
}

#socialLinkingModal>.modal-dialog {
    margin: 100px auto !important;
}

#individual-login .buttongroup>.social-media-holder {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    padding: 10px 0;
}

#individual-login .social-media-holder .btn {
    width: 3rem;
    height: 3rem;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 50%;
    position: relative;
}

#individual-login .social-media-holder a[target=_blank]::after {
    display: none;
}

#individual-login .social-media-holder a i {
    position: relative;
    transition: 0.3s;
    font-size: 20px;
}

#individual-login .social-media-holder a:hover i {
    transform: translateY(-2px);
}

#individual-login .social-media-holder a.btn-facebook,
#individual-login .social-media-holder a.btn-facebook:hover,
#individual-login .social-media-holder a:focus {
    background-color: #3D5A97;
}

#individual-login .social-media-holder a.btn-google-plus,
#individual-login .social-media-holder a.btn-google-plus:hover,
#individual-login .social-media-holder a.btn-google-plus:focus {
    background-color: #D14C3E;
}

#individual-login .social-media-holder a.btn-linkedin,
#individual-login .social-media-holder a.btn-linkedin:hover,
#individual-login .social-media-holder a.btn-linkedin:focus {
    background-color: #0677B5;
}

#socialLinkingModal .modal-dialog {
    width: 420px;
}

#socialLinkingModal .modal-body {
    position: relative;
    overflow: hidden;
    border-top-right-radius: 8px;
}

#socialLinkingModal .header {
    text-align: center;
    padding: 30px 0 10px 0;
}

#socialLinkingModal .avatar {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 60px;
}

#socialLinkingModal .avatar img {
    width: 100%;
}

#socialLinkingModal .buttongroup .comment {
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 0;
    color: #4a4a4a;
}

#socialLinkingModal .modal-header,
#socialLinkingModal .modal-footer {
    height: 0px;
    border: 0px solid transparent;
}

#socialLinkingModal span.btn-close {
    display: block;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    color: #000;
    border: 0;
    border-radius: 0.375rem;
    opacity: 0.5;
    float: right;
}
a[target=_blank]:after{display:inline-block;font-family:bootstrap-icons;content:"";padding-left:0rem;text-decoration-line:none;margin-left:0px;}

.validation-message {
    font-family: "Work Sans", sans-serif !important;
}

.validationMessage {
    font-family: "Work Sans", sans-serif !important;
    font-size: 11px !important;
    color: #ff0000 !important;
    font-weight: normal !important;
}

span.validation-message,
span.validationMessage {
    margin-top: 5px;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    top: 45px !important;
    width: 17em;
}

.datepicker .table-condensed {
    width: 100%;
    -webkit-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.03);
}

.table-condensed>tbody>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>thead>tr>th {
    padding: 5px
}

#download_panel_container,
#download_panel_table {
    padding-top: 10px;
}


.select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}


/*!
 * Select2 v4 Bootstrap 5 theme v1.3.0
*/
.select2-container {
    display: block
}

select+.select2-container {
    z-index: 1
}

.select2-container :focus {
    outline: 0
}

.select2-container .select2-selection {
    width: 100%;
    min-height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    border: 1px solid #B1B1B1;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (prefers-reduced-motion:reduce) {
    .select2-container .select2-selection {
        transition: none
    }
}

.select2-container.select2-container--focus .select2-selection,.select2-container.select2-container--open .select2-selection {
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.select2-container.select2-container--open.select2-container--below .select2-selection {
    border-bottom: 0 solid transparent;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.select2-container.select2-container--open.select2-container--above .select2-selection {
    border-top: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container .select2-search {
    width: 100%
}

.select2-container .select2-search--inline .select2-search__field {
    vertical-align: top
}

.select2-container .select2-selection--multiple .select2-selection__clear,.select2-container .select2-selection--single .select2-selection__clear {
    position: absolute;
    top: 50%;
    right: 2.25rem;
    width: .75rem;
    height: .75rem;
    padding: .25em;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat;
    transform: translateY(-50%)
}

.select2-container .select2-selection--multiple .select2-selection__clear:hover,.select2-container .select2-selection--single .select2-selection__clear:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat
}

.select2-container .select2-selection--multiple .select2-selection__clear>span,.select2-container .select2-selection--single .select2-selection__clear>span {
    display: none
}

.select2-container+.select2-container {
    z-index: 1056
}

.select2-container .select2-dropdown {
    z-index: 1056;
    overflow: hidden;
    color: #212529;
    background-color: #fff;
    border-color: #B1B1B1;
}

.select2-container .select2-dropdown.select2-dropdown--below {
    border-top: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container .select2-dropdown.select2-dropdown--above {
    border-bottom: 0 solid transparent;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.select2-container .select2-dropdown .select2-search {
    padding: .375rem .75rem
}

.select2-container .select2-dropdown .select2-search .select2-search__field {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .select2-container .select2-dropdown .select2-search .select2-search__field {
        transition: none
    }
}

.select2-container .select2-dropdown .select2-search .select2-search__field:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}

.select2-container .select2-dropdown .select2-results__options:not(.select2-results__options--nested) {
    max-height: auto;
    overflow-y: auto
}

.select2-container .select2-dropdown .select2-results__options .select2-results__option {
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__message {
    color: #6c757d
}

.select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
    color: #000;
    background-color: #e9ecef
}

.select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,.select2-container .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    color: #fff;
    background-color: #1E90FF
}

.select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--disabled,.select2-container .select2-dropdown .select2-results__options .select2-results__option[aria-disabled=true] {
    color: #6c757d
}

.select2-container .select2-dropdown .select2-results__options .select2-results__option[role=group] {
    padding: 0
}

.select2-container .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
    padding: .375rem;
    font-weight: 500;
    line-height: 1.5;
    color: #6c757d
}

.select2-container .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
    padding: .375rem .75rem
}

.select2-container .select2-selection--single {
    padding: .375rem 2.25rem .375rem .75rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
    font-weight: 400;
    line-height: 1.5;
    color: #212529
}

.select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    font-weight: 400;
    line-height: 1.5;
    color: #6c757d
}

.select2-container .select2-selection--single .select2-selection__rendered .select2-selection__arrow {
    display: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0;
    list-style: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: .35em .65em;
    margin-right: .375rem;
    margin-bottom: .375rem;
    font-size: 1rem;
    color: #212529;
    cursor: auto;
    border: 1px solid #ced4da;
    /* border-radius: .25rem */
}

.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    width: .75rem;
    height: .75rem;
    padding: .25em;
    margin-right: .25rem;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat;
    border: 0
}

.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.75rem auto no-repeat
}

.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove>span {
    display: none
}

.select2-container .select2-selection--multiple .select2-search {
    display: block;
    width: 100%;
    height: 1.5rem
}

.select2-container .select2-selection--multiple .select2-search .select2-search__field {
    width: 100%;
    height: 1.5rem;
    margin-top: 0;
    margin-left: 0;
    font-family: inherit;
    line-height: 1.5;
    background-color: transparent
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    right: .75rem
}

.select2-container.select2-container--disabled .select2-selection,.select2-container.select2-container--disabled.select2-container--focus .select2-selection {
    color: #6c757d;
    cursor: not-allowed;
    background-color: #e9ecef;
    border-color: #ced4da;
    box-shadow: none
}

.select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__clear,.select2-container.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__choice,.select2-container.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__choice {
    cursor: not-allowed
}

.select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove,.select2-container.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    display: none
}

.select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__rendered:not(:empty),.select2-container.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__rendered:not(:empty) {
    padding-bottom: 0
}

.select2-container.select2-container--disabled .select2-selection--multiple .select2-selection__rendered:not(:empty)+.select2-search,.select2-container.select2-container--disabled.select2-container--focus .select2-selection--multiple .select2-selection__rendered:not(:empty)+.select2-search {
    display: none
}

.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu).select2-container .select2-selection,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu).select2-container .select2-selection {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>.btn~.select2-container .select2-selection,.input-group>.dropdown-menu~.select2-container .select2-selection,.input-group>.input-group-text~.select2-container .select2-selection {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group .select2-container {
    flex-grow: 1
}

.input-group .select2-container .select2-selection {
    height: 100%
}

.is-valid+.select2-container .select2-selection,.was-validated select:valid+.select2-container .select2-selection {
    border-color: #198754
}

.is-valid+.select2-container.select2-container--focus .select2-selection,.is-valid+.select2-container.select2-container--open .select2-selection,.was-validated select:valid+.select2-container.select2-container--focus .select2-selection,.was-validated select:valid+.select2-container.select2-container--open .select2-selection {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25)
}

.is-valid+.select2-container.select2-container--open.select2-container--below .select2-selection,.was-validated select:valid+.select2-container.select2-container--open.select2-container--below .select2-selection {
    border-bottom: 0 solid transparent
}

.is-valid+.select2-container.select2-container--open.select2-container--above .select2-selection,.was-validated select:valid+.select2-container.select2-container--open.select2-container--above .select2-selection {
    border-top: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.is-invalid+.select2-container .select2-selection,.was-validated select:invalid+.select2-container .select2-selection {
    border-color: #dc3545
}

.is-invalid+.select2-container.select2-container--focus .select2-selection,.is-invalid+.select2-container.select2-container--open .select2-selection,.was-validated select:invalid+.select2-container.select2-container--focus .select2-selection,.was-validated select:invalid+.select2-container.select2-container--open .select2-selection {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25)
}

.is-invalid+.select2-container.select2-container--open.select2-container--below .select2-selection,.was-validated select:invalid+.select2-container.select2-container--open.select2-container--below .select2-selection {
    border-bottom: 0 solid transparent
}

.is-invalid+.select2-container.select2-container--open.select2-container--above .select2-selection,.was-validated select:invalid+.select2-container.select2-container--open.select2-container--above .select2-selection {
    border-top: 0 solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container .select2--small.select2-selection {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    /* border-radius: .2rem */
}

.select2-container .select2--small.select2-selection--multiple .select2-selection__clear,.select2-container .select2--small.select2-selection--single .select2-selection__clear {
    width: .5rem;
    height: .5rem;
    padding: .125rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat
}

.select2-container .select2--small.select2-selection--multiple .select2-selection__clear:hover,.select2-container .select2--small.select2-selection--single .select2-selection__clear:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat
}

.select2-container .select2--small.select2-selection--multiple .select2-search,.select2-container .select2--small.select2-selection--multiple .select2-search .select2-search__field,.select2-container .select2--small.select2-selection--single .select2-search,.select2-container .select2--small.select2-selection--single .select2-search .select2-search__field {
    height: 1.5em
}

.select2-container .select2--small.select2-dropdown {
    /* border-radius: .2rem */
}

.select2-container .select2--small.select2-dropdown.select2-dropdown--below {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container .select2--small.select2-dropdown.select2-dropdown--above {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.select2-container .select2--small.select2-dropdown .select2-results__options .select2-results__option,.select2-container .select2--small.select2-dropdown .select2-search .select2-search__field {
    padding: .25rem .5rem;
    font-size: .875rem
}

.select2-container .select2--small.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
    padding: .25rem
}

.select2-container .select2--small.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
    padding: .25rem .5rem
}

.select2-container .select2--small.select2-selection--single {
    padding: .25rem 2.25rem .25rem .5rem
}

.select2-container .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: .35em .65em;
    font-size: .875rem
}

.select2-container .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    width: .5rem;
    height: .5rem;
    padding: .125rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat
}

.select2-container .select2--small.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat
}

.select2-container .select2--small.select2-selection--multiple .select2-selection__clear {
    right: .5rem
}

.select2-container .select2--large.select2-selection {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    /* border-radius: .3rem */
}

.select2-container .select2--large.select2-selection--multiple .select2-selection__clear,.select2-container .select2--large.select2-selection--single .select2-selection__clear {
    width: 1rem;
    height: 1rem;
    padding: .5rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat
}

.select2-container .select2--large.select2-selection--multiple .select2-selection__clear:hover,.select2-container .select2--large.select2-selection--single .select2-selection__clear:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat
}

.select2-container .select2--large.select2-selection--multiple .select2-search,.select2-container .select2--large.select2-selection--multiple .select2-search .select2-search__field,.select2-container .select2--large.select2-selection--single .select2-search,.select2-container .select2--large.select2-selection--single .select2-search .select2-search__field {
    height: 1.5em
}

.select2-container .select2--large.select2-dropdown {
    /* border-radius: .3rem */
}

.select2-container .select2--large.select2-dropdown.select2-dropdown--below {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container .select2--large.select2-dropdown.select2-dropdown--above {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.select2-container .select2--large.select2-dropdown .select2-results__options .select2-results__option,.select2-container .select2--large.select2-dropdown .select2-search .select2-search__field {
    padding: .5rem 1rem;
    font-size: 1.25rem
}

.select2-container .select2--large.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
    padding: .5rem
}

.select2-container .select2--large.select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
    padding: .5rem 1rem
}

.select2-container .select2--large.select2-selection--single {
    padding: .5rem 2.25rem .5rem 1rem
}

.select2-container .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: .35em .65em;
    font-size: 1.25rem
}

.select2-container .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    width: 1rem;
    height: 1rem;
    padding: .5rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat
}

.select2-container .select2--large.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat
}

.select2-container .select2--large.select2-selection--multiple .select2-selection__clear {
    right: 1rem
}

.form-select-sm~.select2-container .select2-selection {
    min-height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    /* border-radius: .2rem */
}

.form-select-sm~.select2-container .select2-selection--multiple .select2-selection__clear,.form-select-sm~.select2-container .select2-selection--single .select2-selection__clear {
    width: .5rem;
    height: .5rem;
    padding: .125rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat
}

.form-select-sm~.select2-container .select2-selection--multiple .select2-selection__clear:hover,.form-select-sm~.select2-container .select2-selection--single .select2-selection__clear:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat
}

.form-select-sm~.select2-container .select2-selection--multiple .select2-search,.form-select-sm~.select2-container .select2-selection--multiple .select2-search .select2-search__field,.form-select-sm~.select2-container .select2-selection--single .select2-search,.form-select-sm~.select2-container .select2-selection--single .select2-search .select2-search__field {
    height: 1.5em
}

.form-select-sm~.select2-container .select2-dropdown {
    /* border-radius: .2rem */
}

.form-select-sm~.select2-container .select2-dropdown.select2-dropdown--below {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.form-select-sm~.select2-container .select2-dropdown.select2-dropdown--above {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.form-select-sm~.select2-container .select2-dropdown .select2-results__options .select2-results__option,.form-select-sm~.select2-container .select2-dropdown .select2-search .select2-search__field {
    padding: .25rem .5rem;
    font-size: .875rem
}

.form-select-sm~.select2-container .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
    padding: .25rem
}

.form-select-sm~.select2-container .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
    padding: .25rem .5rem
}

.form-select-sm~.select2-container .select2-selection--single {
    padding: .25rem 2.25rem .25rem .5rem
}

.form-select-sm~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: .35em .65em;
    font-size: .875rem
}

.form-select-sm~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    width: .5rem;
    height: .5rem;
    padding: .125rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat
}

.form-select-sm~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/.5rem auto no-repeat
}

.form-select-sm~.select2-container .select2-selection--multiple .select2-selection__clear {
    right: .5rem
}

.form-select-lg~.select2-container .select2-selection {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    /* border-radius: .3rem */
}

.form-select-lg~.select2-container .select2-selection--multiple .select2-selection__clear,.form-select-lg~.select2-container .select2-selection--single .select2-selection__clear {
    width: 1rem;
    height: 1rem;
    padding: .5rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat
}

.form-select-lg~.select2-container .select2-selection--multiple .select2-selection__clear:hover,.form-select-lg~.select2-container .select2-selection--single .select2-selection__clear:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat
}

.form-select-lg~.select2-container .select2-selection--multiple .select2-search,.form-select-lg~.select2-container .select2-selection--multiple .select2-search .select2-search__field,.form-select-lg~.select2-container .select2-selection--single .select2-search,.form-select-lg~.select2-container .select2-selection--single .select2-search .select2-search__field {
    height: 1.5em
}

.form-select-lg~.select2-container .select2-dropdown {
    /* border-radius: .3rem */
}

.form-select-lg~.select2-container .select2-dropdown.select2-dropdown--below {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.form-select-lg~.select2-container .select2-dropdown.select2-dropdown--above {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.form-select-lg~.select2-container .select2-dropdown .select2-results__options .select2-results__option,.form-select-lg~.select2-container .select2-dropdown .select2-search .select2-search__field {
    padding: .5rem 1rem;
    font-size: 1.25rem
}

.form-select-lg~.select2-container .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__group {
    padding: .5rem
}

.form-select-lg~.select2-container .select2-dropdown .select2-results__options .select2-results__option[role=group] .select2-results__options--nested .select2-results__option {
    padding: .5rem 1rem
}

.form-select-lg~.select2-container .select2-selection--single {
    padding: .5rem 2.25rem .5rem 1rem
}

.form-select-lg~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: .35em .65em;
    font-size: 1.25rem
}

.form-select-lg~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    width: 1rem;
    height: 1rem;
    padding: .5rem;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat
}

.form-select-lg~.select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/1rem auto no-repeat
}

.form-select-lg~.select2-container .select2-selection--multiple .select2-selection__clear {
    right: 1rem
}

.s2bs5-navbar {
    padding: .75rem 0;
    background-color: #6610f2
}

.s2bs5-navbar .navbar-nav {
    flex-direction: row
}

.s2bs5-navbar .navbar-nav .nav-link {
    color: hsla(0,0%,100%,.85)
}

.s2bs5-navbar .navbar-nav .nav-link:focus,.s2bs5-navbar .navbar-nav .nav-link:hover {
    color: #fff
}

.s2bs5-navbar .navbar-nav-svg {
    width: 2rem;
    height: 2rem
}

.s2bs5-subnavbar {
    position: relative;
    z-index: 1020;
    background-color: hsla(0,0%,100%,.95);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.05),inset 0 -1px 0 rgba(0,0,0,.15)
}

.s2bs5-subnavbar .dropdown-menu {
    font-size: .875rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.05)
}

.s2bs5-subnavbar .dropdown-item:active {
    color: #000;
    background-color: #b386fc
}

.s2bs5-subnavbar .dropdown-item.active {
    color: #fff;
    background-color: #6610f2
}

@media (min-width: 768px) {
    .s2bs5-subnavbar {
        position:-webkit-sticky;
        position: sticky;
        top: 0
    }
}

.s2bs5-sidebar-toggle {
    color: #6c757d
}

.s2bs5-sidebar-toggle:focus,.s2bs5-sidebar-toggle:hover {
    color: #6610f2
}

.s2bs5-sidebar-toggle:focus {
    box-shadow: 0 0 0 3px rgba(102,16,242,.25)
}

.s2bs5-sidebar-toggle .bi-collapse,.s2bs5-sidebar-toggle:not(.collapsed) .bi-expand {
    display: none
}

.s2bs5-sidebar-toggle:not(.collapsed) .bi-collapse {
    display: inline-block
}

@media (min-width: 768px) {
    .s2bs5-layout {
        display:grid;
        grid-template-areas: "sidebar main";
        grid-template-columns: 1fr 3fr;
        gap: 1.5rem
    }
}

@media (min-width: 992px) {
    .s2bs5-layout {
        grid-template-columns:1fr 5fr
    }
}

.s2bs5-sidebar {
    grid-area: sidebar
}

.s2bs5-main {
    grid-area: main
}

@media (min-width: 768px) {
    .s2bs5-main {
        display:grid;
        grid-template-areas: "toc" "content";
        grid-template-rows: auto auto 1fr;
        gap: inherit
    }
}

@media (min-width: 992px) {
    .s2bs5-main {
        grid-template-areas:"content toc";
        grid-template-rows: auto 1fr;
        grid-template-columns: 4fr 1fr
    }
}

.s2bs5-toc {
    grid-area: toc
}

.s2bs5-content {
    grid-area: content;
    min-width: 1px
}

@media (max-width: 767.98px) {
    .s2bs5-sidebar {
        margin:0 -.75rem 1rem
    }
}

.s2bs5-links {
    overflow: auto;
    font-weight: 600
}

@media (min-width: 768px) {
    .s2bs5-links {
        position:-webkit-sticky;
        position: sticky;
        top: 5rem;
        display: block!important;
        height: calc(100vh - 7.875rem);
        padding-left: .25rem;
        margin-left: -.25rem;
        overflow-y: auto
    }
}

@media (max-width: 767.98px) {
    .s2bs5-links>ul {
        padding:1.5rem .75rem;
        background-color: #f8f9fa;
        border-bottom: 1px solid #e9ecef
    }
}

.s2bs5-links a {
    padding: .1875rem .5rem;
    margin-top: .125rem;
    margin-left: 1.25rem;
    color: rgba(0,0,0,.85);
    text-decoration: none
}

.s2bs5-links a:focus,.s2bs5-links a:hover {
    color: #6610f2;
    background-color: rgba(179,134,252,.15)
}

.s2bs5-links .btn {
    padding: .25rem .5rem;
    font-weight: 600;
    color: rgba(0,0,0,.85);
    background-color: transparent;
    border: 0
}

.s2bs5-links .btn:focus,.s2bs5-links .btn:hover {
    color: #6610f2;
    background-color: rgba(179,134,252,.15)
}

.s2bs5-links .btn:focus {
    box-shadow: 0 0 0 1px rgba(179,134,252,.75)
}

.s2bs5-links .btn:before {
    width: 1.25em;
    line-height: 0;
    content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
    transition: transform .35s ease;
    transform-origin: .5em 50%
}

@media (prefers-reduced-motion:reduce) {
    .s2bs5-links .btn:before {
        transition: none
    }
}

.s2bs5-links .btn[aria-expanded=true] {
    color: #6610f2
}

.s2bs5-links .btn[aria-expanded=true]:before {
    transform: rotate(90deg)
}

.s2bs5-links .active {
    font-weight: 600;
    color: #6610f2
}

@media (min-width: 768px) {
    :root {
        scroll-padding-top:4rem
    }
}

.s2bs5-content>.h2:not(:first-child),.s2bs5-content>h2:not(:first-child) {
    margin-top: 3rem
}

.s2bs5-content>.h3,.s2bs5-content>h3 {
    margin-top: 2rem
}

.s2bs5-content>ol li,.s2bs5-content>ul li {
    margin-bottom: .25rem
}

.s2bs5-content>ol li>ul,.s2bs5-content>ul li>ul {
    margin-top: -.5rem;
    margin-bottom: 1rem
}

.s2bs5-content>.table {
    max-width: 100%;
    margin-bottom: 1.5rem;
    font-size: .875rem
}

@media (max-width: 991.98px) {
    .s2bs5-content>.table {
        display:block;
        overflow-x: auto
    }

    .s2bs5-content>.table.table-bordered {
        border: 0
    }
}

.s2bs5-content>.table td:first-child,.s2bs5-content>.table th:first-child {
    padding-left: 0
}

.s2bs5-content>.table td:not(:last-child),.s2bs5-content>.table th:not(:last-child) {
    padding-right: 1.5rem
}

.s2bs5-content>.table td:first-child>code {
    white-space: nowrap
}

.s2bs5-title {
    font-weight: 300;
    font-size: calc(1.425rem + 2.1vw)
}

@media (min-width: 1200px) {
    .s2bs5-title {
        font-size:3rem
    }
}

.s2bs5-lead {
    font-size: calc(1.275rem + .3vw);
    font-weight: 300
}

@media (min-width: 1200px) {
    .s2bs5-lead {
        font-size:1.5rem
    }
}

@media (min-width: 992px) {
    .s2bs5-toc {
        position:-webkit-sticky;
        position: sticky;
        top: 5rem;
        right: 0;
        z-index: 2;
        height: calc(100vh - 7.875rem);
        overflow-y: auto
    }
}

.s2bs5-toc nav {
    font-size: .875rem
}

.s2bs5-toc nav ul {
    padding-left: 0;
    list-style: none
}

.s2bs5-toc nav ul ul {
    padding-left: 1rem;
    margin-top: .25rem
}

.s2bs5-toc nav li {
    margin-bottom: .25rem
}

.s2bs5-toc nav a {
    color: rgba(0,0,0,.85);
    text-decoration: none
}

.s2bs5-toc nav a:hover {
    color: #6610f2;
    text-decoration: underline
}

.s2bs5-toc nav a code {
    font: inherit
}

.s2bs5-footer li {
    color: #adb5bd
}

.s2bs5-footer a {
    color: #fff;
    text-decoration: none
}

.s2bs5-footer a:focus,.s2bs5-footer a:hover {
    color: #b386fc;
    text-decoration: underline
}

.s2bs5-footer .footer-icon svg {
    width: 5rem;
    height: 5rem
}

.anchorjs-link {
    font-weight: 400;
    color: rgba(102,16,242,.5);
    transition: color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .anchorjs-link {
        transition: none
    }
}

.anchorjs-link:focus,.anchorjs-link:hover {
    color: #6610f2;
    text-decoration: none
}

.s2bs5-clipboard {
    position: relative;
    display: none;
    float: right
}

.s2bs5-clipboard+.highlight {
    margin-top: 0
}

.select2-container .select2-selection--single {
    min-height: 37px;
    height: 37.53px;
}

.select2-container .select2-selection--single {
    min-height: 37px;
    height: 37px;
    padding: 0.375rem 2.25rem 0.375rem 1rem;
    background-color: #fff;
    border-radius: 0;
}
.select2-selection__arrow {
	display:none;
}

.select2-container--default .select2-results > .select2-results__options {
	max-height:200px
}