.success { background: #d4edda; color: #155724; border-radius: .25rem; padding: .75rem 1.25rem; font-size: 1rem; margin-top: 1.5rem; }
.error-msg, .server-error { color: #721c24; background-color: #f8d7da; border: solid 1px #f5c6cb; border-radius: .25rem; font-size: 0.9rem; display: none; padding: .6rem 1.25rem; margin: 0 auto 1.5rem }
.success { -moz-animation: cssAnimation 0s ease-in 5s forwards; -webkit-animation: cssAnimation 0s ease-in 5s forwards; -o-animation: cssAnimation 0s ease-in 5s forwards; animation: cssAnimation 0s ease-in 5s forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.field-wrapper { padding-bottom: 20px; }
p.error { font-size: 0.75rem; color: #f05f5d; font-style: italic; text-align: left; margin: 0.2rem 0 0 0; line-height: inherit; }
.submit-button.invalid { opacity: 0.2; cursor: not-allowed; }
@keyframes cssAnimation {
    to { width: 0; height: 0; overflow: hidden; padding: 0; }
}
@-webkit-keyframes cssAnimation {
    to { width: 0; height: 0; visibility: hidden; padding: 0; }
}
.su-loading.btn-primary:hover { background: #e94556; color: #fff; }
@-webkit-keyframes rotation {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(359deg); }
}
#invalid-captcha { font-size: 0.75rem; position: relative; bottom: 16px; left: 0; top: -2px; color: #e94555; text-align: left; font-style: italic }
#captcha_code { align-self: center; margin-bottom: 20px; }
.captcha-wrap { position: relative; }
.captcha-wrap .d-flex { flex-wrap: wrap; }
#captcha { padding-right: 40px; width: calc(100% - 70px); }
.btnRefresh { align-self: center; position: absolute; right: 10px; top: 25px; cursor: pointer; }
.captcha-wrap, #invalid-captcha { display: none; }
.submit-button:disabled { opacity: 0.2; cursor: not-allowed; }
.su-complete-wrapper { display: none; }
.su-complete-wrapper .sub-caption { font-size: 1rem; line-height: 1.4; margin-bottom: 10px; }
.su-complete-wrapper  .page-title { margin-bottom: 15px; }
.page-title img { margin-right: 10px; }
@keyframes cssAnimation {
    to { width: 0; height: 0; overflow: hidden; padding: 0; }
}
@-webkit-keyframes cssAnimation {
    to { width: 0; height: 0; visibility: hidden; padding: 0; }
}
.su-loading .loader { height: 15px; background: url("btn-loader.svg"/*tpa=btn-loader.svg*/) no-repeat; -webkit-animation: rotation 1s infinite linear; background-size: 100%; width: 15px; display: inline-block; padding: 0px; position: relative; margin-left: 5px; position: relative; top: 3px; }
.su-loading.btn-primary:hover { background: #e94556; color: #fff; }
@-webkit-keyframes rotation {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(359deg); }
}

/*-----------------------*/
  .tool-tip span{margin-top: 0;}
  .dropdown {position: relative; display: inline-block; width: 100%; z-index: 1; } 
  /*.dropdown:hover .dropdown-content{display: block; outline:none; }*/
  .dropdown.show .dropdown-content{display: block; outline:none; }
  .submitted.dropdown{z-index: 1 }
  /*.submitted.dropdown:hover .dropdown-content{display:none; }*/
  /*.form-control:focus{outline: 1px solid #4C4C4C;}*/
  .submitted.dropdown.show .dropdown-content{display:none; }
  .ui-menu-item{font-size: 14px; font-weight: normal; line-height: 2.44; color: #000000; cursor:pointer;padding: 8px 0; }
  .ui-menu-item:hover {font-weight:bold; }
  .ui-menu-item-wrapper{line-height: normal;}
  .form-control{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .dropdown-toggle .form-control{margin-bottom:0; position:relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 100;background: transparent;}
  .select-dropdown .dropdown-toggle::after {float: right; margin-top: -15px; border-top-color: #000; display: inline-block; content: ""; background-size: cover; background-size: 100% 100%; display: block; position: absolute; top: calc(50% + 12px); margin-right: 0.4em; right:15px; z-index:0; }
  .dropdown-toggle::after {display: inline-block; width: 18px; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; background: url("arrow.svg"/*tpa=arrow.svg*/); display: inline-block; padding: 3px;}
  .submitted.select-dropdown .dropdown-toggle::after{display: none; }
  .dropdown-content {display: none; position: absolute; background-color: #ffffff; padding: 16px 14px; z-index: 2; border: 1px solid #CCCCCC; right: 0; border-top: 1px solid rgba(204, 204, 204, 0.2); overflow: auto;height: auto; max-height: 150px; width: 100% !important; top: 62px;text-align: left}
  .dropdown-content::-webkit-scrollbar-track {background-color: #ffffff; }
  .dropdown-content::-webkit-scrollbar {width: 6px; background-color: #ffffff; }
  .dropdown-content::-webkit-scrollbar-thumb {background-color: #DDDDDD; }
  .navbar{z-index: 100;}
  .form-control{padding: 24px 21px;font-family: 'OpenSans',-apple-system, BlinkMacSystemFont, Segoe UI, segoe ui, SegoeUI, Segoe, Helvetica, Arial, sans-serif;font-size: 14px;}
  .tool-tip {font-size: 14px; position: absolute; width: max-content; line-height: 1.59; top: 70px; display: flex; align-items: center;display: none; }
  .tool-tip span {margin-right: 12px; }
  .home-form .form-control.valid {width: 100%; padding-right: 46px; }
  .valid.error{right: 15px; position: absolute; top: 22px; width: 25px; height: 14px; left: auto; background: #fff url("valid.svg"/*tpa=valid.svg*/); z-index: 1; background-repeat: no-repeat;}
  #su-origin_country {padding-right: 46px;position: relative;}
  .dropdown-toggle[aria-expanded="true"]::after{transform: rotate(180deg); }
  .dropdown-toggle {display: block; background: #fff;}
  .field-wrapper{position: relative;}
  .ui-menu-item{position: relative; z-index: 1000; background: #fff; }
  /*#su-origin_country{border-bottom: 1px solid rgba(204, 204, 204, 0.2);}*/
  .form-control::-webkit-input-placeholder { 
    font-family: 'OpenSans',-apple-system, BlinkMacSystemFont, Segoe UI, segoe ui, SegoeUI, Segoe, Helvetica, Arial, sans-serif;
    font-size: 14px;
  }
  .form-control::-moz-placeholder { 
    font-family: 'OpenSans',-apple-system, BlinkMacSystemFont, Segoe UI, segoe ui, SegoeUI, Segoe, Helvetica, Arial, sans-serif;
    font-size: 14px;
  }
  .form-control:-ms-input-placeholder { 
    font-family: 'OpenSans',-apple-system, BlinkMacSystemFont, Segoe UI, segoe ui, SegoeUI, Segoe, Helvetica, Arial, sans-serif;
    font-size: 14px;
  }
  .form-control:-moz-placeholder {
    font-family: 'OpenSans',-apple-system, BlinkMacSystemFont, Segoe UI, segoe ui, SegoeUI, Segoe, Helvetica, Arial, sans-serif;
    font-size: 14px;    
  }
  /*.other-wrap .valid.error{display: none !important;}*/
  .country.form-input.form-control.other-selected{cursor: text;}
  .country-wrap .valid.error{display: none !important;}
  .form-control:focus{border: 1px solid #4C4C4C;}
  .form-control.drop-open:focus{border-color: #ccc;border-bottom-color: #f5f5f5;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
  .others .light-text{color: #999999;}
  input:disabled {background: #fff !important; cursor: not-allowed; opacity: 0.7;position: relative;z-index: 2}
.checkbox-wrap {width: 100%; margin: 10px auto 0; position: relative; display: block; }
.checkbox-wrap label {position: relative; display: inline-block; padding-left: 26px; margin-bottom: 0; font-weight: normal; cursor: pointer; }

.checkbox-wrap label span {position: absolute; top: 50%; transform: translateY(-50%); }
.checkbox-wrap label:before {content: ""; position: absolute; left: 0; top: 1px; margin: 0; width: 15px; height: 15px; transition: transform 0.28s ease; border-radius: 2px; border: 1px solid #CCCCCC; }
.checkbox-wrap label:after {content: ""; display: block; width: 8px; height: 3px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(-45deg) scale(0); transition: transform ease 0.25s; position: absolute; top: 5px; left: 4px; } 
.checkbox-wrap input[type="checkbox"] {width: auto; opacity: 0.00000001; position: absolute; left: 0; margin-left: -20px; }
.checkbox-wrap input[type="checkbox"]:checked ~ label:before {border: 1px solid #111; background: #111; } .checkbox-wrap input[type="checkbox"]:checked ~ label:after {transform: rotate(-45deg) scale(1); }
.checkbox-wrap input[type="checkbox"]:focus + label::before {outline: 0; }
.checkbox-wrap.disabled .disclamer{color: #ccc;}
.checkbox-wrap .disclamer{color: #111; font-size: 14px;}
.checkbox-wrap label:before{border-color: #111;}
.checkbox-wrap.disabled label:before{border-color: #ccc;}
.btn{transition: .1s ease;}
.ui-helper-hidden-accessible{display: none;}
.all-country li:nth-child(16){border-bottom: 1px solid #ddd;}
@media screen and (max-width: 767px){
  .g-recaptcha {transform: scale(0.75); transform-origin: 0 0; }
  .form-inner{position: relative;}
}