#GemaltoDesigner .aam-designer-init.desktop {
    max-width: 100%;
}

#GemaltoDesigner .aam-designer-container, #GemaltoDesigner #wrapper {
    width: 100%;
}

#GemaltoDesigner #designerPnl {
    margin-top: 40px;
}

#GemaltoDesigner .aam-designer-init.desktop .toolbox--image-selection--gallery--container {
    padding-bottom: 65px;
}

#GemaltoDesigner .aam-designer-init {
    box-shadow: 0px 0 19px rgba(50,50,50,.12);
}
/* 30\12\19 Debit Card Home */
#loaderWrapper .loader{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 2000;
}

#loaderWrapper img{
	position: fixed;
    transform: translate(0px, -50%);
    top: 50%;
    left: 50%;
}

.inputbox.captchaSec .inputFeild {
	width: 65%;
}

.validation-summary-errors {
	font-size: 14px;
	color: red;
	margin-top: 5px;
}

.tipso_content {
	text-align: left;
}

.refresh-upscale {
    /*background-color: #e4e7e9;*/
    width: auto;
    height: auto;
}

.inputbox .errorMessage {
    color: #c5281c;
    font-size: 13px;
    opacity: 1;
    letter-spacing: normal;
    padding: 0;
    display: block;
    position: absolute;
    top: 30px;
}

.generic-error {
    color: #c5281c;
    font-size: 13px;
    opacity: 1;
}

@media only screen and (max-width:1199px) {
    .formBlock .inputForm .debitcardError {
        top: 50px;
    }
}

@media only screen and (max-width:991px) {
    .formBlock .inputForm .debitcardError {
        top: 30px;
    }
}

@media only screen and (max-width:767px) {
    .formBlock .inputForm .debitcardError {
        top: 50px;
    }
}

.mainWrap {
	padding-top: 6rem;
	position: relative;
}

.mainWrap .cardimgDiv {
    width: 363px;
    height: 206px;
    border-radius: 10px;
    border: 0px;
    box-shadow: 2px 2px 64px -10px rgba(0, 0, 0, 0.48);
    margin-top: 0rem;
}

.mainWrap .cardimgDiv img {
    border-radius: 8px;
    width: 100%;
}

@media screen and (max-width:1199px) {
    .mainWrap .cardimgDiv {
        margin-top: 0rem;
    }

    .mainWrap.homeDiv .container {
        padding-top: 3.9rem;
    }
}

@media screen and (max-width:1366px) {
    .mainWrap.homeDiv {
        padding-top: 0;
    }
}

.inputFeild{
	font-size: 1.6rem;
}

.formBlock .codeInput {
    margin-right: 0rem;
}


::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #212529;
    font-size: 1.5rem;
    font-family: 'Lato-Regular';
    opacity: 0.5;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #212529;
    font-size: 1.5rem;
    opacity: 0.5;
    font-family: 'Lato-Regular';
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #212529;
    font-size: 1.5rem;
    opacity: 0.5;
    font-family: 'Lato-Regular';
}


/*10-2-2019 Added by Sagar Start*/


.policyChkTxt .customeChkbox {
font-size:11px;
padding-left: 25px;
}

.formBlock .proceedbtnWrap .tncTxt a {
    font-size: 1.1rem;
    
}

.formBlock .proceedbtnWrap .tncTxt {
    
    margin-top: 2.5rem;
}

.formBlock .captchDiv .captchaTxt {
    width: 50%;
    float: right;
    text-align: center;
    padding-top: 0;
    max-width: 33%;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
}

.captchaTxt #captchaImg {
border-right: 1px solid #ddd;
}

.formBlock .inputForm {
    background-color: rgba(255,255,255,0.5);
  
}

.inputFeild {
background-color:transparent;
}

.formBlock .debitDiv .debitInput {
background-color:transparent;
}

.checkmark {
    background-color: #fff;
    /*border: 2px solid #9c9b9c;*/
    border: 2px solid #9c9b9c;
    border-radius: 3px;
    top:9px;
 
}

.customeChkbox input:checked~.checkmark {
    background-color: #fff;
}

.homeDiv .formBlock {

width: 100%;
    max-width: 400px;
    float: right;
}

.formBlock .debitDiv {
    font-size: 1.5rem;

}

.captchaTxt a {
    padding:0 5px;
}

.customeChkbox:hover input ~ .checkmark {
  background-color: #fff;
}

.formBlock .inputForm {
 
    padding: 2rem 3rem;
   
}

@media screen and (max-width:991px) {
.homeDiv .formBlock {
    float: left;
}
.homeMain {
    background-position: top right;
}
}

@media screen and (max-width:767px) {
.formBlock .captchDiv .captchaTxt {
    max-width: 41%;
}

.mainWrap .cardimgDiv {
    width: 100%;
    height: auto; 
}

}

@media screen and (max-width:320px) {
.formBlock .captchDiv .captchaTxt {
    max-width: 46%;
}
}

.inputForm input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px rgba(255,255,255,0.5) inset !important;
}
/*10-2-2019 Added by Sagar End*/


/* 20\02\20 Gemelto Issue */
.selector--button, .toolbox--label, .preview--left-panel, .trending-panel, .price-section {
    font-size: 16px;
}

h3.preview--title {
    font-size: 16px !important;
}

.preview--button, .trending-title {
    font-size: 12px !important;
}