.xviz-pricing-flows-container{
    width:100%;
    color:#333;
}

.xviz-pricing-flows-container .columns{
    display: flex;
    justify-content: space-between;
}

.xviz-pricing-flows-container .columns .col-1.col-width-2_3,
.xviz-pricing-flows-container .columns .col-2.col-width-2_3{
    width:55%;
}

.xviz-pricing-flows-container .columns .col-1.col-width-1_3,
.xviz-pricing-flows-container .columns .col-2.col-width-1_3{
    width:40%;
}

.xviz-pricing-flows-container .visuals-container,
.xviz-pricing-flows-container .deployment-method-container,
.xviz-pricing-flows-container .organization-container,
.xviz-pricing-flows-container .commercial-container,
.xviz-pricing-flows-container .licensing-variant-container,
.xviz-pricing-flows-container .users-selector-container,
.xviz-pricing-flows-container .apps-selector-container,
.xviz-pricing-flows-container .trial-variant-container{
    width:100%;
    margin-bottom:50px;
}

.xviz-pricing-flows-container .custom-pricing-container{
    border-radius: 10px;
    background-color: #f8f8f8;
    border: 1px solid #ededed;
    padding: 20px 30px;
}

.xviz-pricing-flows-container .visual-selector-label,
.xviz-pricing-flows-container .deployment-method-label,
.xviz-pricing-flows-container .organization-label,
.xviz-pricing-flows-container .commercial-label,
.xviz-pricing-flows-container .licensing-variant-label,
.xviz-pricing-flows-container .users-selector-label,
.xviz-pricing-flows-container .apps-selector-label{
    width:100%;
    margin-bottom: 20px;
}

.xviz-pricing-flows-container .edition-options,
.xviz-pricing-flows-container .deployment-method-options,
.xviz-pricing-flows-container .commercial-options,
.xviz-pricing-flows-container .trial-variant-options{
    width:100%;
    display: flex;
    justify-content: space-between;
}

.xviz-pricing-flows-container .licensing-variant-options{
    width:100%;
}

.xviz-pricing-flows-container .licensing-variant-group{
    width:100%;
    padding-bottom:20px;
}

.xviz-pricing-flows-container .licensing-variant-group.unlimited{
    padding-bottom: 0px;
}

.xviz-pricing-flows-container .trial-variant-option{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width:48%;
    padding:10px 30px;
    text-align: left;
    border-radius: 10px;
    background-color: #f8f8f8;
    border:1px solid #ededed;
}

.xviz-pricing-flows-container .trial-variant-option p,
.xviz-pricing-flows-container .trial-variant-option ul{
    font-size:12px;
    margin:0px;
}

.xviz-pricing-flows-container .trial-variant-option ul{
    padding-left:12px;
}

.xviz-pricing-flows-container .deployment-method-option{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width:32%;
    padding:10px 30px;
    text-align: left;
    border-radius: 10px;
    background-color: #f8f8f8;
    border:1px solid #ededed;
}

.xviz-pricing-flows-container .coming-soon{
    font-size:12px;
}

.xviz-pricing-flows-container .commercial-option,
.xviz-pricing-flows-container .organization-option{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width:49%;
    padding:10px 30px;
    text-align: left;
    border-radius: 10px;
    background-color: #f8f8f8;
    border:1px solid #ededed;
}

.xviz-pricing-flows-container .licensing-variant-option{
    width:100%;
    padding:10px 30px;
    margin-bottom:10px;
    text-align: left;
    border-radius: 10px;
    background-color: #f8f8f8;
    border:1px solid #ededed;
    
}

.xviz-pricing-flows-container .licensing-variant-group .description,
.xviz-pricing-flows-container .licensing-variant-option .description,
.xviz-pricing-flows-container #proceed-to-quote p.description,
.xviz-pricing-flows-container .tier-box .description{
    font-size:12px;
    font-style: italic;
}

.xviz-pricing-flows-container .deployment-method-option.hidden{
    display:none;
}

