/*
 * Bootstrap 4 modal dialog form-wizard with arrows transitions snippet is created by BBBootstrap Team using Bootstrap 4, Javascript. This snippet is free and open source hence you can use it in your project.Bootstrap 4 modal dialog form-wizard with arrows transitions snippet example is best for all kind of projects.A great starter for your new awesome project with 1000+ Font Awesome Icons, 4000+ Material Design Icons and Material Design Colors at BBBootstrap.com.
 */

.modal.fade:not(.show) {
    opacity: 0;
}

.modal.fade.show {
    opacity: 1;
}

.modal-backdrop.show {
    opacity: .5;
}

#smartwizard h4,
#smartwizard p {
    text-align: center;
    width: 100%;
}

#search-type-button-group .btn {
    max-width: 300px;
    margin: 5px auto;
}

.btn-toolbar.justify-content-end .btn-group {
    float: right;
    margin: 40px 15px 5px;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0, 123, 255, .25);
}

.btn-secondary {
  cursor: pointer;
}

.btn-secondary:focus {
    box-shadow: 0 0 0 0rem rgba(108, 117, 125, .5);
}

.btn-secondary.active {
    background-color: #001489 !important;
	color: #fff !important;
}


.close:focus {
    box-shadow: 0 0 0 0rem rgba(108, 117, 125, .5)
}

.mt-200 {
    margin-top: 200px
}

.sw-theme-arrows>ul.step-anchor>li.active>a {
    border-color: #001489!important;
    color: #fff!important;
    background: #001489!important;
}

.sw-theme-arrows>ul.step-anchor>li.active>a:after {
    border-left: 30px solid #001489!important;
}

.sw-theme-arrows>ul.step-anchor>li.done>a {
    border-color: #a3a7c3!important;
    color: #fff!important;
    background: #a3a7c3!important;
}

.sw-theme-arrows>ul.step-anchor>li.done>a:after {
    border-left: 30px solid #a3a7c3;
}

@media only screen and (max-width: 768px) {
  .sw-theme-arrows>ul.step-anchor>li>a,
  .sw-theme-arrows>ul.step-anchor>li>a:hover {
    padding-right: 15px;
  }
  .sw-theme-arrows>.nav-tabs>li+li {
    border-left: 1px solid #ddd;
  }
}

.modal.fade .modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
    -webkit-transform: translate(0,-50px);
    transform: translate(0,-50px);
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    width: 100%;
    left: 0;
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-content {
    width: 100%;
}

.modal-header .close {
    margin-top: -25px;
    margin-right: 5px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
}

@media (min-width: 992px) {
    .modal-lg, 
    .modal-xl {
        max-width: 800px;
    }
}