body {
    font-size: 17px;
    margin-bottom: 70px;
    margin-top: 70px;
    background-color: #f9fafb;
}

.container {
    width: 90% !IMPORTANT;
    max-width: 90% !IMPORTANT;
}

.label-titlestyle {
    float: left;
    font-size: 14px;
    margin-right: 1rem;
    font-weight: normal;
    margin-top: 0.5rem;
}

input[type="checkbox"].checkbox-titlestyle {
    border: 0;
    box-shadow: none;
    width: auto;
    height: auto;
    margin: 1rem 0;
}

.btn-default.btn-note:after {
    content: "";
    position: absolute;
    width: 7px;
    border-radius: 50%;
    background-color: red;
    height: 7px;
    right: 2rem;
}
.btn-outline-primary {
    color: #337ab7;
    background-color: transparent;
    background-image: none;
    border-color: #337ab7;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-outline-primary.telephone:hover:before {
  background-image: url('/image/phone-icon-white.png')
}

.logo-print {
    height: 50px;
    margin: 0 0 50px 0;
}

.waiting {
    cursor: wait;
}

h1 {
    margin: 35px 0;
}

.smstag, .emailtag {
    width: 100%;
    margin-bottom: 5px;
    font-size: small;
}

nav.navbar-fixed-top {
    padding: 0 3rem 0 2rem;
    box-sizing: border-box;
}

.navbar-header {
    margin-right: 1.5rem;
}

.navbar-right li.nav-item {
    margin-right: 3px;
}

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #EDEDED;
    z-index: 100000000 !IMPORTANT;
}

header {
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    height: 60px;
    background: #EDEDED;
    z-index: 1;
}

header img {
    border-radius: 10%;
}

footer .row {
    height: 50px;
}

footer .btn {
    width: 100%;
    height: 50px;
}

footer p {
    padding-top: 15px;
}

textarea a {
    text-decoration: underline;
}

textarea {
    font-size: 110%;
}

.nicEdit-main {
    font-size: 110%;
}

.vertical-center {
    min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */

    display: flex;
    align-items: center;
}

.adviserviewerror {
    border-color: red;
}

.adviserviewerrormessage {
    color: red;
}

.actionrequired {
    background-color: #fcf8e3;
}
.summary-icon {
    width: 40px;
    height: auto;
    padding-right: 10px;
}

ol#newoptioncontainer {
    list-style: none;
    padding: 0;
}
ol#newoptioncontainer li {
    counter-increment: my-awesome-counter;
}
ol#newoptioncontainer li::before {
    content: counter(my-awesome-counter) ": ";
    color: #333;
    /* font-weight: bold; */
    padding-left: 5px;
    font-size: 24px;
}

.alert h2 {
    margin-top: 10px;
}

#crumbs .nav-tabs {
    border: 0;
    margin: 0;
}

#crumbs {
    text-align: center;
}

#crumbs ul {
    list-style: inside;
    list-style-type: decimal;
    display: flex;
    padding-left: 0px;
}
#crumbs ul li {
    flex-grow: 1;
    flex-basis: auto;
    background: #e7e7e7;
    padding: 9px 20px 9px 20px;
    position: relative;
    font-size: 16px;
    color: #555;
}

#crumbs ul li a:hover {
    border-color: transparent;
}

#crumbs ul li a {
    width: 100%;
    height: auto;
    text-align: center;
    position: relative;
    margin: 0 2px 0 0;
    text-decoration: none;
    color: #555;
}

#crumbs ul li.active,
#crumbs ul li.active a {
    background: #d9edf7;
    color: #337ab7;
}

#crumbs ul li.active a {
    border: 0;
}

#crumbs ul li.disabled,
#crumbs ul li.disabled a {
    background: #f5f5f5;
    color: #ddd;
    pointer-events: none;
}

#crumbs ul li.disabled a {
    border: 0;
}

#crumbs ul li:after {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #e7e7e7;
    position: absolute;
    right: -19px;
    top: 0;
    z-index: 1;
}

#crumbs ul li.active:after {
    border-left: 20px solid #d9edf7;
}

#crumbs ul li.disabled:after {
    border-left: 20px solid #f5f5f5;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
