:root {
    --input-padding-x: .75rem;
    --input-padding-y: .75rem;
}

html {
	position: relative;
	font-family: 'DMSans-Regular' !important;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 120px;
	font-family: 'DMSans-Regular' !important;
}

    body > .container {
        padding: 60px 15px 0;
    }

nav {
    font-size: 1em;
}

.label-title {
    margin-bottom: 0;
}

.navbar .nav-link {
    margin-left: 15px;
    color: #fff !important;
}

.nav-link span {
    margin-right: 5px;
}

.non-production {
    background-color: deeppink;
    color: #fff;
}

.headline {
    background-color: #04252d;
}

    .headline .title {
        color: white;
    }

	.headline .title-description {
		color: #0d1794;
		font-family: 'DMSans-Regular';
	}

#divSiteHeader {
    height: 4.625rem;
    min-height: 4.625rem;
}

.OverviewStatus {
    border-radius: .5em;
    padding: .5em;
    color: #F15A24;
    background-color: #fff;
}

.Header {
	background-color: #00728f;
	color: #fff;
	font-family: 'DMSans-Regular';
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.bg-blue {
    background-color: #00097e !important;
}

.bg-light-gray {
    background-color: #f6f5f5;
}

.custom-control-label::before {
    border: 1px solid #007bff;
}

.MerchantName {
    color: #fff;
    font-size: larger;
    font-weight: 700;
}

a.btn:hover {
    color: #FFF;
}

.btn-orange {
	color: #fff;
	border-radius: 3rem;
	background-color: #0fba55;
	width: 17em;
	border-color: #0fba55;
	opacity: .85;
}

.card-footer .btn-orange {
    width: 100%;
} 

.btn-orange:hover {
    opacity: 1;
}

.btn-cancel {
    background-color: #49C3D7;
    color: #ffffff;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.text-#fff-50 {
    color: rgba(255, 255, 255, .5);
}


text-align-left {
    text-align: left;
}

.bg-#fff {
    background-color: #fff;
}

.bg-darkgray {
    background-color: darkgray
}

.bg-teal {
    background-color: #2597B1;
}

.lh-100 {
    line-height: 1;
}

.lh-125 {
    line-height: 1.25;
}

.lh-150 {
    line-height: 1.5;
}

.footer {
    font-size: smaller;
    color: #ffffff;
    background: #00097e;
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    line-height: 30px; /* Vertically center the text there */
    padding: 0 15px;
    margin-top: 1em;
}


    .footer .row {
        padding: 5px;
    }

    .footer a, .footer a:visited {
        color: #fff;
    }

.btn {
    margin: 5px;
}

ul {
    list-style: none;
}

fieldset {
	font-family: 'DMSans-Regular';
	border: 5px solid #0d1794;
	background: #ddd;
	border-radius: 5px;
	padding: 15px;
	margin: 1rem 0 1rem 0;
}

	fieldset legend {
		background: #0d1794;
		color: #fff;
		padding: 5px 10px;
		font-size: 1.5em;
		border-radius: 5px;
		/*box-shadow: 0 0 0 5px #ddd;*/
		margin-left: 0;
	}

        fieldset legend a:hover {
            color: #F15A24;
        }

        fieldset legend a,
        fieldset legend a:visited {
            color: #fff;
        }

        fieldset legend a {
            text-decoration: none !important;
        }

    fieldset ul {
        padding: 0 !important;
    }

        fieldset ul li {
            list-style: none;
        }

    fieldset .ico16b:before {
        content: "";
        width: 18px;
        height: 18px;
        vertical-align: middle;
        margin-right: 5px;
        background-repeat: no-repeat;
        display: inline-block;
    }

    fieldset .ico16b.Satisfied:before {
        background-image: url(NewPublicFacing/Images/Icons/DocPurp-Statuses-Satisfied-16.png);
    }

    fieldset .ico16b.Rejected:before {
        background-image: url(NewPublicFacing/Images/Icons/DocPurp-Statuses-Rejected-16.png);
    }

    fieldset .ico16b.Pending_Verification:before {
        background-image: url(NewPublicFacing/Images/Icons/DocPurp-Statuses-Pending-Verification-16.png);
    }


