/*
    --- Color Guide
    Crimson     : #Ff1726   Normal Red
    Torch Red   : #Fc3240   Bright Red
    Mine Shaft  : #292929   Dark Gray
    Squirrel    : #908679   Dull Goldish Gray
    Tundora     : #4D4D4D   Normal Gray
    Dusty Gray  : #999999   Light Gray
    Seashell    : #c23030   Dull Red
*/

/* ------------- Refer Page Styling ------------- */
/*-- Devloper: Prodeep | Purpose: Refer Page Design | Dated: Nov 16, 2017 --*/

table tr th {
    background-color: #ec1a26;
    padding: 10px 0px;
}

.page-template-referrals_template {
    background: #f7f7f7;
}

.page-template-referrals_template .white-container {
    margin-top: 40px;
    margin-bottom: 40px;
}

.page-template-referrals_template .white-container * {
    font-family: "futura_bk_btbook", Arial;
}

.page-template-referrals_template .white-container .tab-content {
    text-align: center;
}

.page-template-referrals_template .white-container .title {
    font-family: "futura_bk_btbook", Arial;
    font-size: 37px;
    color: #292929;
    margin-bottom: 5px;
}

.referral-content .gdlr-tab-item.horizontal > .tab-content-wrapper{padding:58px 58px 0 58px; box-sizing: border-box;}
.referral-content .page-template-referrals_template .small-container{ width:100%}
.page-template-referrals_template .white-container .sub-title {
    font-size: 13px;
    margin-bottom: 30px;
}

.page-template-referrals_template .white-container .code {
    font-weight: bold;
}

.page-template-referrals_template .white-container .refer-image {
    margin-top: 20px;
    width: 460px;
    max-width: 100%;
    margin: auto;
    height: 185px;
    background: url('../../images/referral-friends-img.png');
    background-repeat: no-repeat;
    margin-bottom: 30px;
    background-position: 50%;
    background-size: contain;
}

.page-template-referrals_template .white-container .code-wrapper {
    margin-bottom: 5px;
}

.page-template-referrals_template .white-container .code-wrapper .light-text {
    font-size:12px;
}

.page-template-referrals_template .white-container .code-wrapper .code {
    font-size: 15px;
}

.page-template-referrals_template .white-container label.referralCode {
    text-align: left;
    display: block;
}
.page-template-referrals_template .white-container input.referralCode {
    width: 77%;
		float:left;
    /* display: inline; */
    /* margin-top: -3px; */
    font-size: 16px;
    padding: 10px;
	color:#4d4d4d;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
}
.page-template-referrals_template .white-container .link-container {
    text-align: left;
}
.page-template-referrals_template .white-container #copyReferral {
    /* display: inline-block; */
    padding: 8px 0 8px 25px;
    width: 22%;
		float:right;
    text-align: center;
    min-width: 60px;
	font-size:15px;
	font-family: 'futura_md_btmedium' !important;
	font-weight:400;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
	 position:relative;

}
.page-template-referrals_template .gdlr-tab-item.horizontal > .tab-content-wrapper {
    border: 0px;
    border-top: 1px solid #dfdfdf;
}

.page-template-referrals_template .gdlr-tab-item.horizontal > .tab-title-wrapper {
    text-align: center;
}

html .page-template-refer_share_template .woocommerce-message {
    margin-top: -10px;
    color: #07733e;
    font-size: 14px;
    font-weight: normal;
    padding: 13px 15px 13px 35px;
}
html .page-template-refer_share_template .woocommerce-message .browser-center {
    display: inline-block;
    width: 95%;
}

html .page-template-refer_share_template .woocommerce-message .close {
    cursor: pointer;
    display: inline-block;
}

.page-template-referrals_template .gdlr-tab-item.horizontal > .tab-title-wrapper .tab-title {
    display: inline-block;
    float: none;
    display: inline-block;
    float: none;
    border: 0px;
    background: #fff;
    user-select: none;
    font-size: 16px;
	font-weight:normal;
	color:#4d4d4d;
}

