div.campaignMaropostAccountFilter{
    text-align: right;
    padding: 10px 20px;
}
table#membershipMidSwitching td{
    padding: 3px 5px;
    vertical-align: top;
    font-size: 13px;
}
table#midBreakDown td{
    font-size: 13px;
    padding: 1px !important;
}
#midBreakDownContainer{
    height: 100%;
    max-height: 194px;
    overflow-y: scroll;
}
div#filteredDate{
    text-align: right;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #efefef;
    border-radius: 5px;
    margin-bottom: 10px;
}
.pageNote{
    text-align: center;
    border: 1px solid #80a080;
    padding: 15px 0px;
    background: #e8fff4;
    font-size: 16px;
}
form#contentsToBeBlockedForm{
    padding: 12px;
    background: #fcfcfc;
    border-radius: 5px;
    border: 1px solid #f4f4f4;
}

form#contentsToBeBLockedForm input{
    font-size: 13px !important;
}

table#blockedContents td, table#blockedContents th{
    padding: 2px 5px;
    font-size: 12px;
}
table#rebillRateByVersionTbl{
    font-size: 13px !important;
}

table#rebillRateByVersionTbl td{
    padding: 2px 10px !important;
}
img.appSidebarImgMenuIcon{
    width: 23px;
}
td.auditTdActionContainer label.custom-control{
    padding-left: 0px !important;
}
td.auditTdActionContainer .material-control-indicator{
    width: 14px !important;
    height: 14px !important;
}
td.auditTdActionContainer .material-control-input:checked~.material-control-indicator{
    width: 8px !important;
    height: 15px !important;
}
td.auditTdActionContainer .material-control-indicator{
    top: 2px !important;
}
a#multipleCompareBtnContainer{
    position: absolute;
    right: 2%;
    top: 75%;
}
img.auditSaleLoader{
    width: 25px;
    margin-left: 48%;
    margin-top: 5%;
}
a.salesAuditBtn{
    background: #ff4545;
    color: #fff !important;
    font-size: 9px !important;
    border-radius: 4px;
}
a.salesAuditBtn:hover{
    background: #fff !important;
    color: #5b625b !important;
    border: 1px solid #ffa2a2;
}
p.auditSummaryBreakdown_row{
    margin-bottom: 0px;
    font-size: 15px;
}
span.auditSummaryBreakdown_location{
    font-weight: bold;
    color: #666666;
}
span.auditSummaryBreakdown_value{
    float: right;
    color: #6a6a6a;
}
div#auditSummaryBreakdown{
    -webkit-box-shadow: -2px 6px 11px -9px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 6px 11px -9px rgba(0,0,0,0.75);
    box-shadow: -2px 6px 11px -9px rgba(0,0,0,0.75);
    padding: 9px;
}
table.tableUpdatePadding td, table.tableUpdatePadding th{
    padding: 4px !important;
    font-size: 11px;
}
tr.trOrdersAddedToConfirm{
    background: rgb(255 219 219 / 50%) !important;
    color: #d70505 !important;
    font-weight: bold;
}
tr.trOrdersAddedToConfirm td{
    padding: 0px !important;
}
#auditData div.card-body{
    max-height: 500px;
    height: 100%;
    overflow: auto;
}

table#knRebillRatesData th, table#knRebillRatesData td{
    padding: 2px 11px !important;
    font-size: 12px !important;
}

table#membershipSummaryTable{
    font-size: 14px;
}
div.showHideSwitchContainer{
    position: absolute;
    top:0;
    left: 0;
    z-index: 9;
}
div#dashboardContent__activeInactiveGraph{
    padding-bottom: 24px !important;
    border-bottom: 3px solid #e0e0e0;
    border-radius: 10px;
    margin-bottom: 20px;
}
div#dateRangeNavsContainer{
    margin-bottom: 9px;
    text-align: right;
    margin-top: -25px;
}
div#dateRangeNavsContainer a.rangeNavTab{
    font-size: 9px;
    padding: 4px 10px;
    color: #343a40;
    border: 1px solid #bdbdbd;
    background: white;
    border-radius: 2px;
    display: inline-block;
}
div#dateRangeNavsContainer a.rangeNavTab--active{
    background: #747a80;
    font-weight: bold;
    color: white;
    border: 0px;
}
div#dateRangeNavsContainer a.rangeNavTab:hover{
    font-weight: bold !important;
    background: #f7f7f7 !important;
    color: #343a40 !important;
}
table.membershipTableStyle td{
    padding: 4px !important;
}
.tdRemoveBorder_top{
    border-top: none !important;
}
div.backgroundWhite{
    background: #ffffff
}

table#productChartFigureTable{
    width: 2100px;
}
div#product_stats_figure_container{
    overflow-x: auto;
}

span.widgetTooltipIcon{
    font-size: 14px;
    float: right;
}

span.widgetTooltipIcon--default{    
    color: #868788;
}


span.widgetTooltipIcon--white{
    color: white;
}

div#rebillApprovalPercentageData span{
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #797979;
}
div#rebillApprovalPercentageData table{
    margin-top: 15px;
}
div#rebillApprovalPercentageData table td{
    padding: 4px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    font-size: 15px;
}
.displayBlock{
    display: block;
}
.displayInlineBlock{
    display: inline-block;
}
.displayInline{
    display: inline;
}
table#duplicateMembershipTbl{
    width: 100% !important;
}
table#duplicateMembershipTbl td, table#duplicateMembershipTbl th{
    padding: 1px;
    font-size: 13px;
}
div.membershipTableFilterContainer div.col label{
    font-weight: normal;
    font-size: 14px;
}
div.inactiveActiveSummaryWidget{
    color: black;
    font-size: 13px !important;
}
table#platformBreakdownTbl thead th{
    border: none !important;
}
table#platformBreakdownTbl td{
    padding: 2px !important;
}
div#dialogErrorContainer{
    color: #ce4f4f;
    padding: 6px 21px;
    border: 1px dotted #f2a6a6;
    border-radius: 5px;
    background: #ffbaba24;
    margin-bottom: 12px;
}
a.searchOfferResult:hover{
    font-weight: bold;
}
div#offerSearchResultInput{
    max-height: 70vh;
    height: 100%;
    overflow-y: auto;
    margin-top: 2px;
}
div.searchOfferContainer{
    text-align: right;
    margin-bottom: 10px;
}
li.searchOffer_result{
    list-style: none;
    padding: 4px 10px;
    border-bottom: 1px solid #dfdfdf;
    text-transform: uppercase;
}
li.searchOffer_result:nth-child(odd){
    background: #007bff0f;
}
li.searchOffer_result a {
    display: block;
}
div#emailsToBeSentContainerv2{
    margin-top: 20px !important;
}
div.subAccountSchedulingForm div.modal-header{
    position: fixed;
    width: 100%;
    z-index: 1001;
}
div.subAccountSchedulingForm div.modal-body{
    margin-top: 50px;
}
div#subAccountContainer_left{
    padding-right: 15px;
}

div#stepsContainer{
    margin-bottom: 30px;
}
a.stepContainer{
    position: relative;
    background: #dbdbdb;
    display: inline-block;
    padding: 0px;
    height: 15px;
    width: 15px;
    vertical-align: center;
    text-align: center;
    padding: 4px 0px;
    border-radius: 50%;
    color: #dbdbdb;
}
a.stepContainer span.stepLabel{    
    position: absolute;
    color: #8f8f8f;
    left: -312%;
    bottom: -132%;    
    font-weight: normal;
    text-transform: uppercase;
    font-size: 10px;
    display: block;
    width: 131px;
}

a.stepContainer--active span.stepLabel{
    bottom: -100%;    
}      

a.stepContainer::after, a.stepContainer::before{
    content: '';
    height: 2px;
    width: 85px;
    display: block;
    position: absolute;
    background: #dbdbdb;
    top: 4px;
}
a.stepContainer--active::after, a.stepContainer--active::before{
    top: 9px;
}
a.stepContainer::after{
    left: 20px;
}

a.stepContainer::before{
    right: 17px;
}
a.stepContainer:nth-child(2), a.stepContainer:nth-child(3){
    margin-left: 146px;
}
a.stepContainer:nth-child(1)::before, a.stepContainer:nth-child(3)::after{
    display: none !important;
}
a.stepContainer--active{
    color: #48cc4e;
    font-weight: bold;
    background: #48cc4e;
    height: 20px;
    width: 20px;
}
a.stepContainer--active::after, a.stepContainer--active::before{
    height: 2px;
    background: #48cc4e;
    z-index: 9;
}
a.stepContainer--done{
    background: #00b429 !important;
    transition: 0.5s all;
}
a.stepContainer--done::after, a.stepContainer--done::before{
    background: #00b429 !important;
    transition: 0.5s all;
}
table#tblOffers td{
    padding: 3px 0px !important;
    font-size: 12px !important;
} 
div#dataTypeFilterContainer{
    float: right;
    margin-bottom: 15px;
}
tr.activeDataTypeTxTransaction{
    font-size: 19px;
    font-weight: bold;
    border-top: 2px solid #707370 !important;
    border-bottom: 2px solid #707370 !important;
}
#summaryDataContainer table td{
    padding: 5px 10px !important;
}
td.brandSettingSegmentList{
    padding-left: 40px;
}

a.updateNewOffers{
    position: absolute;
    bottom: 15px;
    right: 0px;
}
a.pullOWCreatives{
    position: relative;
    bottom: 0px;
    right: 0px;
    font-size: 11px;
}

div#templateAlert, div#maropostOWPartnerNotSet{
    text-align: center;
    color: #ffffff;
    padding: 12px;
    font-size: 20px;
    z-index: 9999999999999999999999999;
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(0 0 0 / 90%);
    width: 100%;
}
#maropost_credentials_table td, #maropost_credentials_table th,
#brand_segmentlist td, #brand_segmentlist th, 
#brand_settings td, #brand_settings th, 
#brands td, #brands th{
    padding:3px 5px;
    font-size: 14px;
}
#maropost_credentials_table td{
    padding: 0px !important;
}
a.showOwPreviewCreative{
    display: block;
    font-size: 11px;
    text-align: right;
    display: block;
}
div.creativeContainerOwField button{
    height: 100% !important;
}
#calendarMaropostFilter h6.card-title{
    font-size: 14px !important;
}
#calendarMaropostFilter{
    z-index: 12 !important;
    padding:0 10px;
}
#calendarMaropostFilter button{
    height: 30px;
    font-size: 13px;
}
div.texasFilterContainer{
    padding-top: 20px;
    padding-bottom: 25px;
    background: white;
    margin-bottom: 20px;
    border-bottom: 2px solid #f4f6f9;
}
.maropost_account_add_container{
    margin-bottom: 12px;
}
div#calendarOfferFiltersContainer{
    padding-bottom: 15px;
    border-bottom: 1px dotted #e5e5e5;
    border-radius: 12px;
}
div.isAbCheckboxContainer{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
}
div.isAbCheckboxContainer .material-control-indicator{
    top: 3px !important;
    left: 7px;
    width: 10px;
    height: 10px;
    border: 1px solid #aaa;
}
tr.ppPartnersSalesBreakdown_tableRowPartner_tr{
    background: #f9f9f9;
}
i.partnerBreakdownToggle{
    color: #909090;
    cursor: pointer;
}
i.partnerBreakdownToggle:hover{
    color: black;
}
div.ppPartnersSalesBreakdown_tableContainer{
    max-height: 450px;
    overflow: auto;
}
table.ppPartnersSalesBreakdown_table td, table.ppPartnersSalesBreakdown_table th{
    padding: 2px !important;
    font-size: 13px !important;
}
table.ppPartnersSalesBreakdown_table td.ppPartnersSalesBreakdown_tablePartnerRow{
    padding-left: 30px !important;
    text-transform: uppercase;
    color: #494e49;
    font-size: 12px !important;
    font-weight: bold;
}

table td.ppPartnersSalesBreakdown_tableRowPlatform{
    text-transform: uppercase;
    font-weight: bold;
}
table.ppPartnersSalesBreakdown_table td.ppPartnersSalesBreakdown_tableRowPartner{
    padding-left: 10px !important;    
    font-size: 15px !important;
}
div.cardHeaderPaddingFormatted{
    padding: 10px 16px !important;
}
div.segmentNote{
    margin-bottom: 20px;
    padding: 5px 10px;
    background: #ffffce;
    border-radius: 5px;
    border: 1px solid #f2f2f2;
}
td.positionRelative{
    position: relative;
}
i.setNote{
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: #909090;
}
i.setNote:hover{
    color: #343a40 !important;
}
span.segmentRate{
    text-align: right;
    float: right;
    font-size: 16px;
    border-bottom: 1px dotted #ababab;
    padding-bottom: 3px;
}
span.segmentRate span{
    font-weight: bold;
}
span.segmentRate span.ratePositive{
    color: green;
}
span.segmentRate span.rateNegative{
    color: red;
}
a.offerPublishersSelection{
    display: block;
    padding: 5px;
    border: 1px solid gainsboro;
    color: #007bff;
    border-radius: 5px;
    width: 78%;
    margin: 10px auto;
}
a.offerPublishersSelection_selected{
    background: #096ad2;
    color: #fff;
    border: none;
    font-weight: bold;
}
div.size98Percent{
    height: 84%;
}
div.saleBreakdownData {
    font-size: 12px;
    border-top: 1px solid #cccccc;
    margin-top: 5px;
}
div.saleBreakdownData span strong{
    color: dimgrey;
    text-transform: uppercase;
}
ul.developmentNavInnerUl{
    padding-left: 20px !important;
}
ul.developmentNavInnerUl li a{
    font-size: 12px !important;
}
a.activeDevelopment{
    background: #cf5757 !important;
    font-weight: bold !important;
}
ul.developmentNavInnerUl_inner{
    padding-left: 15px !important;
}
ul.developmentNavInnerUl_innerFirst > li.nav-item > a.active{
    background: #882f2f !important;
    color: #fff !important;
}
a.texasTransaction_btn{
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
}
a.texasTransaction_btn:hover{
    color: #007bff;
    border-bottom: 2px solid #007bff;
    transition: 0.3s all;
}
a.membershipDailyBreakdownDataPlatformLink{
    float: right;   
}
.positionRelative{
    position: relative;
}
span.floatRight{
    float: right;
}
.moveRightBottom{
    position: absolute;
    right: 2px;
    bottom: 2px;
}
.editTdData{
    font-size: 10px;
}
div.membershipDailyBreakdownSummary_container{
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    padding:10px;
}
.fontWeightBold{
    font-weight: bold;
}
span.membershipDailyBreakdownSummary_header{
    display: block;
    border-bottom: 1px solid #e4e4e4;
    font-size: 18px;
    color: #424242;
}
span.membershipDailyBreakdownSummary_type{
    display: block;
    font-size: 14px; 
    margin-bottom: 5px; 
    margin-top: 5px;
}
span.membershipDailyBreakdownSummary_type--title{
    padding-left: 10px;
}
div#texasTransactionsContainer table td, div#texasTransactionsContainer table th, 
div.membershipDailyBreakdownTableContainer table td, div.membershipDailyBreakdownTableContainer table th{
    padding:0px !important;
    font-size: 13px;
}
div#texasTransactionsContainer table th{
    padding: 5px !important;
}
div#texasTransactionsContainer li.paginate_button{
    font-size: 13px !important;
}
div#texasTransactionsContainer li.paginate_button a{
    padding: 10px !important;
}
span.sectionHeaderSpan_membership_date{
    border-bottom: 2px solid #343a40;
    padding: 0px 10px;
}
.paddingLeft10{
    padding-left: 10px;
}
div.subject_line_stats a.page-link, div#blockedContentsContainer a.page-link, div.membershipDailyBreakdownTableContainer a.page-link{
    padding: 5px 10px !important;
    font-size: 12px !important;
}
div.membershipDailyBreakdownTableContainer div.col-md-10{
    border-left: 2px solid #e4e4e4;
    padding-left: 18px;
    border-radius: 9px;
}
a.membershipCalendarEvent_viewData{
    margin-top: 12px !important;
    border: none !important;
}
a.membershipCalendarEvent_viewData:hover{
    color: #343a40 !important;
    transition: 0.3s all;
}
a.viewCalendarEvent_viewData{
    color: #8c8c8c !important;
}
a.viewCalendarEvent_viewData:hover{
    color: #343a40 !important;
    border-bottom: 2px solid #6c757d !important;
    font-weight: bold;
    padding-bottom: 2px;
    transition: 0.3s all;
}
td.tdRefundCount, td.tdRefundAmount{
    color: #de6e0e;
}
div#mainHtml{
    border-top: 1px solid #eeeeee;
    padding-top: 20px;
    border-radius: 12px;
}
div.cardBodyUpdatePadding{
    padding: 10px !important;
}

div#mainHtml a.fc-event:hover{
    background: #ffffff;
    color: #272727 !important;
    transition: 0.3s all !important;
}
td.tdCancelledCount{
    font-weight: bold;
    color: #ff5d5d;
}
i.tooltipQuestion{
    color: #fff;
}
th i.tooltipQuestion{
    font-size: 9px;
    color: #757575;
}
a.mrrDownloadFile{
    color: #a6a6a6;
    font-size: 13px !important;
}
a.mrrDownloadFile:hover{
    color: #343a40;
    transition: 0.5s all;
}
div.rangeBreakdown_calendar table thead tr{
    text-align: center;
}
div.rangeBreakdown_calendar table{
    margin-bottom: 5px !important;
}
tr.trMembershipMrrBreakdown{
    background: #f7f7f7 !important;
    font-size: 7px !important;
}
tr.trMembershipMrrBreakdown td{
    font-size: 12px !important;
}
a.membershipCalendarEvent {
    font-size: 15px;
    display: block;
    text-align: center;
    border: 1px solid #cccccc;
}
span.membershipCalendarTitle_value{
    font-weight: bold;
    font-size: 12px !important;
}
span.membershipCalendarTitle_label{
    margin-left: 3px;
}
a.membershipCalendarEvent_refundamount , a.membershipCalendarEvent_refundcount{
    background: #f5821f;
    color: #fff !important;
}
a.membershipCalendarEvent_recurringmembershipamount, a.membershipCalendarEvent_recurringmembershipcount{
    background: #00a905;
    color: white !important;
}
a.membershipCalendarEvent_newmembershipamount , a.membershipCalendarEvent_newmembershipcount{
    background: #fdff81;
}
a.membershipCalendarEvent_cancelledcount{
    background: #ff5d5d;
    color: #ffffff !important;
}
span.membershipCalendarTitle_label{
    font-size: 12px !important;
}
div.dashboardWidgetHeader_h4{
    display: inline;
}
tr.hostRowClass__notset{
    color: red;
}
div#monthly_optins_wrapper > div.row:nth-child(1){
    display: none;
}
div#monthly_optins_wrapper > div.row:nth-child(3){
    display: none;
}
table#monthly_optins td, table#monthly_optins th{
    padding:0px;
    border: none;
}
table#monthly_optins th{
    font-weight: normal;
    font-size: 22px;
}
tr.monthRowClass td{
    padding: 10px 20px !important;
}
tr.monthRowClass{
    font-size: 20px;
}
tr.hostRowClass{
    font-size: 16px;
}
tr.hostRowClass td:nth-child(1){
    padding: 5px 0px 5px 30px !important;
}
tr.hostRowClass td:nth-child(1){
    /*padding-left: 25px !important;*/
}
div.nonOpenerShowContainer{
    margin-top: -10px !important;
}
div#filterContainer div.form-group{
    margin-bottom: 0px !important;
}
div#tblStatByMaropostAccountReport_container{
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
    border-radius: 7px;
}
h6.tblStatByMaropostAccountReport_header{
    text-align: right;
    padding-right: 9px;
    margin-bottom: 12px;
}
div.perMaropostAccountTable div.row{
    border-bottom: 1px solid #eaeaea;
    padding: 7px 5px;
    font-size: 16px;
}
div.perMaropostAccountTable div.row:nth-child(odd){
    background: #f8f8f8;
}
div.perMaropostAccountTable div.accountCount, div.perMaropostAccountTable div.accountRevenue{
    text-align: right;
}
div.perMaropostAccountTable div.accountName{
    font-size: 15px !important;
}
div.perMaropostAccountTable{
    padding: 0px 11px;
    -webkit-box-shadow: 3px 23px 24px -25px rgba(0,0,0,0.2);
    -moz-box-shadow: 3px 23px 24px -25px rgba(0,0,0,0.2);
    box-shadow: 3px 23px 24px -25px rgba(0,0,0,0.2);
}
div.maropostStatsHeader{
    font-size: 13px !important;
    font-weight: bold;
    font-style: italic;
}
ul.cbTransactionsFileNames li {
    list-style: none;
    color: #4e524e;
    font-size: 15px;
    padding:5px;
}
ul.cbTransactionsFileNames li:nth-child(even){
    background: #efefef;
}
ul.cbTransactionsFileNames{
    padding-left: 10px;
}
div#stickRatesMembershipData table.table td, div#stickRatesMembershipData table.table th,
table#startDateMembershipTbl td, table#startDateMembershipTbl th{
    padding: 2px !important;
    font-size: 12px !important;
}
div.stickRatesRowContainer{
    -webkit-box-shadow: -1px 31px 31px -35px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 31px 31px -35px rgba(0,0,0,0.75);
    box-shadow: -1px 31px 31px -35px rgba(0,0,0,0.75);
}
div#stickRatesMembershipDataFilter{
    text-align: right;
    margin-bottom: 10px;
}
div#stickRatesMembershipDataFilter select, div#graphFilter select{
    width: 150px;
    font-size: 13px;
    padding: 4px;
    background: #f4f6f9;
    border-radius: 5px;
    border: none;
    margin-left: 10px;
    outline: none;
}
div#graphFilter{
    text-align: right;
}
div#stickRatesMembershipDataFilter select:hover{
    cursor: pointer;
}
div.stickDaysTableContainer .table td, div.stickDaysTableContainer .table th{
    padding: 2px;
    border-top: 1px solid #dee2e6;
    font-size: 13px;
}
#maropostAccounts td, #maropostAccounts th{
    padding: 5px 10px !important;
    vertical-align: top;
    font-size: 14px !important;
}
div.stickDaysTableContainer div.dataTables_wrapper div.row:nth-child(2) div{
    overflow-y: auto;
    max-height: 350px;
    height: 100%;
}
div.stickDaysTableContainer div.dataTables_wrapper div.row:nth-child(1){
    overflow-y: auto;
}
div.stickRatesRowContainer div.card-header{
    color: #6c6e6f !important;
    padding: 10px;
}
div.stickRatesRowContainer div.card-header h3{
    color: #3f4246;
    font-size: 20px;
}
div.stickRatesRowContainer div.card-body{
    padding: 7px;
}
div.stickRatesRowContainer{
    margin-bottom: 30px;
}
div.stickDaysTableContainer div.dataTables_wrapper div.dataTables_info{
    padding-top: 0px !important;
}
p.platformByTypeHtml{
    border-left: none !important;
    padding-bottom: 0px !important;
    padding-left: 21px !important;
    font-size: 12px !important;
    margin-bottom: 0px !important;
}
p.paddingUpdate{
    padding-left: 30px !important;
}
p.platformByTypeHtml .platformByTypeHtml_value{
    float: right;
}
div#rangeBreakdown{
    overflow-y: auto;
    max-height: 451px;
    height: 100%;
}
div.rangeBreakdown_calendar{
    max-height: 1335px !important;
}
div#nextRebillExpectedAmountContainer table.table td, div#nextRebillExpectedAmountContainer table.table th, div#rangeBreakdown table.table td, div#rangeBreakdown table.table th{
    padding: 3px 0px !important;
    font-size: 13px;
}
div.rangeBreakdown_calendar table.table th{
    font-size: 10px !important;
}
div.rangeBreakdown_calendar table.table td{
    padding: 10px 5px !important;
}
td.breakdownMembershipCalendar_total{
    background: #f3f3f3;
    font-weight: bold;
    text-align: center;
}
td.rateBreakdown_positive{
    color: green;
}
td.rateBreakdown_negative{
    color: red;
}
div#graphFilter select:focus{
    outline: none;
}
button#daterange-btn-filter-membership{
    display: block;
    width: 100%;
}
a.textSuccess{
    color: green !important;
}
a.textDanger{
    color: red !important;
}
div#nextRebillTableContainer{
    padding-top: 25px;
    border-top: 1px solid #cecece;
    margin-top: 10px;
}
div#membershipExpectedCountContainer{
    margin-top: 25px;
    margin-bottom: 10px;
}
div#membershipFilterExpectedAmountContainer p{
    font-size: 15px;
    margin-bottom: 2px;
    border-left: 5px solid #e6e6e6;    
    padding-left: 10px;
    padding-right: 20px;
    background: #fbfbfb;
    padding-top:5px;
    padding-bottom: 5px;
}
span.membershipExpectedAmount_product{
    font-weight: bold;
    text-transform: uppercase;
}
span.membershipExpectedAmount_amt{
    float: right;
    font-size: 16px;   
}
tr.auditSalesTableTr_match{
    background: #f0fff3 !important;
}
tr.auditsalestabletr_not{
    background: #fff0f0 !important;
}
td span.spanAuditSaleDifference{
    font-weight: bold;
}
td span.spanAuditSaleDifference_less{
    color: #d81414;
}
td span.spanAuditSaleDifference_more{
    color: green;
}
div#auditFilters{
    text-align: right;
    margin-top: 10px;
}
div#auditFilterDatesContainer{
    display: inline;
    margin-left: 15px;
}
p#salesResultAudit_noData{
    text-align: center;
    text-transform: uppercase;
    color: #de5f5f;
    padding: 51px;
    font-weight: bold;
    font-family: "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
}
div#auditFilterDatesContainer ul {
    list-style: none;
    padding: 0px;
    display: inline;
}
div#auditFilterDatesContainer ul li{
    display: inline;
    margin-left: -3px;
}
div#auditFilterDatesContainer ul li a{
    background: #f1f3f4;
    color: #80868b;
    display: inline-block;
    font-family: "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .025rem;
    padding: 5px 15px;
    margin-left: 3px;
    border-left: 1px solid #e8eaed;
    border-right: 1px solid #e8eaed;
}
div#auditFilterDatesContainer a.saleAuditDateFilterActive{
    background-color: #fff;
    border-top-color: #f1f3f4;
    box-shadow: 0 1px 3px 1px rgba(60,64,67,.15);
    color: #2585ec;
}
div#salesResultAuditContainer{
    max-height: 750px;
    overflow-y: auto;
}
table#salesResultAuditTable {
    font-family: "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
}
table#salesResultAuditTable thead th{
    font-weight: normal;
    text-transform: uppercase;
    padding: 8px 0px!important;
    font-size: 13px;
    font-weight: bold;
}
table#salesResultAuditTable tbody tr td{
    padding: 1px 0px !important;
    font-size: 11px;
}
div#membershipFiltersSection div.bootstrap-select button{
    font-size: 12px;
    height: 28px;
}
div#membershipFiltersSection label{
    font-size: 13px;
}
div#membershipFiltersSection a.btn{
    padding: 5px 10px;
    line-height: 1.5;
    border-radius: .2rem;
    font-size: 13px;
}
div#membershipFiltersSection div.filterSection div.col{
    color: #8e8e8e!important;
}
div.filterSection #filterBtn{
    padding-top: 23px;
    text-align: right;
}
div.filterSection{
    -webkit-box-shadow: -1px 27px 28px -23px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 27px 28px -23px rgba(0,0,0,0.75);
    box-shadow: -1px 27px 28px -23px rgba(0,0,0,0.75);
}
div#membershipFiltersSection div.col a.dropdown-item{
    color: #8e8e8e!important;
}
a.nonOpenerNames{
    font-size: 14px;
    margin-bottom: 10px;
}
a.nonopenerActions{
    font-size: 12px;
}
div#filterResult{
    margin-top: 35px;
    margin-bottom: 35px;
}
table#filterResultTbl td, table#filterResultTbl th{
    padding:0px !important;
    font-size: 14px;
}
table#filterResultTbl{
    width:100% !important;
}
table#filterResultTbl th{
    font-size: 13px !important;
}
div#filterResult a.page-link, div#membersDataTable a.page-link, #smbKNKTableContainer a.page-link {
    padding: 5px 8px !important;
    font-size: 12px !important;
}
div#filterResult div.dataTables_info, div#membersDataTable div.dataTables_info{
    font-size: 14px;
}
div.nonopenerReviewContainer{
    margin-bottom:15px !important;
}
p.nonopenerCampaignContainer{
    font-size: 15px;margin-bottom: 0px;
    color: #5c5c5c;
}
div.nonopenerReviewContainer a{
    font-style:italic;
}
div.nonopenerReviewContainer hr{
    margin:0px !important
}
div.calendarNonOpenerSlsContainer{

}

