/*
    Theme Name: Myanmar Citizens Bank
    Version: 1.0
    Description: Nice and sleek responsive design
    Author: Digital Dots
    Author URI: http://www.digitaldots.com.mm
*/
@import url("assets/css/combine.min.css");

.thank-you-box {
  border: 2px solid #f6f6f6;
  border-radius: 8px;
}
.thank-you-box h3 {
  padding: 15px 0;
  background-color: #80808012;
  font-size: 22px;
  color: #0074b9;
}
.thank-you-box .sub-title {
  color: #8f8f8f;
  font-size: 14px;
}
.thank-you-box .result {
  font-size: 18px;
  color: #0074b9;
  font-weight: bold;
}
.bg-box {
  background-color: #f9f9f9;
}

.fa-spinner.fa-spin {
  position: relative;
  top: 11px;
  left: 30px;
  color: #fff;
  z-index: 11;
}

.checkbox-wrap .error {
  display: none !important;
}

.border-box {
/*   border: 2px solid #dee2e6!important; */
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  padding: 20px;
/*   border-radius: 8px; */
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background: #fff;
  font-size: 15px;
}

#application-form-global h3, #application-form h3 {
  margin-top: 20px;
  background-color: #67BC46;
  padding: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom: 8px solid #F6EA21;
  color: #fff;
  font-size: 20px;
  margin-bottom: 0;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
}

#application-form .form-control,
#application-form .form-control option {
  font-family: 'Montserrat-Regular', 'Pyidaungsu';
}

#application-form label {
  color: #000;
}

#application-form input,
#application-form textarea,
#application-form select {
  font-size: 15px;
  padding: 6px;
  border: 1px solid #67bc46;
}

#application-form .result {
  font-size: 15px;
  padding: 6px;
  border: 1px solid #67bc46;
  background-color: #67bc4624;
}

.apply-btn {
  background: #67bc46 !important;
  border-radius: 10px !important;
  padding: 5px 40px !important;
  letter-spacing: 1.5px !important;
  color: #fff !important;
  font-size: 17px !important;
}

.responsive-table p {
  margin-bottom: 0px !important;
}

.form-section input:hover,
.form-section input:focus,
.form-section textarea:hover,
.form-section textarea:focus {
  border-color: #67bc46;
}

.form-section p {
  color: #0074bb;
  font-weight: 600;
  text-align: left;
  margin-bottom: 20px;
}

#application-form .table td {
  border: none;
  padding: 20px;
  vertical-align: middle;
}

h4 {
  color: #0074bb;
  font-size: 20px;
  margin-bottom: 1rem;
  font-weight: 600;
  text-align: left;
}

.form-select,
.form-select:disabled {
  background-color: #f9f9f9;
  color: #000;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #67bc4624;
  opacity: 1;
}

p.error-message,
.error {
  color: #ff0000 !important;
  font-size: 13px !important;
}

.error-hl{
  border-color: #FF0000 !important;
}

.error-msg {
  display: none;
  font-size: 13px!important;
}

.column-checkbox .error {
  display: none !important;
}

form .error {
    color: #ff0000 !important;
}

.req {
  color: #ff0000 !important;
}

#application-form ol li:before {
  color: #000;
}

#application-form ol li {
  font-size: 16px;
  margin-bottom: 20px;
}

#application-form ol li p {
  color: #000;
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 400;
  line-height: inherit;
}

#application-form ol li a {
  text-decoration: underline;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}