/* SHOW Bootstrap Tweaks */
@import "./_colors.css";

.alert{
    font-weight: 300;
}
b{
    font-weight: 500;
}
.btn{
    white-space: normal;
}
.btn-lg {
    font-size: 1.05em;
}
.btn-min-width{
    min-width: 200px;
}
.table-striped > tbody > tr:nth-of-type(odd){
    background-color: #f5f5f5;
}
.dropdown-menu li.selected{

}
.dropdown-toggle.btn-default:hover{
    background-color: inherit;
}
.chosen-container-single .chosen-single{
    background:#fff !important;
}
#membership-chart .table-bordered{
    border: 0;
}
.text-white{
    color: #ffffff;
}
th{
    font-family: 'Roboto Slab';
}
label:not(.isRequired):not(.isBold.isError){
  color: #222222;
  font-weight: normal;
}
label.isInputLabel:not(.isRequired){
  color: #222222;
  font-weight: normal;
}
label.other-market-answer:not(.isRequired):not(.isBold.isError),
span.demo-field-comment {
  color: #8a8a8a;
  font-weight: 300;
}
.form-control-inline{
    width: auto;
    display: inline;
}
.upload-image{
    width: auto;
    max-width: 100%;
}
.modal-open .modal {
    overflow-x: visible !important;
}
/* SHOW CDS Tweaks */
body {
    background: url('../images/background.png');
    background-repeat: repeat;
    background-attachment: fixed; 
}
a{
    transition: all 0.3s ease-in-out;
    font-weight: 500;
}
a:hover{
    transition: all 0.3s ease-in-out;
}
footer .fa{
    color: #005abd;
}
#container {
  box-shadow: 0 0 150px rgba(0, 0, 0, 0.3);
}
#google_translate_element{
    position: absolute;
    margin-top: -25px;
    float:right;
}
.isComment{
    color: #777;
    line-height:1.5em;
    padding-top: 3px;
}
.ui-autocomplete{
    z-index: 9999 !important;
}
/* Header */
#pageTitle h1 {
  margin: 0;
  font-size: 1.5em;
}
/* Footer */
/* Alert Message */
/* Progress Bar */
/* Landing */
#landing-reg h3{
    margin-top:0;
    margin-bottom: 20px;
}

.landing-box{
    padding: 20px;
    background-color: #f8f8f8;
    border: 1px solid #dddddd;
    margin-bottom: 20px;
    border-radius: 5px;
}
.landing-reg-title {
  font-weight: 700;
}
.landing-reg-title{
    color: var(--accent-color);
    text-decoration: none;
    transition: all .3s ease-in;
}
.landing-reg-title:hover {
    color: var(--dark-accent-color);
    text-decoration: none;
    cursor: pointer;
}

.landing-box-item{
    padding-bottom: 5px;
    font-weight: 400;
    padding-left: 10px;
}

.landing-box-item a,
.landing-box-item .fa{
    cursor: pointer;
}
.landing-box-item .fa{
    font-size: 1.2em;
    color: #2d3a44;
}

#show-rules > li{
    padding-bottom: 10px;
}
/* Company Lookup */
#member-criteria tr > td:first-of-type{
    width: 80px;
}
#member-criteria tr > td:last-of-type{
    padding-left: 10px;
}
#member-results tr:not(.odd) td{
    background-color: #fff !important;
}
#member-results tr.text-danger td {
    background-color: #ffeded !important;
}
#member-results th, #not-approved-results th {
    background-color: #2d3a44;
    border-color: #222c34;
    color: #ffffff;
    font-size: 1.05em;
    vertical-align: middle;
}
#member-results td,th, #not-approved-results td{
    text-align: center;
    vertical-align: middle;
}
#member-results td, #not-approved-results td{
    border-color: #ccc;
}
/* Reginfo */

