/*validation styles*/
.error-input-field {
    color: #e40449;
}

.success-response-message {
    color: #4FC143;
}

.error-response-message {
    color: #e40449;
}

.section-grey-bg {
    background: #f0f2f2 !important;
}

.alert-message-aligment {
    padding-top: 2px;
    padding-left: 2px;
    margin-top: 5px;
}

.btn-form-top-border-none {
    border: none;
}

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

body.modal-open {
    overflow: initial !important;
}

.width-100 {
    width: 100%;
}

.padding-3 {
    padding: 3px;
}

.padding-topbottom5 {
    padding: 5px 0;
}
/*.dataTables_wrapper {
    overflow-x: auto;
}*/
.loading {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.overLay {
    position: fixed;
    z-index: 10000;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
}

.image-link {
    color: #243977;
}

    .image-link a:hover {
        color: #2e1ea7 !important;
    }

.pointer {
    cursor: pointer;
}

.sidenav-page-header {
    background: #fafafa;
}

#dtSites_length > label > select, #dtapplicationFormReport_length > label > select {
    background-color: white !important;
    border-style: solid !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important;
}

#manageChannelGrid_length > label > select {
    background-color: white !important;
    border-style: solid !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important;
}

#dtContentHistory_length > label > select {
    background-color: white !important;
    border-style: solid !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    appearance: menulist !important;
}

.text-area {
    overflow-y: scroll;
    padding-top: 16px;
}

.container-height {
    height: 100%;
}

.margin25 {
    margin-right: 25px !important;
}

.product-img-dimension {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.float-left {
    float: left;
    margin-right: 10px;
}

.border-none {
    border: none !important;
}

.avoid-clicks {
    pointer-events: none;
}

.top-0 {
    top: 0;
}

.delete-icon {
    color: #e40449;
}

    .delete-icon:hover {
        color: #e40449;
    }

.signature-pad-outline {
    background: #fff;
    border: 1px solid #0f9600;
}

.signature-pad-error-outline {
    border: 1px solid #e40449;
}

.pad-right-large {
    padding-right: 40px !important;
}

.multiselect-parent-focus {
    border-color: #4fc143;
    outline: none;
}

.zindexscroll .mce-content-body {
    position: relative;
    z-index: 1;
}

#approval-status{
    left: -283px !important;
}

#approval-status::before {
    left: 92%;
}


#faq-tooltip {
    left: -290px !important;
}

#faq-tooltip::before{
    margin-left:60px;

}

#checkAll.checkbox__label {
    flex: none !important;
}

.zindex-1,
.mce-tinymce-inline {
    z-index: 1 !important;
}

.content-custom-postion {
    flex: 1 !important;
    -webkit-box-flex: 1 !important;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1 !important;
    /* OLD - Firefox 19- */
    /* For old syntax, otherwise collapses. */
    -webkit-flex: 1 !important;
    /* Chrome */
    -ms-flex: 1 !important;
    /* IE 10 */
    flex: 1;
}

.container-base {
    display: flex;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    flex-direction: column;
}

.tinyMcScroll {
    margin-top: 10px;
    margin-right: 15px;
}

.input__help_custom_alignment {
    background-color: #ffffff !important;
    width: 95% !important;
    top: 0;
    margin-left: 2px !important;
}

.input-help-link-index {
    z-index: 3;
}

.input--textarea .input__inner {
    min-height: 350px !important;
}

.tinyMcScroll {
    margin-top: 10px;
    margin-right: 15px;
}

.tinymce-grey-bg {
    background: #e1e5e8;
}

.width-12 {
    width: 12%;
}

@media screen and (max-width: 35.5em) {
    /* 568px or less */
    .width-12 {
        width: 30% !important;
    }
    /*.page-header__logo {
    width: 25% !important;
  }
  .page-header--scroll-ready .page-header__logo {
    width: 20% !important;
  }*/
}

@media screen and (min-width: 35.5em) {
    /* 568px or less */
    /*.page-header__logo {
    width: 15% !important;
  }
  .page-header--scroll-ready .page-header__logo {
    width: 15% !important;
  }*/
}

@media screen and (min-width: 48em) {
    /* 568px - 768px */
    .width-12 {
        width: 25% !important;
    }
    /*.page-header__logo {
    width: 30% !important;
  }
  .page-header--scroll-ready .page-header__logo {
    width: 25% !important;
  }*/
}

@media screen and (min-width: 71.5em) {
    /* 1024px */
    .width-12 {
        width: 12% !important;
    }
    /*.page-header__logo {
    width: 80% !important;
  }
  .page-header--scroll-ready .page-header__logo {
    width: 55% !important;
    height: 50px;
  }*/
}