.ico16b.icoLockFile:before {
    background-image: url(NewPublicFacing/Images/Icons/File-Lock-Greyed-Out-16.png);
}

.ico16b:before {
    content: "";
    width: 18px;
    height: 18px !important;
    vertical-align: middle;
    margin: 1px 1px 1px 10px;
    background-repeat: no-repeat;
    display: inline-block;
}

.ico21b.icoViewItem:before {
    background-image: url('NewPublicFacing/Images/Icons/Action-View-21.png');
}

.ico21b:before {
    content: "";
    width: 21px;
    height: 23px !important;
    vertical-align: middle;
    margin: 1px 1px 1px 10px;
    background-repeat: no-repeat;
    display: inline-block;
}

.ico21b.icoDeleteItem:before {
    background-image: url('NewPublicFacing/Images/Icons/Action-Delete-18.png');
}

.OverviewStatus label:before {
    content: "";
    width: 30px;
    height: 40px;
    vertical-align: middle;
    margin-right: 5px;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url('NewPublicFacing/Images/Icons/Status-Header-Icon.png');
}

#ulFileLists > li, .ulReceivedStipsList > li {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
}

    #ulFileLists > li li, .ulReceivedStipsList > li li {
        background-color: inherit;
        border: 0 none;
    }

    #ulFileLists > li:nth-child(odd) .ulReceivedStipsList > li:nth-child(odd) {
        background-color: #fafad2;
        border: 1px solid #ccc;
    }

    #ulFileLists > li:nth-child(odd) li, .ulReceivedStipsList > li:nth-child(odd) li {
        background-color: inherit;
        border: 0 none;
    }

[data-toggle="collapse"] .collapse-toggle:before {
    font-family: "FontAwesome";
    content: "\f056";
    color: #fff;
    float: right;
}

[data-toggle="collapse"].collapsed .collapse-toggle:before {
    font-family: "FontAwesome";
    content: "\f055";
    color: #fff;
    float: right;
}

.icoBrowseFile:before {
    font-family: "FontAwesome";
    content: "\f093";
    color: #fff;
    float: left;
    margin-right: 5px;
}

.icoSign:before {
    font-family: "FontAwesome";
    content: "\f044";
    color: #fff;
    float: left;
    margin-right: 5px;
}

.icoHelp:before {
    font-family: "FontAwesome";
    content: "\f059";
    color: #00728F;
    float: left;
    font-size: 1rem;
    margin-right: 5px;
}

.icoTimer:before {
    font-family: "FontAwesome";
    content: "\f017";
    color: #00728F;
    float: left;
    font-size: 2rem;
    margin: -10px 5px 0;
}

#approvedOffers .card {
    margin-bottom: 15px !important;
    border: 1px solid #2597B1;
}

.col-fix-size300 {
    min-width: 300px;
    max-width: 300px;
}

.card {
    margin: 5px;
}

.card-size18 {
    width: 18rem;
}

.card-size19 {
    width: 19rem;
}

.card-header {
    color: #fff;
    background-color: #0d1794;
}

.card-footer {
    border-top: none;
}

.ico105.icoCalendar, .ico105b.icoCalendar:before {
    background-image: url('NewPublicFacing/Images/Icons/Calendar-Date-105.png');
}

.DaysCountdown {
    line-height: 8rem;
}

.PercentPaidBack, .DaysCountdown {
    color: #ffffff;
    vertical-align: bottom;
    font-size: 1.5rem !important;
}

.ico105 {
    width: 105px;
    height: 105px !important;
    vertical-align: middle;
    margin: 1px 6px 1px 1px;
    background-repeat: no-repeat;
    display: inline-block;
}