div.splitCalendarRawLinkContainer{    
    border-bottom: 3px dotted #e5e5e5;
    padding-top: 7px;
    padding-bottom: 10px;
    border-radius: 14px;
    margin-bottom: 6px;
}

div.calendarNonOpenerSlsContainer span{
    font-weight: bold;
}

table#konnektiveMembershipBreakdownTbl td{
    padding: 3px;
    font-size: 14px;
} 
td.konnektiveCountBreakdown_td{
    text-align: right;
}
tr.konnektiveBreakdownStatusTotal_tr td:first-child{
    padding-left: 20px !important;
    text-transform: uppercase;
    font-weight: bold;
    color: #9e9e9e;
}
tr.konnektiveBreakdownStatus_tr td:first-child{
    padding-left: 30px !important;
    text-transform: lowercase;
}
tr.konnektiveBreakdown_tr td{
    border:0px !important;
    font-weight: bold;
    text-transform: uppercase;
    color: #5f5f5f;
}
span.mockScheduleCampaignLoader{
    font-weight: bold;
    position: absolute;
    left: 45%;
    top: 5px;
    font-size: 14px;
}

span.mockScheduleCampaignOptions_date{
    margin-right: 11px;
    font-weight: bold;
    border-right: 2px solid #acacac;
    padding-right: 5px;
}
span.mockScheduleCampaignOptions_revenue{
    background: #28a745;
    padding: 1px 5px;
    border-radius: 7px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    display: inline-block;
    margin-right: 10px;
}

button.dropdown-toggle span.mockScheduleCampaignOptions_date, button.dropdown-toggle span.mockScheduleCampaignOptions_revenue{
    display: none !important;
}

a.mockScheduleConfigurationBtn{

}
div.bootstrap-switch-id-changeViewInput  span{
    width: 69px !important;
}

div.mockScheduleFilterContainer{
    margin-bottom: 10px;
}
table.brandCalendarTable th{
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    text-align: left;
    padding: 5px 5px !important;
    position: sticky;
    top: -2px;
    border-bottom: 2px solid #dee2e6;
    background: #f6f6f6;
    z-index: 9;
}
table.brandCalendarTable td.mockScheduleTd_date{
    font-size: 14px;
    font-style: italic;
    padding-left: 8px !important;
}
table.brandCalendarTable thead{
    background: #f6f6f6;
}
table.brandCalendarTable div.bootstrap-select button{
    height: 32px;
    font-size: 13px;
}
span.mockScheduleComment, textarea.mockCommentArea{
    font-size: 13px;
    color: #6a6b6a;
}
div.mockScheduleComment:after{
    content: '';
    display: block;
    clear: both;
}
a.addCommentBtn{
    font-size: 11px;
    color: #595c5e;
    float: right;
}
div.mocSchedule_comment{
    border-bottom: 1px solid #ebebeb;
    padding: 3px 0px;
}
div.mocSchedule_comment:last-child{
    border-bottom: none;
}
span.mockScheduleCommentedBy{
    color: #5c5c5c;
    font-weight: bold;
    font-size: 12px;
}
a.addCommentBtn:hover{
    color: #6b6b6b;
    font-weight: bold;
    border-bottom: 1px dotted #e3e3e3;
    transition: 0.3s all;
}
table.brandCalendarTable tbody tr:nth-of-type(odd){
    background-color: #a0a0a01f;
}
a.addNewOfferBtn{
    display: inline-block;
    float: right;
    padding-right: 14px;
    color: #a4a4a4;
}
a.addNewOfferBtn:hover{
    color: #007bff;
    transition: .3s all;
}
td.offerOptionsColumn div.dropdown{
    width: 100% !important;
}
td.linksForDuplicatingColumn div.dropdown{
    width:90% !important;
}
td.linksForDuplicatingColumn div.dropdown div.dropdown-menu{
    min-width: 0px !important;
    width: 750px !important;
    max-height: 500px !important;
}
label.statusLabelCheckbox {
    display: inline;
}

a.showCampaignDetails{
    display: inline-block;
    vertical-align: bottom;
    font-size: 13px;
    padding-left: 9px;
    color: #979a9e;
}
a.showCampaignDetails:hover{
    color: #5b9ffb;
    transition: .3s all;
}

h3.mockScheduleBrandIndividualContainer_header{
    margin-bottom: 0px;
    font-size: 17px;
    padding: 10px 5px;
    background: #ffffff;
    color: #090909;
    padding-left: 18px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    position: relative;
}
h3.mockScheduleBrandIndividualContainer_header:hover{
    background: #696f74;
    color: #ffffff;
    transition: 0.3s all;
}
h3.mockScheduleBrandIndividualContainer_header_active{
    background: #696f74;
    color: #ffffff;
}
span.mockScheduleBrandIndividualContainer_showHide{
    float: right;
    color: #d7d7d7;
    cursor: pointer;
    padding: 0px 50px;
    font-size: 20px;
}
span.mockScheduleBrandIndividualContainer_showHide:hover{
    color: #fff;
    transition: 0.5s all;
}
div.mockScheduleBrandIndividualContainer_calendar{
    padding: 0px 5px;
    display: block;
    border: 1px solid #c5c5c5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 0px;
    background: #fff;
    display: none;    
    max-height: 600px;
    overflow: auto;
}
div.mockScheduleBrandIndividualContainer{
    margin-bottom: 5px;
}
table.brandCalendarTable td{
    padding: 4px 0px !important;
}
table.brandCalendarTable thead th{
    border-bottom-width: 1px;
    font-weight: bold;
}
table.brandCalendarTable{
    background: #fff;
    margin-bottom: 0px !important;
    border-bottom: 3px solid #f4f4f4;
}

div.widgetSegmentTableContainer .table td, div.widgetSegmentTableContainer .table th{
    padding:5px !important;
}
div.widgetSegmentTableContainer li.paginate_button, #maropostAccounts_wrapper li.paginate_button{
    font-size: 12px !important;
}
#maropostAccounts_wrapper li a{
    padding:5px !important;
}
div.widgetSegmentTableContainer{
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: -1px 10px 27px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 10px 27px -20px rgba(0,0,0,0.75);
    box-shadow: -1px 10px 27px -20px rgba(0,0,0,0.75);
    border-left: 7px solid #add5f8;
    border-bottom: 2px solid #add5f8;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 22px;
    margin-bottom: 10px;
}
p.widgetCategoryHeader{
    margin-bottom: 0px !important;
    font-size: 20px;
    padding: 10px;
    border-left: 7px solid #add5f8;
    font-weight: bold;
    color: #777777;
    background: aliceblue;
    margin-top: 20px !important;
    text-transform: uppercase;
}
p.segmentCategoriesList{
    margin-bottom: 0px;
    font-size: 13px;
    display: inline-block;
}
a.setSegmentCategory{
    margin-left: 10px;
    font-size: 12px;
    color: #669ed9;
}
i.removeSpan{
    margin-left: 10px;
    color: #a6a6a6;
    cursor: pointer;
}
input#segment_tag_input{
    border: none;
    border-bottom: 1px solid #c9c9c9;
    outline: none;
    display: inline-block;
    margin-left: 13px;
    margin-top: 15px;
}
span.tagSpanEditable{
    outline: none;
}
span.tagSpan{
    padding:5px;
    border-bottom: 1px solid #cdcdcd;
    border-radius: 5px;
    background: #fbfbfb;
    margin-left: 10px;
    display: inline-block;
    margin-top: 5px;
    position: relative;
}
i.tagSegmentCount{
    font-weight: bold;
    background: #999999;
    display: inline-block;
    border-radius: 50%;
    height: 23px;
    width: 23px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: -10px;
    bottom: -13px;
    font-size: 12px;
    padding-top: 3px;
}
a.linkAsBtn{
    font-size: 14px !important;
    color: #6f6d6d !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
}
a.linkAsBtn:hover{
    color: #1f211f !important;
    border-bottom: 1px dotted #282a28;
    padding-bottom: 3px;
    background: #f9f9f9;
    padding: 2px;
}

div.errorResponseContainer{
    padding:10px 10px 10px 15px;
    font-style: italic;
    background: #fff5f6;
    margin-top: 10px;
    border-radius: 5px;
}
div#section_rebill_breakdown table.table td, div#section_rebill_breakdown table.table th,
div#section_trial_breakdown table.table td, div#section_trial_breakdown table.table th{
    border-top: none !important;
}
tr.rebillBreakdownPlatformRow{
    font-size: 14px !important;
}
tr.rebillBreakdownPlatformRow span.rebillCount{
    font-size: 14px !important;
}
tr.trRecycleBreakdownRow{
    font-size: 14px !important;
}
tr.trRecycleBreakdownRow span.rebillCount{
    font-size: 14px !important;
}
tr.trRecycleBreakdownRow td, tr.trRecycleBreakdownRowAggregate td{
    text-align: right !important;
}
tr.trRecycleBreakdownRow_separator{
    padding:0px !important;
    background: #f6f6f6;
}
tr.recycleBillingRow {
    font-size: 13px !important;
    text-align: center;
    background: #fcfcfc !important;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
}
tr.recycleBillingRow span.rebillCount{
    font-size: 12px !important;
}
div.rowRecycleBreakdown{
    border-bottom: 1px dotted #d7d7d7;
    padding-bottom: 6px;
    margin-left: 5px;
}
div.rowRecycleBreakdown p{
    margin-bottom: 0px !important;
    font-size: 14px;
}
div.rowRecycleBreakdown p.recycleBreakdownKey{
    color: #a6a6a6;
}
div.rowRecycleBreakdown h5{
    font-size: 14px !important;
}
div.rowRecycleBreakdown div.description-block{
    margin: 0px !important;
}
div.rowRecycleBreakdown p.visibleHidden{
    visibility: hidden;
}
div.rowRecycleBreakdown span.rebillCount{
    font-size: 12px;
}
div.rowRecycleBreakdown span.description-text{
    text-align: left;
    display: block;
}
div.salesSectionLoader{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 30%;
    padding-left: 48%;
}

li.campaignList:hover{
    background: #f1f1f1;
}

li.campaignList{
    background-image: none!important;
    border-right: 1px solid #d7d7d7;
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 5px;
    width: 19%;
    margin-left: 5px;
    margin-bottom: 10px;
    font-size: 12px;
}
li.campaignList .nav-link{
    padding: 5px 5px !important;
}
li.campaignList:nth-child(odd) a.nav-link{
    /*border-radius: 0px !important;*/
}
a#cron_transactions_btn{
    margin-top: 20px;
    display: inline-block;
    font-size: 12px;
    border-bottom: 2px solid #e0e0e0;
    padding:2px;
}
a#cron_transactions_btn:hover{
    border-color: #0a80ff;
    transition: 0.3s all;
}
div.rebillRefundAmtContainer{
    text-align: right;
    margin-top: 7px;
}
div.rebillRefundAmtContainer span{
    background: rgb(245 0 0 / .7);
    color: #fff;
    padding: 2px;
    font-size: 14px;
    border-radius: 5px;
}
div.dialog_platformInvoicesContainer{
    margin-bottom: 10px;
    font-size: 14px;
    background: #f7f7f7;
    padding-bottom: 15px;
    border-bottom: 2px solid #e0e0e0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
p.dialog_platformName{    
    margin: 0;
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: grey;
}
p.dialog_platformInvoices{
    margin: 0;
    margin-left: 20px;
    font-weight: 500;
    color: #1f2d3d;
    margin-bottom: 14px;
    border-left: 2px solid #8b8b8b;
    padding-left: 10px;
}
div.summaryAmountContainer{
    margin: 0;
    padding: 3px 0px;
    text-align: center;
}
p.summaryAmounts{    
    font-size: 25px !important;
    margin-bottom: 0px;
    font-weight: bold;
}
p#totalNetAmount{
    color: #53c98d;    
}
p#totalRefundAmount{
    color: #ec5050;
}
p#totalIncomeAmount{
    color: #404850;
    font-size: 31px;
    font-weight: 300;
}
span#totalIncomeAmountLabel{
    color: darkgrey;
    text-transform: uppercase;
    font-size: 18px;
    display: block;
    margin-top: -8px;
}
span#dialogHeaderDate{
    padding: 2PX;
    border-bottom: 2PX DASHED #6c757d;
    background: #f3f3f3;
    border-top-left-radius: 187%;
    color: black;
}
div.failedPaymentResponseContainer{
    padding: 10PX 0px;
    border-bottom: 1px solid #eaeaea;
    background: #fbfbfb !important;
    margin-bottom: 4px;
    border-radius: 10px;
}
a#failed_payment_declined_btn{
    text-align: right;
    display: block;
    color: #9c9c9c;
}
a#failed_payment_declined_btn:hover{
    color: #f17d89;
    font-weight: bold;
    transition: 0.3s all;
}
span.declinePaymentBreakdownCode{
    font-weight: bold;
    margin-right: 20px;
}
p.declinePaymentBreakdownCodeContainer{
    border-bottom: 1px solid #dfe4df;padding-bottom: 12px;margin:0px !important;padding-top: 10px;
}

p.declinePaymentBreakdownCodeContainer:nth-child(even){
    background: #eafaff;
}
span.declinePaymentBreakdownPercentage{
    font-size: 18px;font-weight: bold;float: right;color:#555655;
}
div.failedPaymentResponseContainer:hover{
    background: #fff !important;
    border: none;
    zoom: 0.95;
    transition: 0.3s all;
}
div.failedPaymentResponseContainer h3, div.failedPaymentResponseContainer p{
    margin:0px !important;
}
div.failedPaymentResponseContainer h3{    
    font-size: 17px;
}
div.failedPaymentResponseContainer p{
    padding-left: 20px;
}
div.failedPaymentSuccess_inv h3{
    color: red;
}
div.failedPaymentSuccess_inv h3{
    color: #159a15;
}
div.failedPaymentErrMessager p{
    color: #790000;
}
div.failedPaymentErrMessager h3{
    color: red;
}
div.failedPaymentSummary{
    margin-bottom: 0px !important;
}
p.failedPaymentNotes{
    font-size: 13px;font-style: italic;color: #8c8c8c;
}
div#failedSummaryDataContainer{
    border-radius: 6px;
    margin-bottom: 50px;
    -webkit-box-shadow: -1px 14px 44px -32px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 14px 44px -32px rgba(0,0,0,0.75);
    box-shadow: -1px 14px 44px -32px rgba(0,0,0,0.75);
}

table#failedPaymentBreakdown, table#failedPaymentBreakdown th, table#failedPaymentBreakdown td{
    border:0px;
    padding:0px;
}
table#failedPaymentBreakdown{
    margin-bottom: 0px;
}
div#cron_transactions_table_container{
    margin-top: 20px;
}
table#cron_transactions_table td, table#cron_transactions_table th,  table#failed_payments_table td, table#failed_payments_table th{
    padding: 0px !important;
}
a#showFailedPaymentDataBtn{
    font-size: 14px;
    text-align: right;
    display: block;
    color: #a5a5a5;
    margin-top: 8px;
}
a#showFailedPaymentDataBtn:hover{
    color: #ff8d8d;
    font-weight: bold;
    transition: 0.3s all;
}
table#failed_payments_table .material-checkbox{
    color: #00428a !important;
}
#payInvoiceBtnContainer{
    display: none;
    position: fixed;
    position: fixed;
    right: 0%;
    bottom: 7%;
    height: auto;
    width: 15%;
    padding: 13px 0px;
    text-align: center;
    background: rgb(143 146 255 / 10%);
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
}
#invoiceCount{
    height: 30px;
    width: 30px;
    display: block;
    border-radius: 50%;
    font-size: 17px;
    text-align: center;
    background: #00428a;
    color: #ffffff;
    position: absolute;
    right: -9px;
    top: -22px;
    border: 1px solid #ababab;
    font-weight: bold;
}
div.failedPaymentBreakdownContainer{
    -webkit-box-shadow: -1px 11px 25px -23px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 11px 25px -23px rgba(0,0,0,0.75);
    box-shadow: -1px 11px 25px -23px rgba(0,0,0,0.75);
    padding-bottom: 10px;
    border-radius: 5px;
    background: #fbfcff;
    border: 1px dotted #f7f7f7;
    margin-bottom: 20px;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 13px;
    padding-bottom: 10px;
    border-radius: 8px;
}
div.failedPaymentBreakdownContainer span#failedPaymentBreakdown_aggregate_label{
    font-size: 17px;
    font-weight: bold;
    text-transform:uppercase;
    color: #ff8f8f;
}
div.failedPaymentBreakdownContainer table td.failedPaymentBreakdown_type{
    padding-left: 10px !important;
    padding-bottom: 4px !important;
    font-size:15px;
}
div.failedPaymentBreakdownContainer table td.failedPaymentBreakdown_type_value{
    text-align: right;
    color: #212529;
    font-size:15px;
}
div.failedPaymentBreakdownContainer span.failedPaymentBreakdown_aggregate_value{
    float: right;
    font-size: 17px;
    font-weight: bold;
    color: #f15353;
}

div.info-box-failedPayment{
    box-shadow: none; 
    margin-bottom: 5px !important;
    border-bottom: 1px solid gainsboro;
}
div#info-box-failedPayment--breakdown{
    margin-left: 25px;
    width:100%;
}
div#info-box-failedPayment--breakdown p{
    margin:0;
}div#info-box-failedPayment--breakdown a{
    font-size: 13px;
    color: #888888;
}
div.selectMultipleCheckboxContainer{    
    margin-left: 1.8% !important;
    font-size: 13px !important;
}
div.selectMultipleCheckboxContainer label{
    color: #777c81;
    text-transform: uppercase;
    vertical-align: middle;
    margin-bottom: 0px;
    padding-top: 3px !important;
}
h5.rebillBreakdownSaleHeader{
    font-size:18px !important;
}
h5#section_rebill__refunded{    
    color: #af636a !important;
    font-weight: normal;
    font-size: 15px;
    margin-top: 10px;
}
h5#section_rebill__refunded i{
    font-size: 11px !important;
}
span.rebillRefundBreakdown{
    display: block;
    margin-top: 10px;
    font-size: 14px;
}
span.rebillRefundBreakdown i {
    font-size: 10px;
}
span.rebillCount{
    color: #8e8e8e;
    /*display: block;*/
    font-size: 15px;
}
div#section_rebill_breakdown, div#section_trial_breakdown{
    margin-top: 5px;
}
div#section_rebill_breakdown table td,
div#section_rebill_breakdown table th,
div#section_trial_breakdown table td,
div#section_trial_breakdown table th  {
    padding: 1px !important;
    text-align: right !important;
}
div#section_rebill_breakdown table th,
div#section_trial_breakdown table th {
    font-size:13px;
    text-transform: uppercase;
}
div#section_rebill_breakdown table td p,
div#section_trial_breakdown table td p {
    margin-bottom: 0px !important;
}
div.segmentGraphContainer{
    -webkit-box-shadow: 7px 14px 26px -11px rgba(94,94,94,1);
    -moz-box-shadow: 7px 14px 26px -11px rgba(94,94,94,1);
    box-shadow: 7px 14px 26px -11px rgba(94,94,94,1);
    border-radius: 5px;
    margin-top: 10px;
    background: #fff;
}
table#segments td{
    padding: 7px 7px !important;
    font-size: 15px !important;
}
tr .td_segment_histories td{
    padding: 20px 10px !important;
}
div#revenueManagementTableContainer div.tab-pane{
    position: relative;
}
div#revenueManagementTableContainer div.dataTables_wrapper div.dataTables_paginate{
    position: absolute;
    bottom: 2%;
    right: 2%;
}
div#revenueManagementTableContainer div.dataTables_wrapper div.dataTables_filter{
    position: absolute;
    right: 2%;
    top: 0%;
}
div#laravelLogContent{
    padding: 30px 16px 30px 20px;
    background: #f7f6f3;
    border-radius: 8px;
    margin-top: 30px;
    max-height: 800px;
    overflow: auto;
    font-size:13px;
}
p.laravelLogFile{    
    margin: 0;
    padding: 10px 0px;
    padding-left: 12px;
    cursor: pointer;
}
.laravelLogFileSelected{
    color: #fff;
    background: #343a40 !important;
}
p.laravelLogFile:nth-child(odd){
    background: #efefef;
}
table#allSegments td, table#allSegments th{
    font-size: 13px !important;
    padding: 3px !important;
}
div#allSegments_paginate a.page-link{
    font-size:12px !important;
    padding: 3px 9px !important;
}
div#allSegments_info{
    padding-top: 0px !important;
    font-style: italic !important;
    font-size: 14px !important;
}
#allSegments_length{
    font-size: 13px !important;
}
#allSegments_filter{
    font-size: 13px !important;    
}
div#allSegmentsContainer{
    padding: 8px;
}
div#allSegmentsContainer h3{
    font-size: 16px !important;
}
#contentFileUploadContainer{
    text-align: center;
    padding: 5px;
    background: #fdfdfd;
    font-size: 14px;
    background: #dbfaff;
    margin-bottom: 10px;
}
#contentFileUploadContainer a{
    text-decoration: none;
    background-color: transparent;
    font-weight: bold;
    border-bottom: 2px solid #34e3ff;
    color: #23b3ca;
    padding: 2px 5px;
}
#contentFileUploadContainer a:hover{
    color: #34e3ff;
    transition: 0.3s all;
}
#refreshTestEmailsBtn{
    float: right;
    font-size: 12px;
    color: #fff;
    border-bottom: 2px solid #fff;
    padding: 2px 8px;
    border-radius: 2px;
}
#refreshTestEmailsBtn:hover{
    border-bottom: 2px solid transparent;
    background: white;
    color: #fb5858;
    transition: 0.3s all;
}
.nav-sidebar>.nav-item .nav-icon{
    font-size: 16px !important;
}
.nav-sidebar .nav-item>.nav-link{
    margin-bottom: 2px;
    font-size: 14px;
    padding: 6px 5px;
}
div#responseDataContainer{
    height: 500px;
    overflow: auto;
}
div#responseDataContainer table.table td{
    padding:2px;
}
div.reportOptionContainer div.bootstrap-select button,  div.productStatFilter button{
    height: 40px;
}
div#refreshDataProgressContainer div.progress{
    background: #515151 !important;
    border: 3px solid #fff;
}
div#refreshDataProgressContainer{
    padding-top: 25%;
    position: fixed;
    top: 0px;
    right: 0px;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 10000;
}
div#contactsToInactiveList{
    padding: 10px 100px;
    position: fixed;
    bottom: 12%;
    right: 0px;
    z-index: 2;
    color: #080808;
    max-height: 50%;
    background: #fbffff;
    overflow-y: scroll;
    overflow-x: hidden;
    /*border: 1px solid #6c757d;*/
    border-top: 5px solid #6c757d;
    -webkit-box-shadow: -23px 24px 53px -17px rgba(0,0,0,0.75);
    -moz-box-shadow: -23px 24px 53px -17px rgba(0,0,0,0.75);
    box-shadow: -23px 24px 53px -17px rgba(0,0,0,0.75);
}
div#contactsToInactiveList a.closeDiv{
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 2;
    background: #6c757d;
    color: white;
    font-size: 37px;
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
}

a.navMenus{
    font-size: 14px;
    padding: 10px 40px;
}
#exportMembershipData{
    background: #4c637b;
    position: absolute;
    top: 10px;
    right: 5px;
    padding: 2px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    border-bottom:2px solid transparent;
}
div.tabContentPlatform li.nav-item a{
    font-size: 13px;
    font-weight: bold;
}
div.exportOptionsContainer{
    margin-bottom: 20px;
}
#exportMembershipData:hover{
    background: #fff;
    border-bottom: 2px solid #4c637b;
    color: #0255af;
    border-radius: none;
    transition: 0.5s all;
}
div.dashboardBody{
    border-top: 1px solid #f8f9fa;
    position: relative;
}
.membersTableHeader{
    padding: 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #6c757d;
    margin-bottom: 10px;
    color: #fff;
}
table#productChartFigureTable td, table.tableSummary td{
    padding:1px 2px !important;
    color: #000;
}
table#productChartFigureTable thead{
    font-size:11px !important;
    font-weight: bold;
    font-size: 11px;
}
table.tableSummary thead{

    font-weight: bold;
}
table#productChartFigureTable tbody td{
    font-size: 14px;
}
.tabContentPlatform a.nav-link{
    padding: 5px 15px !important;
    text-transform: uppercase;
}
.tabContentPlatform a.nav-link.active{
    border-top: 2px solid #6c757d;
    border: none;
    border-bottom: 3px solid #6c757d;
}