#crumbs ul li.disabled:before {
    border-left: 20px solid #fff;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

#crumbs ul li:before {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #ffffff;
    position: absolute; left: 0; top: 0;
}

#crumbs ul li:first-child {
    border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}
#crumbs ul li:first-child:before {
    display: none;
}

#crumbs ul li:last-child {
    padding-right: 20px;
    border-top-right-radius: 5px; border-bottom-right-radius: 5px;
}

#crumbs ul li:last-child:after {
    display: none;
}

.telephone {
    position: relative;
    padding-left: 3rem;
}

.telephone:before {
    content: "";
    background-image: url(/image/phone-icon-white.png);
    background-position: top left;
    background-size: cover;
    height: 16px;
    position: absolute;
    width: 16px;
    left: 1rem;
    top: 0.8rem;
}
h2 img.warning-alert {
    width: 2.2rem;
    vertical-align: top;
    margin-top: 0.5rem;
    margin-right: 1rem;
}

.navbuttons {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 50px;
    align-items: baseline;
}

.navbuttons div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.navbuttons div button {
    margin-left: 1rem;
}

.panel-heading h2 {
    margin: 10px 0;
}
/* Accordians */
.panel-heading h3 {
    margin: 10px 0;
}

.panel-heading h3.estimated-dob {
    margin-left: 25px;
    padding-left: 1rem;
}

