.form-control {
    height: 3rem;
}

.toggle-password {
    color: #ccc
}

.toggle-password {
    float: right;
    cursor: pointer;
    margin-right: 10px;
    margin-top: -30px;
}

small.progress-bar {
    border-radius: 5px;
    margin-top: 10px;
    height: 1vh;
}

/* sweetallert */
.swal2-popup.swal2-toast .swal2-title {
  color: white;
  margin-top: 5px;
  margin-left: 15px;
}
.colored-toast.swal2-icon-success {
  background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
  background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
  background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
  background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
  background-color: #87adbd !important;
}

.colored-toast .swal2-title {
  color: white;
}

.colored-toast .swal2-close {
  color: white;
}

.colored-toast .swal2-html-container {
  color: white;
}
.swal2-styled.swal2-confirm {
    background-color: #02B5D3 !important;
}

.swal2-styled.swal2-confirm:hover {
    background-color: #02B5D3;
}

.swal2-styled.swal2-confirm:active {
    background-color: #02B5D3;
}
.swal2-styled.swal2-confirm:focus {
  outline: none;
  box-shadow:0 0 0 0;
}

.swal2-styled.swal2-confirm::-moz-focus-inner {
  border: 0;
}

/* Select2 */
.select2-container--default .select2-selection--single {
  height: 3rem;
  border: 1px solid #d0d4e2;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 45px;
  height: 3rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 3rem;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.input-group .input-group-prepend .input-group-text {
  height: 3rem;
  background-color: transparent;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-left: 0px;
}

.input-group .input-group-apend .input-group-text {
    height: 3rem;
    background-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-right: 0px;
}

.btn-outline-nusabutton {
  color: #1588c5;
  border-color: #1588c5;
}

.btn-outline-nusabutton:hover {
  color: #fff;
  background-color: #1588c5;
  border-color: #1588c5;
}

.btn-outline-nusabutton:focus, .btn-outline-nusabutton.focus {
  box-shadow: 0 0 0 0 rgba(21, 136, 197, 0.5);
}

.btn-outline-nusabutton.disabled, .btn-outline-nusabutton:disabled {
  color: #1588c5;
  background-color: transparent;
}

.btn-outline-nusabutton:not(:disabled):not(.disabled):active, .btn-outline-nusabutton:not(:disabled):not(.disabled).active,
.show > .btn-outline-nusabutton.dropdown-toggle {
  color: #fff;
  background-color: #1588c5;
  border-color: #1588c5;
}

.btn-outline-nusabutton:not(:disabled):not(.disabled):active:focus, .btn-outline-nusabutton:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-nusabutton.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(21, 136, 197, 0.5);
}