/* Add Badges */
#addbadges-companyid{
    overflow-y: auto;
    height: 175px;
    padding: 6px;

}
#addbadges-companyid option{
    padding: 6px 12px 6px 12px;
    border-radius: 6px;
    cursor: pointer;
}
/* Packages */
/* Price Tiers */
/* Payment */
/* Form Validation */
/* Fonts */
/* Margins and Padding */
dd {
  margin-left: 50px;
}
/* Visual Effects */
/* Admin */
.row-answer > div::before{
    content: '- ';
    position: absolute;
    margin-left:5px;
}
.row-answer > div > div{
    margin-left:15px;
}
.row.row-question, .row.row-answer {
    margin-left: .25rem;
    margin-right: .25rem;
}
table.cds-admin thead tr th, 
table.cds-admin tfoot tr th, 
table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc {
	font-weight: bold;
	font-size: 85%;
	background-color: var(--main-bg-color);
	color: #ffffff;
}

table.cds-admin tbody tr td {
	font-size: 70%;
}

table.dataTable.table-condensed > thead > tr > th.sorting_disabled {
	padding-right: 5px;
}

table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting_asc_disabled:after, 
table.dataTable thead .sorting_desc_disabled:after {
  opacity: .9;
}
/* Upload */
#frame-upload{
    border: 0;
}
/* RRC */
.rrc-icon{
    padding-bottom: 20px;
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #fff;
}
.navbar-collapse.in{
    overflow-y: visible !important;
}
.rrc-container a,
.rrc-container .rrc-disabled-link  {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 100%;
  width: 100%;
}
.rrc-icon-large, .rrc-icon-lg {
  width: 100px;
  height: 100px;
  font-size: 60px;
}
.rrc-icon-name {
  padding: 20px;
  margin-top: -35px;
  font-size: 16px;
}
.rrc-container {

}
.guest-container {
  margin-bottom: 30px;
}
/* Section Headers */
.cds-headerbar-1 {
  background-color: var(--main-bg-color);
  border-radius: 4px;
  display: block;
  color: #ffffff;
  font-size: 1.4em;
  font-weight: normal;
  text-decoration: none;
  padding: 8px 15px;
  margin-top: 1em;
  margin-bottom: 20px;
}
/* Helper Classes */
.margin-top-none {
  margin-top: 0;
}
.margin-top-xs {
  margin-top: 0.5rem;
}
.margin-top-sm {
  margin-top: 1rem;
}
.margin-top-md {
  margin-top: 2rem;
}
.margin-top-lg {
  margin-top: 3rem;
}
.margin-top-xl {
  margin-top: 4rem;
}
.padding-top-none {
  padding-top: 0;
}
.padding-top-xs {
  padding-top: 0.5rem;
}
.padding-top-sm {
  padding-top: 1rem;
}
.padding-top-md {
  padding-top: 2rem;
}
.padding-top-lg {
  padding-top: 3rem;
}
.padding-top-xl {
  padding-top: 4rem;
}
.margin-bottom-none {
  margin-bottom: 0;
}
.margin-bottom-xs {
  margin-bottom: 0.5rem;
}
.margin-bottom-sm {
  margin-bottom: 1rem;
}
.margin-bottom-md {
  margin-bottom: 2rem;
}
.margin-bottom-lg {
  margin-bottom: 3rem;
}
.margin-bottom-xl {
  margin-bottom: 4rem;
}
.padding-bottom-none {
  padding-bottom: 0;
}
.padding-bottom-xs {
  padding-bottom: 0.5rem;
}
.padding-bottom-sm {
  padding-bottom: 1rem;
}
.padding-bottom-md {
  padding-bottom: 2rem;
}
.padding-bottom-lg {
  padding-bottom: 3rem;
}
.padding-bottom-xl {
  padding-bottom: 4rem;
}
.margin-left-none {
  margin-left: 0;
}
.margin-left-xs {
  margin-left: 0.5rem;
}
.margin-left-sm {
  margin-left: 1rem;
}
.margin-left-md {
  margin-left: 2rem;
}
.margin-left-lg {
  margin-left: 3rem;
}
.margin-left-xl {
  margin-left: 4rem;
}
.padding-left-none {
  padding-left: 0;
}
.padding-left-xs {
  padding-left: 0.5rem;
}
.padding-left-sm {
  padding-left: 1rem;
}
.padding-left-md {
  padding-left: 2rem;
}
.padding-left-lg {
  padding-left: 3rem;
}
.padding-left-xl {
  padding-left: 4rem;
}
.margin-right-none {
  margin-right: 0;
}
.margin-right-xs {
  margin-right: 0.5rem;
}
.margin-right-sm {
  margin-right: 1rem;
}
.margin-right-md {
  margin-right: 2rem;
}
.margin-right-lg {
  margin-right: 3rem;
}
.margin-right-xl {
  margin-right: 4rem;
}
.padding-right-none {
  padding-right: 0;
}
.padding-right-xs {
  padding-right: 0.5rem;
}
.padding-right-sm {
  padding-right: 1rem;
}
.padding-right-md {
  padding-right: 2rem;
}
.padding-right-lg {
  padding-right: 3rem;
}
.padding-right-xl {
  padding-right: 4rem;
}
.margin-none {
  margin: 0;
}
.margin-xs {
  margin: 0.5rem;
}
.margin-sm {
  margin: 1rem;
}
.margin-md {
  margin: 2rem;
}
.margin-lg {
  margin: 3rem;
}
.margin-xl {
  margin: 4rem;
}
.padding-none {
  padding: 0;
}
.padding-xs {
  padding: 0.5rem;
}
.padding-sm {
  padding: 1rem;
}
.padding-md {
  padding: 2rem;
}
.padding-lg {
  padding: 3rem;
}
.padding-xl {
  padding: 4rem;
}
.font-weight-100{
    font-weight: 100;
}
.font-weight-300{
    font-weight: 300;
}
.font-weight-500{
    font-weight: 500;
}
.font-weight-700{
    font-weight: 700;
}
.text-normal{
    font-weight: normal !important;
    text-decoration: none !important;
}
.divider {
    color: #555;
    width: 85%;
    margin: 20px auto;
    overflow: hidden;
    text-align: center;
    line-height: 1.2em;
    font-weight: bold;
    font-size: 1.4em;
}
.divider:before, .divider:after {
    content: "";
    vertical-align: top;
    display: inline-block;
    width: 50%;
    height: 0.65em;
    border-bottom: 1px solid #ccc;
    margin: 0 2% 0 -55%;
}
.divider:after {
    margin: 0 -55% 0 2%;
}
.valign-middle > *{
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: -5px;
}
.clearfix,
.clearfix div{
    overflow:hidden;
}
.floatfix{
    clear:both;
}
.display-inline{
    display: inline !important;
    width: auto !important;
}
.display-inline-block{
    display: inline-block !important;
}
.display-block{
    display: block !important;
    width: 100% !important;
}
.cursor-pointer{
    cursor: pointer;
}
@media(max-width: 600px){
    /*.btn{
        display: block;
        width: 100%;
    }*/
}
@media(max-width: 768px){
    .valign-middle > *[class^='col-sm']{
        display: block;
    }
    .btn{
        margin-bottom: 8px;
    }
    .navbar-nav .open .dropdown-menu > li > a{
        padding-left:40px;
    }
    .navbar-nav .open .dropdown-menu {
        background-color: #5d778b !important;
    }
}
@media (min-width: 768px){
    .navbar .navbar-collapse,
    .navbar .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    
}

