body {
    padding-top: 30px;
    padding-bottom: 0px;
}

html {
    scroll-padding-top: 120px;
}

@media screen and (max-width: 799px) {
    .desktopOnly {
        display: none;
    }

    .tabletOnly {
        display: none;
    }

    .sideTabletOnly {
        display: none;
    }
}

@media screen and (min-width: 800px) and (max-width: 1199px) {
    .desktopOnly {
        display: none;
    }

    .mobileOnly {
        display: none;
    }

    .sideTabletOnly {
        display: none;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1559px) {
    .desktopOnly {
        display: none;
    }

    .mobileOnly {
        display: none;
    }

    .tabletOnly {
        display: none;
    }
}

@media screen and (min-width: 1560px) {
    .tabletOnly {
        display: none;
    }

    .mobileOnly {
        display: none;
    }

    .sideTabletOnly {
        display: none;
    }
}

.custom-checkbox {
    height:30px;
    width:30px;
    vertical-align:middle;
}

.providerLogo {
    max-width:240px;
    max-height:240px;
    padding:20px;
    border-radius:5px;
    border:1px solid #999;
}

.providerLogoSmall {
    max-width: 120px;
    max-height: 60px;
    padding: 0 20px;
}

.tableHeader {
    background-color: #535353;
    color:white;
    font-weight:bold;
    padding:10px 0;
}

.tableFilter {
    background-color: #e0e0e0;
    padding: 4px 0;
    border-bottom:1px solid #d0d0d0;
}

.col-md-10 {
    max-width: 100%;
}

.cf {
    clear: both;
}

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

.shortfield {
    max-width: 72%;
    flex: 0 0 72%;
}

@media screen and (min-width: 1000px) {
    .shortfield {
        max-width: 58.333333%;
        flex: 0 0 58.333333%;
    }
}

.control-label {
    padding:0;
}

.h5 {
    font-weight: bold;
    color: #535353;
}

.text-info {
    color: #3fa8e9 !important;
}

/* 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;
}

.radio-lg input {
    height: 1.2em; 
    width:20px;
    margin-right:5px;
}

.radio-lg label {
    vertical-align:middle;
}

/* ********************************************* */
/* GENERAL COLOURS
/* ********************************************* */
.btn-primary {
    /*background-color: #F7931D;
    border: 1px solid #F7830D;*/
    background-color: #4F91CD;
    border: 1px solid #4687C1;
}

    .btn-primary:hover {
        /*background-color: #F7830D;
        border-color: #F7830D;*/
        background-color: #3973A8;
        border-color: #3973A8;
    }

a {
    color: #4F91CD;
}

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

.text-primary {
    /*color: #f48400 !important;*/
    color: #4687C1 !important;
}

.text-secondary {
    color: #333 !important;
    font-weight:normal;
}

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

.bg-dark {
    background-color:#535353 !important;
}

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

.bannerBarLarge {
    background-color: #f0f0f0;
    background-position: center;
    text-align: center;
    clear: both !important;
    float: left;
    width: 100%;
    padding: 40px 0;
    border-top: 1px solid #e1e5ef;
    border-bottom: 1px solid #e1e5ef;
}

/*@media screen and (min-width: 1000px) {
    .bannerBarLarge {
        text-align:left;
        padding-left:10%;
    }
}

@media screen and (min-width: 1400px) {
    .bannerBarLarge {
        text-align: left;
        padding-left: 14%;
    }
}

@media screen and (min-width: 1600px) {
    .bannerBarLarge {
        text-align: left;
        padding-left: 21.2%;
    }
}*/

@media screen and (min-width: 570px) {
    .bannerBarLarge {
        margin-top: 10px;
    }
}

.bannerBarHeading {
    color: #005bcc;
    font-size: 1.5em;
}

.navbar {
    background-color: white;
    border-bottom: 1px solid #e1e5ef;
}

@media screen and (max-width: 570px) {
    .navbar-collapse {
        background-color: #334C90;
        padding: 10px;
        border-radius: 10px;
        border: solid 2px #3fa8e9;
    }

        .navbar-collapse ul li a {
            color: white !important;
            margin-right: 20px;
            text-align:right;
        }

    .navbar-brand img {
        max-width:150px;
    }
}

.navbar-toggler {
    background-color: #535353;
}

.nav-item a {
    color:black !important;
}

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

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

/* ********************************************* */
/* FOOTER 
/* ********************************************* */
footer {
    background-color: #535353;
    padding: 30px 0px;
    margin-top: 10px;
    clear:both;
}

.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: #595c60 !important;
}

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

.full-billing-history-row a {
    color: #595c60 !important;
}

.full-billing-history-row {
    padding:10px 0;
}

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

.row-header {
    background-color: white;
    border: solid 1px #050f1e;
    padding: 10px 0;
    font-weight: bold;
}

/* ********************************************* */
/* EVENT LISTING
/* ********************************************* */

.adminEventListingRow:nth-child(even) {
    background-color:#f6f6f6;
}

.btn-registrants {
    width:50px;
}

.zoomDetails {
    background-color: #535353;
    color: white;
    font-size: 0.9em;
    padding: 20px;
    margin: 20px auto;
    border-radius: 10px;
    border: 2px solid #b2d1ff;
    width: 100%;
    max-width: 300px;
}

.zoomDetail {
}

.zoomHeading {
    font-weight:bold;
}

/* ********************************************* */
/* EVENT EDITING
/* ********************************************* */
.note-editable {
    min-height: 240px;
}

/* ********************************************* */
/* ATTENDANCE LIST
/* ********************************************* */
.attendanceItem {
}

.adminEventListingRow div {
    overflow-wrap:break-word;
}

@media screen and (min-width: 1200px) {
    .widetable {
        max-width: 80%;
    }
}

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


/* ********************************************* */
/* CAMPAIGN SCREENS
/* ********************************************* */
.departmentCloudItem {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    white-space: nowrap;
    float: left;
    margin: 10px;
    background-color:#fafafa;
}

.departmentCloudItemLabel {
    margin: 0px 10px;
    float: left;
    color: #008dc2;
}

.departmentCloudItemDelete {
    cursor:pointer;
    float:left;
    color: red;
}

.departmentCloudItemDelete a {
    color: red;
}

.border-primary {
    border-color:#DDD !important;
    background-color:#fafafa;
}