.download-icon {
    transform: rotate(90deg);
}

.btn-group__cta--destructive {
    background-color: #e40449 !important;
}

.cursor-disabled {
    cursor: not-allowed;
}

.btn-font-small {
    font-size: 0.6em !important;
}

.colon-separator-width {
    width: 20px;
}

.input--textarea_minlength .input__inner {
    min-height: 200px !important;
}

.input--textarea_minlength .input__help {
    padding-top: 0.45em;
    -ms-flex-align: start;
    align-items: flex-start;
}

.underline-text {
    text-decoration: underline;
}

.overflow-y-auto {
    overflow-y: auto !important;
}

.btn--preview {
    background-color: #575683 !important;
    color: white !important;
}

.page__header-width {
    max-width: 250px;
}

.page_header_logo_tagline {
    margin-left: 10px;
    word-break: break-all;
    margin-top: 15px;
    max-width: 140px;
}

.btn-group__cta--disabled {
    background-color: #b4bebf;
}

.vertical_scroll_ie {
    -ms-overflow-style: auto;
}

.vertical_scroll_ie {
    max-height: 30em;
}

.vertical_scroll_preview {
    min-height: 20em;
    max-height: 40em;
}

.approval-grid-font-size {
    font-size: 16px;
}

overflow-x-hidden {
    overflow-x: hidden;
}
/*Support For IE screen grid icon*/
/*IE 10+*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .table th:first-child,
    .table td:first-child {
        padding-top: 30px !important;
        border-left: 0;
    }
}
/*IE 6-8*/
.table th:first-child,
.table td:first-child {
    padding-top: 30px !important\9;
    border-left: 0\9;
}

.editor-tool-bar {
    position: absolute;
    z-index: 3;
    top: -40px;
}

.mce-menu {
    position: absolute !important;
}

.editor-tool-bar-outer {
    position: relative;
}

.mce-container-body div {
    float: left;
}

.mce-tinymce-inline,
.mce-abs-layout,
.mce-toolbar-grp,
.mce-stack-layout {
    width: 100% !important;
}

.mce-container-body.mce-abs-layout {
    overflow: visible !important;
}

@media screen and (max-width: 35.5em) {
    .editor-tool-bar {
        top: -72px !important;
    }
}

.sub-menu-nav-height {
    height: 100% !important;
}

.radio-btn-diable {
    cursor: not-allowed;
    pointer-events: none;
}

.btn-small-pad {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.logo_margin {
    margin-left: -25px;
}

.height-75vh {
    max-height: 75vh;
}

.prod-des-scroll {
    max-height: 650px;
    overflow: auto;
}

#header-banner {
    background-size: cover;
}

#notes .input__inner {
    min-height: 7.5em !important;
}

.pdf-container {
    position: relative;
    margin-bottom: 15px;
}

.pdf-navigation {
    position: absolute;
    margin-top: 15px;
    right: 0;
    border-radius: 22px;
    background-color: #4FC143;
    color: white;
    padding: 10px 15px;
}

.download-agreement .download-link {
    display: block;
    text-decoration: underline;
    color: black;
    padding-top: 7px;
}

.signature-as-image {
    height: 173px;
    width: 300px;
    border: 1px solid #0C7500;
}

table .history-grid {
    background-color: #475860;
    color: white;
}

.upload-pdf-button .upload-pdf-help-text {
    display: inline-block;
}

.uploaded-pdf {
    display: inline;
    cursor: pointer;
}

.upload-pdf-button p {
    position: absolute;
    padding: 5px;
    margin-top: 20px;
    margin-left: 60px;
    background-color: #B4BEBF;
}

.uploaded-pdf .style-arrow {
    width: 15px;
    height: 14px;
    background-color: #F0F2F2;
    position: relative;
    float: left;
    /* margin-bottom: 36px; */
    left: 128px;
    transform: rotate(41deg);
    bottom: -30px;
}

.uploaded-pdf p,
.uploaded-pdf .style-arrow {
    visibility: hidden;
}

.uploaded-pdf:hover p,
.uploaded-pdf:hover .style-arrow {
    visibility: visible;
}

.popup-header-info {
    color: #9C9EA0;
}

.upload-pdf-button p,
.uploaded-pdf .style-arrow {
    visibility: hidden;
}

.upload-pdf-button:hover p,
.uploaded-pdf:hover .style-arrow {
    visibility: visible;
}

#client-uploaded-documents ol li {
    list-style-position: inside;
}