div.membershipTableFilterContainer button{
    font-size:11px;
    font-weight: bold;
    height: 26px;
}
div.filteringContainer button{
    height: 33px;
    font-size: 14px;
}
#orderShipment td{
    padding: 2px !important;
    font-size:13px;
}
#shipmentsTable td{
    padding: 2px !important;
    font-size: 14px !important;
}
div.productSelectpickerContainer .dropdown-header{
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
table#productBreakdownTbl td{
    box-sizing: content-box;
    padding: 1px !important;
    font-size: 14px;
}
span#platformGraphFilter{
    position: absolute;
    top: 6px;
    right: 10PX;
    width:140px;
}
span#platformGraphFilter li a{
    color:#000 !important;
}
#productBreakdownTbl a.page-link{
    padding: 5px !important;
}
table#productBreakdownTbl div.dataTables_wrapper div.dataTables_info{
    font-size:10px !important;
}
table#membership > td:not(.td_membership_details){
    padding:0px !important;
    font-size: 14px !important;
}
table#membership.table td, .table th{
    padding:0px !important;
    font-size: 11px;
}
div.invoicesContainer{
    padding-left:15px !important;
    padding-right: 15px !important;
    border-bottom: 2px solid #a8adb1;
    border-right: 2px solid #b1b1b1;
    border-bottom-left-radius: 15px;
    border-left: 2px solid #b1b1b1;
    border-bottom-right-radius: 15px;
    background: #f2f2f2;
}
div.invoicesContainer table.table td{
    font-size: 14px !important;
}
table.membershipInvoices{
    font-size:15px !important;
}
table#membership th{
    font-size: 15px !important;
    padding: 5px !important;
}
span.bg-membership-active{
    background: #3366cc !important;
    color: #fff !important;
}
span.bg-membership-inactive{
    background: #dc3912 !important;
    color: #fff !important;
}
td.td_membership_details{
    padding: 0px 10px !important;
}
span.totaldashboardAmount{
    font-size: 15px;
    font-weight: normal;
    border-bottom: 1px solid #a7a7a7;
    padding: 0px 5px;
    color: #6d6d6d;
    border-radius: 5px;
}
span.dashboardAmount{
    font-weight: normal;
    font-size: 13px;
    border-bottom: 1px solid #a7a7a7;
    padding: 0px 4px;
    color: #fff;
    color: #6d6d6d;
}
table#dashboardSales tr.dashboardSales_platformRow span.dashboardAmount{
    color: #f7f7f7 !important;
}
span.sales_total_amount{
    font-size: 14px;
    color: #6b6b6b;
}
span.spanAmount{
    font-size: 15px;
    background: #fff;
    color: #797979;
    border-radius: 7px;
    margin-left: 9px;
    font-weight: 600;
    padding: 0px 8px;
    border: 1px solid #c1c1c1;
}
td.skuTable span.spanAmount{
    font-size: 13px !important;
    padding: 0px 5px !important;
}
p.dashboardSales_footer{
    text-align: right;
    font-size:14px;
    font-style: italic;
}
table#dashboardSales td, table#dashboardSales th{
    padding: 5px !important;
}
table#dashboardSales tr.dashboardSales_platformRow  {
    font-weight: bold;
    background: #6d7984;
    color: #ececec;
    text-transform: uppercase;
    font-size: 16px;
}
table#dashboardSales tr.dashboardSales_vendorRow{
    background: #f6fbff !important;
}
table#dashboardSales tr.dashboardSales_vendorRow td:first-child{
    padding-left: 15px !important;
}
table#dashboardSales tr.dashboardSales_vendorRowByType td:first-child{
    padding-left: 40px !important;
}
table#dashboardSales tr.dashboardSales_vendorRowByType td{
    padding:2px !important;
}
tr.dashboardSales_vendorRowByType{
    padding-left: 41px;
    font-size: 14px;
    background: #9aadbf !important;
    color: #fff !important;
}
tr.dashboardSales_vendorRowByType span.dashboardAmount{
    color: #fff !important;
}
.emailLink{
    font-weight: bold;
    color: #298edc;
}
.size11{
    font-size:11px;
}
div.filterTypeSalesContainer .dropdown-header {
    display: block;
    padding: .5rem 1rem;
    font-size: .875rem;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
}
select.productOptionsSel{
    border: none;
    padding: 5px;
    background-color: #fff;
    height: 28px;
    font-size: 13px;
}
a#setProduct:hover{
    font-weight: bold;
    color: #fff;
    transition: 0.5s all;
}
table.productTransaction_table {
    font-size:13px;
}
table.productTransaction_table  th, table.productTransaction_table  td{
    padding: 0px !important;
}
table#table_noPidSet{
    font-size: 13px !important;
}
table#table_noPidSet th, table#table_noPidSet td{
    padding:0px !important;
}
div#no_pid_set{
    margin-top: 19px;
    background: #fffbfb;
    border-radius: 36px;
    padding:5px;
}
td.platformTdMain{
    border-left: 2px solid #bcbcbc;
}
span.spandatatable_filter button{
    background: #fff;
}
span.spandatatable_filter label{
    font-weight: 700;
    font-size: 13px;
}
div#notMappedContainerMain{
    margin-bottom: 22px;
}
div.notMappedContainer{
    border: 1px solid #ffc9c9;
    border-radius: 11px;
    padding: 5px;
    background: rgba(255, 240, 240, 0.1);
    border-left: none;
    border-right: none;
}
span.notMappedNote{
    display: block;
    font-size: 14px;
    padding-left: 24px;
    font-weight: normal;
}
/* The container */
.containerLableFilter {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: lowercase;
}

/* Hide the browser's default radio button */
.containerLableFilter input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containerLableFilter:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerLableFilter input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerLableFilter input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerLableFilter .checkmark:after {
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}
/**/


div.productBreakdownContainerDiv, div.skuBreakdownContainerMain, div#rawSalesTableContainer{
    border-top: 1px solid #cccccc;
    border-top-right-radius: 10px;
    padding: 12px;
    border-bottom: 1px solid #cccccc;
    border-bottom-right-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-top:-1px;
}
h3.breakdownHeader{
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    color: #9d9d9d;
    border: 1px dotted #aeaeae;
    padding: 7px;
    border-bottom: 0px;
    border-radius: 6px;
    background: #ffffff;
    margin-bottom: 0px;
    border-bottom-color: white;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    z-index: 9;
}
div#productBreakdownContainer{
    margin-top: 32px;
}
span.comboSkuName{
    border-left: 2px solid #929292;
    border-right: 2px solid #929292;
    border-radius: 5px;
    background: yellow;
    padding: 0px 5px;
}
div.floatRight_graphtype button{
    padding:2px !important;
    font-size: 14px !important;
}
div.floatRight_graphtype{
    text-align: right;
}
div.floatRight_graphtype:after{
    clear: both;
    display: block;
    content: '';
}
div#notFoundProducts{
    border-radius: 5px;
    border: 1px solid #ffd6d6;
    border-left: 3px solid #ff6060;
    margin-top:20px;
    padding-top:15px;
}
div#platformBreakdownContainer{
    font-size: 13px;
}
tr.tr_platformSaleBreakdownHeader{
    background: #ffe7cf !important;
    color: #555555 !important;
    text-transform: uppercase !important;
    font-size: 13px;
}
tr.tr_platformSaleBreakdownHeader td{
    padding: 5px !important;
}
tr.tr_platformSaleBreakdownVal td{
    padding: 5px 20px !important;
}
span.tr_platformSaleBreakdownVal_span{
    float: right;
    padding: 2px 7px;
    border-right: 1px solid #6b6b6b;
    border-left: 1px solid #6b6b6b;
    border-radius: 5px;
    background: #fff8f1;
}
#rowSaleContainer{
    padding: 5px;
}
td.details > div.dataTables_wrapper > div.row:first-child, td.details > div.dataTables_wrapper > div.row:nth-child(3), #platformSiteBreakdown_wrapper > div.row:first-child, #platformSiteBreakdown_wrapper > div.row:nth-child(3){
    display: none;
}
.skuNotSetRow{
    background-color: #ff0000 !important;
    color: #fff !important;
}
.skuNotSetRow a{
    font-weight: bold;
    color: #fff !important;
}
#platformSiteBreakdown .page-link{
    padding: 5px !important;
}
table#platformSiteBreakdown td.details div.dataTables_wrapper{
    background: #fffdf7;
    border-radius: 0px;
}
table#platformSiteBreakdown td.details div.dataTables_wrapper ul.pagination li a{
    font-size: 13px !important;
}
table#platformSiteBreakdown td.details div.dataTables_wrapper div.dataTables_length, table#platformSiteBreakdown td.details div.dataTables_wrapper div.dataTables_filter{
    font-size: 13px !important;
}
table#platformSiteBreakdown td.details{
    border-bottom: 0px !important;
    border-left: 1px solid #6d6d6d;
    padding-left: 15px !important;
    border-bottom-left-radius: 38px;
    background: #fff !important;
    padding:0px;
}
table#productBreakdownContainer, table#rawSalesTable, table#skuBreakdownContainer, table#notMapped, table#platformSiteBreakdown{
    font-size: 13px;
    width:100% !important;
}
div#platformSiteBreakdown ul.pagination li a, div#notMapped_wrapper ul.pagination li a, div#productBreakdownContainer_wrapper ul.pagination li a, div#rawSalesTable_wrapper ul.pagination li a, div#skuBreakdownContainer_wrapper ul.pagination li a {
    padding:5px;
    font-size: 14px;
}
#notMapped td, #notMapped th, #productBreakdownContainer td, #productBreakdownContainer th, #rawSalesTable td, #rawSalesTable th,  #skuBreakdownContainer td, #skuBreakdownContainer th{
    padding: 0px !important;
}
div.platformSiteBreakdownContainer{
    border-top: 1px solid #cccccc;
    border-top-right-radius: 10px;
    padding: 12px;
    border-bottom: 1px solid #cccccc;
    border-bottom-right-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-top: -1px;
}
div.platformSiteBreakdownContainer  div.dataTables_paginate , div.platformSiteBreakdownContainer div.dataTables_info{
    font-size:13px !important;
}
td.platformTdMain i.right{
 border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
table.siteVendorTable > thead{
    visibility: hidden !important;
    font-size: 0px !important;
}
table.siteVendorTable thead th{
    padding:0px !important;
}
table.siteVendorTable{
    font-size:15px !important;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
}
td.details table.dataTable{    
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
table#platformSiteBreakdown{
    font-size: 20px !important;
    border-spacing: 0px;
}
#platformSiteBreakdown td, #platformSiteBreakdown th{
    padding:5px;    
    border-top:0px !important;
}
#platformSiteBreakdown thead th{
    border-bottom: 0px !important;
}
#platformSiteBreakdown > tbody > tr{
    background: #6d6d6d;
}
#platformSiteBreakdown > tbody > tr:not(.details) > td{
    color: #fff;
}
#platformSiteBreakdown > thead{    
    font-size: 13px;
    color: #b7b7b7;
    text-transform: uppercase;
    font-weight: normal;
}
td.details div.container-fluid{
    padding:0px !important;
    margin:0px !important;
}

span.mapped_products_highlighted{
    border-radius: 5px;
    padding: 1px 2px;
    color: #fff;
    background: #2dadfa;
    font-weight: normal;
}
#ninetyDaySegmentNote{
    margin-bottom: 0px;
    background: #fff1a3;
    padding: 7px;
}
table#reports td{
    position: relative !important;
}
a.addNote{
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 13px;
    color: #f0ad4e;
}
#mainSalesTable table, td.details table{
    width:100% !important;
}
a.customEmailHistoryBtn{
    font-size: 13px;
    color: #6b6b6b;
    background: #f3f3f3;
    border-bottom: 1px solid #d6d6d6;
    border-radius: 3px;
    padding: 3px;
}
a.customEmailHistoryBtn:hover{
    font-weight: bold;
    border: none;
    color: #ef3b3b;
    background: #fff6f6;
    transition: 0.3s all;
}
td.calendar_offer_details select, td.calendar_offer_details input{
    height: 25px;
    font-size:12px;
}
#transactions{
    overflow-x: scroll;
    max-width: 100%;
    max-height: 70vh;
}
#transactions table.jexcel{
    width:100%;
}
#transactions .jexcel_container{
    width:100%;
}
a.showOrdersBtn{
    font-size: 13px;
    color: #444444;
}
li.navItemCb{
    font-size:14px;
}
table#clickbank_tbl_refund td, table#clickbank_tbl_refund th{
    padding:0px !important;
}
#customFormSending{
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 10px;
    margin: 20px 0px;
}
a#customizeSending {
    font-size: 12px;
    padding: 2px;
    border-bottom: 2px solid #f71717;
    color: #f71717;
}
a#customizeSending:hover{
    font-weight: bold;
    background: #ff7b7b;
    color: #fff;
    transition: 0.3s all;    
    border-bottom: 2px solid transparent;
}
div.containerNetProfitCredential{
    margin-top:20px;
}
p.mappedProducts_header, ul.mappedProducts_list{
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
form#updateSkuForm input#sku{
    text-transform: uppercase;
}
.hide{
    display: none;
}
form#addSkuForm input[name="data[sku]"]{
    text-transform: uppercase;
}
.alignRight{
    text-align: right;
}
.alignCenter{
    text-align: center;
}
.selectFlowBtn {
    margin-left: 10px;
}
form#skuConfigForm div.card-body{
    padding: 20px 10px !important;
}
div.rowMargin--top{
    margin-top: 10px;
}
td.actionTd_modify{
    font-size:12px;
    text-align: center;
}
div.rowBorder--bottom{
    border-bottom: 1px solid#e4e4e4;
}
div.rowPadding--bottom{
    padding-bottom: 10px;
}
input.inputResizeHeight{
    height: 30px;
}
div.dialogError{
    padding-left: 50px;
    background: #f7f7f7;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 5px;
}
.input_border_red {
    border-color: red;
}
span#syncError{
    display: none;
}
div.formBtnContainer{
    text-align: right;
    padding-bottom: 50px;
}
span.commentNote{
    float:left;
    color: #ff7cff;
}
.td_smallText{
    font-size:12px;
}
div#reportDataContainer{
    background: #f9feff;
    border: 1px solid #f3f3f3;
    max-width: 100%;
    max-height: 800px;
    overflow: scroll;
}

#auditData div.card-body::-webkit-scrollbar-track,
div#product_stats_figure_container::-webkit-scrollbar-track, html::-webkit-scrollbar-track,
.offer_container::-webkit-scrollbar-track,
.schedulingForm .modal-body::-webkit-scrollbar-track, .schedulingForm .modal-body::-webkit-scrollbar-track, .updateEditForm .modal-body::-webkit-scrollbar-track,
div.ppPartnersSalesBreakdown_tableContainer::-webkit-scrollbar-track,
div.stickDaysTableContainer div.dataTables_wrapper div.row:nth-child(2) div::-webkit-scrollbar-track,
div#rangeBreakdown::-webkit-scrollbar-track, div#contactsToInactiveList::-webkit-scrollbar-track, div#reportDataContainer::-webkit-scrollbar-track,
div.mockScheduleBrandIndividualContainer_calendar::-webkit-scrollbar-track, div#salesResultAuditContainer::-webkit-scrollbar-track,
#summaryAmountByTypeTable::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #fff;
    border-radius: 4px;
}

#auditData div.card-body::-webkit-scrollbar,
div#product_stats_figure_container::-webkit-scrollbar, .offer_container::-webkit-scrollbar,
.schedulingForm .modal-body::-webkit-scrollbar, .updateEditForm .modal-body::-webkit-scrollbar,
div.ppPartnersSalesBreakdown_tableContainer::-webkit-scrollbar,
div.stickDaysTableContainer div.dataTables_wrapper div.row:nth-child(2) div::-webkit-scrollbar,
div#rangeBreakdown::-webkit-scrollbar, div#contactsToInactiveList::-webkit-scrollbar, div#reportDataContainer::-webkit-scrollbar,
div.mockScheduleBrandIndividualContainer_calendar::-webkit-scrollbar,
div#salesResultAuditContainer::-webkit-scrollbar,
#summaryAmountByTypeTable::-webkit-scrollbar
{
    width: 3px;
    background-color: rgba(0, 123, 255, .5);
    height: 5px;
}

#auditData div.card-body::-webkit-scrollbar-thumb,
div#product_stats_figure_container::-webkit-scrollbar-thumb, .offer_container::-webkit-scrollbar-thumb,
.schedulingForm .modal-body::-webkit-scrollbar-thumb, .updateEditForm .modal-body::-webkit-scrollbar-thumb,
div.ppPartnersSalesBreakdown_tableContainer::-webkit-scrollbar-thumb,
div.stickDaysTableContainer div.dataTables_wrapper div.row:nth-child(2) div::-webkit-scrollbar-thumb,
div#rangeBreakdown::-webkit-scrollbar-thumb, div#contactsToInactiveList::-webkit-scrollbar-thumb, div#reportDataContainer::-webkit-scrollbar-thumb, 
div.mockScheduleBrandIndividualContainer_calendar::-webkit-scrollbar-thumb,
div#salesResultAuditContainer::-webkit-scrollbar-thumb,
#summaryAmountByTypeTable::webkit-scrollbar-thumb
{
    background-color: rgba(0, 123, 255, .5);
    border-radius: 4px;
}

html::-webkit-scrollbar{
    width: 7px;
}
html::-webkit-scrollbar-thumb{
    background-color: #5e748a9e;
    border-radius: 10px;
}

table#reports  td, table#reports th{
    padding:0px;
}
a.resolveCommentBtn{
    color: #000;
    padding: 2px;
    font-size: 12px;
    border-bottom: 2px solid purple;
}
a.resolveCommentBtn:hover{
    background: purple;
    border: 0px;
    color: #fff;
    border-bottom: 2px solid transparent;
    transition: 0.3s all;
}
div.resolveCommentContainer{
    text-align: right;
    margin:10px 0px;
}
div.productPulledContainer{
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #f3f3f3;
    margin-top: 10px;
    margin-bottom: 10px;
}
a.productFePulledBtn{
    margin-right: 10px;
}
p.pTypeSpan{
    text-align: right;
    margin: 5px !important;
    font-weight: bold;
    color: #739bc6;
    border-right: 3px solid #90bae4;
    padding-right: 9px;
}
div.reviewProductsContainer{
    margin-bottom:  31PX;
    border-bottom:  1PX solid #dadada;
    padding: 10PX 10PX;
}
div.reviewProductsContainerMain{
    max-height: 700px;
    overflow-y: auto;    
}
p.productPricingKey{
    font-weight: bold;
    font-size: 17px;
    background: #f4f9ff;
    padding-left: 5px;
    border-left: 5px solid #007bff;
    margin-bottom: 0px !important;
}
#spreadsheet_view .card-body{
    overflow-x: auto;
}
span.badgeStatus_loaded{
    background-color: #aaffe6;
    color: black !important;
    border: 1px solid #6cb19d;
}
span.badgeStatus_review{    
    color: #000000;
    background-color: hsl(354, 100%, 88%);
    border: 1px solid #ff909a;
}
div.image_modal_container{
    width: 10% !important;    
    display: inline-block;
    float: left;
    margin-left: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    text-align: center;
}
div#image_modal_containerMain::after{
    display: block;
    content:'';
    clear: both;
}
div#image_modal_containerMainMain div.footer svg{
        font-size: 10px !important;
    width: 12px !important;
}
div.image_modal_container::after{
    display: block;
    content: '';
    clear: both;
}
div.image_modal_container img{
    width:80px;
    height: 80px;
}
img.imageModalContainerPreview{
    max-width: 100%;
    width: 100%;
}
div.image_modal_container span{
    text-align: center;
    display: block;
}
div.image_modal_container--selected{
    transition: .5s all;
    background: rgba(0,0,0,0.4);
    color: #fff;
    font-weight: bold;
    transform: scale(.9);
}
li.versionIndiv_container_li_detail--current {
    background: #e2f0ff !important;
}
a#restoreVersion{
    display: none;
}
div#contentVersionContainer{
    width:100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top:0%;
    left:-102%;
    z-index: 1040;
    transition: 1s all;
}

div.contentVersionContainer_header{
    padding: 20px 10px;
    border-bottom: 1px solid #eaeaea;
}

div.versionsHeader{    
    font-size: 19px;
    padding: 20px;
    border-bottom: 1px solid #e6e6e6;
    text-align: center;
}
p.versionIndiv_container_date{
    border-bottom: 1px solid gainsboro;
    padding: 10px 2px;
    text-transform: uppercase;
    font-size: 15px;
}
div.versionIndiv_container_list{
    padding-left: 20px;
}
div.versionIndiv_container{
    padding-bottom: 20px;
    border-bottom: 1px dotted gainsboro;
}
li.versionIndiv_container_li_detail{
    padding: 5px;
    font-size: 14px;
    cursor: pointer;
}
li.versionIndiv_container_li_detail span.time{
    font-weight: bold;
}
li.versionIndiv_container_li_detail span.user{
    font-weight: bold;    
    color: #ff8252;
    border-bottom: 2px solid #ffd2bc;
}

#closeVersionContainer{
    color: #969696;
    font-size: 29px;
    display: inline-block;
    margin-right: 20px;
    background: #fff;
}
span.version_date{
    font-size: 18px;
    margin-right: 23px;
}
div.contents_filterContainer{
    padding-bottom: 15px;
    text-align: right;
    margin-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
}
div#commentSelectedText img{
    max-width: 100%;
}
div.type-light div.modal-header, div.type-light div.modal-footer{
    padding:10px !important;
}
div.type-light div.modal-content{
    border-radius: 0px;
}
span#commentTitle{
    color: #000;
    text-transform: uppercase;
}
a#hideComment{
    padding: 5px;
    text-align: right;
    display: block;
    font-size: 25px;
}
div.commented_on_div{
    padding: 10px;
    border-left: 3px solid #d6d6d6;
    margin-top: 10px;
    word-break: break-all;
}
div#comments{
    position: absolute;
    z-index: 999;
    top: 0px;
    right: 0px;
    background: #f5f5f5;
    padding: 0px;
    border: 1px solid #bbbbbb;
    width: 20%;
    height: 100vh;
    overflow-y: scroll;
    margin-right:-30%;
    transition: .5s all;
}
div.direct-chat-msg{
    padding-bottom: 0px !important;
    border-bottom: 1px solid #d2d6de;
    padding: 10px;
    background: #fff;
    margin-bottom: 0px !important;
}
div.direct-chat-msg:nth-child(even){
    background: #fcffcf;
}
div#comments img{
    max-width:100% !important;
}
span#commentIcon{
    position: fixed;
    top:20%;
    right:20px;
    font-size:15px;
    color: #0792d3;
    cursor: pointer;
}
div#commentSelectedText{
    padding: 10px;
    margin-bottom: 20px;
    border-left: 3px solid #6a6a6a;
    background: #f3f3f3;
    height: 100%;
    max-height: 500px;
    overflow-y: auto;
}
#saveContentLoader{
    display: none;
    position: absolute;
    top: 5%;
    right: 40%;
    font-size: 15px;
    font-weight: bold;
    color: #007cff;
    background: #fff;
}
#abContentsOption_container button{
    height: 35px !important;
}
#td_pull button{
    height: 35px !important;
}
#abContentsOption_container{
    margin-bottom: 15px;
}
a.copyData{
    display: block;
    text-align: left;
    padding-right: 10px;
    font-size: 16px;
}
div#contentHtmlContainer{
    height: 93%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}
div#editorContainer{
    position: relative;
}
p.uploadContentPrompt{
    text-align: center;
    text-transform: uppercase;
}
p.uploadContentPrompt small{
    color: #959595;
    font-weight: bold;
}
div#contentMaropostNote{
    padding: 20px 10px;
    border-top: 1px solid #eaeaea;
    margin-top: 50px;
    display: none;
}
p.contentNote{
    font-weight: bold;
}
button#loadContent{
    position: fixed;
    bottom: 9%;
    right: 4%;
    transition: 0.5s all;
}
div#cke_previewEditor span.cke_top{
    display: none;
}
div#editorTextArea{
    transition: all 0.8s;
}
#previewDocument{
    width: 50%;
    background: white;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99999999999;
    border: 1px solid #c7c7c7;
    margin-left:-52%;
    transition: all 0.8s;
}
a.closePreviewDocument{
    font-size: 33px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #ffffff;
    border: 1px solid #c9c9c9;
    background: #8a8a8a;
    padding: 10px;
    z-index: 99;
}
a.closePreviewDocument:hover{
    border: 1px solid transparent;
    background: #00ccff;
    transition: 0.5s all;
}
a.actionIcon{
    color: #53595e;
    font-size: 15px;
    padding:2px !important;
}
div.previousContents button{
    height: 36px !important;
}
span.spanNoTid{
    font-weight: bold;
    margin: 5px 0px;
    font-style: italic;
    padding-left: 10px;
    display: none;
    background: #fff;
}
span#slHeader{
    border-left: 4px solid #8fc2f8;
    padding: 4px;
    display: block;
    font-size: 18px;
    background: rgba(166, 209, 255, 0.2);
    margin-bottom: 2px;
}
div#previewPreviousContent{
    height: 100%;
    width: 100%;
    background: rgba(178, 178, 178, 0.9);
    position: absolute;
    top: 0px;
    left: 0px;
    padding:50px;
    display: none;
    padding: 30px 39px;
    z-index: 999;
}
div#previewPreviousContentBtn{
    text-align: right;
    position: fixed;
    right: 5%;
    bottom: 10%;
    border-radius: 0px;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
}
div#previousContentsTbl_wrapper label{
    font-size:13px !important;
}
div.contentPreviewContainer{
    width: 100%;
    height: 85%;
    background: #fff;
    position: relative;
    margin: 0 auto;
    padding-top: 40px;
}
table#previousContentsTbl td, table#previousContentsTbl  th{
    font-size:13px !important;
    padding:1px !important;
    white-space: nowrap;
}
div#previousContentsTbl_paginate li a{
    font-size:10px !important;
    padding:5px;
}
div#previousContentsTbl_info{
    font-size: 13px !important;
}
ul.previousContentsList li{
    list-style-type: none;
    padding: 5px 5px;
    border-bottom: 1px solid #f1f1f1;
    cursor: pointer;
}
ul.previousContentsList li:nth-child(even){
    background: #f6f6f6;
}
ul.previousContentsList li:hover{
    background: #b1d7ff;
    transition: .5s all;
}
ul.previousContentsList{
    padding:0px !important;
}
div.previousContents{
    background: white;
    max-height: 100%;
    height: 62vh;
    border-bottom: 21px solid #f2f2f2;
    padding-left:10px;
    overflow-y: auto;
    padding-top:10px;
}
.subAccountSchedulingForm .modal-content::-webkit-scrollbar-track, div.tableUpdateScroller::-webkit-scrollbar-track, div.previousContents::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #fff;
    border-radius: 4px;
}
.subAccountSchedulingForm .modal-content::-webkit-scrollbar, 
div.tableUpdateScroller::-webkit-scrollbar, 
div.previousContents::-webkit-scrollbar
{
    width: 7px;
    height: 3px;
    background-color: rgba(0, 123, 255, .5);
}
.subAccountSchedulingForm .modal-content::-webkit-scrollbar-thumb, div.tableUpdateScroller::-webkit-scrollbar-thumb, div.previousContents::-webkit-scrollbar-thumb
{
    background-color: rgba(0, 123, 255, .5);
    border-radius: 4px;
}
div.previousContents::-webkit-scrollbar{
    height: 8px !important;
}