.xviz-pricing-flows-container .trial-variant-option:hover,
.xviz-pricing-flows-container .trial-variant-option.active,
.xviz-pricing-flows-container .deployment-method-option:hover,
.xviz-pricing-flows-container .deployment-method-option.active,
.xviz-pricing-flows-container .organization-option:hover,
.xviz-pricing-flows-container .organization-option.active,
.xviz-pricing-flows-container .commercial-option:hover,
.xviz-pricing-flows-container .commercial-option.active,
.xviz-pricing-flows-container .licensing-variant-option:hover,
.xviz-pricing-flows-container .licensing-variant-option.active{
    cursor:pointer;
    /*color: #5d56e5;*/
    background-color:#ffcd3e;
    border:1px solid #ffcd3e;
}

.xviz-pricing-flows-container .frequency:hover,
.xviz-pricing-flows-container .frequency.active{
    cursor:pointer;
    background-color:#ffcd3e;
}


.xviz-pricing-flows-container .button.get-a-quote.disabled:hover,
.xviz-pricing-flows-container .button.get-a-quote.disabled,
.xviz-pricing-flows-container .licensing-variant-option.disabled:hover,
.xviz-pricing-flows-container .licensing-variant-option.disabled,
.xviz-pricing-flows-container .deployment-method-option.disabled:hover,
.xviz-pricing-flows-container .deployment-method-option.disabled,
.xviz-pricing-flows-container .edition-option.disabled:hover,
.xviz-pricing-flows-container .edition-option.disabled,
.xviz-pricing-flows-container .frequency.disabled:hover,
.xviz-pricing-flows-container .frequency.disabled{
    cursor:default;
    background-color: #f8f8f8;
    border-color: #ededed;
    color:#999;
}

.xviz-pricing-flows-container .pricing-box,
.xviz-pricing-flows-container .trial-box,
.xviz-pricing-flows-container .inquiry-box,
.xviz-pricing-flows-container .tier-box{
    width:100%;
    border-radius: 10px;
    padding:40px 50px;
    margin-bottom: 20px;
    background-color: #f1f5f9;
    border:1px solid #cad8e7;
}

.xviz-pricing-flows-container .tier-box{
    background-color: #f8f8f8;
    border:1px solid #ededed;
}

.xviz-pricing-flows-container .frequency-container,
.xviz-pricing-flows-container .pricing-box-header{
    display: flex;
    justify-content: space-between;
}

.xviz-pricing-flows-container .pricing-box-header{
    margin-bottom:20px;
}

.xviz-pricing-flows-container .pos-center {
    justify-content: center;
}

.xviz-pricing-flows-container .pos-right {
    justify-content: flex-end;
}

.xviz-pricing-flows-container .frequency {
    /*color: #5d56e5;*/
    border: 1px solid #ffcd3e;
    padding: 5px 20px;
}

