/*.row.display-table {
   display: table;
}.row.display-table [class*='col-'] {
   float: none;
   display: table-cell;
}*/

/* smartwizard */
/*
:root {
	--sw-border-color:  #FFCC00;
	--sw-toolbar-btn-color:  #ffffff;
	--sw-toolbar-btn-background-color:  #009EF7;
	--sw-anchor-default-primary-color:  #f8f9fa;
	--sw-anchor-default-secondary-color:  #b0b0b1;
	--sw-anchor-active-primary-color:  #009EF7;
	--sw-anchor-active-secondary-color:  #ffffff;
	--sw-anchor-done-primary-color:  #90d4fa;
	--sw-anchor-done-secondary-color:  #fefefe;
	--sw-anchor-disabled-primary-color:  #f8f9fa;
	--sw-anchor-disabled-secondary-color:  #dbe0e5;
	--sw-anchor-error-primary-color:  #dc3545;
	--sw-anchor-error-secondary-color:  #ffffff;
	--sw-anchor-warning-primary-color:  #ffc107;
	--sw-anchor-warning-secondary-color:  #ffffff;
	--sw-progress-color:  #009EF7;
	--sw-progress-background-color:  #f8f9fa;
	--sw-loader-color:  #009EF7;
	--sw-loader-background-color:  #f8f9fa;
	--sw-loader-background-wrapper-color:  rgba(255, 255, 255, 0.7);
}
*/

/*
:root {
	--sw-border-color: #e3e3e3;
	--sw-toolbar-btn-color: #ffffff;
	--sw-toolbar-btn-background-color: #e4a707;
	--sw-anchor-default-primary-color: #f8f9fa;
	--sw-anchor-default-secondary-color: #b0b0b1;
	--sw-anchor-active-primary-color: #f88d19; --#fbbd19
	--sw-anchor-active-secondary-color: #ffffff;
	--sw-anchor-done-primary-color: #e4a707;
	--sw-anchor-done-secondary-color: #dbe0e5;
	--sw-anchor-disabled-primary-color: #f8f9fa;
	--sw-anchor-disabled-secondary-color: #dbe0e5;
	--sw-anchor-error-primary-color: #dc3545;
	--sw-anchor-error-secondary-color: #ffffff;
	--sw-anchor-warning-primary-color: #ffc107;
	--sw-anchor-warning-secondary-color: #ffffff;
	--sw-progress-color: #fbbd19;
	--sw-progress-background-color: #f8f9fa;
	--sw-loader-color: #fbbd19;
	--sw-loader-background-color: #f8f9fa;
	--sw-loader-background-wrapper-color: rgba(255, 255, 255, 0.7);

	--default-transition: all 700ms ease;
	--primary-hover-background: #ebcb8b;
	--Xprimary-hover-color: #333;
	--secondary-hover-background: #555;
	--secondary-hover-color: #eee;
}
*/

:root {
	--sw-border-color: #aaa; --#e3e3e3;
	--sw-toolbar-btn-color: #ffffff;
	--sw-toolbar-btn-background-color: #e4a707;
	--sw-anchor-default-primary-color: #8f8f8f;
	--sw-anchor-default-secondary-color: #fff;
	--sw-anchor-active-primary-color: #e4a707;
	--sw-anchor-active-secondary-color: #ffffff;
	--sw-anchor-done-primary-color: #e4e4e4;
	--sw-anchor-done-secondary-color: #e4a707;
	--sw-anchor-disabled-primary-color: #f8f9fa;
	--sw-anchor-disabled-secondary-color: #dbe0e5;
	--sw-anchor-error-primary-color: #dc3545;
	--sw-anchor-error-secondary-color: #ffffff;
	--sw-anchor-warning-primary-color: #ffc107;
	--sw-anchor-warning-secondary-color: #ffffff;
	--sw-progress-color: #fbbd19;
	--sw-progress-background-color: #f8f9fa;
	--sw-loader-color: #fbbd19;
	--sw-loader-background-color: #f8f9fa;
	--sw-loader-background-wrapper-color: rgba(255, 255, 255, 0.7);

	--default-transition: all 700ms ease;
	--primary-background:#fe9f13;
	--primary-color:#ffffff;

	--primary-hover-background: #d5d5d5;
	--primary-hover-color: #333;
	--secondary-hover-background: #555;
	--secondary-hover-color: #eee;
}