table#calendar_editor_tbl td, table#calendar_editor_tbl th{
    font-size:14px !important;
}
table#calendar_editor_tbl td, table#calendar_editor_tbl th{
    padding: 14px !important;
}
table#calendar_editor_tbl_cal td, table#calendar_editor_tbl_cal th{
    padding: 0px !important;
}
td.bgYellow{
    /*background: #fffdb6 !important;*/
}
#editorRow div[class^='col-md-']{
    padding:0px !important;
    margin: 0px !important;
}
#editorRow{
    padding:0px !important;
}
table#contents td, table#contents th{
    padding:2px !important;
}
#archivedOffers{
    border-bottom: 2px solid orange;
    font-size: 12px !important;
}
div#offer_response_breakdown{
    display: none;
}
tr.tr_offer_archived{
    background: #ffdde0 !important;
}
a#showArchivedOffers{
    font-size: 11px;
    color: #abafb3;
}
a#showArchivedOffers:hover{
    color: #007bff;
    transition: .5s all;
}
a.campaign_free_slot_drafted{
    background-size: 20px 20px !important;
    background: rgb(239, 107, 255);
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    border: 1px solid #323334 !important;
    padding-left: 30px;
    font-size: 11px;
    height: 18px !important;
    color: #fff !important;
}
div.form_drafted_campaign_details{
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #ffb8a1;
    border-left: 5px solid #ffb8a1;
    background: #fff7f4;
    display: none;
}
a.campaign_free_slot_drafted i.calendarDraftBtn{
    color: #ffffff !important;
}
div.calendar_note{
    position: absolute;
    background-color: red;
    width: 40px;
    height: 50px;
}
i.calendarDraftBtn {
    position: absolute;
    right: 3px;
    top: 2px;
    color: #517cab;
    font-size: 14px;
}
a.campaign_free_slot {
    background-size: 20px 20px !important;
    background: #ffffff;
    background-repeat: no-repeat;
    text-align: center;
    border: none;
    border: 1px solid #74b7ff !important;
    border-left: 3px solid #74b7ff !important;
    border-right: 3px solid #74b7ff !important;
    padding-left: 30px;
    font-size: 11px;
    height: 18px !important;
}
.daterangepicker .ranges ul{
    width:200px !important;
}
div.fullcalendarBtnsContainer button{
    font-size:12px;
}
div.fullcalendarBtnsContainer button i{
    font-size:15px;
}
div.fullcalendarBtnsContainer button.btnActive{
    background: #e4f1ff;
    border: 1px solid silver;
}
div#monthNavigator{
    margin: 6px 0px;
}
p#sentStatNote{
    padding: 6px;
    background: #e8fffe;
    border-left: 5px solid #1bdcf0;
}
.dialogSendingHistory .bootstrap-dialog-message{
    max-height: 70vh;
    height: 100%;
    overflow: auto;
}
.cronTransactionsDialog .bootstrap-dialog-message{
    max-height: 70vh;
    height: 100%;
    overflow: auto;
}
span.seeMoreHistory{
    float: right;
    font-size: 12px;
    cursor: pointer;
    color: #007bff;
}
div.timeline-header .col-md-6{
    margin-bottom: 10px;
}
span.contactsList{
    border-radius: 6px;
    padding: 0px 2px;
    background: #eafaff;
    border-bottom: 2px solid #5bc0de;
    font-size:14px;
}
span.seeMoreHistory:hover{
    font-weight: bold;
}
span.timelineHeaderSpan{
    font-weight: bold;
    color: #a6a6a6;
}
div#dialogBodySample {
    margin-top: 24px;
    background: #f6f6f6;
    padding: 10px;
}
div#daterangeSponsoredContainer button{
    width:100%;
}
div#sponsoredStatisticContainer{
    margin-top:30px;
}
#sponsored_email_stats{
    overflow-x: auto;
}
div#setManualCampaignId{
    margin-top: 12px;
    display: none;
}
span.setCampaignIdBtn{
    font-size: 12px;
    border-bottom: 1px solid #5bc0de;
    cursor: pointer;
}
div.campaignIdText{
    margin-top:40px;
}
p.resultNone{
    padding: 11px;
    font-weight: bold;
    text-align: center;
}
div.notificationModal div.bootstrap-dialog-message{
    height: 100%;
    max-height: 600px;
    overflow: auto;
}
i.searchIconHeader{
    position: absolute;
    top:10px;
    right:10px;
    color: #8d8d8d;
    font-size: 18px;
}

div#comments::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #fff;
    border-radius: 4px;
}
div#comments::-webkit-scrollbar
{
    width: 3px;
    height: 3px;
    background-color: rgba(0, 123, 255, .5);
}

div#comments::-webkit-scrollbar-thumb
{
    background-color: rgba(0, 123, 255, .5);
    border-radius: 4px;
}


div#resultContainerUl::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #fff;
    border-radius: 5px;
}
div#resultContainerUl::-webkit-scrollbar
{
    width: 3px;
    background-color: rgba(0, 123, 255, .5);
}

div#resultContainerUl::-webkit-scrollbar-thumb
{
    background-color: rgba(0, 123, 255, .5);
    border-radius: 5px;
}
div#resultContainerUl{
    max-height: 50vh;
    height: 100%;
    overflow: auto;
}
div#searchResultInput a{
    display: block;
    padding:2px 10px;
}
div#searchResultInput a:nth-child(even){
    background: hsla(211, 100%, 78%, 0.18);
}
div#searchResultInput a b{
    color: #007bff;
}
div#searchResultInput a:hover, div#searchResultInput a:hover b{
    color: #fb5858;
    font-size:13px;
    transition: .5s all;
}
#searchResultInput{
    position: absolute;
    left: 0px;
    width: 125%;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-top: none;
    border-top: none;
}
div#searchResultInput div#resultContainerUl{
    font-size: 12px;
}
span#topSearchContainer input.form-control:focus{
    outline: none !important;
}
div#rowSearchContainer, div#rowSearchContainer .colDiv{
    margin:0px !important;
    padding:0px !important;
}
#searchTypeContainer div.dropdown-menu{
    border: 1px solid #dfdfdf !important;
    border-radius: 0px !important;
}
#searchTypeContainer div.bootstrap-select{
    width: 100% !important;
}
#searchTypeContainer button, #searchTypeContainer li{
    font-size:14px !important;
}
#searchTypeContainer button:focus{
    outline: none !important;
}
#searchTypeContainer button{
    border:none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    background: transparent;
    border-bottom: 1px solid #dfdfdf !important;
    height: 34px;
}
input#searchInput{
    width: 100%;
    font-size: 14px;
    background: #fff;
    border: none;
    border-radius: 0px !important;
    border-bottom: 1px solid #dfdfdf;
    padding: 6px;
}
input#searchInput:focus{
    border-color: transparent !important;
    outline: none !important;
}
span#topSearchContainer{
    position: relative;
    display: inline-block;
    width:100%;
}
div[id^=calendar]{
    position:relative; z-index: 11;
}
div#calendarContainer_multiple div.fc-header-toolbar{
    margin-bottom: 5px !important;
}
div#calendarContainer_multiple div.fc-toolbar{
    padding: 0px !important;
}
div.fc-scroller{
    overflow: hidden !important;
}
div.notePopUp{
    background: #ffff85;
    padding-left:5px !important;
    padding-bottom: 5px;
    margin-top:10px;
    border-radius: 5px;
    border: 1px solid #8c8c8c;
}
span.resetOfferFilterSpan, span.resetStatusFilterSpan{
    color: #65b2f6;
    font-size: 12px;
    float: right;
    cursor: pointer;
}
span.resetOfferFilterSpan:hover, span.resetStatusFilterSpan:hover{
    color: #0c7cdd;
    font-weight: bold;
    transition: .5s all;
}
tr.titleLegendRow{
    cursor: pointer;
}

.titleLegendRowSelectedTd{
    font-weight: bold;
}
tr.filterByStatusRow{
    cursor: pointer;
}
.statusRowSelected{
    background: #eaf4ff;
    font-weight: bold;
    height: 25px;
    z-index: 999999999999999999;
    border: 2.3px solid #88c1ff;
}
.titleLegendRowSelectedTr{
    background: #eaf4ff;
    border: 2.3px solid #88c1ff;
}
tr.titleLegendRow:hover{    
}
a.colorWhite{
    color: #fff !important;
}
a.offerCampaignDetailsHover:hover{
    border-bottom: 2px dotted white;
    background: #3697ff;
    color:#fff !important;
    transition: 1s all;
}
tr.highlightScheduledCampaign{
    background: #0059b9 !important;
    color: #fff;
}
table#offers_table td {
    padding: 2px !important;
}
td.calendar_offer_details{
    padding:0px !important;
    background: rgba(0, 123, 255, .2) !important;
    padding-bottom: 20px !important;
    padding-top:20px !important;
}
td.calendar_offer_details ul.pagination li.paginate_button a{
    padding:5px !important;
}
td.calendar_offer_details table{
    margin:0px !important;
    padding:10px !important;
    width:100% !important;
}

td.calendar_offer_details table td{
    padding: 0px !important;
}
td.calendar_offer_details table th{
    padding: 5px !important;
}
i.clipboardAppLink{
    margin-right: 10px;
    color: whitesmoke;
}
div#calendarSearchContainer{
    border-bottom: 1px solid #e7e7e7;
    padding: 5px 2px;
    text-transform: uppercase;
    padding-bottom: 13px;
    margin-bottom: 8px;
}
div#calendarSearchContainer input{
    height: 30px;
}
i.resetCalendarBtn{
    display: inline-block;
    margin-top: 9px;
    color: #65b2f6;
    font-size:12px;
    cursor: pointer;
    float:right;
}
div.popoverStyling{
    width:100%;
    max-width: 500px;
    z-index: 1071 !important;
    border-top: 10px solid #007bff;
    background: #fff;
}
table.tablePopOver table td{
    border: 1px solid #000;
    border-collapse: collapse;
}
table.tablePopOver table{
    background: #d4e9ff;
}
.letterTitleLegend{   
    font-weight: bold;
    color: #007bff;
}
.letterTitleLabel{
    text-transform: lowercase;
    font-size: 14px;
    font-weight: 500;    
    color: #7a7a7a;
}
span.titleOT{
    font-weight: bold;
    padding-right:1px;
    padding-left: 1px;
    background: #ffffff;
    color: #007bff;
}
.fc button{
    padding: 0px 5px !important;
    font-size: 13px !important;
}
span.revenueSpan{
    color: #646464;
    font-weight: bold;
    border-left: 1px dotted #000000;
    border-right: 1px dotted #000000;
    padding: 0px 3px;
}
span.revenueSpanExt{
    color: #fff !important;
    border-color: #fff !important;
}
div.campaignStatsToolTipContainer{
    width:700px !important;
}
div.campaignStatsToolTipContainer div.tooltip-inner{
    text-align: left !important;
    border-radius: 0px !important;
    opacity: 1;
    border-bottom: 3px solid #007bff;
    max-width:700px !important;
}
div.campaignStatsToolTipContainer div.tooltip-inner table{
    background: rgb(0,0,0,1) !important;    
    color: #fff !important;
    width:100% !important;
}
tr.trPadding{
    height: 10px !important;
    background: #a7a7a7 !important;
    padding:20px 0px !important;
}
input#ext_revenue{
    border: 0px !important;
    background: #fff !important;
    font-size: 30px !important;
    text-align: center;
}
div.manualSendTimeSetting{
    text-align: right;
}
div.manualSendTimeSetting a{    
    padding: 2px 5px;
    display: inline-block;
    border-bottom: 2px solid #e6e6e6;
    font-size:14px;
}
div.manualSendTimeSetting a:hover{
    border-bottom: 2px solid #007bff;
    transition: 1s all;
}
div.performance_report table.jexcel thead{
    font-size: 20px;
    font-weight: 500;
    background: green;
    color: #000;
}
ul.configMenu{
    margin-left: 8px;   
}
ul i.iconModify{
    font-size: 12px !important;
}
#campaign_links_container img{
    width:30px;
}
#campaign_links_container{    
    padding: 10px;
    background: aliceblue;
}
.jexcel > tbody > tr > td.readonly{
    color: #767676 !important;
}
table#mainAffiliatesTable{
    width:100% !important;
}
table#mainAffiliatesTable td.details{
    padding: 0px;
    background: #fffcea;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cecece;
}
table#mainAffiliatesTable td.details input, table#mainAffiliatesTable td.details select  {
    height: 25px;
    font-size: 13px;
}
table#mainAffiliatesTable td.details li.paginate_button{
    font-size:12px;
}
table#mainAffiliatesTable .table td, table#mainAffiliatesTable .table th{
    padding:0px;
}
td.details{
    padding-left:40px;
    background: #ededed;
    border-bottom: 10px solid #d8d8d8;
}
#revenueRangeContainer{
    text-align: right;
    margin-top: 30px;
    margin-right: 41px;
}
#revenueRangeContainer span.irs-with-grid{
    margin-top:-10px !important;
}
div#filterContainer{
/*    border-top: 1px solid #cacaca;
    margin-top: 8px;*/
    border-radius: 5px;
}
span.testSegments{
    margin-left: 10px;
    padding: 5px;
    color: #646464;
    border-radius: 5px;
    background: hsl(0, 0%, 100%);
    font-size: 12px;
    border: 1px solid #b1b1b1;
    cursor: pointer;
}
label.labelFilter{
    font-weight: normal !important;
    font-size: 15px;
    color: #868686;
    text-transform: uppercase;
}
.sponsored_detected_span {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
span.testSegments:hover{
    color: #ff9d9d;
    border: 1px solid red;
    transition: .5s all;
}
span.sponsored_detected_span{
    float: right;
    padding: 2px 5px;
    border: 1px solid #e15562;
    border-radius: 3px;
    background: white;
    font-size: 12px;
    font-weight: bold;
    color:#dc3545!important;
}
tr.backgroundRed{
    background: rgba(255,0,0,.1);
}
select#offer_types_filter{
    float: right;
    width:200px;
    margin-left: 10px;
}
a.reviewDataBtn:hover{
    color:green;
    background: #fff;
    border:1px solid #dedede;
}
span.alert_name{
    color: #3fc3ee;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 2px solid silver;
}
.material-control-input{
    display: none;
}
.material-checkbox{
    color: #26a69a;
}
.material-control-input:checked~.material-control-indicator{
    border-color: var(--color);
    transform: rotateZ(38deg) translate(1px, -5px);
    width: 8px;
    height: 17px;
    border-top: 0px solid #fff;
    border-left: 0px solid #fff;
}
.material-control-indicator{
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 13px;
    height: 13px;
    border: 2px solid #aaa;
    transition: .3s;
}
#lowPerformingOfferTable.table td, #lowPerformingOfferTable.table th{
    font-size: 12px !important;
    padding:0px !important;
}
div#campaign_revenue_container{
    overflow-x: auto;
}
a.seeMoreBtn{    
    color: #999999;
    font-size: 14px;
}

a.seeMoreBtn:hover{
    color: #6c757d;
    font-weight: 500;
    font-size:15px;
    transition: .5s all;
}

span#dateFilterSpan{
    font-size: 14px;
    font-weight: bold;
    padding: 2px;
    color: #fff;
    border-bottom: 1px solid white;
    float: right;
}

i.formatStyling{
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(66deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

#lowPerformingCampaignsContainer div.card-header{
    padding:8px !important;
}
#lowPerformingCampaignsContainer div.card-header h3.card-title{
    font-size: 17px;
}
table.table_scheduled_campaign_details tr{
    height: 80px;
}
table.table_scheduled_campaign_details td,table.table_scheduled_campaign_details th{
    padding:0px !important;
}


div#scheduledCampaignsContainer table.dataTable thead > tr > th{
    padding: 10px !important;
}
div#scheduledCampaignsContainer .table td, div#scheduledCampaignsContainer .table th{
    padding: 0px !important;
}
table#skus td, table#skus th{
    padding: 5px !important;
}
.bootstrap-dialog.type-scheduledcampaigns .modal-header{
    background: #38ad7d;
}
.custom-btn-green{
    background: #31a575;
    color: #fff;
}
span.schedulingCampaignsHeader{
    border: 1px solid white;
    padding: 5px 7px;
    background: #2f996d;
}
.bootstrap-dialog.type-testemail .modal-header{
    background: #fb5858;   
}
.btn-testemail {
    color: #fff;
    background-color: #df3e3e;
    border-color: #f27575;
    box-shadow: 0 1px 1px rgba(0,0,0,.075);
}


i.testEmailContentSet{
    cursor: pointer;
}
div#emailsToBeSentContainer{
    padding: 5px 5px 20px 5px;
}
div#emailsToBeSentContainer div.card-header{
    padding:5px;
    background: #fb5858;
    margin-bottom: 15px;
}
div#offersLoadedContainer div.card-header{    
    padding:5px;
}
div#offersLoadedContainer div.card-header h3.card-title, div#emailsToBeSentContainer div.card-header h3.card-title{
    font-size: 17px;
    color: #fff;
}
div#emailsToBeSentContainer .table th, div#emailsToBeSentContainer .table td{
    padding:2px;
    font-size:13px;
}
div#brand_dashboard_container{
    border: 1px solid #ededed;
    border-radius: 5px;
}
div#emailsToBeSentContainer ul.pagination a.page-link {
    padding: 5px !important;
}

button#scheduleCampaignBtnTest{
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    box-shadow: 0 1px 1px rgba(0,0,0,.075);
}
select#chartType{
    height: 25px !important;
    padding:0px !important;
    margin-top: 18px;
}
div.chartTypeCol button{
    margin-left: 15px;
}
div.chartTypeCol div.form-group{
    margin-bottom: 0px !important;
}
table#table_offer td{
    padding: 2px !important;
    font-size: 14px;
}
div#setIntervalContainer div.dropdown-menu{
    z-index: 999999999999999999999999999;
}
div#setIntervalContainer{
    margin-bottom: 20px;
}
div#setIntervalContainer::after{
    display: block;
    content: '';
    clear: both;
}
.revenueCol{
    color: #000 !important;
}
.revenueMid{
    background:  rgb(147, 196, 125) !important;
}
.revenueHigh{
    background: rgb(109, 158, 235) !important;
}
#setManualContent:hover{
    border-bottom: 2px solid #ff5300;
    transition: .5s all;
}
.sheetHeader{
    font-weight: bold;
    color: #007bff !important;
    font-size: 16px;
}
.toolTipSchedule{
    position: relative;
}
#updatingSheetDataContainer{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(4, 59, 117, 0.1);
    z-index: 1039;
    text-align: center;
}
#updatingSheetDataContainer div{
    position: absolute;
    bottom: 50%;
    left:0px;
    color: #4178b4;
    padding: 21px;
    width: 100%;
    background: rgba(255, 255, 255);
}
.jloading{
    z-index: 9999999999999999999999999999999 !important;
}
#all_campaigns .jexcel > thead > tr > td{
    z-index: 1038 !important;
}
#all_campaigns div.jexcel_content{    
    overflow: auto;
    height: 700px;
    width: 100%;
}
#all_campaigns .jexcel > tbody > tr > td {
    padding: 2px;
    overflow: visible !important;
}
.main-sidebar{
    z-index: 1040 !important;
}
div#auditPerRange{
    max-height: 400px;
    height:100%;
    overflow-y: scroll;
}
div#auditPerRange::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #fff;
    border-radius: 5px;
}
div#auditPerRange::-webkit-scrollbar
{
    width: 3px;
    background-color: rgba(0, 123, 255, .5);
}

div#auditPerRange::-webkit-scrollbar-thumb
{
    background-color: rgba(0, 123, 255, .5);
    border-radius: 5px;
}


#counter_form_container::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #fff;
    border-radius: 5px;
}

#counter_form_container::-webkit-scrollbar
{
    width: 3px;
    background-color: rgba(0, 123, 255, .5);
}

#counter_form_container::-webkit-scrollbar-thumb
{
    background-color: rgba(0, 123, 255, .5);
    border-radius: 5px;
}

#contentHtmlContainer::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #fff;
    border-radius: 5px;
}

#contentHtmlContainer::-webkit-scrollbar
{
    width: 3px;
    background-color: rgba(0, 123, 255, .5);
}

#contentHtmlContainer::-webkit-scrollbar-thumb
{
    background-color: #2cdaff;
    border-radius: 5px;
}

#all_campaigns{
    scrollbar-width: thin;
    font-size: 12px !important;
}

#all_campaigns div.jexcel_content::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #fff;
    border-radius: 5px;
}

#all_campaigns div.jexcel_content::-webkit-scrollbar
{
    width: 3px;
    height: 3px;
    background-color: rgba(0, 123, 255, .5);
}

#all_campaigns div.jexcel_content::-webkit-scrollbar-thumb
{
    background-color: rgba(0, 123, 255, .5);
    border-radius: 5px;
}


div.maro_scheduled_note{
    border: 1px solid #eeeeee;
    padding: 10px;
    margin-bottom: 20px;
    background: rgba(0, 128, 83, 0.1);
}
a.checkDataNav{
    font-size:20px;
    color:#4e5a5a;
}
.campaignDetailModal .modal-footer button.scheduleCampaignBtns {
    border: 1px solid #cecece;
    border-bottom: 2px solid #007bff;
    background: rgba(255, 255, 255, 0.5) !important;
    font-size: 15px;
    padding: 5px;
    color: #080808;
    margin-left: 8px;
}
.subAccountSchedulingForm button.scheduleCampaignBtns{
    margin-left: 5px;
}

div.schedulingBtnsContainer{
    text-align: right;
    margin-top: 20px;
    margin-bottom: 30px;
}
div.schedulingBtnsContainer button{
    margin-right: 4px;
}
.campaignDetailModal .modal-footer button.scheduleCampaignBtns:hover{
    background: rgba(0, 123, 255, 0.78) !important;
    color: #fff;
    border-bottom: 2px solid #004a9a;
    border: 1px solid transparent;
}
#spreadsheet_view{
    font-size:14px;
}
#scheduledCampaignDraft{
    margin-left:10px;
}
.campaignDetailModal .modal-footer button.btn-default, .campaignDetailModal .modal-footer button.scheduleCampaignBtns{
    display: none;
}
/* quill */
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="17px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="17px"]::before{
    content: '17px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="18px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="18px"]::before{
    content: '18px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="20px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="20px"]::before{
    content: '20px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="22px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="22px"]::before{
    content: '22px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="24px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="24px"]::before{
    content: '24px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="26px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="26px"]::before{
    content: '26px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="28px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="28px"]::before{
    content: '28px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="30px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="30px"]::before{
    content: '30px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32px"]::before{
    content: '32px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="34px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="34px"]::before{
    content: '34px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="36px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="36px"]::before{
    content: '36px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="38px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="38px"]::before{
    content: '38px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="40px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="40px"]::before{
    content: '40px';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="42px"]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value="42px"]::before{
    content: '42px';
}
.ql-container p {
    font-size: 17px !important;
}
/* end quill */
.iframe_container{
    position: relative;
}
span.totalClicks{
    font-size:32px !important;
}
div.cardHeaderModify{
    padding: 5px;
}
div.cardBodyModify{
    padding:7px;
}
h3.titleModify{
    font-size:16px;
}
div.ql-toolbar{
    position: sticky;
    background: #fff;
    top:0px;
    z-index: 9999999999;
}
div.content_split div.ql-container{
    height: auto;
}

div.ql-editor{
    width: 500px;
    margin: 20px auto;
    border: 1px dotted #cccccc;
}
p.noResultCb{
    text-align: center;
    padding: 10px;
    background: rgba(255, 51, 0, 0.1);
}
#results_transactions_zero{
    display: none;
}
#logCbContainer{
    height: 100%;
    max-height: 500px;
    overflow: auto;
}
.daterangepicker {
    z-index: 99999;
}
.tr_tid_active_filter{
    background: #ffeca6 !important;
}
div#editor_btn_container{
    text-align: right;
    margin-top: 20px;
}
p.resolved_p{
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #5ca85c;
    transition: .3s all;
}
a.resolveAlert:hover{
    color: white;
    background: green;
    transition: .5s all;
}
span.dateHighlighted{
    padding: 1px 6px;
    background: #fff;
    color: #008ba1;
    font-weight: 600;    
}
div.highlightCard{    

  -webkit-animation: highlightCard 2s infinite; /* Safari 4+ */
  -moz-animation:    highlightCard 2s infinite; /* Fx 5+ */
  -o-animation:      highlightCard 2s infinite; /* Opera 12+ */
  animation:         highlightCard 2s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes highlightCard {    
    0%{
        border: 2px solid #f4afaf;
        -webkit-box-shadow: 0px 6px 5px 0px rgba(255,0,0,0.26);
        -moz-box-shadow: 0px 6px 5px 0px rgba(255,0,0,0.26);
        box-shadow: 0px 6px 5px 0px rgba(255,0,0,0.26);
    }
    25%{
        border: 2px solid #f66464;
        -webkit-box-shadow: 0px 6px 5px 0px rgba(255,0,0,0.26);
        -moz-box-shadow: 0px 6px 5px 0px rgba(255,0,0,0.26);
        box-shadow: 0px 6px 5px 0px rgba(255,0,0,0.26);
    }
    50% {
        border: 2px solid #f43939;
        -webkit-box-shadow: 0px 6px 5px 0px rgba(255,0,0,0.26);
        -moz-box-shadow: 0px 6px 5px 0px rgba(255,0,0,0.26);
        box-shadow: 0px 6px 5px 0px rgba(255,0,0,0.26);
    }
    75%{
        border: 2px solid #e8c3c3;
        -webkit-box-shadow: 0px 6px 5px 0px rgba(255,0,0,0.26);
        -moz-box-shadow: 0px 6px 5px 0px rgba(255,0,0,0.26);
        box-shadow: 0px 6px 5px 0px rgba(255,0,0,0.26);
    }
    100% {
        border: 2px solid red;
        -webkit-box-shadow: 0px 6px 5px 0px rgba(255,0,0,0.26);
        -moz-box-shadow: 0px 6px 5px 0px rgba(255,0,0,0.26);
        box-shadow: 0px 6px 5px 0px rgba(255,0,0,0.26);
    }
}
div.campaign_platforms_indiv_container, div.ty_page_container{
    padding: 26px 0px;
    border-bottom: 2px dotted #aeaeae;
}
span.processJourneyOffers{
    float: right;
    padding: 3px;
    border: 1px solid #f4f4f4;
    font-size: 12px;
}
span.processJourneyOffers:hover a{
    color: #246cb9;
    transition: .5s all;
}
span.processJourneyOffers a{
    color: #7b7b7b;
}
a.addNewJourneyBtn{
    float: right;
}
#main_container_right{    
    height: 436px;
    max-height: 100%;
    overflow-y: auto;
    border-left: 3px solid #f2f2f2;
    padding-left: 10px;
    border-radius: 5px;
}
#main_container_right::-webkit-scrollbar{
    width: 3px;
    height: 3px;
}
 