.xviz-pricing-flows-container .frequency.monthly {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.xviz-pricing-flows-container .frequency.yearly {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.xviz-pricing-flows-container .plan-box-unlimited{
    margin-bottom:20px;
}

.xviz-pricing-flows-container .plan-label {
    width: 100%;
    text-align: center;
    margin:20px 0px;
}

.xviz-pricing-flows-container .plan-value {
    width: 100%;
    text-align: center;
    margin:20px 0px;
}

.xviz-pricing-flows-container .plan-currency,
.xviz-pricing-flows-container .plan-currency-eur {
    font-weight: 700;
    color: #3a3a3a;
    font-size: 22px;
    margin-left: 5px;
}

.xviz-pricing-flows-container .per-user-price,
.xviz-pricing-flows-container .per-customer-price {
    font-size: 72px;
    line-height: 1em;
    font-weight: 700;;
}

.xviz-pricing-flows-container .per,
.xviz-pricing-flows-container .plan-unlimited-viewers,
.xviz-pricing-flows-container .plan-unlimited-users {
    display:block;
    margin-top:5px;
}

.xviz-pricing-flows-container .plan-total {
    display:block;
    margin-top:25px;
}

.xviz-pricing-flows-container .button.buy-now {
    font-size: 18px;
    color:#3a3a3a;
    display:block;
    margin-top:25px;
    margin-left: auto;
    margin-right: auto;
    padding:5px 20px; 
    line-height: 2em;
    background-color: #ffcd3e;
    border-radius: 5px;
    border: 2px solid #ffcd3e;
    text-align: center;
    width:100%;
    max-width: 340px;
    cursor:pointer;
}

.xviz-pricing-flows-container .button.get-a-quote {
    font-size: 18px;
    color:#3a3a3a;
    display: block;
    margin-top:25px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    padding:5px 20px; 
    line-height: 2em;
    border-radius: 5px;
    background-color: transparent;
    border: 2px solid #3a3a3a;
    text-align: center;
    width:100%;
    max-width: 340px;
    cursor:pointer;
}

.xviz-pricing-flows-container .button.try-now {
    font-size: 18px;
    color:#3a3a3a;
    display:block;
    margin:25px 0px;
    line-height: 2em;
    text-align: center;
}

.xviz-pricing-flows-container .button.buy-now:hover,
.xviz-pricing-flows-container .button.get-a-quote:hover {
    color:#3a3a3a;
    background-color: #f5c12b;
    border: 2px solid #f5c12b;
}

.xviz-pricing-flows-container .button.try-now:hover {
    color:#3a3a3a;
    text-decoration: underline;
    text-decoration-color: #3a3a3a;
}


.xviz-pricing-flows-container .users-field-wrapper,
.xviz-pricing-flows-container .apps-field-wrapper,
.xviz-pricing-flows-container .customers-field-wrapper {
    display: flex;
    justify-content: space-between;
}

.xviz-pricing-flows-container .users-input-container,
.xviz-pricing-flows-container .apps-input-container,
.xviz-pricing-flows-container .customers-input-container{
    width:15%;
    display:flex;
    flex-direction: column;
    justify-content: center;
}

.xviz-pricing-flows-container .users,
.xviz-pricing-flows-container .apps,
.xviz-pricing-flows-container .customers{
    width:81%;
    padding:20px 30px 40px;
    background: #F1F5F9;
    border-radius: 10px;
    border: 1px solid #CAD8E7;
}

.xviz-pricing-flows-container .users-slider-container,
.xviz-pricing-flows-container .apps-slider-container,
.xviz-pricing-flows-container .customers-slider-container{
	padding: 15px 10px 20px 10px;
	float: left;
	width: 99%;
}

.xviz-pricing-flows-container #pricing-flow-users-slider,
.xviz-pricing-flows-container #pricing-flow-apps-slider,
.xviz-pricing-flows-container #pricing-flow-customers-slider{
	height: 2px;
	border: none;
	box-shadow: none;
	background: #CAD8E7;
}

.xviz-pricing-flows-container .noUi-connects{
	overflow: visible;
}

.xviz-pricing-flows-container .noUi-connect{
	background:#ffcd3e !important;
	height:4px;
	top:-1px;
}

.xviz-pricing-flows-container .noUi-horizontal .noUi-handle{
	border-radius: 50%;
	width: 28px !important;
	height: 28px !important;
	top: -13px !important;
	border: none;
	box-shadow: none;
	background: #ffcd3e;
}

.xviz-pricing-flows-container .noUi-horizontal .noUi-handle:before,
.xviz-pricing-flows-container .noUi-horizontal .noUi-handle:after{
	background: #ffcd3e;
}

.xviz-pricing-flows-container .noUi-marker.noUi-marker-horizontal.noUi-marker-large {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #CAD8E7;
    top: -6px;
    z-index: 0;
}

.xviz-pricing-flows-container .noUi-marker.noUi-marker-horizontal.noUi-marker-large:first-child{
	background: #ffcd3e;
}

.xviz-pricing-flows-container .noUi-marker.noUi-marker-horizontal.noUi-marker-large.crossed{
	background: #ffcd3e;
}

.xviz-pricing-flows-container .noUi-value.noUi-value-horizontal.noUi-value-large{
	color:#202124;
}

.xviz-pricing-flows-container #pricing-flow-users-input,
.xviz-pricing-flows-container #pricing-flow-apps-input,
.xviz-pricing-flows-container #pricing-flow-customers-input{
	width:100%;
	padding:16px 14px;
	font-size: 16px;
	text-align: center;
	color:#202124;
    border: 1px solid #CAD8E7;
    border-radius: 10px;
}

.xviz-pricing-flows-container .currency-container .select2-container--default .select2-selection--single {
    padding:6px;
    border-radius: 5px;
    height:39px;
}

.xviz-pricing-flows-container .currency-container .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:39px !important;
    right:3px !important;
}

.xviz-pricing-flows-container #pricing-flow-users-slider .noUi-pips.noUi-pips-horizontal div:last-of-type{
    left:97% !important;
}