.panel-heading h3.estimated-dob:before {
    content: "";
    position: absolute;
    height: 25px;
    width: 25px;
    left: 3rem;
    background-image: url(/image/warning-nobg.png);
    background-position: left;
    background-size: contain;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

@media print {
    * {
        color-adjust: exact !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    body {
        font-size: 10px;
        margin: 0;
    }
    .col-md-6 {
        width: 50%;
        float: left;
    }
    .panel-heading {
        background-color: #f5f5f5 !important;
    }
    .logo-print {
        height: 30px;
        margin: 20px 0 40px 0;
    }
    h3 {
        font-size: 18px;
    }
}

.navbar-default .navbar-nav > li > a.parent-company-dropdown {
    font-size:17px;
    border-radius:0;
    color:#fff;
}

.navbar-default .navbar-nav > li.dropdown.open > a.parent-company-dropdown,
.navbar-default .navbar-nav > li > a.parent-company-dropdown:hover,
.navbar-default .navbar-nav > li > a.parent-company-dropdown:focus,
.navbar-default .navbar-nav > li > a.parent-company-dropdown:active {
    background-color: #449d44 !important;
    border-color: #398439 !important;
    color:#fff !important;
}

.navbar-default .navbar-nav > li > a.has-new-messages {
    position: relative;
}

.navbar-default .navbar-nav > li > a.has-new-messages:after {
    content: ' ';
    width: 5px;
    height: 5px;
    position: absolute;
    top: 18px;
    right: 7px;
    background: red;
    border-radius: 50%;
}

.navbar-default .navbar-nav > li > a.urgent-request {
    position: relative;
    color: #FFF;
}



.account-types-wrapper,
.subscription-types-wrapper {
    width:500px;
    margin:0 auto;
}

.account-types h2,
.subscription-types h2,
.account-create-fields h2,
.tell-us-more h2 {
    text-align:center;
    color:#444;
}

.account-types-wrapper .account-type,
.subscription-types-wrapper .subscription-type {
    background:#f5f5f5;
    width:220px;
    height:220px;
    border-radius:5px;
    float:left;
    text-align:center;
    position:relative;
    border:4px solid #fff;
    cursor:pointer;
    color:#666;
    user-select:none;
}

.account-types-wrapper,
.subscription-types-wrapper {
    margin-bottom:60px;
    overflow:hidden;
}

.account-types-wrapper .account-type:first-child,
.subscription-types-wrapper .subscription-type:first-child {
    margin-right:60px;
}

.account-types-wrapper .account-type span,
.subscription-types-wrapper .subscription-type span {
    font-size:22px;
    font-weight:bold;
    position:absolute;
    left:10px;
    bottom:10px;
    right:10px;
    display:block;
    text-align:center;
}

.subscription-types-wrapper .subscription-type div.price {
    font-size:40px;
    font-weight:bold;
    position:absolute;
    left:10px;
    top:40px;
    right:10px;
    display:block;
    text-align:center;
}

.subscription-types-wrapper .subscription-type div.small {
    font-size:16px;
    font-weight:400;
}

.account-types-wrapper .account-type svg {
    font-size:30px;
    width:80px;
    height:80px;
    margin-top:35px;
}

.account-types-wrapper .account-type:hover,
.account-types-wrapper .account-type.active,
.subscription-types-wrapper .subscription-type:hover,
.subscription-types-wrapper .subscription-type.active {
    border:4px solid #eb5a28;
    color:#eb5a28;
}

.account-create-fields.directly-authorised .appointed-representative-field {
    display:none;
}

.notification-bar {
    position:fixed;
    top:53px;
    left:0;
    right:0;
    height:50px;
    background: #f0ad4e;
    z-index: 100;
    line-height:46px;
}

/* Styles for appointed representative dashboard */
.alert-info--boost a {
    color: #31708f;
    text-decoration: underline;
}

.alert-info--boost a:hover,
.alert-info--boost a:focus {
    text-decoration: none;
}

.alert-info--boost h2 {
    font-size: 24px;
    font-weight: bold;
}

.alert-info--boost label {
    font-size: 14px;
}

.alert-info--boost .progress {
    height: 35px;
}

.alert-warning--boost span.glyphicon,
.alert-success--boost span.glyphicon {
    font-size: 30px;
    margin-right: 1.5rem;
    float: left;
}

.alert-warning--boost ul.checklist li {
    position: relative;
    padding-left: 3rem;
}

.alert-warning--boost ul.checklist li::before {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    position: absolute;
    left: 0;
    top: 0;
}

.alert-warning--boost ul.checklist li span.glyphicon,
.alert-success--boost ul.checklist li span.glyphicon {
    font-size: 17px;
    color: #8a6d3b;
    margin-right: 1rem;
}

.alert-warning--boost p,
.alert-success--boost p {
    padding: 3px 0 1rem 0;
    margin: 0;
}

.alert-warning--boost a:not(.btn) {
    color: #8a6d3b;
    text-decoration: underline;
}

.alert-warning--boost a:not(.btn):hover,
.alert-warning--boost a:not(.btn):focus {
    text-decoration: none;
}

.alert-warning__buttons {
    float: right;
}

.nav-tabs.nav-tabs--vertical {
    border-bottom: 0;
}

.nav-tabs.nav-tabs--vertical > li {
    float: none;
}

.nav-tabs.nav-tabs--boost,
.nav-tabs.nav-tabs--vertical {
    margin-top: 1rem;
}

.nav-tabs.nav-tabs--boost .nav-item {
    width: 16.668%;
}

.nav-tabs.nav-tabs--vertical .nav-link {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    border-right: 0;
}

.nav-tabs.nav-tabs--boost .nav-link,
.nav-tabs.nav-tabs--vertical .nav-link {
   margin-right: 0;
   position: relative;
   padding-left: calc(35px + 4rem);
   color: #333;
   font-weight: 500;
   background-color: #F8F8F8;
   border: 1px solid #DDD;
}

.nav-tabs.nav-tabs--vertical .nav-link {
    border-color: #DDD;
}

.nav-tabs.nav-tabs--vertical > li > a {
    border-radius: 0;
}

.nav-tabs.nav-tabs--vertical > li:first-of-type > a {
    border-radius: 4px 0 0 0;

}

.nav-tabs.nav-tabs--vertical > li:last-of-type > a {
    border-radius: 0 0 0 4px;
}

.nav-tabs.nav-tabs--boost .nav-item.active .nav-link {
    background-color: #FFF;
    border-bottom: 1px solid #FFF;
}

.nav-tabs.nav-tabs--vertical .nav-item.active .nav-link {
    background-color: #FFF;
    border-right: 1px solid #FFF;
}

.nav-tabs.nav-tabs--boost .nav-link:hover,
.nav-tabs.nav-tabs--boost .nav-link:focus,
.nav-tabs.nav-tabs--vertical .nav-link:hover,
.nav-tabs.nav-tabs--vertical .nav-link:focus,
.highlight {
    background-color: #FFF;
}

.nav-tabs.nav-tabs--boost .nav-item.active .nav-link:hover,
.nav-tabs.nav-tabs--boost .nav-item.active .nav-link:focus {
    background-color: #FFF;
    border-bottom: 1px solid #FFF;
}

.nav-tabs.nav-tabs--vertical .nav-item.active .nav-link:hover,
.nav-tabs.nav-tabs--vertical .nav-item.active .nav-link:focus {
    background-color: #FFF;
    border-color: #DDD;
    border-right: 1px solid #FFF;
}

.highlight {
    border-radius: 4px;
    padding: 1rem;
}

.nav-tabs.nav-tabs--boost .nav-item .nav-link::before,
.nav-tabs.nav-tabs--vertical .nav-item .nav-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 2rem;
    bottom: 0;
    height: 35px;
    width: 35px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.nav-item--interactivefactfind .nav-link::before  {
    background-image: url('/image/mortgage-icon.svg');
}

.nav-item--email .nav-link::before  {
    background-image: url('/image/emailcampaign-icon.svg');
}

.nav-item--lender .nav-link::before  {
    background-image: url('/image/lenderlockout-icon.svg');
}

.nav-item--cover .nav-link::before  {
    background-image: url('/image/coverreview-icon.svg');
}

.nav-item--social .nav-link::before  {
    background-image: url('/image/socialmedia-icon.svg');
}

.nav-item--chatbot .nav-link::before  {
    background-image: url('/image/chatbot-icon.svg');
}

.nav-item--signature .nav-link::before  {
    background-image: url('/image/emailsignature-icon.svg');
}

.extra-help-box {
    background: #F8F8F8;
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 1.5rem 1.5rem 1.5rem 10rem;
    position: relative;
    margin-bottom: 3rem;
}

.extra-help-box p:first-of-type::before {
    content: '';
    position: absolute;
    top: 2rem;
    left: 2rem;
    height: 55px;
    width: 55px;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('/image/appointment-icon.svg');
}

ul.checklist {
    list-style-type: none;
    padding-left: 0;
}

ul.checklist li span {
    padding-right: 1rem;
    color: #333;
}

.panel-boost {
    border-color: #F26433;
    margin-top: 1rem;
}

.panel-boost label {
    font-weight: 500;
}

.panel-boost > .panel-heading {
    color: #FFF;
    background-color: #F26433;
    border-color: #F26433;
}

.panel-boost > .panel-footer {
    background-color: #FFF;
    border-color: #FFF;
    padding: 1.5rem;
}

.panel-boost img.screenshot {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 3rem;
    margin-top: 1rem;
}

.panel-boost input[type="date"],
.panel-boost input[type="time"] {
    border: 1px solid #DDD;
    border-radius: 5px;
    padding: 0.5rem;
    margin: 1rem;
}

#accordion .panel-boost > .panel-heading {
    padding: 0;
}

#accordion .panel-heading a {
    color: #FFF;
    cursor: pointer;
    width: 100%;
    height: 100%;
    padding: 1rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#accordion .panel-heading a:hover {
    text-decoration: none;
}