#main_container_right::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
#main_container_right::-webkit-scrollbar-thumb {
  background-color: #6ab2ff;
}
#multiple_offer_type_container{
    margin:0px;
}
#sponsored_offer_note_container{
    margin-top: 15px;
}
#sponsored_note{
    font-size: 14px;
}
span.bootstrap-switch-scheduling_split{
    color: #fff;
    background: #155aa4;
    font-weight: bold;
}
a.processSplit{
    float: right;
    padding: 2px;
    border: 1px solid #ececec;
    font-size: 12px;
}
div.filter_btn_container{
    text-align: right;
    padding-right: 10px;
}
a.change_offer_btn{
    font-size:12px !important;
}
div.selectOfferContainer{
    text-align: right;
}
p.multiple_offer_name{
    padding: 0px;
    margin-bottom: 0px;
}
div.multiple_platforms_indiv_container{
    padding: 10px 0px;
    border-bottom: 1px solid #dadada;
}
#contentLinkContainer div.multiple_platforms_indiv_container{
    padding:5px 0px !important;
    border-bottom: none !important;
}
div.selectOfferContainer{
    margin-bottom: 15px;
}
div#multiple_offers_container_v2{
    margin-top:10px;
}
span.multipleOfferSpan{
    margin-left: 10px;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    background: #986aff;
    font-size: 12px;
    margin-top: 10px;
    display: inline-block;
}
span.multipleOfferSpan:hover{
    border: 1px solid #986aff;
    background: #fff;
    color: #4f00ff;
    transition: 0.5s all;
}
i.removeMultipleOffer{
    margin-left: 15px;
    cursor: pointer;
}
#enableMultipleOffersContainer{
    text-align:right
}
#split_offer_options{
    margin-top: 8px !important;
    margin-bottom: 0px !important;
    display: none;
}
a.change_offer_btn:hover{
    color: #fff !important;
    background:#3d7cf3;
    transition: .5s all;
}
.scheduledBy{
    float: right;
}
p.multiple_offer_type{
}
div.bootstrap-dialog-title{
    display: block !important;
}
.shopify_link_container{
    padding:10px;
    border-bottom: 1px solid #bdbdbd;
    padding-top: 30px;
}

.shopify_link_container:nth-child(even){
    background: #e8f6ff;
}

.multiple_offer_type_indiv:nth-child(even){
    background: #E9F6FF;
}

.multiple_offer_type_indiv{
    padding:10px;
    border-bottom: 1px dotted #9e9e9e;
}

.multiple_offer_type_indiv:nth-child(odd){
    background: #f4f4f4;
}

.shopify_link_container:nth-child(odd){
    background: #f9f9f9;
}
.versionIndiv_container_li_detail:nth-child(odd){
    background: whitesmoke;
}
.versionIndiv_container_li_detail:hover{
    background: #ffef7b;
}
p.campaign_details_scheduled{
    WIDTH: 100%;
    HEIGHT: AUTO;
    TEXT-ALIGN: CENTER;
    MARGIN-TOP: 149PX;
    FONT-SIZE: 20PX;
    COLOR: #b5b5b5;
}
i.selectCreative{
    font-size: 20px;
    color: #09b2d8;
    float: right;
    cursor: pointer;
}
#content_link_generated_container{
	margin-top: -11px;
    margin-bottom: 11px;
}
.driveFileLink{
	font-size: 20px;
    color: white;
    font-weight: bold;
    margin-left: 20px;
}
a.driveFileLink:hover{
	color: #e1ff00;
}
#delete_campaign{
	float: right;
    background: white;
    color: #888888;
    border: 1px solid #d6d6d6;
}
a#delete_campaign:hover{
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
li.liSls{
	position: relative;
    background: #fcfcfc;
    border-bottom: 1px dotted #949494;
    padding:5px;
}
li.liSls:hover{
	background: #e8fffd;
	transition: .5s all;
}
.selectedSlContainer p{
	font-size: 12px;
    font-weight: bold;
    color: #767676;
}
.selectedSlContainer{
	padding: 10px;
	margin-bottom: 10px;
    background: white;
    display: none;
}
div.subject_line_stats::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
div.subject_line_stats::-webkit-scrollbar{
	width: 3px;
	background-color: #F5F5F5;
}
div.subject_line_stats::-webkit-scrollbar-thumb{
	background-color: #a3c3ff;
}
ul.subjectLineAb{
	padding-bottom: 0px;
	padding-left: 14px;
}
#offerCampaignTypesContainer{
	width:100%;
}
#offerCampaignTypesContainer::after{
	content: '';
	display: block;
	clear:both;
}
.offerCampaignTypeContainer{
    padding-left: 10px;
	width:50%;
	float:left;
}
a.width50{
	width: 50% !important;    
	height: 100%;
    border-radius: 0px;
    padding-top: 15px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 10px;
    float:left;
}
a.selectedSubjectLine{
    color: green;
    font-weight: bold;	
}
a.sl_stats_btn{
	color:dimgrey
}
a.sl_stats_btn:hover{
	font-weight: bold;
}
.subject_line_stats, .multiple_subject_line_stats{
    position: fixed;
    top: 0px;
    right: 0px;
	width: 100%;
    height: 100%;
    background: white;
    margin-right: -100%;
    overflow-y: auto;
    padding-bottom: 25px;
}
.close_subject_linebtn,.multiple_close_subject_linebtn{
    font-size: 40px;
    display: block;
    margin-bottom: 20px;
    background: #f1f1f1;
    color: #5d5d5d;
    text-align: center;
}
a.close_subject_linebtn:hover,.multiple_close_subject_linebtn:hover{
    background: #6da7ff;
    color: #ffffff;
    transition: .3s all;
}
#subject_lines_table tbody td{
	padding:0px !important;
	font-size:14px;
}
.slStatRevenueA{	
    border: 1px solid #4c4c4c;
    padding: 1px;
    border-radius: 5px;
    color: #000;
    background: #6aff1e;  /* green */
}
.slStatRevenueB{	
    border: 1px solid #4c4c4c;
    padding: 1px;
    border-radius: 5px;
    background: #3f71ff; /* blue */
    color: #fff;
}
.slStatRevenueC{	
    border: 1px solid #4c4c4c;
    padding: 1px;
    border-radius: 5px;
    background: #fff;
    color: #000;
}


#subject_lines_table thead th td{	
	padding:5px !important;
	font-size:13px;
}
#subject_lines_table thead th{
	padding:5px !important;
}
table#subject_lines_table{	
    background: white;
    overflow-x: auto;
}
table.scheduledCampaigns  thead tr th {
    word-wrap: break-word;
    word-break: break-all;
}
.automation_subject_lines{
    margin-top: 20px;
    padding: 10px 10px;
    border-bottom: 1px dotted #d0d0d0;
    background-color: whitesmoke;
}
#useNativePlatform{
	color: #c5c5c5;
    border-bottom: 1px dotted #c5c5c5;
    cursor: pointer;
}
#useNativePlatform:hover{
	color: #28a745!important;
	font-weight: bold;
	transition: .5s all;
}
#fetchingCampaignsLoader{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    z-index: 9999999;
    text-align: center;
    padding-top:45vh !important;
    background: rgba(0, 0, 0, 0.4);
    display: none;
}
span#fetchingCampaignsLoaderContainer{
    background: rgba(0, 0, 0, 0.7);
    color:#fff;
    font-weight: bold;
    padding:50px;
    width:100%;
    display: block;
}
ul#linksContainer li{
    margin-top: 10px;
    color: #b2b2b2;
    font-size:12px;
}
span.selectLink{
	cursor: pointer;
}
span.selectLink:hover{
	color:green;
	font-size:13px;
	transition:.5s all;
}
a.selectApiOffer{	
    color: #8f8f8f;
    font-size: 20px;
}
a.selectApiOffer:hover{	
    color: #007eff !important;
    font-size:23px;
    transition:.5s all;
}
#create_offer_url{
	margin-top:10px;
}
.campaign_platforms input[type="radio"]:not(.is_link_type), #platform_container input[type="radio"], .ty_platforms input[type="radio"]:not(.is_link_type){
    display: none;
}
#platform_container label, .campaign_platforms label:not(.is_link_type),  .ty_platforms label:not(.is_link_type)  {
	display: inline-block;
    padding: 4px 10px;
    font-family: Arial;
    font-size: 10px;
    cursor: pointer;
    margin-left: 5px;
  	background-color: #e9e9e9;
  	color: #595959;
}
#multiple_offer_type_platforms {
    padding: 10px 0px;
}
#platform_container input[type="radio"]:checked+label, .campaign_platforms input[type="radio"]:checked+label, .ty_platforms input[type="radio"]:checked+label {
    background-color: #005ab7 !important;
    color: white !important;
}
#platform_container_multiple .multiple_platforms input[type="radio"], 
#multiple_offer_type_platforms .offerCampaignType_platforms input[type="radio"],
#sub_platform_container_multiple .multiple_platforms input[type="radio"],
#contentOfferLinksContainer .multiple_platforms input[type="radio"]{
    display: none;
}
#platform_container_multiple .multiple_platforms label, 
#multiple_offer_type_platforms .offerCampaignType_platforms label,
#sub_platform_container_multiple .multiple_platforms label,
#contentOfferLinksContainer .multiple_platforms label{
    display: inline-block;
    padding: 4px 10px;
    font-family: Arial;
    font-size: 10px;
    cursor: pointer;
    margin-left: 5px;
    background-color: #e9e9e9;
    color: #595959;
}
#platform_container_multiple .multiple_platforms input[type="radio"]:checked+label, 
#multiple_offer_type_platforms .offerCampaignType_platforms input[type="radio"]:checked+label,
#sub_platform_container_multiple .multiple_platforms input[type="radio"]:checked+label,
#contentOfferLinksContainer .multiple_platforms input[type="radio"]:checked+label{
    background-color: #005ab7 !important;
    color: white !important;
}
p.tid_display{
	font-size: 12px;
    color: #32b265;
    font-weight: normal;
}
#result_container{
	margin-top: 20px;
}
#result_container_cb{	
    border: 1px solid #e9e9e9;
}
.exportBtn{
	/*margin-left: 61px;*/
    font-weight: bold;
    color: #37bc37;
    background: #edffed;
    text-transform: uppercase;
    font-size: 19px;
    padding: 0px !important;
    /*float: right;*/
}
.export_container{
    margin-left: 60px !important;
}
#excellTabContent table.jexcel tr td{
	padding: 0px !important;
}
#excellTabContent{
    max-width: 100%;
    /*max-height: 900px;*/
    /*height: 100%;*/
    /*overflow: auto;*/
    background: #f2f2f2;
}
.num_clicks_container{
	    padding-bottom: 15px;
    border-bottom: 1px solid #c8c8c8;
    margin-top: 15px;
}
.inputFileCsv + label{
	height: 38px;
    border-radius: 5px;
    background: white;
    padding-left: 20px;
    padding-top: 8px;
    border: 1px solid #e8e8e8;
}
 .tableInfusionsoft td, .tableInfusionsoft th{
 	padding:.25rem !important;
 	font-size: 13px;
 }
 .multiple_subject_line_stats .table td, .multiple_subject_line_stats.table th{
    padding: 1px !important;
 }
 .affSummaryContainer{
 	background: #ececec;
    padding-top: 10px;
    border-radius: 10px;
 }
#searchIsData{
	margin-top:32px;
}
a.referralPartnerPill{
    font-size: 13px !important;
    padding: .3rem 1rem !important;
}
.all_transaction_filter{
	margin-top:20px;	
    margin-bottom: 26px;
}
#campaign_revenue div.dataTables_wrapper
div.row:first-child,#campaign_revenue div.dataTables_wrapper
div.row:last-child,
#not_set div.dataTables_wrapper
div.row:first-child,#not_set div.dataTables_wrapper
div.row:last-child,
#pulled div.dataTables_wrapper
div.row:first-child,#pulled div.dataTables_wrapper
div.row:last-child,
#all div.dataTables_wrapper
div.row:first-child,#all div.dataTables_wrapper
div.row:last-child{
	width:900px;
}

#clickbank_tbl{
	border-collapse: collapse !important;
}
#clickbank_tbl table.td{
  word-wrap: break-word;
}
.inputFileCsv{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputFileCsv + label {
	position: relative;
	width:100%;
	font-size: 14px;
    color: #747474;
    border: 1px solid #c0c0c0;
    display: inline-block;
    padding: 4px;
    font-weight: 400 !important;
    background: #f9f9f9;
}

.inputFileCsv:focus + label,
.inputFileCsv + label:hover {
    border: 1px solid transparent;
    background: #343a40;
    color: #fff;
}
.inputFileCsv + label {
	cursor: pointer; /* "hand" cursor */
}

#exportBtn, #get_report{
	border-bottom: 1px dotted #c8c8c8;
    border: 1px solid #c8c8c8;
    font-size: 13px;
    color: #8a8787;
    padding: 5px !important;
}
#get_report{
	padding:4px;
}
#get_report:hover{
	color: #dc3545;
	border-color: #dc3545;
	transition: .5s all;
}
#exportBtn:hover{
	color:#28a745;
	border-color: #28a745;
	transition: .5s all;
}
.result_container{
	margin-top: 50px;
	overflow-x: auto;
}
.filter_container{
	padding: 15px;
    display: block;
    border-bottom: 1px solid #f7f7f7;
    border-top: 1px solid #f7f7f7;
}
td span.tid_styling{
	background: #ffd84c;
	border-radius: 5px;
	padding:1px;
    border: 1px solid #616161;
}
table#clickbank_tbl td{
	padding: 0px;
}
table#clickbank_tbl th{
	padding: 0.40rem;
    font-size: 13px;
}
table.table-hover tr:hover{
	background:#fff39a;
}
a.removeContent{
    padding: 2px 5px;
    background: red;
    border-radius: 3px;
}
a.removeContent i{
	color:#fff;
}
.showOfferData:hover{
	cursor: pointer;
	color:blue;
}
p.revenue_breakdown{
	color: #000;
    margin-bottom: 2px;
    border-bottom: 1px;
    border-bottom-style: solid;
	font-size:14px;
    border-bottom-color: #dbe0db;
}
.revenue_breakdown_container{
	position:absolute;
	width:100%;
	top:0px;
	background: #efefef;
    z-index: -1;
	transition: .3s all;
}
.offer_revenue{
	position:relative;
	overflow: hidden;
}
.offer_revenue:hover{
	overflow: visible !important;
}
.offer_revenue:hover .revenue_breakdown_container{
	z-index: 1 !important;
}
.offer_revenue:hover .revenue_breakdown_container{
	top:100%;
	transition: 1s all;
}
#set_offer_form .bootstrap-select, #ecommerceSiteContainer .bootstrap-select{
	width:100% !important;
}
#offers_menu{
	white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
#offers_menu::-webkit-scrollbar{
    background: #fff;
	height:10px;
}
#offers_menu::-webkit-scrollbar:hover{
	background:#b5b5b5;
}
#offers_campaign_body::-webkit-scrollbar{
    background: #f1f1f1;
	height:3px;
}
#offers_campaign_body::-webkit-scrollbar-thumb {
	background: #6ab2ff;
}
#offers_menu::-webkit-scrollbar-thumb {
	background: #dedede;
}

#offers_menu::-webkit-scrollbar-thumb:hover{
	background:#6F6F6F;
}
#offers_menu a{
    padding: 2px 35px;
    background: #d8d8d8;
    color: #000;
    display: inline-block;
    font-size:15px;
    text-align: right;
}
#offers_menu a:hover, #offers_menu a.offers_menu_active{
	background:#007bff;	
	color:#fff;
	transition: .5s all;
	border-radius: 0px;
}
.setRevenueBtn{
	font-size: 12px;
    color: #868686;
}
.clipboard{
	color: #929292;
    font-size: 15px;
    cursor: pointer;
}
.btn-xs{
    font-size: .6rem !important;
    padding: 3px !important;
    border-radius: 0px;
}
#links_container{
    display: block;
    padding-bottom: 10px;
    background: #f7f7f7;
    padding: 10px 5px;
    margin-bottom: 5px;
    border-radius: 5px;
}
.bootstrap-switch {
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.default_parent_tr{
	cursor: pointer;
}
.graph_type{
    text-align: right;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 20px;
    margin-top:20px;
}
.graph_type a{
	font-size: 14px;
	background: white;
	display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    border: 1px solid #b8b8b8;
    border-bottom-color: white;
    color: #6a6a6a;
}
.graph_type a:hover{
    background: #e5e5e5;
    font-size: 13.5px;
    transition: .5s all;
}
.graph_type a.active{
    background: #e5e5e5;
    font-weight: bold;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.no_data_dashboard{
	text-align: center;
    padding: 10px;
    color: #acbaac;
}
.dashboard_stats_out_of{
	padding-left:5px;
	border-left: 3px solid #fff;
}
.per_brand_campaign_num{
	font-size:35px;
	font-weight: 100 !important;
	color:#414242;
	margin-top:-25px;
}
.per_brand_campaign_num_total{
	font-size:40px;
	margin-top:-10px;
}
.percentage_campaign_per_brand{
	font-size:20px;
	color:#939ba0;
}
#ratesSelect{
	height: 30px;
	width: 200px;
	border: 1px solid #bfc3c7;
}
.dashboard_show_graph{
    float: right;
    font-size: 10px;
    background: #6c757d;
    border: 1px solid #6c757d;
    padding: 2px;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
}
#brand_dashboard_details{
    padding: 10px;
}
.dashboard_show_graph:hover{
	border:1px solid #6c757d;
	background: #fff;
	color:#000;
	transition:.5s all;
}
#error_container{
	margin-top:20px;
}

.changeFontSize{
	font-size: 26px !important;
}
.fontsize12{
    font-size: 12px !important;
}
.dashboard_warning .tooltip-inner {
    text-align: left !important;
    max-width: 350px !important;
    width: 350px !important;  
}

#row_shadow{
	-webkit-box-shadow: 10px 10px 18px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 18px -7px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 18px -7px rgba(0,0,0,0.75);
}
#date_range_container{
/*	display: block;
	content:'';
	clear:both;*/
	overflow: auto;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 10px;
}
/*ajax loader*/
.ajax_loader {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999;
    text-align: center;
    background: rgba(0, 0, 0, .7);
    width:100%;
    height: 100vh;
    color:#fff;
    overflow: hidden;
}
#ajax_loader_container{
    display: block;
    margin-top: 50vh !important;
}

.displayNone{
	display: none;
}

.select2-container{
	width: 100% !important;
}

.brand_class{	
	background-size: 18px 18px;
    height: 18px !important;
	background-repeat: no-repeat;
	background-position: top right;
	color:#000 !important;
	height:25px;
}

.damiancampbell{
	background-image: url('/img/brand-icons/bg-damian.jpg') !important;
}

.clearlyhealthy{
    background-image: url('/img/brand-icons/ch.PNG') !important;
}

.concernedpatriot, .concernedpatriotcom{
	background-image: url('/img/brand-icons/cpat.png') !important;
	color:#000 !important;
	border-color:#000 !important;
}

.patriotswithguns, .patriotswithgunscom{
	background-image: url('/img/brand-icons/pwglogo-bg.jpg') !important;
}

.freepatriotgear{
	background-image: url('/img/brand-icons/fpg-logo-bg.jpg') !important;
}

.totalpatriot, .totalpatriotcom{
	background-image: url('/img/brand-icons/tp-logo-bg.png') !important;
}

.sportsmenonly, .sportsmenonlycom{
	background-image: url('/img/brand-icons/sportsmenonly-logo.png') !important;
}
.tacticalwholesaler{    
    background-image: url('/img/brand-icons/tactical-wholesaler.png') !important;
}
.sovereignamerican{
	background-image: url('/img/brand-icons/sa.png') !important;
}
.concealedpatriot, .concealedpatriotnet{	
	background-image: url('/img/brand-icons/concealed.png') !important;
}
.pigmangear, .pigman, .pigmaninnercircle, .pigmansinnercircle{  
    background-image: url('/img/brand-icons/Pigman-logo-300.png') !important;
}
.gotuk{
    background-image: url('/img/brand-icons/gotuk.png') !important;   
}
.patriotwholesale{    
    background-image: url('/img/brand-icons/patriotwholesale.png') !important;   
}
.healthylegacy,.healthlegacy{
    background-image: url('/img/brand-icons/health-legacy-small.png') !important;    
}
.patriotwholesaleclub{
    background-image: url('/img/brand-icons/pwc-small.png') !important;    
}
.braveresponseholster{
    background-image: url('/img/brand-icons/brh-small.png') !important;
}
.mooreammo{
    background-image: url('/img/brand-icons/mooreammo-icon.png') !important;    
}
.cal50counter{
    background-image: url('/img/brand-icons/50cal-icon.png') !important;    
}

.libertytechnologies{
    background-image: url('/img/brand-icons/liberty-technologies-logo.jpg') !important;    
}

.totalhealthnetwork{
    background-image: url('/img/brand-icons/thn-logo.png') !important;    
}
.tacticalsurvivaldefense, .tacticalsdcom{
    background-image: url('/img/brand-icons/tacticalsurvivaldefense.png') !important;    
}
.survivalsociety{
    background-image: url('/img/brand-icons/survivalsociety.png') !important;    
}
.hardlinepolitics{
    background-image: url('/img/brand-icons/hardlinepolitics.jpg') !important; 
}
.familysurvivalsystem, .familysurvival{
    background-image: url('/img/brand-icons/familysurvivalsystem.png') !important; 
}
.prepareandprotect{
    background-image: url('/img/brand-icons/prepareandprotect.png') !important;     
}
.thereadynetwork{
    background-image: url('/img/brand-icons/thereadynetwork.png') !important;         
}
.modernneeds, .modernneedscom{
    background-image: url('/img/brand-icons/modernneeds.png') !important;
}
.familysurvivalcom{
    background-image: url('/img/brand-icons/familysurvival.png') !important;
}
.vnsh, .vnshcom{
    background-image: url('/img/brand-icons/vnsh.png') !important;    
}
.familyconservationpac, .familyconservationpaccom{
    background-image: url('/img/brand-icons/familyconservationpac.png') !important;       
}
.guncountrynet, .guncountry{
    background-image: url('/img/brand-icons/gun-country-logo.png') !important;      
}
.painsafaricom{
    background-image: url('/img/brand-icons/pain-safari.png') !important;
}
.betterhealthtrends, .betterhealthtrendscom {
    background-image: url('/img/brand-icons/better-health-logo.png') !important;
}
.send_days input[type=checkbox] {
   position: absolute;
   left: -9999px;
   pointer-events: none;
}

.clickable_offer_row:hover{
	background: #337ab7 !important;
	color: #fff;
	cursor: pointer;
}

.clickable_offer_row_active {	
	background: #337ab7 !important;
	color: #fff !important;
	font-size: 15px;
	border: 3px solid #364654;
	transition: all .5s;
}
.campaign_name_link:hover{
	color:#fff !important;
}

.clickable_offer_row_active .campaign_name_link{
	color:#fff !important;
}
.syncDataPrompt .modal-dialog{
    width:60% !important;
}
.cronTransactionsDialog .modal-dialog{
    width:90% !important;
}
.ordersDialog .modal-dialog{
    width:80% !important;
}
.testDiv .modal-dialog{
	width:99% !important;
}
.myModal .modal-dialog{
	width:99% !important;
}
.shipmentDetailModal .modal-dialog{
    width:70% !important;
}
.failedPaymentDataModal .modal-dialog{
    width:90% !important;
}
.shipmentDetailModal .modal-dialog .modal-body, .failedPaymentDataModal .modal-dialog .modal-body, .failedPaymentDataResponseModal .modal-dialog .modal-body{    
    max-height: 80vh !important;
    overflow-x: auto;
}
.campaignDetailModal .modal-dialog{
    width:90% !important;
}
.sendStatDialog .modal-dialog{
    width:50% !important;
}
.dialogSendingHistory .modal-dialog{
    width: 80%;
}
.sendStatDialog label, .sendStatDialog div.form-group{
    margin-bottom: 0px !important;
}
.offerCampaignGraphDialog .modal-dialog{
	width: 80% !important;
	margin: 0 auto;
}
.updateDataDialog .modal-dialog{
    width:70% !important;
    margin: 0 auto;
}
.imagesDialog{
    z-index: 10015 !important;
}
.uploadImageDialog{
    z-index: 10015 !important;
}
.imagesDialog .modal-dialog{
    width:80% !important;
    margin: 0 auto;
}
.imagesDialog .modal-body{
    max-height: 75vh;
    overflow-y: scroll;
}
.accountPulled .modal-dialog, .dialogLog .modal-dialog{
    width: 60% !important;
    margin: 0 auto;
}
.notificationModal .modal-dialog{
    width: 60% !important;
    margin: 0 auto;
}
.dashboardSegmentModal{
    width: 70% !important;
    margin: 0 auto;
}
.brandCounter{
	width: 70% !important;
	margin: 0 auto;
}

.offerClickable:hover{
	background: #337ab7 !important;
	color:#fff;
	display: block;
	cursor: pointer
}

.offerClickable{
	display: block;
}

.removeMouseEvent{
	background-color: rgb(51, 122, 183,.4) !important;
	color: #042846;
}

.offerFormTitle{
    background: white;
    color: #337ab7;
    padding: 1px 5px;
    border-left: 5px solid #a3a3a3;
}

.tutorialVideoDialog .modal-dialog{
	width: 900px !important;
	height: 450px !important;
}

.tutorialVideoDialog .modal-dialog,
.tutorialVideoDialog .modal-content {
	height: 80vh !important;
}
.tutorialVideoDialog .modal-body{
	height: 100% !important;	
}

div.bootstrap-select button{
    height: 30px;
    font-size: 15px;
}


.fc-day{
	border-width: 2px !important;
	border-color:#bdc5ca !important;
	position: relative;
    font-size:13px;
}

.fc-today{
	background-color: rgb(52,58,64,.4) !important;
}

.legendTable {
	width:100%;
	margin-left: 10px;
}

.legendTableContainer{
	display: block;
}
div#legendTableContainer h6.card-title, div.legendOfferType h6.card-title, div.multipleMonthSwitch h6.card-title{
    font-size: 15px;
    display: inline-block;
    /*text-transform: uppercase;*/
}
div#legendTableContainer table.legendTable{    
    font-size: 11px;
}
.legendTable_row{
	width:100%;
}
.legendTable_tdColor--awaitingreview{
    background-color: rgb(255, 194, 200);
}
.legendTable_tdColor--sent_multiple{
    background-color: #ff5a76;
}
.legendTable_tdColor--sent{
	background-color: #fff;
	border: .5px solid #c0c0c0;
}
.legendTable_tdColor--contentloaded{
    background-color: #aaffe6 !important;
}
.legendTable_tdColor--loaded{
	background-color: #20c997 !important;
}