/*
.Xsw-theme-dots > .nav .nav-link > .num img{width:60px; height:60px; border-radius:60px; margin-top:-21px;}
.sw-theme-dots > .nav .nav-link > .num{background-repeat: no-repeat; background-size:38px; background-position: 50% -10%;}
.sw-theme-dots > .nav .nav-link > .num.step-1{background-image: url("/assets/js/app/front/modules/subscribe/v23/img/icon-package.png");}
.sw-theme-dots > .nav .nav-link > .num.step-2{background-image: url("/assets/js/app/front/modules/subscribe/v23/img/icon-package.png");}
.sw-theme-dots > .nav .nav-link > .num.step-3{background-image: url("/assets/js/app/front/modules/subscribe/v23/img/icon-person.png");}
.sw-theme-dots > .nav .nav-link > .num.step-4{background-image: url("/assets/js/app/front/modules/subscribe/v23/img/icon-check.png");}
*/

.sw-theme-dots > .nav .nav-link::after {
	border: 1px solid var(--sw-border-color);
}

.sw-theme-dots > .nav .nav-link.done::after{
	border: 1px solid var(--sw-toolbar-btn-background-color);
}

.sw-theme-dots > .nav .nav-link.default > .nav-link-label{
	color:var(--sw-anchor-default-primary-color);
}
.sw-theme-dots > .nav .nav-link.active > .nav-link-label{
	color:var(--sw-anchor-active-primary-color);
}
.sw-theme-dots > .nav .nav-link default done > .nav-link-label{
	color:var(--sw-anchor-done-primary-color);
}

@media(min-width:768px){
	.sw-theme-dots > .nav .nav-link::after {
	  content: " ";
	  position: absolute;
	  display: block;
	  left: 0;
	  right: 0;
	  margin-left: auto;
	  margin-right: auto;
	  border-radius: 50%;
	  top: -47px;
	  width: 62px;
	  height: 62px;
	  z-index: 99;

	  transition: all .5s ease-in-out;
	}
	.sw-theme-dots > .nav .nav-link {
	  margin-top: 35px;
	  padding-top: 2.5rem;
	}

	.num-text{display:none;}
	.num-icon{display:show;}
	.fa-lg{font-size: 1.2em; DISPLAY:show;}
}

@media(max-width:767px)
{

	.sw-theme-dots > .nav .nav-link::after {
		top:-5px;
	}

	.sw-theme-dots > .nav .nav-link > .num{
		top:-5px;
		top:-10px;
	}

	/* .num-text{display:show;}
	.num-icon{display:none;} */

	.num-text{display:none;}
	.num-icon{display:show;}

	.fa-lg{font-size: 0.8em; display:show;}
}


/*SUBSCRIBE */
.tm-content-container{background:none;}
body{
	xbackground-image: linear-gradient(rgba(0, 0, 255, 0.5), rgba(255, 255, 0, 0.5)), url("/assets/js/app/front/modules/subscribe/v23/img/bg.png");

	xbackground-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(180, 255, 158, 0.5)), url("/assets/js/app/front/modules/subscribe/v23/img/bg.png");


	xbackground: rgb(255,252,252);
	xbackground: linear-gradient(0deg, rgba(255,252,252,1) 0%, rgba(226,220,184,1) 100%);

	background-image: url("/assets/js/app/front/modules/subscribe/v23/img/bg.png")
					  , linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(226,213,188,1) 70%, rgba(255,255,255,1) 100%);


	background-repeat: no-repeat;
	padding-bottom:200px;

	/*background-position-x: left -196px, center;
	background-position-y: bottom -226px;
	*/
	background-position: bottom -226px center;
}
#subscribe_v2{
	xpadding-bottom:180px;
	xfont-family:tahoma;
}

#subscribe_v2 .btn.btn-default{
	background-color: var(--primary-background);
	color: var(--primary-color);
}

#subscribe_v2 .page-header{font-size:12px; font-weight:bold; xtext-align:center; padding:5px; border:0; margin:10px 0; display:none;}
#subscribe_new_form{padding-top:40px;}


#subscribe_v2 .tab-pane-control{text-align:center;  background:orange; padding:4px 2px; margin:4px; position:fixed; bottom:56px; z-index:99999;left: 0;right: 0; opacity:0.9;}

.centered {text-align: center;font-size: 0;}
.centered > div {float: none;display: inline-block;text-align: left;font-size: 16px;}

#id-content-subscribe-index{padding-bottom:0;}


#subscribe_v2 hr{border-color:var(--sw-toolbar-btn-background-color);}

#is_alamat_sama{font-size:110%;}
#term-condition-approval{font-size:100%;}



