.control-dropdown-wrapper { height: 4.5rem; width: 100%; border-radius: 4px; border: 1px solid #ccc; overflow: hidden;  position: relative; display: block; z-index: 100; background: #fff; box-sizing: border-box;
     padding: 0 5px;/*box-shadow: 0 0 5px 0 rgba(4,2,24,.15); transition: all .24s ease-out;-webkit-transition: all .24s ease-out;-moz-transition: all .24s ease-out;-ms-transition: all .24s ease-out;-o-transition: all .24s ease-out;*/}
.control-dropdown-wrapper:after {content: ""; width: 7px; height: 7px; position: absolute; top: 50%; margin-top: -5px; right: 25px; border-right: 2px solid #236192; border-bottom: 2px solid #236192; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.control-dropdown-wrapper .control-dropdown-inner { padding: 12px 12px; height: auto; overflow: hidden; position: relative; width: 102%; line-height: 19px; font-weight: 400; }
.control-dropdown-wrapper .control-dropdown-inner span { color: #000000; overflow: hidden; word-wrap: normal; display: block; padding-top: 0; text-overflow: ellipsis; white-space: nowrap; padding-right: 30px; text-align: left; }
.control-dropdown-wrapper select.form-control { cursor: pointer; border: none; margin: 0; opacity: 0;filter: alpha(opacity=0); position: absolute; top: 0; left: 0; width: 98%; border-radius: 0; height: 4.5rem; padding: 4px 12px 4px 12px; z-index: 109;display: block;}
.control-dropdown-wrapper select.form-control option {white-space: normal; word-wrap: normal; color: #000; }
.control-dropdown-wrapper select.form-control:focus { outline: none; border-color: none; box-shadow: none; }
.form-group.has-error .control-dropdown-wrapper { border: 1px solid #dc3232; color: #dc3232; }
 @media (min-width: 768px) {
   .control-dropdown-wrapper { height: 5rem; }
   .control-dropdown-wrapper select.form-control { height: 5rem; }
   .control-dropdown-wrapper .control-dropdown-inner { padding: 16px 12px; }
}


 /*Radio buttons*/

.control-radio-wrapper .control-radio-inner { cursor: pointer;  }

.control-radio-wrapper .control-radio-inner.disabled { cursor: default;  }
.control-radio-wrapper .control-radio-inner:before { content: ''; position: absolute; left: 0;width: 24px; height: 24px; border: 1px solid #ccc; border-radius: 100%; background-color: #FFF; top:15px;}
.radio .control-radio-wrapper .control-radio-inner:before { top:7px;}
.control-radio-wrapper .control-radio-inner:after { opacity: 0; content: ''; width: 12px; height: 12px; background-color: #236192; position: absolute; left: 6px; top: 6px; border-radius: 100%; -webkit-transition: all 0.2s; transition: all 0.2s; transform: scale(0); }
.radio .control-radio-wrapper .control-radio-inner:after,  .radio .select-account-panel label .control-radio-inner:after { top: 13px; }
.control-radio-wrapper .control-radio-inner.checked:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.control-radio-wrapper .control-radio-inner:after, .select-account-panel label .control-radio-inner:after{ top: 21px; }
.control-radio-wrapper .control-radio-inner.disabled:before { background-color: #DDDDDD; }
.control-radio-wrapper .control-radio-inner.disabled:after { background-color: #959595;  }
.control-radio-wrapper .control-radio-inner.disabled:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
@media (min-width: 768px) {
   .radio .control-radio-wrapper .control-radio-inner:before { top:15px;} 
   .radio .control-radio-wrapper .control-radio-inner:after,  .radio .select-account-panel label .control-radio-inner:after { top: 21px; }
}
label {font-weight: normal;}

/*Checkboxes*/
.control-checkbox-wrapper { margin-right: 35px; float: left; height: 20px; }
.control-checkbox-wrapper .control-checkbox-inner { cursor: pointer; position: absolute; width: 24px; height: 24px; /*top: 0;*/ border: 1px solid #ccc; border-radius: 4px; background-color: #FFF;}
.control-checkbox-inner input[type='checkbox'] { opacity: 0; cursor: pointer; width: 100%; height: 100%; margin: 0; }
.control-checkbox-wrapper .control-checkbox-inner.checked { border: 1px solid #baceeb; }
.control-checkbox-wrapper .control-checkbox-inner.checked:before { position: absolute; content:"\f14a"; font-family: 'FontAwesome'; font-size: 28px; color: #236192; top: -10px; left: -1px; }
.control-checkbox-wrapper .control-checkbox-inner.disabled { cursor: default;  }
.control-checkbox-wrapper .control-checkbox-inner.checked.disabled:before { color: #959595; }
.control-checkbox-wrapper .control-checkbox-inner.disabled { background-color: #DDDDDD; }
.panel-edit-payment-account .checkbox label,
.panel-add-payment-account .checkbox label,
.panel-force-add-payment-account .checkbox label { padding-left: 0; }
label .control-checkbox-wrapper .control-checkbox-inner { top: 5px;}
label .control-checkbox-wrapper .control-checkbox-inner.checked:before {top: -10px;}
/*label.checkbox-inline .control-checkbox-wrapper .control-checkbox-inner { top: -2px;}
label.checkbox-inline .control-checkbox-wrapper .control-checkbox-inner.checked:before {top: 1px;}*/
.has-error .control-checkbox-wrapper .control-checkbox-inner { border: 1px solid #FA632E; }
.control-checkbox-wrapper.with-input { margin-top: 10px; }

@media (min-width: 768px) {
label .control-checkbox-wrapper .control-checkbox-inner { left: 0;}
label .control-checkbox-wrapper .control-checkbox-inner.checked:before {top: -10px;}
#PaymentFromBank .control-dropdown-wrapper {width:310px;} 
}
.cwsCreditCardMask { display:block; }
.cwsCreditCardMask input {width:190px !important; padding-left:5px; }
#SavedCardsList .control-dropdown-wrapper { width: 280px; }
.ddlCardType .control-dropdown-wrapper { width: 300px; }
.sr-only { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
legend { border: 0; color: #4F535D; font-family: 'Formata-Regular'; font-size: 14px; font-weight: 400; line-height: 1.5; font-style: normal; margin-bottom: 10px; margin-left: 15px; }

.cwsCreditCardMask { display: block; }
    .cwsCreditCardMask .card-number { width: 255px }

    .cwsCreditCardMask .form-control.card-input-displayed:not(:last-child) { border-right: 0; border-top-left-radius: 4px; border-bottom-left-radius:4px; }
    .cwsCreditCardMask .btn.btn-light { height: 34px; padding-top: 9px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); }