.legendTable_tdColor--done{
	background-color: #ffc107;
}

.legendTable_tdColor--draft{
    background-color: rgb(239, 107, 255);
}

.legendTable_tdColor--need{
	background-color: #dc3545;
}

.legendTable_tdColor{
	width:25%;
}

.legendTable_tdText{
	width:75%;
    font-size: 11px;
	padding-left: 10px;
}

.legendTable_row_separator{
	height:5px;
}

#legendTableContainer{	
/*	border:1px solid #c2c5c9;
	padding:10px;
	margin-bottom: 20px;*/
/*    border-right: 1px solid #c4c4c4;
    border-left: 1px solid #c8c8c8;*/
    padding: 0px 10px;
}

.showHideLegendTable{
    float: right;
    padding: 5px;
    font-size:12px;
	border: 2px solid transparent;
}

.showHideLegendTable:hover{
	border: 1px solid #343a40;
	transition: .5s all;
}

hr{
	margin: 0px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.bg-normal{	
  	border-top: 5px solid;
}

.bg-normal:hover,.bg-normal:hover .icon .fa{
	color:#fff !important;
	transition: .3s all;
}

.bg-normal-violet{
	border-top: 5px solid #343a40;
}

.bg-normal-violet:hover{
	background:#606b76;
}

#dashboard_journey_details{
	-webkit-box-shadow: -1px 17px 31px -11px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 17px 31px -11px rgba(0,0,0,0.75);
	box-shadow: -1px 17px 31px -11px rgba(0,0,0,0.75);
	margin:5px;
}

.bg-normal-border-red:hover{
	background: #f69595 !important;
  	border-top: 5px solid red;
}

.content_container{
	background:#f4f6f9;
	padding-bottom: 50px;
	padding-top:20px;
}

.content_body{
	width:550px;
	background:#fff;
	margin: 0 auto;
	-moz-box-shadow: -1px 24px 34px -2px rgba(0,0,0,0.75);
	box-shadow: -1px 24px 34px -2px rgba(0,0,0,0.75);
}

.table_campaign_details_scheduled tr{
    height: auto;
}

.table_campaign_details tr{
	font-size:16px;
	height: 120px;
	max-height: 100%;
}

.innerNav{
	padding-left: 10px;
	font-size:15px !important;
}

.nav-item-inner{
	padding-left:5px !important;
}

#brand_init{
	font-size: 25px;
    border: 1px solid #ebecec;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
}

.timeline-bg-icon {
    background: #343a40 !important;
    color: #fff !important;
}

.journeyRevenues .modal-dialog{
	width: 65% !important;
}
.journeyRevenues .small-box{
	height:100%;
	border-bottom: 20px solid #7d7d7d;
}

.bootstrap-dialog-header{
	width:100%;
}

.pullCampaignDialog .modal-dialog{
	width: 50% !important;
}

.texasTransactionModalSetting .modal-content{
    width: 50% !important;
    margin: 0 auto;
}

.normalDialog .modal-content{
	width: 600px !important;
}
.apiOffers .modal-dialog{
	width:60% !important;
	margin: 0 auto;
}
.schedulingForm, .updateEditForm{
    padding-right: 0px !important;
}
.schedulingForm .modal-dialog, .updateEditForm .modal-dialog{
	width: 98% !important;
	margin: 0 auto;
    margin-top: 10px !important;
}
.schedulingForm .modal-body, .updateEditForm .modal-body{
    max-height: 90vh;
    overflow-y: auto;
}
.salesAuditCompareOrderDialog .modal-dialog, .subAccountSchedulingForm .modal-dialog{
    width: 98% !important;
    margin: 0 auto;
}
.salesAuditCompareOrderDialog .modal-content, .subAccountSchedulingForm .modal-content{
    max-height: 93vh;
    overflow: auto;
}
.journeyForm .modal-dialog{
    width: 95% !important;
    margin: 0 auto;
}
.scheduledCampaignsDialog .modal-dialog{
    width: 90% !important;
    margin: 0 auto;
}
.reportStatsDialog .modal-dialog{
    width:95% !important;
    margin: 0 auto;
}
.updateEditForm .modal-dialog{
	width: 98% !important;
	max-width: 100% !important;
	margin: 0 auto;
	margin-top: 50px;
}
.promptRevenuePull .modal-dialog{
	width: 50% !important;
	max-height: 80vh !important;
	height: 100% !important;
	margin: 0 auto;
}
.postToRouteModal .modal-dialog{
    width: 50% !important;
    margin: 0 auto;
}
.postToRouteModal .modal-body{
    height: 700px;
    overflow: auto;
}
.postToRouteModal.type-primary .modal-header{
    border-bottom: 2px dotted #d8d8d8 !important;
    margin-bottom: 20px !important;
}
.routeTable td, .routeTable th{
    padding: 2px;
    font-size: 13px;
}
.contentView .modal-dialog{
	width: 50% !important;
	margin: 0 auto;
}
.creativesDialog .modal-dialog{
    width: 50% !important;
    margin: 0 auto;
}
.previewCreativeDialog .modal-dialog{
    width:50% !important;
    overflow-y: auto;
}
.badge-warning_modified{
	cursor:pointer;
	background-color: #ffffff;
	border: 1px solid #9e9e9e;
}
.updateDataRow{
    max-height: 100%;
    height: 500px;
    overflow-y: auto;
}
.badge-warning_modified:hover{
	background-color: #007BFF;
	color:#fff;
	border: 1px solid #fff;
	transition: .5s all;
}
.brandTemplateTD{
    padding: 11px 0px;
    border-bottom: 1px solid #d1d1d1;
    font-size: 13px;
    min-height: 45px;
}



@media (min-width: 576px){
	.texasTransactionModalSetting .modal-dialog, .cronTransactionsDialog .modal-dialog, .failedPaymentDataModal .modal-dialog, .postToRouteModal .modal-dialog, .shipmentDetailModal .modal-dialog, .ordersDialog .modal-dialog, .syncDataPrompt .modal-dialog, .reportStatsDialog .modal-dialog, .imagesDialog .modal-dialog,.scheduledCampaignsDialog .modal-dialog, .creativesDialog .modal-dialog, .updateDataDialog .modal-dialog, .journeyRevenues .modal-dialog, .offerDialog .modal-dialog, .brandCounter .modal-dialog, .schedulingForm .modal-dialog, .offerCampaignGraphDialog .modal-dialog, .previewCreativeDialog .modal-dialog,
	.promptRevenuePull .modal-dialog, .dialogSendingHistory .modal-dialog, .campaignDetailModal .modal-dialog, .sendStatDialog .modal-dialog, .tutorialVideoDialog .modal-dialog,  .apiOffers .modal-dialog, .journeyForm .modal-dialog, .notificationModal .modal-dialog, .accountPulled .modal-dialog,  .dialogLog .modal-dialog, .dashboardSegmentModal .modal-dialog, .subAccountSchedulingForm .modal-dialog, .salesAuditCompareOrderDialog .modal-dialog{
		max-width: 100% !important;
		margin: 0 auto;
		margin-top:50px;
	}

    .tracingReportDialog .modal-dialog{
        max-width: 90% !important;
    }
    .noCSInfoOfferReportDialog .modal-dialog{
        max-width: 55% !important;
    }
}

.tracingReportTable{
    table-layout: fixed;
    font-size: 12px !important;
}
.tracingReportTable td, .tracingReportTable th{
    padding: 1px !important
}
#tracingOfferTable{
    margin-top: 20px;
}

#tracingOfferTable .dataTables_filter, #tracingOfferTable .dataTables_paginate{
    float: right !important;
}
#tracingOfferTable #DataTables_Table_0_length{
    display: none;
}
.tracingReportDialog .modal-body{
    height: 100% !important;
    max-height: 690px !important;
    overflow: auto;
}

.noCSInfoOfferReportDialog .modal-body{
    height: 100% !important;
    max-height: 690px !important;
    overflow: auto;
}
body.login-page{
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
}

.login-logo{
	margin-bottom: 50px;
}

.login-logo a{
	color: #ffffff;
    border-bottom: 1px solid #e6e6e6;
}

.login-box{
	width:450px;
    margin: 0 auto !important;
}

.login-box-body button{
	background: #636d76 !important;
	border-color: none !important;
}
.login-box-body{    
	background: #000000a1;
    border-top: 12px solid #fff;
    border-bottom: 1PX solid #fff;
    border-left: 1PX solid #fff;
    border-right: 1PX solid #fff;
}

button.loginBtn{
    background: transparent !important;
    color: #fff;
    border:1px solid #fff !important;
    margin-top:20px;
}
button.loginBtn:hover{
	border:0px solid transparent;
	background: #fff !important;
	color: #000;
	transition: .3s all;
}

.login-box-body .btn-primary{
	border-color: transparent;
}

.bootstrapDialog_error_header{
	padding: 5px;
    border-left: 5px solid white;
    background: #aa2925;
}

.questionMarkNote{
	transform: none !important;
}

.bootstrap-dialog.type-primary .modal-header{
	background: #007bff !important;
}
.bootstrap-dialog.type-danger .modal-header{
	background: #d32535 !important;
}

.bootstrap-dialog.type-success .modal-header{
	background: #28a745 !important;
}

i.nav-icon-inner{
	font-size:14px !important;
	color:#9a9ea6;
}

.nav-item-inner .active i.nav-icon-inner, .innerNav a.active i.nav-icon-inner{
	color:#343a40 !important;
}

.show_hide_days_container{
	display: block;
	padding:10px;
	text-align: center;
	background: #d9d7d7;
	color:#000000;
}
.show_hide_days_container:hover{
	background: #797575;
	color:#ffffff;	
	transition: .3s all;
}

.offer_container,.campaign_no_offers_container{
    max-height: 600px;
    height: 100%;
    overflow: auto;
}

.offer_container_body,.offer_container_header{
	padding:10px;
}
.offer_container_header h6{
	color:#11707f;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0px;
	border-bottom: 3px solid #11707f;
}
.offer_to_schedule_container{
	background-color: #fff !important;	
 	border-top: 10px solid #11707f;
	-webkit-box-shadow: 0px 6px 33px -6px rgba(97,97,97,1);
	-moz-box-shadow: 0px 6px 33px -6px rgba(97,97,97,1);
	box-shadow: 0px 6px 33px -6px rgba(97,97,97,1);
	margin-bottom: 15px;
}
.offer_to_schedule_container:after,.offer_to_schedule_container_main:after{
	display: block;
	clear:both;
	content:'';
}
.offer_to_schedule_container:hover{
	background: #11707f !important;
	border-top: 4px solid #fff;
	transition: .5s all;
}
.offer_to_schedule_container:hover h6{
	color:#fff !important;
	border-bottom: 3px solid #fff;
	transition: .5s all;
}
.offer_to_schedule_container:hover span{

	transition: .5s all;
}
.offer_container_body table td{
	color:#11707f;
}
.offer_container_body table{
	-webkit-box-shadow: -1px 12px 19px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 12px 19px 0px rgba(0,0,0,0.75);
	box-shadow: -1px 12px 19px 0px rgba(0,0,0,0.75);
}
.offer_schedule_showmore_btn,.offer_select{
	font-size:15px;
	color:#17a2b8;
	display: inline-block;
	cursor: pointer;
}
.offer_schedule_showmore_btn:hover,.offer_select:hover{
	color:#007bff;
	font-weight: bold;
	font-size:16px;
	transition: .5s all;
}
.colorGreen{
	color:green !important;
}
.colorRed{
	color:red !important;
}
.select_offer_prompt{
	display: none;
}
.offer_to_schedule_container:hover .select_offer_prompt{
	width: 100%;
	display: block;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    background: #05b1cc;
    transition: .3s all;
}
.offer_to_schedule_container:hover .select_offer_prompt a{
	color:#fff;
	display: block;
}

.select_offer_prompt a:hover{
	background: #03434d;
	border:1px solid #11707F;
	transition: .5s all;
}
.select_offer_prompt a:hover .icon-blink {
	display: inline !important;
  animation: blink .5s steps(5, start) infinite;
  -webkit-animation: blink .5s steps(5, start) infinite;
}
.help-block{
	float:right;
	font-style: italic;
	font-weight: bold;
}
.btn-modal-margin{
	margin-right:5px;
}
.hullabaloo{
	width:350px !important;
}
.update_campaign_btn_active{
	color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    box-shadow: 0 1px 1px rgba(0,0,0,.075);
}
.scheduled_campaigns_info{
	background: #f2f2f2;
    border-left: 5px solid #636851;
    padding: 2px;
    padding-left: 5px;
}
.info-box-number{
	font-size: 18px !important;
}
.info-box-icon{
	width:100px !important;
}
.assigned_campaigns_container{
	background:#fff;
}
.assigned_campaigns_container .table td{
	padding: .50rem;
}
.info_box_container{
	margin-bottom: 20px;
}
.removeBottomMargin{
	margin-bottom: 0px !important;
}
.show_assigned_to_me{
	float: right;
    color: #645d5d !important;
    font-size: 15px;
    display: block;
    border-bottom: 1px solid;
}

.count_campaigns{
	font-size: 20px;
    position: absolute;
    top: 0px;
    left:0px;
    width: 100%;
}

.count_campaigns p{
	text-align: left;
    color: #fff;
}

.count_campaigns p span{
    background: #212529;
    padding-right: 5px;
    display: inline-block;
    border-top:3px solid #fff;
}

.offerCampaignGraphDialog{
	z-index: 9999 !important;
}

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.highlight_event{
    animation: zoominoutsinglefeatured 1.5s infinite ;
}
.campaign_offer_details{	
	font-size: 30px;
	padding-left: 5px;
	border-left: 5px solid #a9b7df;
	border-bottom: 1px solid #efefef;
}
.campaign_offer_details small{
	font-size:18px;
}

td.fc-other-month .fc-day-number {
	display: none;
}
td.fc-other-month .count_campaigns{
	display: none;
}

p.brand_counter_name,div.brand_counter{
	font-size:18px;
    padding-left: 5px;
}
div.brand_counter_container  .brand_class{
	background-position: bottom right !important;
	background-size: 25px 25px;
	/*height: 50px;*/
}
div.brand_counter p{
	margin-bottom: 0px !important;
	border-bottom: 1px solid #a9afa9;
}
.brandCounter .modal-body{
	background:#d8e7f2 !important;
}
div.brand_counter{
	text-align: center;
}
div.brand_counter p{
	display: inline;
	font-weight: bold !important;
}
div.brand_counter span{
	display: block;
	font-size:13px;
	color:#bdaf8e;
}
div.counter_status span{
	font-size:10px !important;
	display: inline-block !important;
}
.brand_counter span{
	font-size:25px;
	text-transform: uppercase;
}
.counter_need span, .counter_need p,
.counter_scheduled span, .counter_scheduled p,
.counter_remaining span, .counter_remaining p{
	color:#8a8080 !important;
}
/*.disabled{
	pointer-events: none !important;
}*/

div.brand_counter_container:hover .brand_main_container{
    margin-right:250px;
	background: #fff;
    border-left: 15px solid #007BFF;
    transition: .5s all;
}

div.brand_counter_container_disabled:hover .brand_main_container{
	margin:0px;
}
.counter_remaining{
	font-size:20px !important;
}
.counter_remaining span.danger,.counter_remaining p.danger{
	color:red !important;
}
.counter_remaining span.success,.counter_remaining p.success{
	color:green !important;
}
.brand_counter p {
	font-size:15px !important;
}

div.brand_counter_container:hover .schedule_btn{
	margin-right: 0px;
	transition: .3s all;
}

.brand_counter_container{
    background: #fff;
    position: relative;
    overflow: hidden;
    border: 1px solid #d2c9c9;
    margin-top: -1px;
}
.schedule_btn{
	position: absolute;
	right:0px;
	top:0px;
    height: 100%;
    width: 250px;
    margin-right: -250px;
}
.schedule_btn a{
	width: 100%;
    height: 100%;
    border-radius: 0px;
    padding-top:15px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size:10px;
}
#counter_form_container{
    height: 100%;
    max-height: 700px;
    overflow-x: hidden;
    overflow-y: auto;
}
.total_counter_stats{
	background:#fff;
	padding:10px;
}
.total_counter_stats p{
	font-size:30px;
	font-weight: bold;
	margin-bottom: 0px;
}
.total_counter_stats span{
	color:#9c9c9c;
	font-weight: bold;
}
.total_counter_stats--scheduled{
	border-top:10px solid #3fa23f;
}
.total_counter_stats--need{
	border-top:10px solid #f2b034;
}
.total_counter_stats--remaining{
	border-top:10px solid #ff0909;
}
.total_counter_stats--scheduled p{
	border-bottom: 2px solid #3fa23f;
	color:#3fa23f !important;
}
.total_counter_stats--need p{
	color:#f2b034 !important;
	border-bottom: 2px solid #f2b034;
}
.total_counter_stats--remaining p{
	color:#ff0909 !important;
	border-bottom: 2px solid #ff0909;
}
.row_success{
	background: #88ffa3;
}
.row_danger{
	background: #ffc8c8;
}
.info_container_header p{
	margin:0;
    padding-left: 5px;
 	font-size: 16px;
 	font-weight: bold;
    /*text-transform: uppercase;*/
}
.info_container_body .filter-option-inner-inner{
	font-size:14px !important;
}
.info_container_body .btn-light{
	background: #F4F4F4 !important;
}
.info_container_body .btn{
	border:0px !important;
	border-bottom: 1px solid #cecece !important;
	border-radius: 0px !important;
}
.info_container{
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 5px;
}
.info_container_body{
	margin: 0;
}
#tags_tagsinput{
	width: 100% !important;
	height: 100% !important;
	min-height: 100% !important;
	background: transparent !important;
}
.div.tagsinput{
	border:none;
}
#tags_addTag{
	display: none;
}
div.tagsinput span.tag{
    border: 1px solid #b8b8b8 !important;
    background:#ffffff !important;
}

.cols_border_styling{	
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
}
.danger_text_scheduling{
	font-family: 'Source Sans Pro';
    font-size: 14px;
    color: #8e8e8e !important;
    margin-bottom: 0px !important;
}
.table_pagination{
    background: #fff;
    position:  fixed;
    bottom: 30px;
    left: 25px;
    width: 30%;
    -webkit-box-shadow: 7px -5px 26px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 7px -5px 26px -6px rgba(0,0,0,0.75);
    box-shadow: 7px -5px 26px -6px rgba(0,0,0,0.75);
}
.modal { 
	overflow: auto !important; 
}
#offer_platform{
    color: #7f887f;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    margin-left: 10px;
}
.add_offer_btn_link{	
      float: right;
}
.add_offer_btn_link:hover{
	font-weight:bold;
	transition: .5s all;
}
.prompt p{
display: inline-block;
    padding: 5px;
    background: #d6eaff;
    color: #404040;
    border-left: 5px solid #007bff;
}
div.new_offer_container div.dropdown-menu{
	width:100% !important;
}
.assigned_campaigns_container .table td.child_campaign{
	padding:.2rem;
	background:#f1f1f1;
    padding-left: 20px;
    font-size:15px;
}
.dashboard_td_main{
    margin-bottom: 0px;
    font-size: 1rem;
    font-weight: 700;
    color: #55585e;
}
.dashboard_td_description{
    font-size: 13px;
    font-style: italic;
    color: #949e94;
}
.dashboard_td_brand{
	margin-bottom: 0px;
    font-size: 1rem;
    font-weight: 600;
    color: #55585e;
}
.paddingText{
	padding-left:20px;
}
.footer_total_revenue{
	font-size:1.5rem;
	color:#343a40;
}
.dashboard_campaign_name_container{
	margin-bottom: 0px;
}
.dashboard_campaign_name_container{
	font-size:15px;
}
.dashboard_campaign_revenue{
	float: right;
    font-weight: 600;
}
p.dashboard_campaign_name_container:nth-child(even){
     background: #f8f8f8;
}
.brand_row_container td{
	border-right:1px solid #f1f1f1;
}
#dashboard_table_brand{
	-webkit-box-shadow: 3px 3px 12px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 12px -1px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 12px -1px rgba(0,0,0,0.75);
}
button.btnProperty{
	display: block;width: 100%;text-align: left;
}
i.propertyIcon{
	float:right;
	padding:5px;
	font-size: 12px;
    color: #868686
}
i.addProperty{
	font-size: 12px;
    color: #868686	
}
i.propertyIcon:hover,i.addProperty:hover{
	color:#000000;
}
.propertyContainer{
	padding-left:20px;
}
#sample_source{
    display: block;
    font-size: 87.5%;
    color: #3c3c3c;
    line-height: 30px;
    background: #f1f1f1;
    padding: 10px;
    border-left: 2px solid #afafaf;
}
#form_container{
	padding: 10px;
    background: #f9f9f9;
    border-top: 5px solid #d8d8d8;
    margin-top:5px;
}
#form_container .form-control{
	padding:3px;
}

#form_container label{
	font-weight: normal;
}
.form_container_body{
    padding-left: 20px;
    background: #fbfbfb;
    padding-top: 5px;
    padding-bottom: 20px;
    padding-right: 5px;
    border-bottom: 2px solid #cecece;
}
.campaign_container{
    margin-top: 20px;
    background: #fdfdfd;
    padding:10px;
    border: 1px solid #dae2da;
    border-bottom: 2px solid #e4e4e4;
}
#campaigns_container{
    max-height: 100vh;
    height: 100%;
    overflow: auto;
}
.campaign_container_content{
	border: 1px solid #e6e6e6;
}
.pulling_header a{
	display: block;
	padding:10px;
	border-bottom: 1px solid #ebebeb;
	color: #8e8e8e;
}
div.pulling_body{
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	padding-top: 20px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom: 10px;
}
.pulling_header a:hover{
	background:#f7f7f7;
	color:#0d0d0d;
	transition: .5s all;
}
div.pulling_header a i{
	float:right;
}
.analytics_btn{
    display: block;
    font-size: 12px;
    border-bottom: 1px dotted #cad0ca;
    padding: 2px;
    margin-bottom: 2px;
    padding-left: 10px;
    color: #878887;
}
a.analytics_btn:hover{
	background: white;
	transition: .5s all;
}

.page_container{
	width:100%;
	height: 100vh;
}
.left_container{
	width:20%;
	-webkit-box-shadow: 5px 8px 27px -11px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 8px 27px -11px rgba(0,0,0,0.75);
	box-shadow: 5px 8px 27px -11px rgba(0,0,0,0.75);
}
.selected_brand_send_time{	
    /*border-bottom: 1px solid #d2d2d2;*/
    font-weight: bold;
	color: #2c2c2c !important;
}
.brand_container_selected{
	border-left:10px solid #00ff4e;
	background: #edffed;
}
.right_container{
	width:80%;
	overflow: auto;
	/*background: red;*/
}
.left_container,.right_container{
	float:left;
	height: 100%;
	overflow:auto;
}
/* width */
.left_container::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.left_container::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

/* Handle */
.left_container::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.left_container::-webkit-scrollbar-thumb:hover {
  background: #00ff4e; 
}


.page_container::after{
	display: block;
	content:'';
	clear: both;
}
.brand_container .brand_name{
	display: block;
    text-transform: uppercase;
    font-size: 19px;
    color: #070606;
}
.brand_container:hover{
	background: #edffed;
}
.brand_container:hover .brand_send_time{
	color:#5b5858;
}
.brand_container .brand_send_time{
    display: block;
    padding-left: 15px;
    color: #a7a7a7;
    font-size: 16px;
}
.brandPopulated{
    position: absolute;
    right: 10px;
    bottom: 40px;
    font-size: 30px;
    color:#00dc00;
}
#offer_container{
	padding:10px;
}
.counter_container{
	background: #e6fff0;
}
.timePopulated{
	color:green !important;
}
.brand_container{	
    padding: 10px;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
}

@keyframes blink {
  from {
	margin-left:-10px;
 }
  to {
	margin-left:5px;
  }
}
@-webkit-keyframes blink {
	from {
	margin-left:-10px;
 	}
  	to {
		margin-left:5px;
  	}
}

@media (max-width: 991.98px){
    .sidebar-open #sidebar-overlay {
        margin-left: 250px;
    }
}
table#tblBounceRateConfiguration td{
    font-size: 13px;
}
table#tblBounceRateConfiguration label{
    font-weight: normal;
}
table#tblBounceRateConfiguration .brandCheckbox{
    font-size: 12px !important;
}

p.customTooltip{
    font-size: 13px;
    padding: 14px 5px;
    border-radius: 5px;
}
p.customTooltip__danger{
    background: #fff1f1;
    color: #b27070;   
}
div#main_container_right div.dropdown-menu div.inner ul{
    overflow-y: auto;
    height: 100%;
    max-height: 200px;
    font-size: 13px;
}

#campaignDetailsContainer .jexcel > thead > tr > td, .jexcel > tbody > tr > td {
    font-size: 14px !important;
}
#campaignDetailsContainer li a.page-link{
    font-size: 14px !important;
    padding: 5px 10px !important;
}

table#campaign_pull_history td{
    font-size: 14px !important;
    padding: 5px !important;
}
span.pullCampaignTypeTab{
    font-size: 12px;
    color: #445e7a;
    display: inline-block;
    padding: 0px 9px;
    border-top: 1px solid #cecece;
    margin-right: 10px;
    cursor: pointer;
}
div.pullCampaignTypeTabContainer{
    margin-bottom: 15px;
}
span.pullCampaignTypeTab_active{    
    font-weight: bold;
    border-width: 2px;
    background: #f4f4f4;
    transition: 0.5s all;
}

#smbKNKTable td{
    padding: 1px !important;
    font-size: 12px !important;
}

.toolTableSummary{
    padding: 0px !important;
    font-size: 13px;
}
i.showPerProductDetails{
    cursor: pointer;
    color: #8c8686;
    font-size: 10px;
}
.pl-15{
    padding-left: 15px !important;
}
.trsRows{
    font-size: 12px;
}
.trsRows td{
    padding: 2px !important;
}
.tableNetTd{
    font-weight: bold;
    font-size: 15px;
    color: #4f4e4e;
}
tr.membershipProductByPricing_row{
    background: #fff !important;
    font-size: 13px;
}

tr.membershipProductByPricing_row td:first-child{
    padding-left: 20px;
}
tr.membershipAmountMainRow{
    font-size: 15px !important;
    font-weight: bold;
    color: #777777;
}
tr.membershipProductByPricing_row td, tr.membershipTypeRowContainer td{
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}
tr.membershipTypeRowContainer{
    background: #f2f2f2;
    font-weight: bold;
    text-transform: uppercase;
    color: #616161;
}
tr.amountByTypeMembershipTotal{
    font-size: 14px;
    font-weight: bold;
}
tr.amountByTypeMembershipTotal td:first-child{
    padding-left: 14px;
}
tr.amountByTypeTotalRow{
    font-size: 15px;
    font-weight: bold;
    background: #fff6f6 !important;
}
tr.rebillRealPricePointTotal{
    font-weight: bold;
    color: #484848;
    font-size: 14px;
    background: #f7fff7 !important;
}