.connecting-line {
	position: absolute; z-index: 1; margin: 0 auto; left: 0; right: 0; top: 40%;
	width: 80%; height: 2px; background: #e0e0e0;
}

body{margin-bottom:116px;}
footer #id-footer1{display:none;}
footer{position:fixed; bottom:0; xleft:0; z-index:2; width:100%; height:60px; background:#fff;}
form .radio {margin-left: 20px;}

.checkbox.larger input[type=checkbox] {transform: scale(1.8);}

@media( max-width : 585px ) {
	#subscribe_new_form{padding-top:20px;}
}

/* SUBSCRIBE NEW */
#subscribe_new_form{background: transparent;}
#subscribe_new_form #col-1 .row {padding:20px;}
#subscribe_new_form .pkg-name {margin-top:-50px; text-align: center;}
#subscribe_new_form .pkg-name{
	text-align: center;
	padding: 20px 5px;
	margin-top: 0px;
	background: var(--primary-background);
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	color:#fff;
	xborder:1px solid #ccc;
}

#subscribe_new_form h1.title {text-align: center; padding: 40px 5px; margin-bottom:20px;background: #E3E4E5;}
#subscribe_new_form .form-part-title{
	text-align: center;
	padding: 20px 5px;
	margin-top: -20px;
	background: #BEBEBE;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: bold;
	color:#fff;
}
#subscribe_new_form .form-pkg-title{color:#ff0; display:none;}



.panel-pkg .panel-footer{
	border-top:1px solid #fe9f13;
}

#subscribe_new_form .pkg-price{font-size:145%; font-weight:normal; background:transparent; text-align:center;color:#555; float:show; margin:0;}
#subscribe_new_form .pkg-price-xs{font-size:140%;font-weight:normal; background:transparent;}

#subscribe_new_form .pkg-channel-count, #subscribe_new_form .pkg-price, #subscribe_new_form .pkg-channel-label{display: inline; font-size:20px; color:#555;}

#subscribe_new_form .pkg-channel-count, #subscribe_new_form .pkg-channel-label{opacity:0.8;}
#subscribe_new_form .pkg-channel-label{font-size:20px;}

#subscribe_new_form .panel-pkg .btn-view-detail-channel, #subscribe_v2 .panel-pkg .btn-view-detail-desc{
	margin-top:0px;
}
#subscribe_new_form .panel-pkg .btn-view-detail-channel{float:left;}
#subscribe_new_form .panel-pkg .btn-view-detail-desc{float:right; }

#subscribe_new_form .pkg-desc{font-style: italic;}


#subscribe_new_form .panel-info-biaya table th, #subscribe_new_form .panel-info-biaya table td{border-top:1px dotted var(--sw-border-color);}
#subscribe_new_form .panel-info-biaya table td.item{padding-left:20px;}
#subscribe_new_form .panel-identity{background: transparent;}





#subscribe_new_form .tab-pane h2, #subscribe_new_form .tab-pane h3, .panel-pkg .panel-footer, label[for=PAYMENT_METHOD]{color:var(--sw-toolbar-btn-background-color);}
#subscribe_new_form .tab-pane h2, #subscribe_new_form .tab-pane h3{font-weight:bold;}
#subscribe_new_form .tab-pane h2{margin-bottom:40px;}