@media(max-width: 992px){
    .contact-info-block .form-group {
        margin-bottom: 1rem;
    }
    .contact-info-block label {
        margin-bottom: 0;
    }
    .valign-middle > *[class^='col-md']{
        display: block;
    }
    select#VisaCompany, select[id*=VisaCompany]{
        width: 100% !important;
        max-width: 100% !important;
    }
}
@media(max-width: 1200px){
    .valign-middle > *[class^='col-lg']{
        display: block;
    }
}

@media print{
    #smMainChatDiv{
        display: none !important;
    }
}


.fade--out{
    position: absolute;
    transform: translateX(-9999);
    opacity: 0;
}

.fade--in{
    position: relative;
    transform: translateX(0);
    opacity: 1;
}

.fade--out,
.fade--in{
    transition: all .3s;
}

.badge-sample-container{
    background: url('../images/badgebg.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.loading--small{
    width: 20px;
    height: 20px;
}

.member-results-approve input{
    height: 20px;
    width: 20px;
}

td.member-results-company,
td.member-results-email {
    word-break: break-all;
    min-width: 100px;
}

td.member-results-date{
    min-width: 75px;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
    width: 15px;
    height: 15px;
    margin-left: -20px;
    top: 4px;
}

#chatbox {
    position:fixed;
    left:0;
    bottom:0;
}