/* width */
.toolTableSummaryContainer::-webkit-scrollbar {
  width: 7px;
  height: 5px;
}

/* Track */
.toolTableSummaryContainer::-webkit-scrollbar-track {
  background: #d7d7d7;
}

/* Handle */
.toolTableSummaryContainer::-webkit-scrollbar-thumb {
  background: #999;
}

/* Handle on hover */
.toolTableSummaryContainer::-webkit-scrollbar-thumb:hover {
  background: #fbcccc;
}

select.toolMappingMIDOptions{
    height: 33px !important;
    font-size: 13px;
}

#smbToolTransactionShowHideForm{
    font-size: 11px;
    color: #545252;
    padding: 2px;
    border: 1px solid #eaeaea;
    background: #f8f8f8;
}
#smbToolTransactionShowHideFormContainer{
    margin-bottom: 10px;
}
div.gatewayDatesRecord{
    border-right: 5px solid #e8e8e8;
    border-radius: 2px;
}
.showDates{
    cursor: pointer;
}
#toolTipMidToolhelper{
    font-size:14px;
    color:#939393
}
#toolTipMidToolhelper:hover{
    color: #17a2b8;
    font-weight: bold;
} 
table#transactionsTable td, table#transactionsTable th{
    font-size: 12px !important;
    padding: 2px !important;
}
#transactionsTable_paginate a.page-link{
    font-size: 13px !important;
}


/* SparkPost */
.btnEspType{
    font-size: 15px;
    background: none;
    padding: 5px 20px;
    border-radius: 5px;
    border: 1px solid #dedede;
    color: #1258a2;
    margin-right: 15px;
}
.btnEspType_maroPost img{
    width: 35px;
}
.btnEspType_sparkPost img{
    width: 24px;
}
.btnEspType{
    border: 1px solid #ececec;
}
.btnEspType:hover{
    border: 1px solid #a6a6a6;
    transition: 0.5s all;
}
.selectEspModal{
    margin-top: 15% !important;
}

.configurationTdDataHolder{
    min-height: 55px;
}
.configurationTdDataHolder__action{
    padding-top: 20px;
}
#brand_segmentlist td{
    padding: 3px 0px !important;
}
.floatRight{
    float: right;
}
#configurationSelect{
    background: #f8f9fa;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    font-size: 15px;
}
#configurationSelectContainer{
    text-align: right;
}
#amountBySalesType_RECURRING, #pricePoints_RECURRING, #productName_RECURRING {
    animation: borderGatewayRow 5s 0s infinite;
}
.tdNoPaddingLeft{
    padding-left: 0px !important;
}
.tdCount{
    color: #999999;
}
.paddingLeft10{
    padding-left: 10px !important;
}
.midToolTd_count{
    color: #f33c3c;
    font-weight: bold;
}
.spanOperators{
    color: #6c757d;
    font-size: 17px;
    margin-left: 16px;
}
.spamMessage{
    display: block;
    border-bottom: 1px solid #e0e0e0;
    background: #fafafa;
    font-size: 13px;
}
@keyframes borderGatewayRow {
  0% {
    background: #ffd2d2;
    color: #fff !important;
  }

  25% {
    background: #fff;
    color: #000 !important;
  }

  50% {
    background: #ffd2d2;
    color: #fff !important;
  }

  100% {
    background: #fff;
    color: #000 !important;
  }
}

.editorColUpdateMbl .nav-link{
    border-bottom: 1px solid #efefef !important;
}
#cbDailyBreakdownTable{
    table-layout: fixed !important;
}
#cbDailyBreakdownTable td, #cbDailyBreakdownTable th{
    padding: 2px 5px !important;
    font-size: 13px !important;
}
#cbDailyBreakdownTable th{
    font-size: 12px !important;
    text-align: center;
}

div.deleteBrandDetails{    
    padding: 5px 15px;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    background: #5e5e5e0f;
}
p.helper_maropostAccess{
    text-align: center;
    font-size: 10px;
    font-style: italic;
    color: black;
}
a.showDeletedBrand{
    font-size:12px;
    color:#8f6161ba;
}
a.showDeletedBrand:hover{
    font-weight: bold;
    color:#ff0000b3;
    transition: 1s all;
}
table#deletedBrandList{
    font-size: 13px !important;
}
table#deletedBrandList td{
    padding: 5px !important;
}
#campaignStats2333{
    font-size: 20px;
}
#campaignStats2333 td{
    padding: 5px;
}

#campaignStats2333 td{
    border: 0px !important;
    text-align: center;
}
#campaignStats2333 td.header{
    font-weight: 500;
    color: #999999;
}

#campaignStats2333 td.value{
    font-weight: 100;
    font-size: 22px;
}
.fontWeightBold{
    font-weight: bold;
}
#campaignStats2333 td.valueDailyBreakdown{
    font-size: 16px;
}
div.owUrlInputContainer button{
    background: #fff;
    height: 37px;
    border: 1px solid lightgrey;
}
#campaignStats2333Container{
    max-height: 70vh;
    overflow-y: auto;
}

.openRateStyle, .clickRateStyle, .unsubRateStyle, .complaintRateStyle{    
    font-weight: bold;
    color: #6c7781;
    font-size: 17px;
    margin-right: 4px;
}

.openRateTotal, .clickRateTotal, .unsubRateTotal, .complaintRateTotal{
    font-weight: 400;
    margin-right: 4px;
}

.openersContainer{
    border-bottom: 3px solid #d3d3d3;
    border-radius: 6px;
    margin-bottom: 20px;
    padding-right: 10px;
}

.openers_date{
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    text-align: right;
    color: #787878;
    font-weight: 500;
}

.openers_range{    
    font-size: 11px;
    text-transform: capitalize;
}

.openers_count{
    display: block;
    text-align: right;
    font-size: 22px;
    font-weight: bold;
    color: #6c6c6c;
}

.subscribeRate{
    font-size: 13px;
    margin-left: 3px;
}
.subscribeRate--down{
    color: #e95353;
}
.subscribeRate--up{
    color: #0abd39;
}

.advertiserBtn{
    font-size: 12px !important;
    padding: 3px 4px !important;
}
.marginBottom10{
    margin-bottom: 10px;
}
.marginBottom20{
    margin-bottom: 20px;
}
.marginBottom30{
    margin-bottom: 30px;
}
.marginBottom0{
    margin-bottom: 0px !important;
}
.dialogSyncNamesContent{
    max-height: 500px;
    overflow: auto;
}

.advertiserContainer{
    padding-bottom: 11px;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 11px;
}

.advertiserContainerReport{
    display: none;
}

.label_advertiserName{
    font-size: 16px;
    text-transform: uppercase;
}
p.advertiserLoader{    
    font-size: 13px;
    color: #6c6e6c;
    padding-left: 13px;
}
p.advertiserLoader img{
    width: 31px;
}
.advertiserSummary{
    text-align: center;
    font-size: 25px;
    color: #6e6e6e;
    font-weight: 100;
}

.spanLabel {
    display: block;
    font-weight: 500;
    text-transform: uppercase;
    color:#d24b4b;
    font-size: 13px;
}
p.advertiserData_BreakdownLabel{
    margin-bottom: 0px;
    font-weight: 500;
    border-left: 3px solid #c2c2c2;
    padding-left: 9px;
    font-size: 14px;
    background: #efefef3d;
}
div.advertiserOfferBreakdownContainer{
    margin-top: 8px;
    margin-bottom: 0px;
}
.advertiserOfferBreakdownContainer .table{
    margin-left: 11px;
}
.advertiserOfferBreakdownContainer .table td{
    padding: 1px 2px !important;
    font-size: 13px;
}
.colAdvertiser{
    padding-right: 20px !important;
    border-right: 1px dotted #d5d5d5;
}
.colAdvertiser p, .colOwData p{
    margin-bottom: 0px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 200;
}
.colOwData{
    border-right: 1px dotted #d5d5d5;
    padding-left: 10px !important;
}
.conversionTables{
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    max-height: 260px;
    margin-top: 10px;
}
.badgeAdvertiserPlatform{
    font-size: 11px;
    display: inline-block !important;
    padding: 2px 6px;
    color: #fff;
}
.badge-hasoffers{
    background: #51a8ea;    
}
.badge-everflow{
    background: #ea5189;
}
.badge-cake{
    background: #529a0c;
}


/*
 *  STYLE 16
 */
.conversionTables::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}
.conversionTables::-webkit-scrollbar{
    width: 6px;
    background-color: #F5F5F5;
}
.conversionTables::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: #ffbcc480;
}

.tableAdvertiser thead th{
    border-bottom: 0px solid !important;
}
div.dnmToolContainer .formController{
    width: 100%;
    max-width: 590px;
    margin: 0 auto;
    padding: 20px;
}
div.dnmToolContainer .formController .header{
    text-align: center;
    margin-bottom: 25px;
    font-size: 33px;
    font-weight: 300;
    letter-spacing: 11px;
    text-transform: uppercase;
}
div.dnmToolContainer .formController #inputSearch, .searchFilterInput, #linkTracerInput{
    width: 100%;
    height: 45px;
    font-size: 16px;
    border: none;
    border: none;
    border-bottom:1px solid #d4d4d4;
    outline: none;
    padding-left: 10px;
}
div.divRelative{
    position: relative;
}

.removeFilter{
    position: absolute;
    right: 0px;
    top: 10px;
}

.searchInputs{
    height: 35px;
    border: none;
    border-bottom: 1px solid lightgrey;
    outline: none;
    height: 45px;
    font-size: 15px;
    width:100%;
}

.marginTop20{
    margin-top: 20px;
}

.marginTop30{
    margin-top: 30px;
}

#searchBtnDnm{
    padding: 5px 21px;
    font-size: 16px;
}
.dnmToolContainer .result{
    border-bottom: 1px dotted #d3d3d3;
    padding: 20px 200px;
}
.dnmToolContainer .result_name{
    color: #7f7f7f;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 7px;
    position: relative;
}
.dnmToolContainer .table{
    font-size: 13px;
}

.dnmToolContainer .table td{
    padding: 0px 15px !important;
}
.platformNameHeader{
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.dnmToolContainer .result:nth-child(odd){
    background: #7e7e7e0d;
}
a.addtodnmBtn{    
    padding: 3px 10px;
    background: green;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    background: #4e70b7;
    text-align: right;
    position: absolute;
    right: 13px;
    font-weight: normal !important;
}

.ordersByPlatform{
    height: 100%;
    max-height: 202px;
    overflow: auto;
}
.platformNameHeader_maroAcct{
    padding-left: 15px;

}
.maropostTableDiv{
    overflow-x: hidden;
    padding-left: 20px;
}
.maroAccountBelong{
    padding: 11px 24px;
    border-bottom: 1px solid #eeeeee;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.spanCheckboxMaropostAccount{
    position: absolute;
    right: 24px;
}
#checkAllInboxesContainer{
    text-align: right;
    padding-right: 24px;
    margin-bottom: 10px;
}
.spanCheckboxMaropostAccount input{
    transform: scale(1.5);
}
#checkAllInboxes{
    transform: scale(1.8);
}
span.inDNMSpan{
    color: #b2b2b2 !important;
    font-weight: 200 !important;
}

label.custom-file-upload-dnm{    
    padding: 5px 10px;
    font-weight: normal;
    border: 1px solid #b6b6b6;
    border-radius: 3px;
    font-size: 15px;
    cursor: pointer;
    font-weight: normal !important;
}
#file-upload-dnm{
    display: none;
}

table#tableFilesSegmentsTestDev tr:nth-child(even){
    background: #f4f4f4;
}
table#tableFilesSegmentsTestDev td{
    padding: 10px 15px !important;
}

i.removeFile{
    float: right;
    color: #979797;
    cursor: pointer;
}

.combinationFilterContainer{
    margin-top: 20px;
}

.viewMoreInfo{
    font-size: 14px;
    border: 1px solid #417cae;
    background: #417cae;
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
}
.viewMoreInfo:hover{
    background: #fff;
    color: #417cae
}

.btnLoadDataAdvertiser{
    background: #4ca5e9;
    border: none;
    font-size: 11px;
    padding: 5px 8px;
}
#advDataDateLabel{
    text-align:right;
    margin-bottom: 0px;
}

.noResultsLabel{
    margin: 0px;
    padding: 20px;
    color: #b0adad;
}
#advResultContainer .dataTables_filter label{
    font-size: 12px;
}
#advResultContainer .dataTables_filter input{
    height: 24px;
    font-size: 14px;
}
.summaryContainer{
    text-align: center;
    display: inline-block;
    padding: 20px 30px;
}
.summaryValue{
    font-weight: 400;
    font-size: 40px;
}
.summaryValue_passed{
    color: #008000a6;
}
.summaryValue_failed{
    color: #ff0000a3;
}
.summaryLabel{    
    display: block;
    color: #b8b8b8;
    text-transform: uppercase;
}
#advSummary{
    margin-bottom: 33px;
    border-bottom: 1px dotted #d5d5d5;
}
#advResultContainer .conversionTables{
    max-height: 500px !important;
}
.summaryContainer:nth-child(2){
    border-left: 2px solid #efefef;   
}
.colAdvertiser .header, .colOwData .header{
    font-weight: 500;
    font-size: 18px !important;
    text-align: center;
    margin-bottom: 16px;
}
.advSummarypageValue{
    font-size: 19px !important;
}
.advSummarypageValueLabel{
    font-size: 9px !important;
}
.advMarginTop{
    margin-top: 14px !important;
}
.badge-paused{
    background: #d9d9d97a;
}
.badge-active{
    background: #abffab;
}
.badge-deleted{
    background: #ffb1b1;
}
.infoBoxCustom{
    text-align: right;
    margin-top: 20px;
    font-size: 12px;
    font-style: italic;
}

#discrepancyReportHeader{
    font-size: 30px;
    font-weight: 100;
    color: #6c6c6c;
}
.discrepancyHeaders{
    font-size: 16px;
    background: #ebebeb;
    padding: 3px 20px;
    margin-bottom: 0px;
    margin-top: 10px;
    text-transform: uppercase;
}
.noDataP{
    text-align: center;
    color: #df9090;
    font-size: 14px;
}
.discrepancyTables{
    font-size: 13px !important;
}
.discrepancyTables td, .discrepancyTables th{
    padding: 4px 30px;
}
.discrepancyShowMoreData{
    padding: 8px 21px;
    border: 1px solid #b3b3b3;
    text-transform: uppercase;
    font-size: 14px;
    color: #343a40;
}
.discrepancyShowMoreData:hover{
    border: none;
    background: #343a40;
    color: #fff;
}

#discrepancyContainer{
    padding-bottom: 25px;
    border-bottom: 1px dotted #878787;
    margin-bottom: 25px;
    margin-top: 35px;
}
div.advertiserContainerReport .page-link, #discrepancyContainer .page-link{
    font-size: 12px !important;
    padding: 9px 12px !important;
}

.urlTracerToolContainer .formController{
    max-width: 750px !important;
}
.showStatsBtnContainer{
    margin-bottom: 15px;
}
.statWidgetContainer{
    -webkit-box-shadow: 1px 7px 9px 1px #96A2AB; 
    box-shadow: 1px 7px 9px 1px #96A2AB;
    padding: 4px 8px;
}
.showStatsBtn{
    display: inline-block;
    padding: 5px 14px;
    background: #ebebeb;
    color: #838383;
    font-size: 13px;
    border: 1px solid transparent;
    text-transform: uppercase;
}

.showStatsBtn:hover{
    border: 1px solid #6a68a6;
    color: #6a68a6;
    background: #fff;
}

.urlTracerToolContainer .inputFormLink, #complaintCaptureInput{
    padding-left: 16px !important;
    border: 1px solid #dbdbdb !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    color: #767678 !important;
    height: 64px !important;
}
.urlTracerToolContainer .header, div.dnmToolContainer .formController .header{
    font-size: 40px !important;
    letter-spacing: 7px !important;
    color: #484481 !important;
    font-weight: bold !important;
    margin-bottom: 30px !important;
}
#linkTracerBtn, #searchBtnDnm{
    background-color: #6a68a6 !important;
    border-color: transparent !important;
    padding: 5px 15px !important;
    font-size: 16px !important;
}
.linkContainer{
    margin-top: 20px;
    margin-bottom: 40px;
    font-weight: bold;
    position: relative;
    border-bottom: 2px dotted #9d9d9d;
}
.linkHeader{    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 16px 18px;
    overflow-x: auto;
    background: #666666;
}
.linkContainer a{
    color: #fff;
    text-decoration: underline;
}
.linkContainer a.tableInfo{
    color: #000 !important;
}
.isOfferWave{
    background: #0f9d58;
}

.linkBody{
    -webkit-box-shadow: 1px 41px 35px -48px rgba(128,128,128,1);
    -moz-box-shadow: 1px 41px 35px -48px rgba(128,128,128,1);
    box-shadow: 1px 41px 35px -48px rgba(128,128,128,1);
    padding: 15px 20px;
}
.arrowDown{
    position: absolute;
    bottom: -68px;
    left: -30px;
    z-index: 10;

    -webkit-box-shadow: 1px 41px 35px -48px rgba(128,128,128,1);
    -moz-box-shadow: 1px 41px 35px -48px rgba(128,128,128,1);
    box-shadow: 1px 41px 35px -48px rgba(128,128,128,1);
}

.linkContainerMainOfferwave{
    -webkit-box-shadow: 2px 18px 19px -8px rgba(32,191,77,0.63);
    -moz-box-shadow: 2px 18px 19px -8px rgba(32,191,77,0.63);
    box-shadow: 2px 18px 19px -8px rgba(32,191,77,0.63);
}

.arrowDown span{
    font-size: 64px;
    color: #6a68a6;
    width: 80px !important;
    height: 80px !important;
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    text-align: center;
}
.fontWeightNormal{
    font-weight: normal;
}
.padding20{
    padding: 20px !important;
}
.noData{
    margin-top: 5px;
    font-size: 17px;
    /*color: #afafaf !important;*/
}
#customLoadingMessage{
    font-weight: 400;
    display: block;
    font-size: 14px;
    color: #ffffff;
}
#linksContainer{
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid #ebebeb;
}
#owTool ul.nav{
    display: block !important;
    text-align: center;
}
#owTool .nav-item{
    display: inline-block !important;
    width: 165px !important;
}
#owTool .nav-pills .nav-link.active,#owTool .nav-pills .show>#owTool .nav-link{
    color: #878787 !important;
    border-bottom: 3px solid #007bff !important;
    border-radius: 0px !important;
    background-color: #f9f9f9 !important;
    font-weight: bold !important;
}
#owTool .card-header{
    padding: 0px !important;
}
#chartTable{
    margin-top: 20px;
}
#chartTable table td{
    padding: 2px !important;
}

#chartTable, #complaintTypeTable{
    max-height: 190px;
    overflow: auto;
    height: 100%;
}
#complaintTypeTable{
    margin-top: 25px;
}
.noDataMessage{
    margin-left: 12px;
    padding: 20px;
    font-weight: 400;
    color: #979797;
}
tr.csInfoHighlightedRow{
    background: #13c76f66 !important;
    font-size: 14px !important;
}
.dnmToolContainer .table td.paddingUpdate{
    padding: 5px 15px !important;
}

#complaintType{
    margin-top: 13px;
}
#complaintType span{
    color: #656565;
    font-weight: 400;
    text-transform: uppercase;
    margin-right: 10px;
    font-size: 14px;
}
.marginRight10{
    margin-right: 5px;
}
.complaintTypeBtn--active{
    background: #84ee93;
    border: 1px solid green;
}
.urlTracerToolContainer .btn-light:hover{
    background: #84ee93 !important;
}
#complaintError{
    margin-top: 18px;
    font-size: 14px;
    display: none;
}
#complaintTypeTable .table td{
    padding: 2px !important;
}
#tblNoCSOffer thead th{
    font-size: 13px;
    padding: 8px !important;
}
#tblNoCSOffer td{
    font-size: 13px;
    padding: 5px 11px !important;
}
.clickToCopy:hover{
    cursor: copy;
}
.cogsTotalContainer{
    font-size: 25px;
    padding-right: 14px;
}
.cogsHeader{
    color: #7c7c7c;
    font-size: 16px;
}
.amountValue{
    font-size: 24px;
    margin-left: 22px;
    color: #028102;
}
.cogsBreakdownContainer{
    margin-bottom: 60px;
}
.table_header{
    font-weight: bold;
}
.table_header td{
    font-size: 18PX;
    background: #e9e9e9;
}
.cogsBreakdownHeader{
    font-size: 25px;
}

.cogsBreakdownContainer table td.paddingLeft25, .noCogsBreakdownContainer table td.paddingLeft25{
    padding:0px;
    padding-left: 25px !important;
}

.cogsBreakdownContainer table td.paddingLeft50, .noCogsBreakdownContainer table td.paddingLeft50{
    padding:0px;
    padding-left: 50px !important;
}
.cogsBreakdownContainer table tr.fontSize14, .noCogsBreakdownContainer table tr.fontSize14{
    background: #fffdf4 !important;
}
.cogsBreakdownContainer table tr.fontSize14 td, .noCogsBreakdownContainer table tr.fontSize14 td{
    font-size: 14px !important;    
}
.cogsBreakdownContainer table td, .noCogsBreakdownContainer table td{
    padding: 5px !important;
    font-size: 15px;
}
.shopLabel{
    font-weight: bold;
    padding-left: 10px !important;
}
table td.padLeft10{
    padding-left: 15px !important;
}