textarea.code {
    font-size: 14px;
    font-family: monospace;
    color: #333;
    background: #F8F8F8;
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 15px;
    width: 100%;
    margin-bottom: 3rem;
    margin-top: 1rem;
}

h3.help-icon {
    margin-top: 0;
    font-weight: bold;
    position: relative;
    padding-left: 4rem;
}

h3.help-icon::before {
    content: '?';
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    padding-top: 3px;
    height: 25px;
    width: 25px;
    margin: auto;
    color: #FFF;
    font-size: 17px;
    font-weight: 400;
    border-radius: 100%;
    background-color: #8A6D3B;
}

.btn-orange {
    color: #fff;
    background-color: #F26433;
    border-color: #F26433;
    padding: 1.5rem 3rem;
}

/* Custom Radio and Checkboxes */
.custom-select-container {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    padding-top: 1rem;
}

.custom-select-container div {
    flex-grow: 1;
    max-width: 48.5%;
    min-height: 126px;
    margin-bottom: 1.5rem;
    position:relative;
}

.custom-select-container img {
    width: 55px;
    margin-right: 2rem;
}

.question.disabled input,
.question.disabled label,
.question.disabled p,
.question.disabled .custom-select-container input,
.question.disabled .custom-select-container label,
.custom-select-container div.disabled input,
.custom-select-container div.disabled label {
    opacity: 0.3;
}