/* ************************************************** CUSTOM STYLES ADDED APRIL 2022 ************************************************** */
.btn-primary {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    box-shadow: 0px 1px 0px var(--accent-color);
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary.focus, 
.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: var(--dark-accent-color);
  border-color: var(--dark-accent-color);
  box-shadow: 0px 1px 0px var(--dark-accent-color);
  transition: all 0.3s ease-in-out;
}
.btn:disabled {
  background-color: var(--dark-secondary-accent-color);
  border: 1px solid var(--dark-secondary-accent-color);
}
.btn-landing {
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: 1.2em;
  width: 100%;
}
#member-results th {
  background-color: var(--main-bg-color);
  border-color: var(--dark-main-bg-color);
}
.isSectionHeaderLev1 {
  background-color: var(--main-bg-color);
  /*border-bottom: 2px solid var(--accent-color);*/
}
.isSectionHeaderLev2 {
  background-color: var(--light-secondary-accent-color);
  color: var(--secondary-accent-color);
}
.modal-header {
  background-color: var(--main-bg-color);
}

/* Errors */
#msg_alert .well{
  background-color: var(--transparent-accent-color);
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
} 
.has-error .form-control {
  border-color: #ff0000;
}
.form-control:focus, 
.form-control:active,
.form-control:focus-within {
  border-color: var(--secondary-accent-color);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--light-secondary-accent-color);
}
.has-error .form-control:focus, 
.has-error .form-control:active,
.has-error .form-control:focus-within {
  border-color: var(--accent-color);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px var(--light-accent-color);
}
.has-error .isRequired {
  color: #ff0000;
} 

/* Progress Bar */

.pBarFutureStep {
  background-color: var(--main-bg-color);
}
.pBarCurrentStep {
  background-color: var(--accent-color);
}


/* Modals */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  background-color: var(--main-bg-color);
}


/* RRC */
.navbar-default .navbar-collapse {
  background-color: var(--main-bg-color);
  border-color: var(--main-bg-color);
}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color: var(--dark-accent-color);
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: var(--dark-accent-color);
}
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
  background-color: var(--dark-accent-color);
  color: #fff;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, span.twitter-typeahead .tt-suggestion:hover, span.twitter-typeahead .tt-suggestion:focus {
  background-color: var(--main-bg-color);
}

/* Font Colors */
a, .btn-link {
  color: var(--main-bg-color);
}
a:hover, 
a:active,
.btn-link:hover,
.btn-link:active {
  color: var(--dark-main-bg-color);
}
.text-danger {
  color: var(--accent-color);
}
.isRequired, 
.required-icon {
  color: var(--accent-color);
}
footer .fa-brands {
  margin-top: 20px;
  font-size: 3em;
  padding: 5px;
  color: var(--main-bg-color);
  transition: all 0.3s ease-in-out;
}
footer .fa-brands:hover, 
footer .fa-brands:active {
  color: var(--secondary-accent-color);
}
.hilite {
  color: var(--accent-color);
}