.campaignRowTbl{
    cursor: pointer;
}
#resultsContainerTable .table td{
    font-size: 13px !important;
    padding: 3px 3px !important;
}
#resultsContainerTable .table td.paddingLeft20{
    padding-left: 20px !important;
}
#returnedCustomerBreakdownTbl{
    padding: 4px 14px;
    -webkit-box-shadow: -1px 23px 38px -44px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 23px 38px -44px rgba(0,0,0,0.75);
    box-shadow: -1px 23px 38px -44px rgba(0,0,0,0.75);
}
.tblSeperator{
    height: 10px;
    background: #f6f6f6;
}
#returnedCustomerBreakdownTbl td, .repeatCusterTblByPlatform td{
    padding: 1px 3px !important;
    font-size: 14px !important;
}
#returnCustomerPullBtn{
    margin-top: 32px;
}
.filterRepeatDataBtn{
    border: 1px solid #9a9a9a;
    font-size: 12px !important;
    display: inline-block;
    margin-left: 7px;
    color: #6c706c;
}
.filterRepeatDataBtn:hover{
    color: #6c706c;
}
.filterRepeatDataBtn-active{
    background: #343a40; 
    border: 1px solid transparent;
    color: #fff;
}
#returnedCustomerBreakdownByPlatform{
    max-height: 221px;
    overflow-y: auto;
    height: 100%;
}
#dialogUploadImage{
    float: right;
    background: green;
    padding: 1px 8px;
    background: #fff;
    border-radius: 2px;
    font-size: 14px;
    color: #292975;
}
#templateOption{
    margin-left: 12px;
}
.setUtmBtn{
    position: absolute;
    right: 6px;
    top: 0px;
    z-index: 1;
    background: #2a83df;
    padding: 6px 3px;
    color: #fff;
}
#contentLinkContainer .setUtmBtn{
    right: 0px;
    bottom: 0px;
    top: unset;
}
.setUtmBtn_aff{
    right: 9px !important;
    bottom: 9px !important;
}
#newLinkValue{
    font-size: 13px;
    overflow-x: auto;
}
#subOfferContainer .dropdown-menu{
    width: 500px !important;
    min-width: 500px !important;
    top: 150px !important;
}
#contentOffers .dropdown-menu{
    width: 600px !important;
    min-width: 600px !important;
    top: 53px !important;
}
#contentOffers ul.dropdown-menu{
    margin-bottom: 0px !important;
}
#affiliate_link, #newsletter_link{
    padding-right: 60px !important;
}
.loadContentHeader_newsletter{
    font-weight: bold;
    margin-bottom: 0px !important;
    margin-top: 10px;
}
.editContentLink, .copyLink{
    font-size: 14px !important;
}
.contentLinkDialog .modal-body{
    max-height: 60vh;
    height: 100%;
    overflow-y: auto;
}
.contentLinkDialog .modal-body .form-control{
    height: 30px !important;
    font-size: 14px !important;
}
.contentLinkDialog .modal-body label{
    margin-bottom: 0px !important;
}
.contentLinkDialog .modal-dialog{
    max-width: 550px !important;
}
#mainLinkInput{
    height: 150px !important;
}
.contentLinkDialog .form-group{
    margin-bottom: 0px !important;
}
#otherParameterContainer, #parameterContainer{
    margin-top: 20px;
}
/* RESPONSIVENESS */
#campaignScheduledSourceStat{
    -webkit-box-shadow: -8px 19px 19px -21px rgba(0,0,0,0.75);
    -moz-box-shadow: -8px 19px 19px -21px rgba(0,0,0,0.75);
    box-shadow: -4px 15px 29px -21px rgba(0,0,0,0.75);
    padding: 15px;
    border-radius: 6px;
}
#campaignScheduledSourceStat p{
    margin-bottom: 0px;
    position: relative;
}
.campaignScheduledSourceStat_header{
    font-size: 20px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 5px;
}
.campaignScheduledSourceStat_header .header{
    font-size: 20px;
    text-transform: uppercase;
    color: #a1a1a1;
}
.campaignScheduledSourceStat_header .value{
    float: right;
    color: #131314;
}
.campaignScheduledSourceStat_breakdown .header{
    text-transform: uppercase;
    font-size: 14px;
    color: #1d1d1d;
}
.campaignScheduledSourceStat_breakdown .value{
    position: absolute;
    right: 0px;
    font-size: 17px;
}
.campaignScheduledSourceStat_breakdown .value small{
    font-size: 13px;
}
p.campaignScheduledSourceStat_info{
    font-size: 9px;
    margin-top: 10px;
    font-style: italic;
    text-align: right;
}
p#schedulingSourceHeader{
    margin-bottom: 2px;
    font-size: 16px;
    text-transform: uppercase;
}
.conversionNewsletterStats table {
    background: #ffff !important;
}
.conversionNewsletterStats table td{
    padding: 1px;
    font-size: 12px !important;
}
.paddingLeft20{
    padding-left: 20px !important;
}
.removeMarginBottom{
    margin-bottom: 0px !important;
}
span.colSetting{
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid silver;
    border-radius: 5px;
    margin-left: 10px;
    margin-top: 9px;
    cursor: pointer;
}
.colSelected{
    background: #b6ffe3;
}
.tableScrollContainer{
    position: fixed;
    z-index: 9999999;
    right: 90px;
    bottom: 85px;
    font-size: 24px;
    visibility: hidden;
}
.tableScrollContainer a{
    display: inline-block;
    margin-right: 3px;
    padding: 0px 12px;
    color: #fff;
    background: #000000ad;
}
.tableScrollContainer a:hover{
    background: #000;
}
.savedSearchesContainer {
    float: right;
    margin-bottom: 15px;
}
.savedSearchesContainer label{
    font-size: 13px;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: #737373;
}
.savedSearchesContainer select{
    font-size: 14px;
    margin-left: 15px;
    color: #6d6868;
    border-color: #b1b1b1 !important;
    outline: none;
    padding: 0px 11px;
}
.bottomMarginZero{
    margin-bottom: 0px !important;
}
.filterBtn{
    font-size: 13px !important;
    display: inline-block;
    padding: 1px 4px;
    border-bottom: 1px solid #b9b9b9;
    border-radius: 3px;
}
.deleteFiltersContainer{
    display: block;
    margin-bottom: 0px;
    font-weight: 400 !important;
    font-size: 15px;
    padding-left: 11px;
    color: #5c5c5c;
}
.btnReportType__active{
    background: #6fa0ed;
    color: #fff;
    border-color: transparent;
    font-weight: bold;
}
.btnReportType{
    outline: none !important;
}
#maropostStatMonthlyBrandGrowthTable thead td{
    text-transform: uppercase;
    font-size: 11px;
}
#maropostStatMonthlyBrandGrowthTable td{
    padding: 3px 2px !important;
    font-size: 13px;
}
#maropostStatMonthlyBrandGrowthTable thead{
    font-weight: bold !important;
}
.statisticBrandBtn{
    padding: 3px 8px !important;
    font-size: 11px;
}
.tablePositionsCols{
    display: block;
    padding: 4px 6px;
    border: 1px solid #dfdfdf;
    margin-bottom: 2px;
    color: #454545;
    font-size: 13px;
}
.tablePositionsCols i{
    font-size: 17px;
    padding: 0px 5px;
}
#tableColumnsOrderContainer{
    height: 350px;
    overflow: auto;
}
.arrowTblPosition:hover{
    color: #007bff;
}
#selectedOfferContainer{
    margin-bottom: 20px;
}
span.selectedOffersPreview{
    display: inline-block;
    margin-left: 10px;
    font-size: 13px;
    padding: 3px 17px;
    border-radius: 16px;
    background: #085fbd;
    color: white;
    font-weight: bold;
    margin-bottom: 5px;
}
div.selectedOfferRow:nth-child(even){
    background: #f1f1f1;
    padding: 20px 0px;
}
div.selectedOfferRow .offerName{
    color: #7f7f7f;
    font-size: 15px;
}
#usersTableColumnsConfigurationContainer label{
    font-weight: 500;
    font-size: 12px;
}
#usersTableColumnsConfiguration{
    width: 124px;   
    margin-left: 4px;
    border: 1px solid #e5e5e5;
    outline: none;
    margin-right: 5px;
    font-size: 12px;
}
#usersTableColumnsConfigurationContainer{
    text-align: right;
}
.maropostStatNav{
    font-size: 12px;
    padding: 5px 18px;
    border-radius: 0px !important;
    border: 1px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    margin-right: 0px;
}
#pushmenu{
    color: #343a40;
    position: absolute;
    top: -17px;
    left: -8px;
    background: #ffffff;
    padding: 2px 6px;
    font-size: 12px;
}
.nav-pills .maropostStatNav.active, .nav-pills .maropostStatNav .show>.maropostStatNav.nav-link{
    background: #5d9bdd;
}
div.maropostStatAccountContainer{
    padding: 13px;
    width: 350px;
}
.statWidgetContainer{
    margin-bottom: 25px;
    margin-top: 8px;
}
.statWidgetContainer_title{
    color: #6d6d6d;   
    font-size: 15px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #e7e7e7;
}
.statWidgetContainer table td{
    padding: 2px 0px;
    font-size: 12px;
}
#accountSummaryDailyContainer table td{
    font-size: 11px !important;
}
#accountSummaryDailyContainer .ispName{
    font-size: 10px !important;
}
#accountSummaryDailyContainer .rowHeader {
    font-size: 10px !important;
}
#accountSummaryContainer{
    max-height: 500px;
    overflow: auto;
}
#accountSummaryDailyContainer{
    max-height: 1000px;
    overflow: auto;
}
.rowHeader{
    font-weight: bold;
    font-size: 11px !important;
    color: #414141;
}
.ispName{
    font-size: 12px !important;
    text-transform: uppercase;
    background: #d2ffe0;
}
.brandName{
    text-transform: lowercase;
}
.ispNameWeeklyHeader{
    font-size: 14px;
    border-left: 3px solid #03b6fc;
    padding-left: 5px;
    background: #d8f4ff;
    margin-bottom: 0px;
}
.summaryTd{
    font-weight: bold;
    background: #ebebeb;
    border: 1px solid #b1b1b1 !important;
}
tr.weeklyBrandTr td{
    font-weight: bold;
    background: #ebebeb;
    border: 1px solid #b1b1b1 !important;
}
.summaryTab{
    text-align: center;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    background: #f1fffa;
    margin-bottom: 12px;
}
.summaryTab:hover{
    transform: scale(1.07);
    cursor: pointer;
    transition: 0.3s;
}
.summaryTab .value{
    font-size: 15px;
    display: block;
    font-weight: bold;
}
.summaryTab .label{    
    font-size: 12px;
    text-transform: uppercase;
}
#lastSevDayContainer{
    max-height: 648px;
    overflow: auto;
}
#weeklyISPContainer, #lastFourWeekSummaryBrandContainer, #lastSevDaySummaryBrandContainer{
    max-height: 800px;
    overflow: auto;
}
.table-responsive::-webkit-scrollbar{
    height: 9px;
}
.table-responsive::-webkit-scrollbar-track{    
    background: #ededed;
}
.table-responsive::-webkit-scrollbar-thumb{    
    background: #c5c5c5;
}
#lastFourWeekPerBrandContainer::-webkit-scrollbar, #lastFourWeekSummaryBrandContainer::-webkit-scrollbar, #lastSevDaySummaryBrandContainer::-webkit-scrollbar, #lastSevDayBrandContainer::-webkit-scrollbar, #lastSevDayContainer::-webkit-scrollbar, #weeklyISPContainer::-webkit-scrollbar, #topOffersTbl::-webkit-scrollbar ,#offerBreakdownPerBrand::-webkit-scrollbar,
#accountSummaryContainer::-webkit-scrollbar, #accountSummaryDailyContainer::-webkit-scrollbar, .ordersByPlatform::-webkit-scrollbar{
    width:5px;
}
#lastFourWeekPerBrandContainer::-webkit-scrollbar-track, #lastFourWeekSummaryBrandContainer::-webkit-scrollbar-track, #lastSevDaySummaryBrandContainer::-webkit-scrollbar-track, #lastSevDayBrandContainer::-webkit-scrollbar-track, #lastSevDayContainer::-webkit-scrollbar-track, #weeklyISPContainer::-webkit-scrollbar-track, #topOffersTbl::-webkit-scrollbar-track ,#offerBreakdownPerBrand::-webkit-scrollbar-track,
#accountSummaryContainer::-webkit-scrollbar-track, #accountSummaryDailyContainer::-webkit-scrollbar-track, .ordersByPlatform::-scrollbar-track{
    background: #ededed;
}
#lastFourWeekPerBrandContainer::-webkit-scrollbar-thumb, #lastFourWeekSummaryBrandContainer::-webkit-scrollbar-thumb, #lastSevDaySummaryBrandContainer::-webkit-scrollbar-thumb, #lastSevDayBrandContainer::-webkit-scrollbar-thumb, #lastSevDayContainer::-webkit-scrollbar-thumb, #weeklyISPContainer::-webkit-scrollbar-thumb,  #topOffersTbl::-webkit-scrollbar-thumb ,#offerBreakdownPerBrand::-webkit-scrollbar-thumb,
#accountSummaryContainer::-webkit-scrollbar-thumb, #accountSummaryDailyContainer::-webkit-scrollbar-thumb, .ordersByPlatform::-webkit-scrollbar-thumb{
    background: #c5c5c5;
}

#lastSevDayBrandContainer, #lastFourWeekPerBrandContainer, #topOffersTbl{
    max-height: 600px;
    overflow: auto;
}
#offerBreakdownPerBrand{
    max-height: 1100px;
    overflow: auto;
}

.complaintTab{
    background: #fff1f1;
}
.weekTotalPer{
    font-size: 11px;
    font-weight: normal;
    color: #787878;
}
.tdRevenue{
    background: #d8ffc7;
}
.tdCpm, .tdCPM{
    background: #ffff00;
}
.tdNetProfit, .tdNet{
    background: #00ff00;
}
#lastSevDaySummaryBrandContainer td,
#lastSevDayBrandContainer td,
#espPerBrandContainer td,
#lastFourWeekSummaryBrandContainer td,
#lastFourWeekPerBrandContainer td{
    font-size: 11px !important;
}
.tdRate{
    font-size: 11px !important;
    color: #747474;
    margin-left: 1px;
}
.displayBlock{
    display: block;
}
.savedSearchesContainer .dropdown-header{
    font-size: 14px;
    background: #efefef;
    text-align: left;
}


.deliveryClass_high{
    background: rgb(198 239 206);
}
.deliveryClass_mid{
    background: rgb(255 235 156);
}
.deliveryClass_low{
    background: rgb(224 102 102);
}

.colorLegendBg{
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}
.colorLegendHeader{
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
}
#colorLegend{
    text-align: right;
    padding-right: 13px;
    padding-top: 10px;
    padding-bottom: 20px;
}
#colorLegend span{
    font-size: 10px;
}
.colorLegendBg_high{
    background: rgb(198 239 206);
}
.colorLegendBg_mid{
    background: rgb(255 235 156);
}
.colorLegendBg_low{
    background: rgb(224 102 102);
}
.colorLegendHeader{
    margin-bottom: 0px;
}

.deliveryTd .tdRate, .statRateTd .tdRate{
    color: #000 !important;
}

.clickRateClass_veryhigh{
    background: rgb(198 239 206);
}

.clickRateClass_high{
    background: #ffeb9c;
}
.clickRateClass_mid{
    background: #ffc7ce;
}
.clickRateClass_low{
    background: #e06666;
}

.statsMaropostCalendar span.value{
    font-weight: bold;
    font-size: 11px;
}
.statsMaropostCalendar_sent .fc-event-main{
    color: #3997fb;
    border-color: #72b6ff;
}
.statsMaropostCalendar_conv .fc-event-main{
    background: #deefff;
    border-color: #100b01;
}
.statsMaropostCalendar_rev .fc-event-main{
    background: #95ff95;
    border-color: #009500;
}

.statsMaropostCalendar{
    text-align: center;
    background: #fff;
    border: 1px dotted #9c9c9c !important;
}

.statsMaropostCalendar .fc-event-main{
    color: #3a3a3a !important;
}

.statsMaropostCalendar .fc-h-event .fc-event-main{
    color: #000 !important;
}

.rowTotal{
    font-size: 12px !important;
    background: #ebfeff;
    font-weight: bold;
    color: #606060;
    border-bottom: 2px dotted #e2e2e2 !important;
}
#maropostAccountStatistics, #cerebroViewsAnalytics {
    /*font-family: Tahoma, sans-serif !important;*/
    font-family: 'Roboto', sans-serif !important;
}
.tableCaption{
    font-size: 13px;
}
.loaderTextP{
    font-size: 14px;
    letter-spacing: 2px;
    color: #8c8c8c;
    text-align: center;
}

#maropostAccountStatistics label{
    font-size: 13px; 
    font-weight: 600; 
}

#postMasterDataTblContainer table td{
    font-size: 13px;
    padding: 4px;
}
#tagsTable td{
    padding: 2px 5px;
    font-size: 14px;
}
.childTagName{
    padding-left: 30px !important;
}
#tagsTable th{
    font-size: 13px !important;
    padding: 5px 10px !important;
}
.childTagRow{
    background: #fafafa !important;
}

#filterContainer_offer .dropdown-menu{
    width: 500px !important;
    min-width: 500px !important;
}
.savedSearchesContainer li.dropdown-header{
    font-size: 16px !important;
}
.savedSearchesContainer a.dropdown-item{
    font-size: 14px !important;
}
.platformNameHeader_maroAcctNotFound a{
    color: #ff8888 !important;
}
.ordersByPlatform span{
    color: #a3a3a3;
    font-size: 13px;
}
.total_schedule_central_percent, .total_maropost_count_per{
    font-size: 14px;
}
#updateCampaignStatisticsContainer{
    width: 500px;
    max-height: 250px;
    background: #ffffff;
    display: block;
    position: fixed;
    top: 59px;
    right: 0px;
    z-index: 9;
    display: none;border-radius: 19px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border: 2px solid #eeeeee;
    border-right: none;
    overflow-y: auto;
}
.updateCampaignStatisticsContainer__hide{
    width: 70px !important;
    height: 33px !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}
#updateCampaignStatisticsContainer p.campaignStatus img{
    width: 15px;
}
#updateCampaignStatisticsContainer p.campaignStatus{
    font-size: 14px;
    border-bottom: 1px solid #dbdbdb;
    margin: 0;
    padding: 3px;
    padding-left: 12px;
}
#updateCampaignStatisticsContainer p.campaignStatus:nth-child(even){
    background: #f3f9ff;
}
#updateCampaignStatisticsContainer p.campaignStatusSuccess{
    color: green;
}
#updateCampaignStatisticsContainer p.campaignStatusError{
    color: red;
}
#updateCampaignStatistics{
    font-size: 12px !important;
}
.campaignReportTypeBtn{
    display: inline-block;
    margin-right: 11px;
    font-size: 14px;
    color: #bdbdbd;
    border-bottom: 3px solid transparent;
}
.campaignReportTypeBtnActive{
    border-bottom: 3px solid #838383;
    padding: 3px 9px;
    color: #343a40;
}
#campaignReportTypeBtnContainer{
    text-align: right;
    padding-bottom: 4px;
    border-bottom: 1px dotted #e8e8e8;
    margin-bottom: 10px;
}
.owStatisticValue{
    font-size: 28px;
    margin-bottom: 0px;
    color: #6e6e6e;
}
.owStatisticHeader{
    text-transform: uppercase;
    color: #969696;
    font-weight: 100;
}
.revenueMnagementOWTable{
    max-height: 600px;
    height: 100%;
    overflow-y: auto;
}
.revenueMnagementOWTable table td{
    padding: 2px !important;
    font-size: 13px;
    font-weight: 400;
}
.revenueMnagementOWTable table tr.total td{
    font-size: 14px;
    background: #d1fdb1a6;
    font-weight: 600;
}
.loadingText{
    color: #a3a3a3;
    font-size: 18px;
    text-align: center;
    font-weight: 100;
}

.maroVsOw_same{
    background: #f2fff2;
}
.maroVsOw_diff{
    background: #ffecec;
}
.pNote{
    font-size: 12px;
    font-style: italic;
    margin-left: 8px;
}
.espPerBrandStat{
    padding-bottom: 15px;
    border-bottom: 1px solid #e9e9e9;
    padding-top: 15px;
}
.espPerBrandTableContainer{
    display: none;
    margin-left: 15px;
    max-height: 600px;
    overflow-y: auto;
}
.espPerBrandStat h3{
    font-size: 21px;
}
#nonopener_schedule{
    display: block;
    width: 100%;
}
#nonopenerProcessContainer{
    padding: 10px;
    display: none;
}
.nonopenerStep{
    font-size: 15px;
    margin-bottom: 2px;
    color: #999696;
}
.nonopenerStep_done{
    color: green;
}
#maropostAccountStatistics .exportBtnCsv{
    float: right;
    font-size: 16px;
    color: #0da12a;
    cursor: pointer;
}
.exportBtnCsvModified{
    margin-top: 3px !important;
    margin-left: 8px !important;
}
#subOfferTagContainer .dropdown-menu{
    top: 50px !important;   
}
.ordersContainer{

    padding: 10px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 13px;
    -webkit-box-shadow: -1px 23px 23px -25px rgba(77,72,77,1);
    -moz-box-shadow: -1px 23px 23px -25px rgba(77,72,77,1);
    box-shadow: -1px 23px 23px -25px rgba(77,72,77,1);

}
.advertisersContainer{
    margin-bottom: 16px;
}
.advertisersContainer span{    
    display: block;
    border-bottom: 1px solid #d0d5d0;
    font-size: 12px;
}
span.modalContentHelper{
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #717171;
    background: #FFF9E6;
    padding: 7px;
    border-radius: 5px;
}

#advertiserOfferAccessNote{
    display: block;
    background: #feffc1;
    padding: 2px;
    border-radius: 4px;
    padding-left: 10px;
    margin-top: 6px;
    font-size: 12px;
    color: #feffb0;
    display: none;
}

/* ANALYTICS STYLES */
#analytics-tab .nav-link{
    padding: 5px 18px;
    font-size: 14px !important;
}
#offerXTrafficTbl td.header{
    font-size: 12px;
    color: #706f6f;
    font-weight: 600;
}
#offerXTrafficTbl td.value{
    text-align: center;
    font-size: 13px;
    color: #6b6a76;
}
#offerXTrafficTbl th.headerRow{
    text-align: center;
}
#offerXTrafficTbl td{
    padding: 3px 6px;
}
#offerXTrafficFilter label,#offerXTrafficFilter button{
    font-size: 12px;
    color: #737474;
}
#offerXTrafficFilter{
    margin-bottom: 20px;
    margin-top: 20px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
}
#offerXTrafficTbl{
    table-layout: fixed;
    width: 100%;
}
.tableColContainer{
    overflow-x: scroll;
}
.sticky-col {
    position: sticky;
    left: -8px;
    background-color: #fff;
    z-index: 10;
}
.mt-25{
    margin-top: 25px !important;
}
.mt-10{
    margin-top: 10px !important;
}
.widgetLabel{
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #777a7c;
}
.defaultTagSpan{
    background: #d2e8ff;
    padding: 2px 6px;
    border-radius: 13px;
    font-size: 11px;
    display: inline-block;
    margin-right: 6px;
}
#default_tags_table td{
    padding: 2px !important;
}

.addTagsModal .bootstrap-tagsinput .tag{
    padding: 1px 5px;
    border-radius: 3px;
    color: #000000 !important;
    background: #c5e2ff !important;
    font-size: 13px !important;
}
.addTagsModal .bootstrap-tagsinput{
    width: 100% !important;
}

.contentMultipleOffer a.setUtmBtn_aff{
    bottom: 20px !important;
}
.url_container_multiple input[type="url"], 
.contentMultipleOffer input[type="url"]{
    padding-right: 60px;
}

div.multiple_platforms_indiv_container:nth-child(even){
    background: #c5d8ff3d;
}
div.multiple_platforms_indiv_container:nth-child(odd){
    background: #f7ffa230;
}
#newsletterLinksContainer div.positionRelative::after{
    content: '';
    display: table;
    clear: right;
}
#newsletterLinksContainer .setUtmBtn{
    bottom: 22px !important;
}
.removeNewsletterLink{
    float: right;
    font-size: 16px;
    margin-top: 3px;
}
#newsletterLinksContainer{
    margin-top: 20px;
    border-top: 1px solid #ebebeb;
    padding-top: 20px;
}
#newsletterLinksContainer .form-group{
    margin-bottom: 0px !important;
}
a.addUrlSingleOffer{
    float: right;
    padding: 1px 9px;
    font-size: 10px;
    border-radius: 5px;
    background: #1eb925;
    color: #fff;
    border: none !important;
    font-weight: 300;
}

div.url_container_multiple .setUtmBtn_aff{
    bottom: 13px !important;
}

div.accountIdsContainer{
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #f2f2f2;
}

.deletedBrandModal .bootstrap-dialog-message{
    max-height: 657px;
    height: 100%;
    overflow-y: auto;
}



a.owLinkTracerOptionBtn{
    display: inline-block;
    padding: 2px 8px;
    font-size: 15px;
    border-right: 1px solid #c5c5c5;
    color: #696f69;
    background: #f7f7f7;
}
a.owLinkTracerOptionBtn__active{
    background: #8a68a6 !important;
    color: #fff;
}
a.keywordTracerResult{
    display: block;
    font-size: 17px;
    border-bottom: 2px solid #d5d5d5;
    padding: 6px;

    color: #4b4b4b;
}
.keywordTracerResultContainer{
    position: relative;
}
.keywordTracerResultContainer:nth-child(odd){
    background: #f5f5f5;
}
span.keywordTracerShowMore{
    font-size: 11px;
    border: 1px solid #ababab;
    padding: 3px 3px;
    border-radius: 5px;
    position: absolute;
    top: 5px;
    right: 8px;
    background: #ffffff;
    cursor: pointer;
}
span.keywordTracerShowMore:hover{
    background: #e3e3e3;
    border: 1px solid transparent;
    color: #000000;
}
.keywordTracerDialog .modal-dialog{
    max-width: 80% !important;
}
.keywordTracerDialog .modal-body{
    max-height: 820px !important;
    overflow: auto;
}
.keywordTracerAdditionalResult{
    padding: 10px;
    margin-bottom: 18px;
}
.keywordTracerDialog .offerData .table td,
.keywordTracerDialog .offerData .table th,
.keywordTracerDialog .advData .table td,
.keywordTracerDialog .advData .table th{
    padding: 2px !important
}
.keywordTracerDialog .offerData h5,
.keywordTracerDialog .advData h5
{
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}
div.divRelative{
    position: relative;
}

.removeFilter{
    position: absolute;
    right: 0px;
    top: 10px;
}

.searchInputs{
    height: 35px;
    border: none;
    border-bottom: 1px solid lightgrey;
    outline: none;
    height: 45px;
    font-size: 15px;
    width:100%;
}

.marginTop20{
    margin-top: 20px;
}

.marginTop30{
    margin-top: 30px;
}

#searchBtnDnm{
    padding: 5px 21px;
    font-size: 16px;
}
div.platformStatisticsContainer{
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    background: #f7fbff;
    padding: 10px;
}
p.platformStatistics_header{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    color: #6c6c6c;
    margin-bottom: 10px;
}
a.platformStatisticsBtn{
    position: absolute;
    right: 18px;
    top: 10px;
    border: none;
    padding: 1px 7px;
    font-size: 12px;
    border-radius: 3px;
}
a.platformStatisticsOWBtn{
    background: #424c5d;
    color: #fff;
}
a.platformStatisticsMaropostBtn{
    background: rgb(3 182 252);
    color: #fff;
    border: 1px solid transparent;
}
.posRelative{
    position: relative;
}

a.platformStatisticsMaropostBtn:hover{
    color: rgb(3 182 252) !important;
    background: #fff;
    border: 1px solid rgb(3 182 252);
}
#platformStatisticsMetricsTbl th{
    font-size: 15px;
    padding: 10px !important;
}
#platformStatisticsMetricsTbl{
    background: #ffffff;
    border-radius: 8px;
}
#platformStatisticsMetricsTbl td{
    padding: 5px 7px;
    font-size: 15px;
}
#platformStatisticsMetricsTblContainer{
    margin-top: 10px;
}
#filterValues{
    font-size: 14px;
}
span.filterValue{
    font-style: italic;
}
p.platformStatisticsOW_noData{
    text-align: center;
    font-size: 16px;
    color: #9d9d9d;
}
a.setCPM{
    margin-left: 20px;
}
.small-button {
    font-size: 12px;        /* Smaller font for a compact button */
    padding: 3px 7px;      /* Adjust padding for size */
    border: 1px solid #ccc; /* Light border for structure */
    border-radius: 4px;     /* Rounded corners for a modern look */
    background-color: #f4f4f4; /* Light gray background */
    color: #333;            /* Dark text for readability */
    cursor: pointer;        /* Pointer cursor for interactivity */
    transition: all 0.3s;   /* Smooth transition for hover effect */
}

.small-button:hover {
    background-color: #e0e0e0; /* Slightly darker gray on hover */
    border-color: #aaa;        /* Darker border on hover */
}

.small-button:active {
    background-color: #d6d6d6; /* Even darker when pressed */
    border-color: #888;        /* Darker border when pressed */
    transform: scale(0.98);    /* Slight "press" effect */
}

.small-button:disabled {
    background-color: #f9f9f9; /* Lighter color when disabled */
    color: #999;               /* Gray text */
    cursor: not-allowed;       /* Disable click behavior */
    border-color: #ddd;        /* Muted border */
}
.cpmChangesHistory td{
    padding: 5px !important;
}
span.campaignDetails_rate{
    font-size: 16px;
    vertical-align: middle;
    font-weight: 400 !important;
    color: #5c646a;
}
div.platformStatisticsContainer span.maroStat{
    color:#39CCCC;
    font-weight: bold;
    font-size: 30px;
}
div.platformStatisticsContainer span.CPM{
    color: #ff5a5a;
}
button#dateRangeGraph{
    width: 100%;
}
#timeIntervalContainer {
    padding: 0px !important;
}
@media only screen and (max-width: 500px) {
    /* SCHEDULING */
    div.schedulingForm div.bootstrap-dialog-title, div.offerDialog {
        font-size: 14px !important;
    }
    span.offerFormTitle{
        display: inline-block !important;
    }
    span.offerFormTitle__brandName{
        display: inline-block !important;
        margin-top: 5px !important;
    }
    a.stepContainer:nth-child(2), a.stepContainer:nth-child(3){
        margin-left: 82px !important;
    }
    a.stepContainer span.stepLabel{
        width: 107px !important;
        font-size: 9px !important;
    }
    #offers_table_length, #offers_table_filter, #subject_lines_table_length, #subject_lines_table_filter{
        text-align: left !important;
    }

    #offers_table_wrapper div[class^="col-sm-"]{
        padding-left: 0px !important;
    }
    .normalDialog .modal-content{
        width: 97% !important;
    }
    .editorColUpdateMbl{
        padding: 0px !important;
    }
    #updateCampaignDialogTitle, .scheduledBy{
        font-size: 14px;
        text-align: right;
        display: block;
    }
    #reviewCampaignDataContainer .nav-link{
        padding: 0px 5px !important;
        font-size: 12px !important;
    }
    /* End SCHEDULING */
}

@media only screen and (max-width: 700px) {
    /* SCHEDULING */
    .normalDialog .modal-content,
    .myModal .modal-content{
        width: 97% !important;
    }
    /* End SCHEDULING */
}

@media only screen and (max-width: 1100px) and (min-width: 768px)  {
    .editorColUpdateMbl .nav-link{
        padding: 0px 5px !important;
        font-size: 12px !important;
    }
}