.ja-container {
    max-width: 1600px;
    margin: auto;
}

.ja-column-2 {
    text-align: left;
    float: left;
    width: 50%;
    padding: 1px;
    height: auto;
}
textarea{
    width: 100%;
}
.lg-ja-column-2{
    text-align: left;
    float: left;
    width: 50%;
    padding: 1px;
    height: auto;
}
.ja-column-3 {
    text-align: left;
    float: left;
    width: 33.33%;
    padding: 1px;
    height: auto;
}
/* label{
    width: 120px;
} */
input , textarea {
    padding: 5px;
}
.ja-text-blue{
    color: #009dd7;
}
input[type=checkbox], input[type=radio] {
    accent-color: #009dd7;
}
input:focus{
    outline-color: #009dd7;
}
textarea:focus{
    outline-color: #009dd7;
}
.ja-row:after {
    content: "";
    display: table;
    clear: both;
}
.ja-pointer{
    cursor: pointer;
}
.ja-width-120{
    width: 120px;
}
/* form {
    max-width: 1024px;
    margin: auto;
} */
.ja-max-width-1024{
    max-width: 1024px;
}
.ja-w-50px{
    width: 50px;
}
.ja-w-25px{
    width: 25px;
}
.ja-h-50px{
    height: 50px;
}
.ja-h-25px{
    height: 25px;
}
.ja-d-block{
    display: block;
}
.ja-hidden{
    display: none;
}
.ja-d-inlineblock{
    display: inline-block;
}
.ja-grid{
    display: grid;
}
.ja-grid-140px{
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
.ja-grid-600px{
    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}
.ja-flex {
    display: flex;
}
.ja-text-center{
    text-align: center;
}
.ja-flex-col{
    flex-direction: column;
}
.ja-relative{
    position: relative;
}
.ja-absolute{
    position: absolute;
    right: 0;
}
.ja-text-end{
 text-align: end;
}
.ja-justify-content-center {
    justify-content: center;
}

.ja-justify-content-between {
    justify-content: space-between;
}
.ja-justify-content-end{
    justify-content: end;
}

.ja-align-items-center {
    align-items: center;
}

.ja-align-items-baseline {
    align-items: baseline;
}
/* .ld-ja-d-block{
    display: block;
} */
.ja-m-auto{
    margin: auto;
}
.ja-m-0{
    margin: 0px;
}
.ja-my-auto{
    margin: auto 0 auto 0;
}
.ja-ma-auto{
    margin: 0 auto 0 auto;
}
.ja-mb-10{
    margin-bottom: 10px;
}
.ja-mb-20 {
    margin-bottom: 20px;
}
.ja-mb-40{
    margin-bottom: 40px;
}
.ja-mt-20 {
    margin-top: 20px;
}
.ja-mt-40{
    margin-top: 40px;
}
.ja-p-16 {
    padding: 16px;
}
.ja-m-auto{
    margin: auto;
}

.ja-w-100{
    width: 100%;
}
.ja-mr-100px{
    margin-right: 100px;
}
.ja-mr-10px{
    margin-right: 10px;
}
/**** change css **/
.ja-next-btn , .ja-back-btn{
    padding: 8px 50px;
    border: none;
	background: transparent linear-gradient(93deg, #009BDF 0%, #004B98 100%) 0% 0% no-repeat padding-box;
    transition: 0.5s;
    color: #fff;
}
.ja-back-btn{
    background-color: #009dd7;
}
.ja-next-btn{
    background-color: #5fc540;
}
button[disabled]{
    opacity: 0.5;
    cursor: not-allowed;
}
.error{
    color: red;
    font-size: 13px;
}
.modal,.modal-backdrop{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
}
.modal{
    display: none;
}
.modal.active{
    display: flex;
}
.modal-backdrop{
    background-color: #000;
    opacity: 0.6;
    z-index: 10;
}
.modal-content{
    position: relative;
    z-index: 20;
    padding: 16px;
}
.modal-close-btn{
    top: 0;
    right: 0;
    background: #000;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.video-quality-image{
    max-width: 100%;
    width: 100%;
    display: block;
}
.modal-close object {
    /* z-index: 2; */
    position: absolute;
    top: 9px;
    left: 9px;
}
@media only screen and (max-width: 768px) {
    .ja-column-2 {
        width: 100%;
    }
    .ja-column-3{
        width: 100%;
    }
    .ja-text-left{
        text-align: left;
    }
    .md-ja-text-center{
        text-align: center;
    }
    .md-ja-justify-content-center{
        justify-content: center !important;
    }
    .ja-next-btn , .ja-back-btn{
        padding: 8px 45px;
    }
    .md-ja-flex-col{
        flex-direction: column;
    }
    .md-ja-m-0{
        margin: 0;
    }
}
@media only screen and (max-width: 1200px){
    .lg-ja-justify-content-center{
        justify-content: center !important;
    }
    .lg-ja-column-2{
        width: 100%;
    }
    .ld-ja-d-block{
        display: block;
    }


}
/* grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); */

/* 2022-11-02 - responsive styles */
/* added by JK */
@media screen and (max-width: 768px) {
	.has-javs-form #main_form .ja-row.ja-mb-20,
	.has-javs-form #main_form .ja-row {
		grid-template-columns: repeat(1, 1fr);    
	}

	.has-javs-form #main_form .md-ja-flex-col.ja-mr-10px {
		margin-right: 0;
	}
	.has-javs-form #main_form .ja-width-120 {
		width: 100%;
	}
	
	.has-javs-form #main_form .ja-mb-20.ja-flex.md-ja-flex-col {
		margin-bottom: 0;
	}
	
	.has-javs-form #main_form .ja-column-2:empty {
		display: none !important;
	}
}

/* 2022-11-28 - video resolutions svg */

.ja-video-resolution-options--graphic {
    display: flex;
    flex-grow: 1;
}

@media screen and (min-width: 768px) {
    .ja-video-resolution-options--graphic {
        justify-content: center;
    }    
}

.ja-video-resolution-options--graphic svg {
    width: 80%;
}

@media screen and (max-width: 768px) {
    .ja-video-resolution-options {
        flex-direction: column;
    }
}

svg #resolution-chart [class^='rect-'] {
    fill: white;
}

svg #resolution-chart [class^='rect-'].selected {
    fill: yellow;
}

svg #resolution-chart [class^='text-'] {
	font-family: 'Raleway';
}