.xviz-pricing-flows-container .tier-box h4{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.xviz-pricing-flows-container .tier-table{
    width: 100%;
    border:1px solid #ebebeb;
}

.xviz-pricing-flows-container .tier-table td{
    background-color: #fff;
    padding:5px 10px;
}

.xviz-pricing-flows-container .tier-table th{
    border-bottom:1px solid #ebebeb;
    background-color: #fff;
    padding:5px 10px;
}

.xviz-pricing-flows-container .tier-table tr th:first-child,
.xviz-pricing-flows-container .tier-table tr td:first-child{
    text-align: left;
    padding-left:20px;
}

.xviz-pricing-flows-container .tier-table tr th:last-child,
.xviz-pricing-flows-container .tier-table tr td:last-child{
    text-align: right;
    padding-right:20px;
}


.xviz-pricing-flows-container .info-text{
    visibility: hidden;
    width: 180px;
    background-color: #fff;
    color: #202124;
    text-align: center;
    border-radius: 6px;
    padding: 10px 5px;
    position: absolute;
    z-index: 1;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 12px;
    font-weight: 100;
    line-height: 1.4em;
    border: 1px solid #3a3a3a;
    margin-top: 22px;
    margin-left: -96px;
}

.xviz-pricing-flows-container  .info-text::after {

    content: "";
    position: absolute;
    top: -10px;
    left: 45%;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #3a3a3a;

}

.xviz-pricing-flows-container .fas:hover .info-text {
    visibility: visible;
}

.xviz-pricing-flows-container .asterix-disclaimer {
    font-size:12px;
}

@media only screen and (max-width:981px){

    .xviz-pricing-flows-container .columns,
    .xviz-pricing-flows-container .deployment-method-options,
    .xviz-pricing-flows-container .organization-options,
    .xviz-pricing-flows-container .users-field-wrapper,
    .xviz-pricing-flows-container .apps-field-wrapper,
    .xviz-pricing-flows-container .customers-field-wrapper {
        display: block;
    }
    
    .xviz-pricing-flows-container .columns .col-1.col-width-2_3,
    .xviz-pricing-flows-container .columns .col-2.col-width-2_3,
    .xviz-pricing-flows-container .columns .col-1.col-width-1_3,
    .xviz-pricing-flows-container .columns .col-2.col-width-1_3,
    .xviz-pricing-flows-container .deployment-method-option,
    .xviz-pricing-flows-container .organization-option,
    .xviz-pricing-flows-container .users-input-container,
    .xviz-pricing-flows-container .users,
    .xviz-pricing-flows-container .apps-input-container,
    .xviz-pricing-flows-container .apps,
    .xviz-pricing-flows-container .customers-input-container,
    .xviz-pricing-flows-container .customers{
        width:100%;
        margin-bottom: 20px;
    }

    .xviz-pricing-flows-container .users{
        padding: 20px 30px 80px;
    }

    .xviz-pricing-flows-container #pricing-flow-users-slider .noUi-pips.noUi-pips-horizontal div.noUi-value-large,
    .xviz-pricing-flows-container #pricing-flow-apps-slider .noUi-pips.noUi-pips-horizontal div.noUi-value-large,
    .xviz-pricing-flows-container #pricing-flow-customers-slider .noUi-pips.noUi-pips-horizontal div.noUi-value-large{
		display: none;
	}


	.xviz-pricing-flows-container #pricing-flow-users-slider .noUi-pips.noUi-pips-horizontal div:nth-child(2), 
	.xviz-pricing-flows-container #pricing-flow-users-slider .noUi-pips.noUi-pips-horizontal div:last-of-type,
    .xviz-pricing-flows-container #pricing-flow-apps-slider .noUi-pips.noUi-pips-horizontal div:nth-child(2), 
	.xviz-pricing-flows-container #pricing-flow-apps-slider .noUi-pips.noUi-pips-horizontal div:last-of-type,
    .xviz-pricing-flows-container #pricing-flow-customers-slider .noUi-pips.noUi-pips-horizontal div:nth-child(2), 
	.xviz-pricing-flows-container #pricing-flow-customers-slider .noUi-pips.noUi-pips-horizontal div:last-of-type{
		display: block;
	}

    .xviz-pricing-flows-container #pricing-flow-users-slider .noUi-pips.noUi-pips-horizontal div:last-of-type,
    .xviz-pricing-flows-container #pricing-flow-apps-slider .noUi-pips.noUi-pips-horizontal div:last-of-type,
    .xviz-pricing-flows-container #pricing-flow-customers-slider .noUi-pips.noUi-pips-horizontal div:last-of-type{
        left:93% !important;
    }

    .xviz-legacy-pricing-controls-container  .users-bucket-option{
        margin:1%;
        width:31%;
    }

    .xviz-legacy-pricing-table{
        width:100%;
        margin:20px 0px;
    }

    .xviz-pricing-flows-container .pricing-box,
    .xviz-pricing-flows-container .trial-box,
    .xviz-pricing-flows-container .inquiry-box, 
    .xviz-pricing-flows-container .tier-box{
        padding:20px;
    }

}

