/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/* Bootstrap 5 Migration - Compatibility for sr-only */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.allignRight {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 0;
    margin-right: 13px;
}

.marginRight-15px {
    margin-right: 15px;
}

.marginTopSwitchChecked {
    margin-top: 13px;
}

.disabledGray {
    color: gray;
}

.marginRight--40px {
    margin-right: -40px;
}

.marginRight--97px {
    margin-right: -97px;
}

.paddingRight-375rem {
    padding-right: 3.75rem;
}

.paddingRight-275rem {
    padding-right: 2.75rem;
}

.marginTop-35rem {
    margin-top: 3.5rem;
}

.marginBottom-3rem {
    margin-bottom: 3rem;
}

.marginBottom-35px {
    margin-bottom: 35px;
}

.width-70px {
    width: 70px;
}

.width-130px{
    width:130px !important;
}

.width-250px{
    width:250px;
}
.marginRight-9px{
    margin-right:9px;
}

.marginRight--20px{
    margin-right:-20px;
}

.marginTop-10px{
    margin-top:10px
}

.marginTop--4px {
    margin-top: -4px;
}

.marginBottom-1rem {
    margin-bottom: 1rem;
}

.disabledGray:hover {
    color: gray;
}

.ExpandClients {
    cursor: pointer;
}

.marginTopAndBottomButton {
    margin-top: 7px;
    margin-bottom: 7px;
}

.marginTopButton {
    margin-top: 40px;
}

.paddingLeft-40px{
    padding-left: 40px !important;
}

.marginRightButton {
    margin-right: 30px;
    margin-left: -130px;
}

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

.RevealFields {
    margin: 0;
    display: inline-block;
}

.marginTop-31px {
    margin-top: 31px;
}

#WeekdayAccrual, #SaturdayAccrual, #SundayAccrual, #BulkAccrualLimit, #DebitValueWeekday, #DebitValueSaturday, #DebitValueSunday, #StartingBalance {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.ActionLinkToButton {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-color: #007bff;
    color: #fff;
    background-color: #007bff;
}

    .ActionLinkToButton:hover {
        color: white;
    }

.inlineText {
    margin-top: 15px;
}

.AddNewRecord {
    margin-top: -70px;
    margin-bottom: 45px;
}

.h1style {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}

.binIconSize {
    font-size: 23px;
}

.justifyRight {
    padding-left: 18.5rem;
}

.hidden {
    display: none;
}

.ExpandGroups {
    display: none;
    cursor: pointer;
}

.ExpandableCampaign {
    display: none;
    cursor: pointer;
}

#AddNewRedeemerButton {
    margin-left: 20px;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.ClientStyle {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

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

.GroupPadding {
    padding-left: 40px;
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

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

.CampaignPadding {
    padding-left: 70px;
}

.h4style {
    margin-bottom: 1.5rem;
    margin-top: 3.5rem;
}

.h3style {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.datePicker6 input {
    width: 540px;
    display: block;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

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

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    /* Set the fixed height of the footer here */
    height: 60px;
    line-height: 60px; /* Vertically center the text there */
}

.LinkButton {
    border: none;
    background-color: transparent;
    color: #0000EE;
    text-decoration: underline;
}

/* Data management*/

.hidden {
    display: none;
}

.DeleteCampaignRedeemer {
    margin-left: 16px;
}

.DeleteCampaign {
    font-size: 25px;
}

.paddingTop-10px {
    padding-top: 10px;
}

.paddingTop-12px {
    padding-top: 12px;
}

.paddingTop-16px{
    padding-top: 16px !important;
}

.paddingTop-9px{
    padding-top: 9px !important;
}

.marginRight--55px{
    margin-right:-55px;
}

.marginLeft-55px{
    margin-left:55px;
}

.paddingTop-18px {
    padding-top: 18px !important;
}

.fontSize-22px{
    font-size: 22px !important;
}

.marginBottom--30px{
    margin-bottom:-30px;
}

.width-120px{
    width:120px
}

.width-362px {
    width: 362px;
}
.width-170px{
    width:170px;
}

.marginTop-1px{
    margin-top:1px;
}

.marginTop--9px{
    margin-top: -9px;
}

.fontSize-14px{
    font-size:14px;
}
.textAlignCenter{
    text-align:center
}
.greenColor{
    color:limegreen;
}

.orangeColor{
    color:orange
}

.redColor{
    color:red
}

#AccessKeyButton{
    margin-top:20px;
    margin-bottom:15px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 24px;
    top: 14.5px;
    left: 8px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 20px;
        left: 3px;
        bottom: 2.5px;
        background-color: white;
        transition: .4s;
    }

/* include generated hidden field here */
input[type="checkbox"]:checked + input[type="hidden"] + .slider,
input[type="checkbox"]:checked + .slider {
    background-color: #0069d9;
}

/* include generated hidden field here */
input[type="checkbox"]:focus + input[type="hidden"] + .slider,
input[type="checkbox"]:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

/* include generated hidden field here */
input[type="checkbox"]:checked + input[type="hidden"] + .slider:before,
input[type="checkbox"]:checked + .slider:before {
    transform: translateX(29px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

#RedeemerSection {
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 2rem;
}

#tableCampaignRedeemer {
    width: 100%;
    table-layout: fixed;
}

.tablecolumnwidth {
    width: 200px;
}

.table-scroll {
    position: relative;
    margin: auto;
    overflow: hidden;
}

.table-wrap {
    width: 100%;
    overflow: auto;
}

.table-scroll table {
    width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.table-scroll th, .table-scroll td {
    padding: 5px 10px;
    background: #fff;
    white-space: nowrap;
    vertical-align: top;
}

.table-scroll thead, .table-scroll tfoot {
    background: #f9f9f9;
}

.clone {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

    .clone th, .clone td {
        visibility: hidden
    }

    .clone td, .clone th {
        border-color: transparent
    }

    .clone tbody th {
        visibility: visible;
        color: red;
    }

    .clone .fixed-side {
        border: 1px solid #000;
        background: #eee;
        visibility: visible;
    }

    .clone thead, .clone tfoot {
        background: transparent;
    }

.phoneNumbersHeader {
    font-size: 20px;
}