body {
    padding-top: 50px;
    padding-bottom: 20px;
}

@media screen and (min-width: 1000px) {
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.cf {
    clear:both;
}
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.validation-summary-errors ul {
    display:inline-block;
    text-align:left;
    margin:0;
}

.content-container {
    padding: 0 5%;
}

.form-control-sm {
}

.content-form-group {
    padding: 20px 4%;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.float-bottom-right {
    position:absolute;
    bottom:10px;
    right:10px;
}

.minHeight170 {
    min-height:170px;
}

/* ********************************************* */
/* GENERAL COLOURS
/* ********************************************* */

.btn-icon-sm {
    width:30px;
    height:30px;
    padding:0;
    line-height:27px !important;
}

.btn-primary {
    background-color: #4285AA;
    border: 1px solid #4285AA;
}

.btn-primary:hover {
    background-color: #336E8E;
    border: 1px solid #336E8E;
}

.btn-secondary {
    background-color: #797979;
    border: 1px solid #797979;
}

.btn-secondary:hover {
    background-color: #676767;
    border: 1px solid #676767;
}

.text-primary {
    color: #007bff !important;
}

.text-secondary {
    color: #365D72 !important;
}

.bg-grey {
    background-color:#e0e0e0;
}

.bg-dark {
    /*background-image: url('Images/blue-background.jpg');*/
}

.d-md-none {
    word-break:break-all;
}

/* ********************************************* */
/* HEADER
/* ********************************************* */

.bannerBarLarge {
    background-image: url("/Content/Images/temp-bg.jpg");
    background-position: center;
    height: 140px;
    margin-bottom: 40px;
    padding-top: 50px;
    text-align: center;
}

.bannerBarLargeMoreText {
    background-image: url("/Content/Images/temp-bg.jpg");
    background-position: center;
    height: 140px;
    margin-bottom: 40px;
    text-align: center;
    padding:30px;
}

.bannerBarInteractive {
    background-image: url("/Content/Images/temp-bg.jpg");
    background-position: center;
    height: 220px;
    margin-bottom: 40px;
    padding-top: 40px;
    text-align: center;
}

.bannerBarSmall {
    background-image: url("/Content/Images/temp-bg.jpg");
    background-position: center;
    height: 140px;
    margin-bottom: 40px;
    padding-top: 40px;
    text-align: center;
}

.bannerBarSmallAdmin {
    background-image: url("/Content/Images/blue-background.jpg");
    background-position: bottom;
    height: 140px;
    margin-bottom: 40px;
    padding-top: 40px;
    text-align: center;
}

.bannerBarHeading {
    color: white;
    font-size: 1.6em;
    font-weight: bold;
}

.bannerBarSmallAdmin .bannerBarHeading {
    color:#fff;
}

@media screen and (min-width: 1000px) {
    .bannerBarLarge {
        height: 220px;
        text-align: left;
        padding-left: 21.2%;
        padding-top: 70px;
        background-position: center;
    }

    .bannerBarInteractive, .bannerBarSmall, .bannerBarSmallAdmin {
        text-align: center;
        /*padding-left: 21.2%;*/
    }

    .bannerBarHeading {
        color: white;
        font-size: 2.8em;
        font-weight: normal;
    }

    .bannerBarLargeMoreText {
        height: 220px;
        text-align: left;
        padding-left: 21.2%;
        padding-top: 70px;
        background-position: center;
    }
}

@media (max-width:990px) and (min-width:771px) {

    .bannerBarInteractive, .bannerBarSmall, .bannerBarSmallAdmin {
        padding-top: 60px;
    }

    .bannerBarLargeMoreText {
        padding-top: 70px;
    }

    .bannerSearch {
        margin-left:20%;
    }
}

​
/*@media screen and (max-width: 1000px) {
    .bannerBarInteractive {
        padding-top:60px;
    }
}

@media screen and (max-width: 600px) {
    .bannerBarInteractive {
        padding-top: 40px;
    }
}*/
/* ********************************************* */
/* NAV
/* ********************************************* */
.nav-item a {
    color: white !important;
}

.nav-item a:hover {
    color: #DDD !important;
}

.nav-item a.dropdown-item:hover {
    color: #4285AA !important;
}

.nav-item a.dropdown-item:active {
    color: #DDD !important;
}

@media screen and (min-width: 1000px) {
    .nav-item {
        margin: 0px 10px;
    }
}

/* ********************************************* */
/* FOOTER 
/* ********************************************* */
footer {
    background-color: #365D72;
    padding: 30px 0px;
    margin-top: 10px;
}

.footerSocial {
    color:white;
}

.footerSocial i {
    font-size:1.6em;
    margin-top:10px;
    margin-right:5px;
}

.footerCopyright {
    color:white;
    float:left;
    font-size:0.9em;
}

.footerSiteLinks {
    float:right;
}

.footerSiteLinks a {
    color:white;
    margin-left:10px;
    font-size:0.9em;
}

/* ********************************************* */
/* DASHBOARD 
/* ********************************************* */
.billing-history-row {
    margin-bottom:20px;
}

.contact-details-row {
    margin-bottom:5px;
}

.billing-history-row a {
    color: #212529 !important;
}

.banner-slider img {
    max-width:98%;
    margin:0 auto;
    /*max-height:360px;*/
}

@media screen and (min-width: 1600px) {
    .banner-slider img {
        max-width: 74%;
        margin: 0 auto;
        /*max-height:360px;*/
    }
}

.bannerArrowLeft {
    cursor: pointer;
    font-size: 80px !important;
    position: absolute;
    left: 20px;
    top: 40%;
    z-index: 999;
    /*color: #060F1E;*/
    color: white;
}

.bannerArrowRight {
    cursor: pointer;
    font-size: 80px !important;
    position: absolute;
    right: 20px;
    top: 40%;
    z-index: 999;
    /*color: #060F1E;*/
    color:white;
}

    .bannerArrowLeft:hover, .bannerArrowRight:hover {
        /*color: #254170;*/
        color: #a0c4ff;
    }

/* ********************************************* */
/* SALES 
/* ********************************************* */

.alternating-row a {
    color: #212529;
}

.alternating-row {
    padding: 10px 0;
    background-color: #ffffff;
}

.alternating-row:nth-child(even) {
    background-color: #f0f0f0;
}

.full-billing-history-row a {
    color: #212529;
}

.text-white {
    color: #ffffff !important;
}

.full-billing-history-row {
    padding: 10px 0;
    background-color: #ffffff;
}

.full-billing-history-row:nth-child(even) {
    background-color:#f0f0f0;
}

.row-header {
    display:none;
}

@media screen and (min-width: 1200px) {
    .row-header {
        /*background-color: white;
        border: solid 1px #365D72;
        padding: 10px 0;
        font-weight: bold;
        display: flex;*/
        /*background-color: #a7abaf;*/
        border: none;
        padding: 20px 0px;
        font-weight: bold;
        display: flex;
        color: #365D72;
    }
}

.clickable {
    cursor:pointer;
}

.clickable:hover {
    background-color: #dff1ff;
}

.CheckSellPriceModal {
    /*Constants*/
    z-index: 2001;
    background-color: #eaeaea;
    border: 2px solid #030F2D;
    padding: 20px;
    /*Small Screen*/
    width: 90%;
    margin:0 5%;
    top: 100px;
    position: absolute;
}

@media screen and (min-width: 768px) {

    .CheckSellPriceModal {
        width: 340px;
        margin: 0;
        left: 54%;
        top: 142px;
    }
}

@media screen and (min-width: 1200px) {

    .CheckSellPriceModal {
        top: 86px;
    }
}

.AccountUsersModal {
    /*Constants*/
    z-index: 2001;
    background-color: #eaeaea;
    border: 2px solid #030F2D;
    padding: 20px;
    /*Small Screen*/
    width: 90%;
    margin: 0 5%;
    top: 100px;
    position: absolute;
}

@media screen and (min-width: 768px) {

    .AccountUsersModal {
        width: 700px;
        margin: 0;
        left: 40%;
        top: 142px;
    }
}

@media screen and (min-width: 1200px) {

    .AccountUsersModal {
        top: 86px;
    }
}

.close-button {
    background-color: #999;
    color: white;
    height: 20px;
    width: 12px;
    line-height: 1px;
}

.ddlbuttongroup {
    display:inline-block;
}

/* ********************************************* */
/* SUMMERNOTE EDITOR
/* ********************************************* */
.note-icon-caret {
    display: none;
}

.fullwidth {
    width: 100% !important;
    max-width: 100% !important;
}

.halfwidth {
    width: 50% !important;
    min-width:180px;
    font-size:0.8em;
    margin-top:3px;
}

.embedded-videos iframe {
    max-width:100%;
}

.btn-codeview {
    background-color: #A8CF38 !important;
    color: white !important;
}

.note-view::after {
    content: "";
    font-size: 0.9em;
    color: #A8CF38;
    font-weight:bold;
}

#divListAccountUsers {
    margin-top:20px; 
    max-height:400px;
    overflow-y:scroll;
}


@media (min-width:760px) and (max-width:1250px) {
    .whiteStatusBar {
        margin-top:70px;
    }
}

.notifyMessage {
    position: fixed;
    top: 0px;
    right: 0px;
    /*background-color: #f8d7da;*/
    color: #721c24;
    /*border: 1px solid #f5c6cb;*/
    padding: 10px 20px;
    /*border-radius: 5px;*/
    z-index: 9999;
    display: none;
    width: 100%;
    text-align: center;
}

.adminDashboardQuickRegionSelector select {
    max-width:360px;
    margin:auto;
}

.adminDashboardQuickLink {
    border: 1px solid #ced4da;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    float:left;
    width: 40%;
    margin: 10px 5%;
}

@media (min-width:500px) and (max-width:990px) {
    .adminDashboardQuickLink {
        width: 30%;
        margin: 10px 1.66%;
    }
}

@media (min-width:1500px) {
    .adminDashboardQuickLink {
        width: 30%;
        margin: 10px 1.66%;
    }
}

.adminDashboardQuickLink:hover {
    background-color:#eef4fa;
}

.adminDashboardQuickLinkImage {
}

.adminDashboardQuickLinkLabel {
}

.adminRecentDisbursements, .adminDisbursementsOwing {
    margin-bottom: 40px;
    float: left;
    width: 100%;
}

.adminRecentDisbursementRow, .adminDisbursementsOwingRow {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
}

.adminRecentDisbursementRowDateProcessed, .adminDisbursementsOwingRowDateProcessed {
    font-size: 0.9em;
    float: left;
    width: 30%;
}

.adminRecentDisbursementRowFranchiseName, .adminDisbursementsOwingRowFranchiseName {
    font-size: 0.9em;
    float: left;
    width: 45%;
}

.adminRecentDisbursementRowAmt, .adminDisbursementsOwingRowAmt {
    font-size: 0.9em;
    float: left;
    width: 25%;
}

.form-check {
    margin: 6px 30px 0 0;
    float:left;
}

.runpointHeading {
    background-color: #4285AA;
    color:white;
    padding:10px 20px;
    border-radius:10px;
    font-weight:bold;
    margin-top:50px;
}

.runpointLabel {
    margin-top: 20px;
    font-weight: bold;
    padding: 0 20px;
}

.runPointData {
    padding:0 20px;
}

.stripeProductListingImage {
    max-width:80px;
    max-height:80px;
}

.productPriceRow {
    width: 100%;
    float: left;
    background-color: #cceee7;
    padding: 6px 20px;
}

    .productPriceRow:nth-child(2n+1) {
        background-color: #d4fff9;
    }

.productPriceName {
    width:70%;
    float:left;
}

.productPriceAmount {
    width: 30%;
    float: left;
}

.flex-center {
    display:flex;
    align-items:center;
}

.flex-column {
    flex-direction:column;
    justify-content:space-around;
}

h5 {
    margin-top:30px;
}