/*
 * sitewide styles
 */
.asterisk {
    color: #b94a48;
}

fieldset.form-group legend.control-label {
    border-bottom: 0;
}

html input[type=radio], html input[type=checkbox] {
    margin: 2px 0 0;
}

/* can be used instead of hide and hidden which can not be easily toggled due to settings in bootstrap 3 */
.spectrum-hide {
    display: none;
}

@media print, screen {
    .visible-print {
        display: block !important;
    }
}
@media print {
    .hidden-print {
        display: none !important;
    }
    #pages-form,
    #body #mobile,
    #body .column .widget > div {
        border: 0 !important;
    }
}

.password-strength .progress {
    margin: 5px 0px 0px;
}

.password-strength .popover {
    width: 250px;
}

.password-strength .progress .bar-success,
.password-strength .progress .bar-warning,
.password-strength .progress .bar-danger {
    min-width: 26%;
}

.progress .bar{
    width: 0;
    height: 20px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top,#149bdf,#0480be);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));
    background-image: -webkit-linear-gradient(top,#149bdf,#0480be);
    background-image: -o-linear-gradient(top,#149bdf,#0480be);
    background-image: linear-gradient(top,#149bdf,#0480be);
    background-image: -ms-linear-gradient(top,#149bdf,#0480be);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#149bdf',endColorstr='#0480be',GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -ms-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-success .bar, .progress .bar-success {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(to bottom, #62c462, #57a957);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
}

.progress-warning .bar, .progress .bar-warning {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
}

.progress-danger .bar, .progress .bar-danger {
    background-color: #dd514c;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
}

/*
 * footer
 */
#footer,
#push {
    height: 150px;
}
#footer {
    position: relative;
    text-align: center;
}
#footer ul {
    list-style-type: none;
    padding-top: 40px;
    padding-left: 0px;
    margin-left: 0px;
}
#footer li {
    display: inline;
    padding: 0 5px;
}

#footer li.separator {
    padding: 0 10px 0 10px;
    border-right: 1px solid;
}

@media (max-width: 767px) {
    #footer li {
        display: block;
        padding: 0;
    }
    #footer li.separator {
        border-right: 0;
    }
}

/*
 * accessibility related
 */
.modal a, .modal a:hover, .modal a:active, .modal a:visited {
    color: #0021b9;
}
.modal h3 {
    display: inline-block;
}
.modal .close {
    opacity: 0.5;
}
/* needed because it can't tell the background color because it is in a modal */
.modal .control-label {
    background-color: #ffffff;
    margin-left: 10px;
}

.alert .close {
    opacity: 0.6;
}

.btn-danger {
    background-color: #bb2c28;
}
.btn-group > .btn:focus,
.dropdown-toggle:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

/*
 * used to hide labels for fields that are grouped and make sense when seen visually but need to be read by screenreaders,
 * as per https://www.w3.org/WAI/tutorials/forms/labels/
 */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Profiler styles
 */
#codeigniter_profiler_tabs {
  margin: 0px;
}
#codeigniter_profiler .tab-pane {
  display: none;
}
#codeigniter_profiler .tab-pane.active {
  display: block;
}
.profiler-toggle-button {
  cursor: pointer;
}
/* https://github.com/twbs/bootstrap/issues/5729 */
.table-striped-2 tbody > tr:nth-child(odd) > td,
.table-striped-2 tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

#browser-not-supported {
  display: block;
  width: 600px;
  margin: 200px auto;
  padding: 15px;
  text-align: left;
  background: #fff;
  border: 1px solid #000;
}

#browser-not-supported ul {
    margin-top: 20px;
}

/*
 * Improve look of Calendly modal on viewbook pages
 */
body .calendly-overlay .calendly-popup {
    height: 100%;
    max-height: 720px;
}

#new-password-modal legend.control-label {
    text-align: left;
}

/*
 * JQUERY-UI ICON REPLACE WITH S3 BUCKET URL
 */

 .ui-widget-content {
	background-image: url("https://s3.amazonaws.com/emp-images/vendor/jquery-ui/ui-bg_inset-soft_50_c9c9c9_1x100.png") !important;
}

.ui-widget-header {
	background-image: url("https://s3.amazonaws.com/emp-images/vendor/jquery-ui/ui-bg_glass_35_dddddd_1x400.png") !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	background-image: url("https://s3.amazonaws.com/emp-images/vendor/jquery-ui/ui-bg_glass_60_eeeeee_1x400.png") !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	background-image: url("https://s3.amazonaws.com/emp-images/vendor/jquery-ui/ui-bg_glass_100_f8f8f8_1x400.png") !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	background-image: url("https://s3.amazonaws.com/emp-images/vendor/jquery-ui/ui-bg_inset-hard_75_999999_1x100.png") !important;
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("https://s3.amazonaws.com/emp-images/vendor/jquery-ui/ui-icons_999999_256x240.png") !important;
}
.ui-widget-header .ui-icon {
	background-image: url("https://s3.amazonaws.com/emp-images/vendor/jquery-ui/ui-icons_999999_256x240.png") !important;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("https://s3.amazonaws.com/emp-images/vendor/jquery-ui/ui-icons_3383bb_256x240.png") !important;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("https://s3.amazonaws.com/emp-images/vendor/jquery-ui/ui-icons_454545_256x240.png") !important;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("https://s3.amazonaws.com/emp-images/vendor/jquery-ui/ui-icons_3383bb_256x240.png") !important;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("https://s3.amazonaws.com/emp-images/vendor/jquery-ui/ui-icons_fbc856_256x240.png") !important;
}
.ui-button .ui-icon {
	background-image: url("https://s3.amazonaws.com/emp-images/vendor/jquery-ui/ui-icons_70b2e1_256x240.png") !important;
}

.bee-field-formPayLater label {
    margin-right: 2rem;
}

.control-label.col-sm-4.text-left {
    text-align: left;
}

legend.remove-margin {
    margin-bottom: 0;
}