.page-template-referrals_template .gdlr-tab-item.horizontal > .tab-title-wrapper .tab-title.active {
    border-bottom: 2px solid #Ff1726;
    color: #Ff1726;
}

.light-text {
    color: #4D4D4D;
}

.lined-divider {
    position: relative;
    margin-top: 26px;
    margin-bottom: 23px;
}
.lined-divider .left-line {
    display: inline;
    background: #e5e5e5;
    width: 45%;
    height: 1px;
    position: absolute;
    left: 0px;
    top: 13px;
}

.lined-divider .right-line {
    position: absolute;
    display: inline;
    width: 45%;
    height: 1px;
    background: #e5e5e5;
    right: 0px;
    top: 13px;
}
.lined-divider span{color:#4d4d4d; font-size:14px;}
.page-template-referrals_template .small-container {
    width: 520px;
    max-width: 100%;
}

.page-template-referrals_template .credits_title {
    font-size: 15px;
    margin-bottom: 40px;
    margin-top: 40px;
}
.page-template-referrals_template .steps {
    text-align: left;
    width:388px;
    margin: auto;
    max-width: 100%;
    /* padding-left: 50px; */
    font-size: 12px;
}
.page-template-referrals_template .steps p {
    margin-bottom: 15px;
}
.page-template-referrals_template .white-container .small-container {
    margin: auto;
}

.page-template-referrals_template .custombox-modal-content .container {
    height: 150px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.theChampSharingRound {
    list-style: none;
}

.the_champ_sharing_container .gdlr-tab-item.horizontal > .tab-content-wrapper {
    padding-bottom: 20px;
}

.page-template-refer_share_template {
    background: #FFFFFF;
}

.page-template-refer_share_template .window.title {
    background: #Ff1726;
    margin: 0px;
    padding: 10px 30px;
    margin-bottom: 10px;
    font-size: 17px;
    color: #ffffff;
    text-align: center;
}

.page-template-refer_share_template input.form-input {
    width: 100%;
    box-sizing: border-box;
    display: block;
}

.page-template-refer_share_template input.gdlr-main-content {
    padding: 0px 10px;
}

.page-template-refer_share_template .form-control label {
    font-size: 13px;
}

.page-template-refer_share_template .tiny-text {
    font-size: 12px;
    color: #989898;
    margin-top: 3px;
    display: block;
    margin-bottom: 25px;
}

.tiny-title {
    font-size: 10px;
    text-transform: uppercase;
    margin: 0px;
}

.referral-content {
    padding: 0px 30px;
}

.page-template-refer_share_template .action-container {
    margin-bottom: 20px;
}

.page-template-refer_share_template .action-container::after {
    content: "";
    display: block;
    clear: both;
}
.page-template-refer_share_template .action-container .left {
    width: 50%;
    float: left;
}

.page-template-refer_share_template .action-container .right {
    width: 50%;
    float: right;
}
.page-template-refer_share_template .action-container input[type="submit"] {
    max-width: 130px;
    float: right;
}

.page-template-referrals_template .white-container .btn-share {
    position: relative;
    padding-left: 34px;
    display: inline-block;
    height: 25px;
	/* min-width:230px; */
	padding:8px 38px 8px 58px ;
	font-size:15px;
	font-family: 'futura_md_btmedium' !important;
	font-weight:400;
}

.page-template-referrals_template .white-container .btn-share:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('../../images/icon-share.png');
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    left:25px;
    top:10px;
}

.page-template-referrals_template .white-container .btn-copy:before {
    content: "";
    /* display: inline-block; */
    width: 20px;
    height: 20px;
    float: left;
    background: url('../../images/icon-copy-link.png');
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: -6px;
    margin-right: 5px;
    background-position: 0px 1px;
	position: absolute;
    top: 11px;
	left:18px;}

.pc-only.referral-credit-table {
    display: table;
}

.mobile-only.referral-credit-table th {
    border-bottom: 1px solid #fff;
}

.referral-credit-table.mobile-only {
    margin-top: 20px;
}

.referral-credit-table.mobile-only th,
.referral-credit-table.mobile-only td {
    padding: 10px;
}

#howreferworkscontainer {
    background: #fff;
}
/* ------------- End Refer Page Styling ------------- */
.credits_title{font-size:20px;}
.you-get{color:#4d4d4d; font-size:17px; margin:0 0 5px 0 !Important; padding:0;}
.you-get span, .static-dollar{font-family: 'futura_md_btmedium' !important; text-transform: uppercase;}
.you-get span{font-weight:500;}
.refer-now{color:#4d4d4d; font-size:14px; margin:0; padding:0; margin-bottom:30px;}
.refer-now span{color:#ed1a26;}
.your-referral-code{ font-size:15px; color:#4d4d4d; margin:0; padding:13px 0 4px 0;}
.your-referral-code span{font-size:18px; text-transform: uppercase;}
.referral-content-center{ width:569px; margin:0 auto;}
.share-link-content label{padding-bottom:3px; color:#292929; font-size:14px;}
.share-link-content, .share-link-content label, .share-link-content-input{float:left; width:100%;}
.my-credits .credits_title{ margin:0 0 63px 0; font-size:20px; color:#333333; font-weight:normal;}
.my-credits .steps{ font-size:16px; color:#4d4d4d;}
.my-credits .steps ol{font-size:14px; margin:0; padding:0;}
.my-credits .steps ol li{ margin-left:15px;}
span.static-dollar{font-weight:normal !important; font-size:14px;}


 .custombox-modal-content .modal-title {
	font-family: 'futura_md_btmedium' !important;
	font-weight:500;

}
.page-template-referrals_template .custombox-modal-content .modal-close{ top:15px;}

 @media (max-width:991px) {
	.referral-content-center{width:100%;}
	.page-template-referrals_template .custombox-modal-content{ width:auto !important;}
    .page-template-referrals_template .white-container .title{font-size:35px;}
	/* .gdlr-logo{margin-left:40px !important;} */
	/* #deactivate-subscription-dialog .dialog-content-position{width:100%; float:left;} */
 }
  @media (max-width:764px) {
	.referral-content{padding:0;}
	.referral-content .gdlr-tab-item.horizontal > .tab-content-wrapper{padding:10px;}
	.page-template-referrals_template .white-container{margin-top:20px;}
	.page-template-referrals_template .white-container .title{font-size:22px;}
	.page-template-referrals_template .white-container input.referralCode{width:100%;}
	.page-template-referrals_template .white-container #copyReferral, .page-template-referrals_template .white-container input.referralCode {width: 100% !important;}
	.page-template-referrals_template .white-container #copyReferral{margin-top:10px;}
	.page-template-referrals_template .white-container .btn-copy:before{float:none; display:inline-block; background-position: -2px 2px; position:initial; margin-top: 4px;}
		.gdlr-logo{margin-left:0 !important;}
 }
  @media (max-width:350px) {

	  .page-template-referrals_template .gdlr-tab-item.horizontal > .tab-title-wrapper .tab-title{width:35%; height:38px; float:left;}

  }

.page-template-referrals_template .custombox-modal-content{ width:477px;}
.page-template-referrals_template .custombox-modal-content .container{overflow:hidden; margin-top:0; margin:0; padding:65px 20px 0 20px;}
.page-template-referrals_template .custombox-modal-content .container p{line-height:24px; font-size:16px; color:#292929;}
.page-template-referrals_template .custombox-modal-content .container p+p{margin-top:12px;}
.page-template-referrals_template .custombox-show.custombox-fadein .custombox-modal-content{    -webkit-transform: scale(1);
    -moz-transform: scale(0.98);
    -ms-transform: scale(0.98);
    -o-transform: scale(0.98);
    transform: scale(0.98);
}

.custombox-modal, .custombox-error {
    -webkit-backface-visibility: inherit;
    backface-visibility: inherit;
}
/* available-credit-content start here */
.available-credit{color:#292929; font-size:20px; text-transform:uppercase; padding-bottom:25px;}
.available-credit span{color:#808080;}
.available-credit-content .tab-title{color:#292929; font-weight:500; position:relative; font-size:35px !important;}
.available-credit-content .tab-title span{color:#4d4d4d; font-size:15px;  padding-top:12px; width:100%; float:left;}
.referral-content .available-credit-content .tab-content-wrapper{border-top: none !important;}
.referral-content .gdlr-tab-item .available-credit-content > .tab-title-wrapper .tab-title{border-width:1px !important; color:#808080; border-style:solid; border-color:rgba(229, 229, 229, 0.50) !important; background:rgba(229, 229, 229, 0.10); border-radius:5px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px;}
.referral-content .gdlr-tab-item .available-credit-content > .tab-title-wrapper .tab-title.active{color:#292929; border-color:transparent !important; background:rgba(255, 23, 38, 0.10);}
.referral-content .gdlr-tab-item .available-credit-content > .tab-title-wrapper .tab-title{ padding:21px 15px 16px 15px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}
.referral-content .gdlr-tab-item .available-credit-content > .tab-title-wrapper .tab-title + .tab-title{margin-left:8px;}
.referral-content .gdlr-tab-item .available-credit-content > .tab-title-wrapper .tab-title.active:after{content:''; position: absolute; top: 101%; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-top: solid 10px rgba(255, 23, 38, 0.10); border-left: solid 10px transparent; border-right: solid 10px transparent;}
.referral-content .gdlr-tab-item .available-credit-content > .tab-title-wrapper{ overflow:visible !important;}
.referral-content .gdlr-tab-item .available-credit-content > .tab-content-wrapper{padding-top:30px;}
.referral-statement-heading{font-size:14px; color:#808080; text-transform:uppercase; margin-bottom:15px; float:left; width:100%;}
.referral-content .gdlr-tab-item .available-credit-content > .tab-content-wrapper table.refferal-statment-table th{ background:#fff; border-top:1px solid #808080; padding:12px 0; border-bottom:1px solid #808080; color:#292929; font-size:15px; font-weight:500; font-family: 'futura_md_btmedium';}
.referral-content .gdlr-tab-item .available-credit-content > .tab-content-wrapper table.refferal-statment-table td{ border-color:#e5e5e5; font-size:16px; color:#4d4d4d;}
.referral-content .gdlr-tab-item .available-credit-content > .tab-content-wrapper table.refferal-statment-table tbody tr:last-child td{ border-bottom:none;}
.referral-content .gdlr-tab-item .available-credit-content > .tab-content-wrapper table.refferal-statment-table tfoot tr td{border-top:1px solid #808080; padding:12px 0; border-bottom:none; color:#292929; font-size:16px; font-weight:500; font-family: 'futura_md_btmedium';}
.referral-content .available-credit-content .referral-content-center{width:483px;}
.referral-content .gdlr-tab-item .available-credit-content > .tab-content-wrapper table.refferal-statment-table td a{color:#ff1726;}
@media (max-width:991px) {
	.referral-content .available-credit-content .referral-content-center{width:100%;}
	.referral-content .gdlr-tab-item .available-credit-content > .tab-content-wrapper{ padding:30px 10px 0 10px;}
 }
@media (max-width:750px) {
	.referral-content .gdlr-tab-item .available-credit-content > .tab-title-wrapper .tab-title{width:50%; float:left; border-radius:5px 0 0 5px;}
	.referral-content .gdlr-tab-item .available-credit-content > .tab-title-wrapper .tab-title + .tab-title{margin-left:0; border-radius:0 5px 5px 0;}
	.referral-content .gdlr-tab-item .available-credit-content > .tab-content-wrapper{float:left; width:100%;}
	.available-credit-content .tab-title{font-size:25px !important;}
 }
/* available-credit-content end here */