/*Pricing Flow Fields*/

#xviz-pbix-download-form-container,
#xviz-pbiviz-download-form-container,
#xviz-trial-form-container{
    max-width: 480px;
    position:relative;
    width:100%;
}


#xviz-pbix-download-form-container p.form_errors,
#xviz-pbiviz-download-form-container p.form_errors,
#xviz-trial-form-container p.form_errors{
    margin-top:20px;
    border-left:3px solid red;
    background:#f8f8f8;
    padding:20px;
    display: none;
}

#xviz-pbix-download-form-container .disclaimer,
#xviz-pbiviz-download-form-container .disclaimer{
    font-size:14px;
    text-align:right;
    color:#888;
    position: absolute;
    right:0;
}

#xviz-trial-form-container .disclaimer{
    font-size:14px;
}

.xviz-pricing-flow-fields {
	padding-bottom:5px;
}

.xviz-pricing-flow-fields.first{
	float:left;
    width:48%;
    margin:16px auto;
}

.xviz-pricing-flow-fields.last{
	float:right;
    width:48%;
    margin:16px auto;
}

@media only screen and ( max-width:600px ) {

    .xviz-pricing-flow-fields.first,
    .xviz-pricing-flow-fields.last{
        float:unset;
        width:100%;
    }

}

.xviz-pricing-flow-fields label {
    display: block;
    font-weight: 300;
    color: #202124;
    margin: 10px 0px;
    font-size: 14px;
}

.xviz-pricing-flow-fields label.error {
    color:red;
    font-size: 14px;
    font-weight: 400;
}

.xviz-pricing-flow-fields.radio-fields label{
    display:inline;
}

.xviz-pricing-flow-fields.radio-fields label a{
    color:#3a3a3a;
    text-decoration: underline;
}

.xviz-pricing-flow-fields input[type="text"],
.xviz-pricing-flow-fields input[type="email"],
.xviz-pricing-flow-fields input[type="tel"],
.xviz-pricing-flow-fields input[type="submit"],
.xviz-pricing-flow-fields textarea {
    width: 100%;
    padding: 12px;
    border-radius: 5px;
    font-size: 14px;
    border:1px solid #bbb;
}

.xviz-pricing-flow-fields textarea {
    height:100px;
}

.xviz-pricing-flow-fields input[type="submit"] {
    margin-top:5px;
   	color:#3a3a3a;
   	background: #ffcd3e;
   	border:none;
   	cursor: pointer;
	font-weight: 500;
	transition: background-color 300ms ease 0ms,background-image 300ms ease 0ms;
}

.xviz-pricing-flow-fields input[type="submit"]:hover { 
	background: #f5c12b;
}

.xviz-pricing-flow-fields:has(input[required]:not([type="radio"]),select[required],textarea[required]) > label:not(.error)::after{
    content: "*";
    color: red;
    padding-left: 3px; 
 }

.xviz-pricing-flow-fields:has(input[type="radio"][required]) > label[for="embedding_method"]:not(.error)::after {
     content: "*";
     color: red;
     padding-left: 3px;
 }

.xviz-pricing-flow-fields .select2-container--default .select2-selection--single {
    padding: 8px 12px;
    border-radius: 5px !important;
    height:45px !important;
}

.xviz-pricing-flow-fields .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    font-size: 14px;;
}

.xviz-pricing-flow-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:45px !important;
    right:12px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    padding:12px;
}