
/* ----------------
  Padding
  -----------------*/

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}


/* ----------------
  Margin
  -----------------*/

.mb-0 {margin-bottom:0 !important;}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}


/*-------------------
    Button
  -------------------*/

.btn-accent {
  color: #fff;
  background-color: #021F46;
  border-color: #021F46;
  border-radius:16px;
  width: 100%;
  margin: 0 auto
}

.btn-accent:hover {
  color: #fff;
  background-color: #021F46;
  border-color: #021F46;
  margin:0 auto;
}
.btn-accent span b {
  color: red;
  font-size:inherit;
  font-weight:700;
}
.btn-accent:hover span b {
  color: #FFB50E;
}

.btn-accent:focus, .btn-accent.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}

.btn-accent:active, .btn-accent.active, .show>.btn-accent.dropdown-toggle {
  color: #fff;
  background-color: #FFB50E;
  background-image: none;
  border-color: #FFB50E;
}
.btn-accent:active span b {
  color: #021F46;

}
.btn-outline-accent {
  color: #FFB50E;
  background-image: none;
  background-color: transparent;
  border-color: #FFB50E;
}

.btn-outline-accent:hover {
  color: #fff;
  background-color: #4e505d;
  border-color: #4e505d
}

.btn-outline-accent:focus, .btn-outline-accent.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
  box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}

.btn-outline-accent:active, .btn-outline-accent.active, .show>.btn-outline-accent.dropdown-toggle {
  color: #fff;
  background-color: #4e505d;
  border-color: #4e505d;
}

.btn-xs {
  padding: 6px 8px;
  font-size: 14px;
}

.btn-sm {
  padding: 8px 30px;
}

.btn-lg {
  padding: 20px 50px;
  font-size: 16px !important;
}


/* ----------------
  Custom
  -----------------*/


main {
  margin-top: 0px !important;
}

section {
  /* padding-top: 200px;
  padding-bottom: 200px; */
}

.no-gutters {
  /* margin-right: 0;
  margin-left: 0; */
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.height-100 {
  height: 100vh;
  height: 100%;
}



/*-------------------
  form
  -------------------*/


form.form-qna label {
  font-weight: 400 !important;
}

.form-qna {
  background-color: #fff;
  padding: 40px;
}
/* .form-control {
  height:42px;
  border-radius: 0;
  border:1px solid #000;
} */
.form-horizontal .control-label {
  text-align:left;
}

form.form-qna .form-group > label {
  font-weight: 700 !important;
  font-size:18px;
}

.form-group {
  margin-bottom:25px;
}
.form-group th {
  margin-right:10px;
}

.form-control {
  display: block;
  width: 90%;
  height: 50px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #e5004f;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}