.form-check-input:focus {
  outline: solid #0d6efd 1px;
}


.overstay {
 color:red!important;
}


.dark .datepicker-picker, .dark .datepicker-picker .button {
  background: black;
}

.dark .datepicker-cell:not(.disabled):hover {
  background: #9f9f9f;
}

/*  to alter the validatation style for images and style for valid fields*/
.was-validated .form-control:invalid {
  
    background-image:unset!important;
 }

.was-validated .form-control:valid {
  
    background-image:unset!important;
    border-color: unset!important;;
 }

.result-box-valid {
    max-height: 240px;
    /* width: 241px;
     margin-bottom: 15px; */
    border: 4px solid var(--text-body);
    background-color: var(--bg-body);
    color: var(--text-body)!important;
    border-radius: 10px;
}

.result-box-expired {
    max-height: 240px;
    /* width: 241px;
    margin-bottom: 15px; */
    border: 4px solid var(--text-body);
    background-color: var(--bg-body);
    color: var(--text-body)!important;
    border-radius: 10px;
}

.dynamic-field .m-1 {
 margin: unset!important;
}

.dynamic-field .text-uppercase {
    text-transform: unset!important;
}

.result-main-ucounter {
  font-size: 40px;
  color: var(--text-body);
}

.result-valid-left-counter {
  font-size: 40px;
  color: var(--bs-green);
}

.calc-message hr {
 margin-block-start: 0.25em;
 margin: 0.5rem 0;
}

.calc-message_text {
    margin: 0px;
    padding: 10px 5px 20px 5px;
    line-height: 90%;
    color: var(--text-primary)
}

.calc-box-lbl {
	text-align: center;
}

.calc-message span {
 line-height: 120%;
}

.calc-plan-txt{
border-color: #dc3545!important;
}

.append-buttons {
  justify-content: center;
}

.no-bullet{
  list-style-type: none;
}

#visaCalcForm .btn{
min-width: 115px;
}

#visaCalcForm .row {
--bs-gutter-x: 0.5rem;
}

.dark #visaCalcForm .btn-close-white{

 filter: invert(1) grayscale(100%) brightness(200%)!important;
}

#visaCalcForm .btn-close-white{
 filter:none;

}


#visaCalcForm .btn-group-sm>.btn, .btn-sm {
    padding: 0.4rem 0.5rem!important;
}

@media (min-width: 576px){

 #visaCalcForm .modal-dialog {
    	max-width: 1000px!important;
 }

.col-sm {
    flex: unset!important;
}
}

@media (max-width: 900px){

 .form-control {
     font-size: 0.6rem;
 }
}