.MiniSection {
    border-radius: .5em;
    text-align: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.nav-tabs {
    border-color: #2597B1;
    padding: 5px;
    width: 60%;
}

.modal-header {
    color: #fff;
    background-color: #11bcd2;
}

.grid > table tbody tr th {
	background-color: #0d1794;
	color: #ffffff;
	border-right: 1px solid #F2F2F2;
}

/*.grid > table tbody tr:nth-child(odd) {
    background-color: #F2F2F2;
}*/

table {
    width: 100%;
}

th {
    font-weight: bold;
    text-align: -internal-center;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
}

.nav-pills.mb-3 {
    margin-bottom: 0rem !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #0d1794;
    border-bottom: none;
}

.nav-pills > li > a {
	color: #0d1794;
	border-radius: 4px 4px 0 0;
}

.nav-pills.nav-link {
    color: #4AC4D7 !important;
}

.nav-pills a:hover {
	background-color: #0d1794;
	color: #fff;
}

.tab-content {
	color: #0d1794;
	padding: 5px 15px;
}

.date-container.date {
    width: 100%;
}

.date-container .month, .date-container .day {
    width: 15%;
}

date-container .year {
    width: 18%;
}

.errors li {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.password-tooltip {
    position: relative;
    display: inline-block;
}

    .password-tooltip .tooltiptext {
        visibility: hidden;
        color: #000;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
    }

        .password-tooltip .tooltiptext fieldset {
            background-color: #f8d7da;
        }

            .password-tooltip .tooltiptext fieldset ul {
                list-style: circle;
            }

                .password-tooltip .tooltiptext fieldset ul li {
                    list-style: circle;
                    margin-left: 1.5rem;
                }

    .password-tooltip:hover .tooltiptext {
        visibility: visible;
    }


.steps {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

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

    .steps em {
        display: block;
        font-size: 1.1em;
        font-weight: bold;
    }

    .steps li {
        float: left;
        margin-left: 0;
        width: 15rem; /* 100 / number of steps */
        height: 80px; /* total height */
        list-style-type: none;
        padding: 5px 5px 5px 30px; /* padding around text, last should include arrow width */
        border-right: 3px solid #fff; /* width: gap between arrows, color: background of document */
        position: relative;
    }
        /* remove extra padding on the first object since it doesn't have an arrow to the left */
        .steps li:first-child {
            padding-left: 5px;
        }
        /* #fff arrow to the left to "erase" background (starting from the 2nd object) */
        .steps li:nth-child(n+2)::before {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            border-left: 25px solid #fff; /* width: arrow width, color: background of document */
            border-top: 40px solid transparent; /* width: half height */
            border-bottom: 40px solid transparent; /* width: half height */
            width: 0;
            height: 0;
            content: " ";
        }
        /* colored arrow to the right */
        .steps li::after {
            z-index: 1; /* need to bring this above the next item */
            position: absolute;
            top: 0;
            right: -25px; /* arrow width (negated) */
            display: block;
            border-left: 25px solid #7c8437; /* width: arrow width */
            border-top: 40px solid transparent; /* width: half height */
            border-bottom: 40px solid transparent; /* width: half height */
            width: 0;
            height: 0;
            content: " ";
        }

    /* Setup colors (both the background and the arrow) */

    /* Completed */
    .steps li {
        background-color: #4AC4D7;
    }

        .steps li::after {
            border-left-color: #4AC4D7;
        }

        /* Current */
        .steps li.current {
            background-color: #F47F21;
        }

            .steps li.current::after {
                border-left-color: #F47F21;
            }

            /* Following */
            .steps li.current ~ li {
                background-color: #EBEBEB;
            }

                .steps li.current ~ li::after {
                    border-left-color: #EBEBEB;
                }

        /* Hover for completed and current */
        .steps li:hover {
            color: #fff;
            background-color: #00728f
        }

            .steps li:hover::after {
                color: #fff;
                border-left-color: #00728f
            }

.approval {
    margin: -24px 0 15px 0;
    border-radius: 15px;
}

.approval-amount {
    max-width: 200px;
    color: #fff;
    background-color: #0fba55;
    padding: 10px;
}

.IconPlaceholder {
    margin: 0 auto;
    width: 64px;
    height: 64px;
    border-radius: 2em;
    background-color: #4ac4d7;
    padding: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}


.Auto_Declined {
    background-color: red;
}

.Approval_Expired {
    background-color: orangered;
}

.Incomplete_App {
    background-color: darkgray;
}

.Pending_App {
    background-color: darkgray;
}

.Under_Review {
    background-color: blue;
}

.Approved {
    background-color: green;
}

.Processing {
    background-color: green;
}

.Funding {
    background-color: green;
}

dt {
	color: #0d1794;
	font-family: 'DMSans-Regular';
}

dd {
    color: #808285;
}

/* online check out css*/
.online-checkout fieldset {
	font-family: 'DMSans-Regular';
	border: none;
	background: none;
	border-radius: 5px;
	padding: 0;
	margin: 1rem 0 1rem 0;
}

    .online-checkout fieldset a legend,
    .online-checkout fieldset a:hover legend {
        background: #F15D22;
        color: #fff;
        font-size: 1.5em;
        border-radius: 5px;
        margin-left: 0;
    }

    .online-checkout fieldset .collapsed legend {
        background: #17B3C7;
    }

        .online-checkout fieldset legend a,
        .online-checkout fieldset legend a:visited {
            color: #fff;
        }

        .online-checkout fieldset a {
            text-decoration: none !important;
        }

    .online-checkout fieldset ul {
        padding: 0 !important;
    }

        .online-checkout fieldset ul li {
            list-style: none;
        }

    .online-checkout fieldset .ico16b:before {
        content: "";
        width: 18px;
        height: 18px;
        vertical-align: middle;
        margin-right: 5px;
        background-repeat: no-repeat;
        display: inline-block;
    }

    .online-checkout fieldset .ico16b.Satisfied:before {
        background-image: url(NewPublicFacing/Images/Icons/DocPurp-Statuses-Satisfied-16.png);
    }

    .online-checkout fieldset .ico16b.Rejected:before {
        background-image: url(NewPublicFacing/Images/Icons/DocPurp-Statuses-Rejected-16.png);
    }

    .online-checkout fieldset .ico16b.Pending_Verification:before {
        background-image: url(NewPublicFacing/Images/Icons/DocPurp-Statuses-Pending-Verification-16.png);
    }

.online-checkout .headline {
    background-color: white;
    color: #2597B1;
}

    .online-checkout .headline .title {
        color: #0d1794;
    }

.online-checkout .card {
	font-family: 'DMSans-Regular';
	margin: 5px;
}

.online-checkout .card-size18 {
    width: 18rem;
}

.online-checkout .card-size19 {
    width: 19rem;
}

.online-checkout .card-footer {
    background-color: darkgray;
}

.online-checkout .online-checkout-hide {
    display: none;
}

.online-checkout .nav-pills .nav-link.active,
.online-checkout .nav-pills .show > .nav-link {
	color: #fff;
	background-color: #0d1794;
	border-bottom: none;
}

.online-checkout .nav-pills > li > a {
    color: #0d1794;
    border-radius: 4px;
}

.online-checkout .nav-pills.nav-link {
    color: #4AC4D7 !important;
}

.online-checkout .nav-pills a:hover {
	background-color: #0d1794;
	color: #fff;
}


.online-checkout #dealQuote.row {
    margin-left: 0;
}
/*.modal-body .row {
    background-color: #f5f5f5;
}
    .modal-body .row:nth-child(even) {
        background-color: #fff;
    }*/
.online-checkout .label-title {
    color: #0d1794;
    border-bottom: 2px solid lightgray;
    line-height: 2em;
    font-family: 'AvenirLTStd-Heavy', sans-serif;
}

td.text-left {
    text-align: left;
}

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

td.text-right {
    text-align: right;
}

div[role=main] {
    padding-top: 1rem;
    padding-bottom: 1rem;
}


/*
    online check out steps
*/

.online-checkout-steps {
    margin-top: 40px;
    flex-wrap: nowrap !important;
}


/*.input-wrap Wizard*/
.online-checkout-steps {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

    .online-checkout-steps > .online-checkout-steps-step {
        padding: 0;
        position: relative;
    }

		.online-checkout-steps > .online-checkout-steps-step .online-checkout-steps-step-title {
			color: #595959;
			font-family: 'DMSans-Regular';
			font-size: 1rem;
			font-weight: 700;
			margin-bottom: 5px;
			margin-top: 1.75em;
		}

        .online-checkout-steps > .online-checkout-steps-step .online-checkout-steps-info {
            color: #999;
            font-size: 14px;
        }

        .online-checkout-steps > .online-checkout-steps-step .online-checkout-steps-step-title.active {
            color: #17C754;
            margin-top: 1.75em;
        }

        .online-checkout-steps > .online-checkout-steps-step > .online-checkout-steps-dot {
            position: absolute;
            width: 3em;
            height: 3em;
            display: block;
            background: #fff;
            top: 45px;
            left: 50%;
            margin-top: -45px;
            margin-left: -25px;
            box-shadow: 0 0 0 2px #17C754;
            border-radius: 50%;
        }

			.online-checkout-steps > .online-checkout-steps-step > .online-checkout-steps-dot .online-checkout-steps-dot-content {
				/*display: inline-block;*/
				border-radius: 40px;
				color: #17C754;
				z-index: 2;
				/*position: absolute;*/
				left: .45em;
				/*text-align: center;*/
				font-size: 2rem;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.online-checkout-steps > .online-checkout-steps-step > .online-checkout-steps-dot .online-checkout-steps-dot-content > .fa  .fa-check {
				/*display: inline-block;*/
				border-radius: 40px;
				color: #17C754;
				z-index: 2;
				/*position: absolute;*/
				left: .45em;
				/*text-align: center;*/
				font-size: 2rem;
				display: flex;
				justify-content: center;
				align-items: center;
			}

                .online-checkout-steps > .online-checkout-steps-step > .online-checkout-steps-dot .online-checkout-steps-dot-content a {
                    color: #17C754;
                }

        .online-checkout-steps > .online-checkout-steps-step.disabled > .online-checkout-steps-dot {
            background-color: #f5f5f5;
        }

            .online-checkout-steps > .online-checkout-steps-step.disabled > .online-checkout-steps-dot:after {
                opacity: 0;
            }

        .online-checkout-steps > .online-checkout-steps-step.disabled a.online-checkout-steps-dot {
            pointer-events: none;
        }

.active > .online-checkout-steps-dot {
    background: #17C754 !important;
}

.active > .online-checkout-steps-dot > .online-checkout-steps-dot-content {
    color: #fff !important;
}

.input-wrap {
    width: 320px;
    margin: 20px;
    position: relative;
    overflow: hidden;
}


    .input-wrap input, .input-wrap textarea {
        width: 100%;
        border: 2px solid gray;
        background: none;
        position: relative;
        top: 0;
        left: 0;
        z-index: 1;
        padding: 8px 12px;
        outline: 0;
    }

        .input-wrap input:valid, .input-wrap textarea:valid {
            background: white;
        }

        .input-wrap input:focus, .input-wrap textarea:focus {
            border-color: #f06d06;
        }

            .input-wrap input:focus + label, .input-wrap textarea:focus + label {
                background: #f06d06;
                color: white;
                font-size: 70%;
                padding: 1px 6px;
                z-index: 2;
                text-transform: uppercase;
            }

    .input-wrap label {
        transition: background 0.2s, color 0.2s, top 0.2s, bottom 0.2s, right 0.2s, left 0.2s;
        position: absolute;
        color: #999;
        padding: 7px 6px;
    }

    .input-wrap textarea {
        display: block;
        resize: vertical;
    }

    .input-wrap.go-bottom input:focus, .input-wrap.go-bottom textarea:focus {
        padding: 4px 6px 20px 6px;
    }

        .input-wrap.go-bottom input:focus + label, .input-wrap.go-bottom textarea:focus + label {
            top: 100%;
            margin-top: -16px;
        }

    .input-wrap.go-right label {
        top: 2px;
        right: 100%;
        width: 100%;
        margin-right: -100%;
        bottom: 2px;
    }

    .input-wrap.go-right input:focus + label, .input-wrap.go-right textarea:focus + label {
        right: 0;
        margin-right: 0;
        width: 40%;
        padding-top: 5px;
    }

.popover {
    background-color: #F15A24;
    color: white;
}

    .popover.bs-popover-top .arrow:after {
        border-top-color: #F15A24;
    }

.popover-body {
    color: white;
}

.custom-checkbox label {
    display: inline;
    padding-left: 10px;
}

    .custom-checkbox label error {
        display: inline;
        padding-left: 10px;
    }

/* Input box with popover title
*/
.form-label-group {
    position: relative;
    margin-bottom: 1rem;
}

    .form-label-group > input,
    .form-label-group > label {
        padding: var(--input-padding-y) var(--input-padding-x);
    }

    .form-label-group > label {
        position: absolute;
        top: 0;
        left: 15px;
        display: block;
        width: 100%;
        margin-bottom: 0; /* Override default `<label>` margin */
        line-height: 1.5;
        color: #495057;
        cursor: text; /* Match the input under the label */
        border: 1px solid transparent;
        border-radius: .25rem;
        transition: all .1s ease-in-out;
    }

    .form-label-group input::-webkit-input-placeholder {
        color: transparent;
    }

    .form-label-group input:-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-moz-placeholder {
        color: transparent;
    }

    .form-label-group input::placeholder {
        color: transparent;
    }

    .form-label-group input:not(:placeholder-shown) {
        padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
        padding-bottom: calc(var(--input-padding-y) / 3);
    }

        .form-label-group input:not(:placeholder-shown) ~ label {
            padding-top: calc(var(--input-padding-y) / 3);
            padding-bottom: calc(var(--input-padding-y) / 3);
            font-size: 12px;
            color: #777;
        }

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
    .form-label-group > label {
        display: none;
    }

    .form-label-group input::-ms-input-placeholder {
        color: #777;
    }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-label-group > label {
        display: none;
    }

    .form-label-group input:-ms-input-placeholder {
        color: #777;
    }
}

input:invalid:empty {
    box-shadow: none;
}

input:focus:invalid {
    outline: none;
}
input:required {
    border-width: 3px;
}

.ulStipsList ul {
    margin-left: 1rem;
}
.form-control {
    color: #003140;
    font-family: 'AvenirLTStd-Heavy', sans-serif;
    border-radius: .5em;
    line-height: 2;
}

.form-control:focus {
    border-color: #17b3c7;
    box-shadow: none;
    color: #003140;
}

.instructions {
    color: grey;
    padding-bottom: 2rem;
}

div[data-toggle="modal"] {
    cursor: pointer; /* This also makes Bootstrap modals work on mobile Safari */
}

div[data-toggle="modal"]:after {
    font-family: FontAwesome;
    content: "\f105";
}

.form-label-group > label {
    top: 7px;
}

.thinBottomGrayBorder {
    border-bottom: 1px solid lightgray;
}

.d-flex .justify-content-between {
    padding: 0.5em 0;
    color: #424242;
}

label {
    margin-bottom: .25rem;
}

.checkoutProgress {
    margin: 1.5em 0;
    background: #17C754;
    width: 75%;
    left: 62%;
    position: relative;
}

@media (max-width: 1000px){
    .checkoutProgress {
        width: 55%;
        left: 72%;
    }
}

.btn.focus, .btn:focus {
    box-shadow: none;
}