i.rzi {
    font-variation-settings: 'FILL' 1;
}

a.cust-btn-primary, a.cust-btn-secondary, a.cust-btn-white-secondary, a.cust-btn-danger, a.cust-btn-info, a.cust-btn-success, a.cust-btn-gray, a.cust-btn-gray-secondary, a.cust-btn-white
{
    border-radius:10px !important;
}


.offer-main .property {
    border-radius: 10px !important;
}



.master-banner .subtitle {
    font-size: 1.5rem;
    margin-bottom: 30px;
}

.master-banner .subtitle span.primary {
    color: #F21285;
    font-weight:900;
}


.master-sidebar {
    background-color: #323861;
}


.master-sidebar a {
    border-radius: 10px;
}


.master-outercontainer {
    background: none;
    background-color: #202442;
}


.offercardcontainer, .guidecardcontainer {
    border-radius: 15px;
    padding: 8px;
    border: 1px solid #ededed;
}

.offercard, .guidecard {
    border-radius: 10px;
}



.offercard .actions 
{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.offercard .bookieimage img {
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
}

.guide-main .strapline {
    background-color: #494F7C;
}


.sportLogo .bookieLogo {
    border-radius: 10px;
}


.master-banner h1, .master-banner-title
{
    font-weight:900;
    font-size:29px;
}

.master-banner .subtitle {
    font-weight: 500;
}

.master-sidebar h2 
{
    font-weight: 900;
    text-transform: none;
    font-size: 22px;
}



.dashboardtilesheader h3, .dashboardtilesheader h5
{
    text-transform:none;
    font-size:1.3rem;
}


.profitpage-main .stat .value
{
    font-weight:800;
}

.profitpage-main .stat 
{
    border-radius: 10px;
}


.cust-tabs .nav-tabs .nav-link.active
{
    font-weight:600;
}

.offer-main .property 
{
    font-weight: 700;
}


.offer-sidebar h5 {
    font-weight: 700;
}


.guide-main .content h1 {
    background-color: #323861
}

.guide-main .content .dark {
    background-color: #202442;
}

.offer-main .content h1
{
    margin-bottom:15px !important;
}


/****Dashboard updates*****/



/*DASHBOARD COLLAPSIBLE COMPONENTS*/

.stepDivider {
    border-bottom: 20px solid #202442;
    margin-bottom: 30px;
}

.dashboardSectioncollapseIcon 
{
    float: right;
    cursor: pointer;
    font-weight:400;
}

.dashboardSectioncollapseIcon svg {
    font-weight: 400;
    color:#7079A2;
    font-size:18px;
}

a.dashboardSectioncollapseLink 
{
    text-decoration: underline;
    color: #F21285;
    float: right;
    font-weight: 800;
    font-size: 16px;
}

a.dashboardSectioncollapseLinkMob {
    text-decoration: underline;
    color: #F21285;
    text-align:center;
    font-weight: 800;
    font-size: 16px;
}



/*DASHBOARD GUIDE CARDS*/

.dashboard-main .guidecard .content {
    border: none;
}

.dashboard-main .guidecard .time {
    background-color: #fff;
    color: #313960;
    text-align: left;
    border-top: none;
    border-bottom: none;
    font-size: 0.9em;
    padding-top: 0px;
}

.dashboard-main .guidecard .time .value {
    background-color: #fff;
    color: #313960;
    font-weight: bold;
}


.dashboard-main .guidecard .category {
    font-weight: bold;
}


.dashboard-main .guidecard .title {
    text-align: left;
}

.dashboard-main .guidecard .title .titlecell div {
    text-align: left;
    font-style: normal;
    font-size: 15px;
}

.dashboard-main .guidecard .guidelink {
    color: #F21285;
    font-size: 14px;
    font-weight: 600;
}



.dashboard-main .guidecard .completed 
{
    background-color:transparent;
}

.dashboard-main .guidecard .completed .text 
{
    opacity:0.8;
    height:36px;
}


.guidecard .content {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

 .guidecard .category {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: left;
    padding-left: 10px;
}

.guide-1 .guidecard .category 
{
    background-color:#F21285;
}


.sectionOne, .sectionTwo, .sectionThree, .sectionFour {
    padding: 15px;
}



.upgrade.guidecard .category 
{
    background-color: #fff;
    color: #313960;
    border: none;
    font-weight: 800;
    font-size:20px;
}

.upgrade.guidecard .content 
{
    color: #1F2542;
    border: none;
}


    
/*DASHBOARD OFFERCARD */
.dashboard.offercard .repeat {
    background-color: #313960;
    color: #fff;
    text-align: left;
    font-size: 16px;
    font-style: normal;
    padding-top: 6px;
    padding-left: 15px;
    text-transform: none;
    margin: 0;
    font-weight: bold;
}


.dashboard.offercard .title .titlecell div {
    text-align: left;
    max-height: 2rem;
    overflow: hidden;
    padding: 0 10px;
    font-size: 0.875rem;
    margin-top: 4px;
}

.dashboard.offercard .title .titlecell {
    display: table-cell;
    vertical-align: middle;
    height: 2rem;
}

.dashboard.offercard .title .titlecell.time 
{
    color:#4d567e;
}



.dashboard.offercard .actions 
{
    background-color:#fff;
}

.dashboard.offercard .status 
{
    border-radius:10px;
}

.dashboardtilesheader h3 
{
    color: #313960;
    font-size:22px;
}

.dashboard.offercard .profit 
{
    background-color: #313960;
    border-top:0px;
    text-align:left;
    padding-left:15px;
    font-style:normal;
}

.master-sidebar h2
{
    text-align:left;
}

.dashboard-profittracker .totalprofit
{
    border-radius:15px;
}


/*Tour button */
.tourButton 
{
    margin-top:10px;
    float: right;
    font-size: 1.1rem;
    font-weight: 800;
    color: #F21285;
    text-decoration: none;
}

.tourButton:hover
{
    color:#fff;
    text-decoration:none;
}


/* VIDEO CONTAIN */

#videoWrapper 
{
    max-width:750px;
}


#videoWrapper .videoContainer {
    width: 100%;
    height: auto;
    border-radius:15px;
}

.modal-content {
    border-radius: 15px;
}

/* VIDEO CONTAIN END */


@media (max-width: 768px) {
    .dashboard-main .guidecard .category {
    font-size: 0.7rem;
}
}


/*OFFER PAGE */

.offer-main .property {
    background-color: var(--secondary-color);
    color: #fff;
    text-align: left;
    padding: 15px 10px;
}

.offer-main .property .value 
{
    color:#fff;
    padding-top:24px;
}

.offer-main .property .title
{
    text-transform:none;
}


.offer-main .disclaimer 
{
    background-color: #7079A2;
    margin-top: 0px !important;
    font-size: 14px;
    text-align: left;
    border-radius: 10px;
}

.offer-main .cust-tabs .tab-content 
{
    background-color:#fff;
}

.offer-main .cust-tabs .nav-tabs .nav-link.active {
    background-color: #fff;
}


.offer-main .wrapper.ui-accordion-content {
    padding: 20px 60px;
    border-bottom: 2px solid #ccc;
    border-right: 2px solid #ccc;
    border-left: 2px solid #ccc;
    margin-bottom: 20px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-top: -18px;
}

.offer-main .content h1 {
    border: 2px solid #ccc;
    border-radius: 10px;
}

.offer-main .content h1.ui-accordion-header-active {
    border-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.offertab li:before {
    border: none !important;
}

.offer-main ol li:before
{
    left:40px;
}


.offer-sidebar {
    padding-top: 0px;
}


.offer-sidebar .statusbuttons .statusbutton.inprogress {
    border: 1px solid var(--offer-status-inprogress-color);
}

.offer-sidebar .statusbuttons .statusbutton.completed 
{
    border: 1px solid var(--offer-status-completed-color);
}


.offer-main .note
{
    background-color:#fff;
}

.offer-main .offernote h1 {
    border: none;
}

.offernote
{
    padding:20px !important;
}


.offer-main .inprogress .content, .offer-main .complete .content, .offer-main .notinterested .content, .offer-main .notstarted .content
{
    font-style:normal;
    text-transform:none;
}

.offer-main .property .value
{
    font-size:1.6em;
    font-weight:800;
}


/*Offer page - Important Info on Offers Page */

.offer-main a.collapseinfo {
    padding: 12px 20px 12px 20px;
    background-color: #7079A2;
    font-weight:normal;
}

.offer-main a.collapseinfo.casino 
{
    background-color: #7e8892;
}

.offer-main .importantinfo {
    padding: 0px 25px 20px 25px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.offer-main .importantinfo .bankroll {
    background-color: #7079A2;
    color: #fff;
    padding: 10px 20px;
    margin: 0px -20px 10px -20px;
    border-bottom:1px solid #fff;
}

.offer-main .bankroll .fa-question-circle
{
    color:#fff;
}

.offer-main .importantinfo {
    background-color: #7079A2;
}

.offer-main .importantinfo .title
{
    color:#fff;
}

.offer-main .collapseinfo.collapsed {
    border-radius: 10px;
}

.offer-main .collapseinfo {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.importantinfo.collapse.show 
{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.mobilesbtab 
{
    background-color: #323861;
    cursor:pointer;
    top:54px;
}


@media (max-width: 768px) 
{
    .offer-sidebar {
        padding-top: 60px;
    }

    .offer-main .property .value 
    {
        font-size: 1.0em !important;
        padding-top: 8px !important;
    }

    .offer-main .wrapper.ui-accordion-content {
        padding: 20px 30px;
    }

    .tourButton
    {
        width:100%;
        float:left;
        margin-bottom:10px;
    }
}

/*breadcrum */


.master-banner .breadcrum {
    font-weight: 800;
}

.master-banner .breadcrum a
{
    font-weight:400;
    text-decoration:none;
}

#loginContainer.busy {
    cursor: wait;
    pointer-events: none;
    opacity: 0.4;
}

#preload.busy {display:contents;}
    #preload.busy .loadingspinner {z-index: 1000;}