.question.disabled input:hover,
.question.disabled .custom-select-container input:hover,
.question.disabled .custom-select-container label:hover,
.custom-select-container div.disabled input:hover,
.custom-select-container div.disabled label:hover {
    cursor: default;
}

.custom-select-container div.disabled a.connect {
    width:100px;
    height:30px;
    position:absolute;
    top:50%;
    left:50%;
    margin:-15px 0 0 -50px;
    font-size:16px;
    line-height:30px;
    color:#fff;
    background:#e88b6b;
    border-radius:4px;
    text-align:center;
    font-weight:700;
    display:block;
    z-index:100;
    text-decoration:none;
}

.custom-select-container div.disabled a.connect:hover {
    background:#F26433;
}

.custom-radio[type="radio"]:checked,
.custom-checkbox[type="checkbox"]:checked,
.custom-radio[type="radio"]:not(:checked),
.custom-checkbox[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.custom-radio[type="radio"]:checked + label,
.custom-radio[type="radio"]:not(:checked) + label,
.custom-checkbox[type="checkbox"]:checked + label,
.custom-checkbox[type="checkbox"]:not(:checked) + label {
    position: relative;
    padding: 2rem 2rem 2rem 6rem;
    cursor: pointer;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 1.25;
    display: inline-block;
    z-index: 1;
    color: #FFF;
    font-weight: 500;
    border: 1px solid #DDD;
    border-radius: 4px;
    background-color: #F8F8F8;
    display: flex;
    align-items: center;
}

.custom-radio[type="radio"]:checked + label.descriptive,
.custom-radio[type="radio"]:not(:checked) + label.descriptive,
.custom-checkbox[type="checkbox"]:checked + label.descriptive,
.custom-checkbox[type="checkbox"]:not(:checked) + label.descriptive {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.custom-radio[type="radio"]:checked + label.descriptive small,
.custom-radio[type="radio"]:not(:checked) + label.descriptive small,
.custom-checkbox[type="checkbox"]:checked + label.descriptive small,
.custom-checkbox[type="checkbox"]:not(:checked) + label.descriptive small {
    padding-top: 0.8rem;
    font-size: 14px;
}

.custom-radio[type="radio"]:checked + label:hover,
.custom-radio[type="radio"]:not(:checked) + label:hover,
.custom-checkbox[type="checkbox"]:checked + label:hover,
.custom-checkbox[type="checkbox"]:not(:checked) + label:hover {
    background-color: #FFF;
}

.custom-radio[type="radio"]:checked + label,
.custom-checkbox[type="checkbox"]:checked + label {
     color: #333;
}

.custom-radio[type="radio"]:not(:checked) + label,
.custom-radio[type="radio"]:not(:checked) + label svg path,
.custom-checkbox[type="checkbox"]:not(:checked) + label,
.custom-checkbox[type="checkbox"]:not(:checked) + label svg path {
    color: #333;
    fill: #333;
}

.custom-radio[type="radio"]:checked + label::before,
.custom-radio[type="radio"]:not(:checked) + label::before,
.custom-checkbox[type="checkbox"]:checked + label::before,
.custom-checkbox[type="checkbox"]:not(:checked) + label::before {
    content: '';
    position: absolute;
    left: 2rem;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #FFF;
    border: 1px solid #DDD;
    z-index: -1;
}

.custom-radio[type="radio"]:checked + label::after,
.custom-radio[type="radio"]:not(:checked) + label::after,
.custom-checkbox[type="checkbox"]:checked + label::after,
.custom-checkbox[type="checkbox"]:not(:checked) + label::after {
    content: '';
    width: 20px;
    height: 20px;
    background: #F26433;
    position: absolute;
    border-radius: 100%;
    border: 1px solid #DDD;
    top: 0;
    left: 2rem;
    bottom: 0;
    margin: auto;
    color: #333;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: -1;
}

.custom-radio[type="radio"]:not(:checked) + label::after,
.custom-checkbox[type="checkbox"]:not(:checked) + label::after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.custom-radio[type="radio"]:checked + label::after,
.custom-checkbox[type="checkbox"]:checked + label::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#crumbs.crumbs--orange {
    text-align: left;
}

#crumbs.crumbs--orange .nav-tabs {
    margin: 0;
}