.panel-pkg.panel-pkg-basic, .panel-pkg.panel-pkg-basic .panel-heading{border-radius:20px 20px 0px 0;}
.panel-pkg.panel-pkg-basic .panel-heading{background:#fe9f13; color:#fff;}



.pkg-price-notes{font-size:12px; color:#777;}

.price-currency, .price-value, .price-termin{font-weight:bold; font-size:120%;}
.price-value{xfont-size:100%;}
.Xprice-termin, .Xpkg-price-notes2{xfont-size:60%;}

.price-currency::before {
	content: "➤ ";
	background-color:transparent;
	color: #fe9f13;
	font-weight: bold;
	xfont-size: 30px;
	margin-right:10px;
}



/*CUSTOM*/
#subscribe_v2 button,
#subscribe_v2 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info
{
  /*color: #fff; background: #5bc0de;*/
  background:var(--sw-toolbar-btn-background-color); color:var(--sw-toolbar-btn-color); border:1px solid var(--sw-border-color);
}

#subscribe_v2 .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
#subscribe_v2 .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
#subscribe_v2 .btn-success{
	/*color: #fff;*/
	background: #5cb85c;
}


#subscribe_v2 h3{font-size:120%;}
#col_term h3{text-align:center;}
label[for=PAYMENT_METHOD]{font-size:120%; font-weight: bold; margin-top: 20px; margin-bottom: 10px;}

#subscribe-payment .radio{margin-left:20px;}
#subscribe-form-konfirmasi{margin-top:40px;}
#subscribe-form-konfirmasi .checkbox{margin-left:5px;}
#subscribe-form-konfirmasi #col_submit{margin-top:20px;}
button#submit-form{margin-top:15px;width:100%;font-weight:bold; background:var(--sw-toolbar-btn-background-color); border:1px solid var(--sw-border-color);}
#subscribe_v2 button{border-radius:50px;}
#subscribe_v2 .form-horizontal .control-label{text-align:left ;}


#subscribe_v2 .subscribe-preview{font-size:90%;}
#subscribe_v2 .subscribe-preview .form-group{border-bottom:1px dotted var(--sw-border-color); margin-bottom:0;}
#subscribe_v2 .subscribe-preview .form-group:last-of-type{border:0;}
#subscribe_v2 .subscribe-preview .panel-fm-paket label.control-label{text-align:left;}
#subscribe_v2 .subscribe-preview .panel.panel-default, .subscribe-preview{border-color:transparent; /*border-bottom:1px solid var(--sw-border-color);*/ background:transparent;}
#subscribe_v2 .subscribe-preview .panel-body{padding:0;}
#subscribe_v2 .subscribe-preview .panel-heading{font-weight:bold; padding-left:0;padding-right:0; background:transparent;border:0; border-bottom:1px solid var(--sw-border-color); padding-bottom:4px;}
#subscribe_v2 .subscribe-preview .form-horizontal .control-label{font-weight:101%;}

#subscribe_v2 .subscribe-preview .panel-fm-paket .form-group:first-of-type .control-label{font-size:130%; font-weight:normal;}
#subscribe_v2 .subscribe-preview .subscribe-pv-package-basic-value{font-size:140%; font-weight:bold;}
#subscribe_v2 .subscribe-preview .subscribe-pv-package-basic-value, #subscribe_v2 .subscribe-preview .panel-fm-paket .form-group:first-of-type .control-label{color:#536777;}



#subscribe_v2 .form-horizontal .control-label, #subscribe_v2 .form-control-static, #subscribe_v2 p .form-control-static {
  padding-top: 4px;
  padding-bottom: 4px;
  min-height:100%;
}



/* PAKET */
#subscribe_v2 .panel-pkg:hover{border:1px solid #a5a5a5;}
#subscribe_v2 .panel-pkg:hover .panel-footer{background:var(--primary-hover-background); color:var(--primary-hover-color); transition:var(--default-transition);}

#subscribe_v2 .panel-addon-genre{background:#aaa;}
#subscribe_v2 .panel-pkg-addon:hover .panel-footer{background:var(--secondary-hover-background); color:var(--secondary-hover-color); transition:var(--default-transition);}

#subscribe_v2 .container-addon .btn-view-channel{font-size:100%; clear:both; float:none; margin-top:0;}
#subscribe_v2 .container-addon .panel-pkg-addon .panel-body{text-align:center;}
#subscribe_v2 .container-addon .pkg-nama{Xfloat:left; font-weight:bold; opacity:0.8; text-shadow: 1px 1px #ccc;}
#subscribe_v2 .container-addon .price-currency, #subscribe_v2 .container-addon .price-value, #subscribe_v2 .container-addon .price-termin{font-size:100%; }
#subscribe_v2 .container-addon .panel-footer{text-align:center;}
/*#subscribe_v2 .panel-addon-genre .control-select-area{text-align:center;}*/
#area-addon-internet{top:0px; background:#27457E;}
#area-addon-internet .panel-pkg-addon .panel-body{background:#ffd27b; font-size:90%;}

/* Tab DATA DIRI - ALAMAT */
#panel-alamat .panel-identity > h3 {text-align:center;}

.tab-content .tab-pane {
	/*background: rgb(221,221,221);
	background: linear-gradient(180deg, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 10%);*/
}

/*PROMO*/
.panel-promo{
	color:var(--sw-toolbar-btn-background-color); background:var(--sw-toolbar-btn-color); border:1px dotted var(--sw-toolbar-btn-background-color);
}
.panel-promo .radio label{margin-left:-40px;}
.preview-promo-code{font-size:80%; color:#ccc; display:none;}

.toolbar.toolbar-bottom{
	border-top: 1px dotted var(--sw-border-color);
}