﻿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;
}

/* 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-primary {
    background-color: #CC2026;
    border: 1px solid #CC2026;
}

.btn-secondary {
    background-color: #192D57;
    border: 1px solid #192D57;
}

.text-primary {
    color: #CC2026 !important;
}

.text-secondary {
    color: #192D57 !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: linear-gradient(315deg, #1a237e, #2196f3);
    background-position: center;
    height: 140px;
    margin-bottom: 40px;
    padding-top: 50px;
    text-align: center;
}

.bannerBarLargeMoreText {
    /*background-image: url("/Content/Images/temp-bg.jpg");*/
    background: linear-gradient(315deg, #1a237e, #2196f3);
    background-position: center;
    height: 140px;
    margin-bottom: 40px;
    text-align: center;
    padding: 30px;
}

.bannerBarInteractive {
    /*background-image: url("/Content/Images/temp-bg.jpg");*/
    background: linear-gradient(315deg, #1a237e, #2196f3);
    background-position: center;
    /*height: 220px;*/
    margin-bottom: 40px;
    padding-top: 40px;
    text-align: center;
}

.bannerBarSmall {
    /*background-image: url("/Content/Images/temp-bg.jpg");*/
    background: linear-gradient(315deg, #1a237e, #2196f3);
    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: #050f1e;*/
    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: left;
        padding-left: 21.2%;
    }

    .bannerBarHeading {
        /*color: #050f1e;*/
        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: red !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: #050f1e;
    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 
/* ********************************************* */
.log-history-row a {
    color: #212529;
}
.log-history-row {
    padding: 10px 0;
    background-color: #ffffff;
}

.log-history-row:nth-child(even) {
    background-color: #f0f0f0;
}

.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 
/* ********************************************* */

.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 #050f1e;
        padding: 10px 0;
        font-weight: bold;
        display: flex;*/
        background-color: #1b548e;
        border: none;
        padding: 10px 0px;
        font-weight: bold;
        display: flex;
        color: white;
        font-size: 13px;
    }
}

.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;
}

/* ********************************************* */
/* SUMMERNOTE EDITOR
/* ********************************************* */
.note-icon-caret {
    display: none;
}

.fullwidth {
    width: 100% !important;
    max-width: 100% !important;
}

.embedded-videos iframe {
    max-width:100%;
}

.btn-codeview {
    background-color: #CC2026 !important;
    color: white !important;
}

.note-view::after {
    content: " :: Switch to 'code view' to embed from YouTube, then switch back before saving";
    font-size: 0.9em;
    color: #CC2026;
    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;
    }
}

.titleSearchListing {
    display: flex;
    flex-wrap: wrap;
}

.tslDataItem {
    flex: 1 1 25%; 
    box-sizing: border-box;
    padding: 10px;
    max-width:25%;
}

.tslDataItemContent {
    height:100%;
}

.tslDataItemLabel {    
    font-weight:bold;
    text-align:left;
}

.tslDataItemValue {    
    text-align:left;
}

.titleSearchSaveConfirmation {
}