.no_background_color {
    background-color: #4fc143 !important;
}

.model-height {
    -ms-height: 472px;
}

@media screen and (max-height: 400px) {
    .model-height {
        -ms-height: 236px;
    }
}

.close-btn {
    position: absolute;
    top: 9px;
    right: -24px;
}

span abbr {
    border: none !important;
}

.pdf-container-outer {
    width: 100%;
    height: 500px;
}

@media screen and (max-width: 35.5em) {
    /* 568px or less */
    .pdf-container-outer {
        height: 400px;
    }
}

@media screen and (max-width: 48em) {
    /* 568px - 768px */
    .pdf-container-outer {
        height: 400px;
    }
}

.d-block {
    display: block;
}

.d-none {
    display: none;
}

.outline-none {
    outline: none;
}
/* START STYLES TO OVERRIDE FLEX DEFAULT STYLES WITH RAPID PAY CARD THEME*/
.page-header {
    background-image: linear-gradient(to bottom, #a0a0a0 0%, #787878 30%, #3c3c3c 70%);
}

.page-navigation__item-link {
    color: white;
}

@media (min-width: 71.5em) {
    .page-navigation__item-link {
        color: white !important;
    }
}

.page-navigation__item-link--active {
    color: #cc0033 !important;
}

@media (min-width: 71.5em) {
    .page-navigation__item-link--active {
        color: #cc0033 !important;
    }
}

@media (min-width: 71.5em) {
    .page-navigation__divider {
        color: #cc0033 !important;
    }
}

@media (min-width: 71.5em) {
    .page-navigation__item:hover button,
    .page-navigation__item:hover a,
    .page-navigation__item:focus button,
    .page-navigation__item:focus a {
        color: #cc0033 !important;
        cursor: pointer;
    }
}

.page-subnavigation {
    border-top: 1px solid #cc0033 !important;
}

.page-subnavigation__link {
    color: #87969d !important;
}

    .page-subnavigation__link:focus,
    .page-subnavigation__link:hover {
        color: #cc0033 !important;
    }

.page-subnavigation__link--active {
    color: #cc0033 !important;
}

@media (min-width: 71.5em) {
    .page-subnavigation__link--active {
        border-bottom: 4px solid #cc0033 !important;
    }

    .page-subnavigation__content {
        background-color: white;
        /*background-image: linear-gradient(to bottom, #3c3c3c 60%, rgba(40, 40, 40, 0.9) 40%);*/
    }
}

@media (max-width: 71.5em) {
    .page-subnavigation__content {
        background-color: white;
        /*background-color: #787878 !important;*/
    }
}

.page-footer {
    background: url(../../Content/Images/footerbackgroundrapid.jpg);
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    border-top: 4px solid #cc0033;
}

.page-footer__copy {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.page-footer {
    padding: 1rem 2rem 0.5rem !important;
    color: #333 !important;
}

@media (min-width: 71.5em) {
    .page-footer {
        padding: 1rem 2rem 0.5rem !important;
        color: #333 !important;
    }
}

.page-footer__copyright {
    margin-top: 20px !important;
}

.page-footer__copyright-dot {
    color: #cc0033 !important;
}

.btn-group__cta {
    color: white !important;
    background-color: #cc0033 !important;
}

    .btn-group__cta:focus,
    .btn-group__cta:hover {
        border-color: #97072b !important;
        outline: 1px dotted #cc0033;
    }

.btn-group__cta--secondary {
    color: #cc0033 !important;
    background-color: transparent !important;
}

.btn--secondary {
    background-color: #333333 !important;
}

.btn--secondary-outline {
    border-color: #333333;
    color: #333333;
}

.btn--primary,
.pdf-navigation,
.progress-steps__step--complete {
    background-color: #cc0033 !important;
}

a,
a:hover,
a:focus,
.input__help-link:hover,
.input__help-link:focus,
.docs-nav__list-link--active {
    color: #cc0033;
}

.btn--secondary-outline:hover, .btn--secondary-outline:active, .btn--secondary-outline:focus {
    border-color: #161515 !important;
    color: #333333;
}

.toggle--on .toggle__button {
    background-color: #cc0033;
}

.toggle--on .toggle__switch {
    border-color: #cc0033;
}

.checkbox__input:checked,
.radio__input:checked {
    background-color: #cc0033 !important;
    border: 2px solid #cc0033 !important;
}

.checkbox__input:hover,
.checkbox__input:focus,
.radio__input:hover,
.radio__input:focus {
    border: 2px solid #cc0033 !important;
}

.modal__close:hover .modal__close-icon,
.modal__close:focus .modal__close-icon {
    color: #cc0033 !important;
}

.input__password-requirements-row--valid .input__password-requirements-icon,
.input__password-requirements-row--valid .input__password-requirements-label {
    color: #4fc143;
}
.input__password-toggle:hover,
.input__password-toggle:focus {
    border: 1px solid #cc0033 !important;
}

.btn:hover,
.smallbutton:hover,
.btn:focus,
.smallbutton:focus {
    border-color: #a2062d;
}

.type-color-primary-dark,
.modal__action-btn,
.type-color-link,
.btn--link-white:hover,
.btn--link-white:focus,
.btn--link,
.page-navigation__item-link:hover,
.page-navigation__item-link:focus,
.page-navigation__secondary-link--active,
.page-subnavigation__menu-button-arrow {
    color: #cc0033 !important;
}

.btn--primary-outline,
.progress-steps__step--current {
    border: 2px solid #cc0033 !important;
    color: #cc0033 !important;
}

.no-hover-style:hover,
.no-hover-style:active {
    border-color: transparent !important;
}

.btn--secondary:hover,
.btn--secondary:focus {
    border-color: #383855 !important;
}

.btn--disabled {
    border-color: transparent !important;
}

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
    background-color: #cc0033 !important;
}

.input--focus .input__inner,
.multiselect-parent-focus {
    border-color: #8b8e90;
}

.page-header__menu-button-inner,
.page-header__menu-button-inner::before,
.page-header__menu-button-inner::after {
    background-color: #c5ced4;
}

.btn:focus, .smallbutton:focus {
    outline: 1px dotted #cc0033;
}

body .modal__logo {
    background-image: url(../images/rapid-logo-black.svg);
}
/* END STYLES TO OVERRIDE FLEX DEFAULT STYLES  WITH RAPID PAY CARD THEME*/

/*sticky Footer styles Start */
html, body {
    height: 100%;
    margin: 0;
}

.wrapper {
    min-height: 76.2%;
}

.page-main {
    position: relative !important;
}

/*sticky Footer styles end */

.btn--disabled-gray {
    background-color: #b4bebf !important;
}

.cover-image {
    background: url(../images/cover-image-573x382.jpg);
    background-size: cover;
    padding-top: 65%;
    background-position: center;
    height: 100%;
    background-position: center;
}

@media (min-width:375px) {
    .cover-image {
        background: url(../images/cover-image-573x382.jpg);
        background-size: cover;
        padding-top: 65%;
        background-position: center;
        height: 100%;
        background-position: center;
    }
}

@media (min-width:768px) {
    .cover-image {
        background: url(../images/cover-image-1191x794.jpg);
        background-size: cover;
        padding-top: 65%;
        background-position: center;
        height: 100%;
        background-position: center;
    }
}


@media (min-width:1144px) {
    .cover-image {
        background: url(../images/cover-image-1788x1192.jpg);
        background-size: cover;
        padding-top: 65%;
        background-position: center;
        height: 100%;
        background-position: center;
    }
}

.page-header__logo{
    width: 108px;
    height: 100%;
    background-position: center center;
    background-size: contain;
}

@media (min-width: 48em){
    .page-header__logo {
        width: 108px;
    }
}

@media (min-width: 71.5em){
    .page-header__logo {
        width: 172px;
    }
}

.page-header--scroll-ready .page-header__logo{
    height:100% ;
}

.input__label{
    z-index: 1 !important;
}

tr.child > td.child > table{
    width: 52%;
}
.img-help {
    left:96px !important;
}

.modal__logo {
    max-width: 230px;
    height: 78px;
    background-position: center center;
    background-size: contain;
}


@media (min-width: 48em){
    .page-main {
        padding-top: 3.75em !important;
    }

    .page-header__inner {
       height: 3.75em !important;
    }

    .page-header__menu-button {
        width: 35px !important;
        height: 35px !important;
    }

    .page-header__menu-button-inner {
         top: 15px !important; 
         left: 7px !important; 
    }
    .page-header__menu-button-inner,
    .page-header__menu-button-inner::before,
    .page-header__menu-button-inner::after {
        width: 17px !important;    
    }
}

@media (min-width: 71.5em){
    .page-main {
      padding-top: 7.5em !important;
    }

    .page-header__inner {
       height: 7.5em !important;
    }

}

.page-header--scroll-ready.page-header--scrolled-on,
.page-header--scroll-ready .page-header__inner,
.page-header--scroll-ready .page-navigation {
    height: 3.75em !important;
}