#crumbs.crumbs--orange ul li {
    padding: 2rem 2rem 2rem 5rem;
    width: 100%;
    flex-grow: unset;
    flex-basis: auto;
    font-weight: bold;
    font-style: italic;
    font-size: 2.5rem;
    border-bottom: 1px solid #F26433;
    background: #F8F8F8;
    color: #DDD;
}

#crumbs ul li:before {
    content: "";
    border-top: 38px solid transparent;
    border-bottom: 38px solid transparent;
    border-left: 30px solid #F26433;
    position: absolute;
    left: 0;
    top: 0;
}

#crumbs.crumbs--orange ul li:after {
    content: "";
    border-top: 38px solid transparent;
    border-bottom: 38px solid transparent;
    border-left: 30px solid #F8F8F8;
    position: absolute;
    right: -29px;
    top: 0;
    z-index: 1;
}

#crumbs.crumbs--orange ul li.active:after {
    border-left: 30px solid #F26433;
}

#crumbs.crumbs--orange ul li:first-child {
    padding-left: 2rem;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 0;
}

#crumbs.crumbs--orange ul li:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
}

#crumbs.crumbs--orange ul li.active,
#crumbs.crumbs--orange ul li.active a {
    background: #F26433;
    color: #FFF;
}

#crumbs.crumbs--orange ul li.complete,
#crumbs.crumbs--orange ul li.complete a {
    background: #F8F8F8;
    color: #F26433;
}

.emailpreview {
    border: 1px solid #DDD;
    padding: 1rem;
}

.emailtabpreview {
    border: 1px solid #DDD;
    padding: 2rem;
    border-radius: 0 4px 4px 4px;
    margin-top: 1rem;
    min-height: 530px;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;

}

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}

.modal-content {
    width: 100%;
}

.row.modal-box-container {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.modal-box-container > div {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.modal-box {
    padding: 1.5rem 1.5rem 0.5rem 1.5rem;
    margin-top: 1.5rem;
    font-weight: 500;
    border: 1px solid #DDD;
    border-radius: 4px;
    background-color: #F8F8F8;
}

.modal-box a {
    text-decoration: underline;
}

.modal-box a:hover {
    text-decoration: none;
}

.modal-box .head {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.7rem;
    font-weight: 500;
    padding-bottom: 1rem;
}

.modal-box .head img {
    width: 50px;
    height: auto;
    margin-right: 1.5rem;
}

.modal-box.completed {
    background-color: #FFF;
}

.modal-box.completed p,
.modal-box.completed a {
    color: #999;
}

.bg-ai-green{
    background-color: #BAFAB1;
}

.text-ai-orange{
    color: #F15A24;
}

.hover\:text-ai-dark-orange:hover {
    color: #d95120;
}

.bg-ai-orange{
    background-color: #F15A24;
}

.hover\:bg-ai-dark-orange:hover {
    background-color: #d95120;
}

.fill-ai-orange {
    fill: #F15A24;
}

.fill-gray-400 {
    fill: #9ca3af;
}

.fill-gray-300 {
    fill: #d0d5db;
}

.border-ai-orange{
    border-color: #F15A24;
}

ul, ol{
    list-style-type: disc;
    margin-left: 20px;
    padding: initial;
}

.industryiswelcometrusts {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }

  .industryiswelcometrusts .industryiswelcometruststooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: rgb(168, 165, 165);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }

  .industryiswelcometrusts:hover .industryiswelcometruststooltiptext {
    visibility: visible;
  }

[x-cloak] { display: none !important; }