@media screen and (min-width: 1200px) {
    .container-small {
        width: 850px;
        margin: 0 auto;
    }
}

.main {
    overflow-y: scroll;
}

.modal.fade .modal-dialog {
    transform: scale(.96);
    transition: transform .2s ease, opacity .2s ease;
    opacity: 0;
}

.modal.fade.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}

.dropdown-menu:not([data-disable-animation]) {
    transform: scale(.96);
    opacity: 0;
    transition: transform .2s ease, opacity .2s ease;
    transform-origin: left top;
    display: block;
    pointer-events: none;
}

.dropdown-menu:not([data-disable-animation]).show {
    transform: scale(1);
    opacity: 1;
    pointer-events: all;
}


.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    /*background-color: #fff;*/
    background-clip: border-box;
    /*border: 1px solid #e3e6f0;*/
    border-radius: 0.35rem;
}

.border-left-primary {
    border-left: 0.25rem solid #4e73df !important;
}

.border-bottom-primary {
    border-bottom: 0.25rem solid #4e73df !important;
}

.border-left-secondary {
    border-left: 0.25rem solid #858796 !important;
}

.border-bottom-secondary {
    border-bottom: 0.25rem solid #858796 !important;
}

.border-left-success {
    border-left: 0.25rem solid #1cc88a !important;
}

.border-bottom-success {
    border-bottom: 0.25rem solid #1cc88a !important;
}

.border-left-info {
    border-left: 0.25rem solid #36b9cc !important;
}

.border-bottom-info {
    border-bottom: 0.25rem solid #36b9cc !important;
}

.border-left-warning {
    border-left: 0.25rem solid #f6c23e !important;
}

.border-bottom-warning {
    border-bottom: 0.25rem solid #f6c23e !important;
}

.border-left-danger {
    border-left: 0.25rem solid #e74a3b !important;
}

.border-bottom-danger {
    border-bottom: 0.25rem solid #e74a3b !important;
}

.border-left-light {
    border-left: 0.25rem solid #f8f9fc !important;
}

.border-bottom-light {
    border-bottom: 0.25rem solid #f8f9fc !important;
}

.border-left-dark {
    border-left: 0.25rem solid #5a5c69 !important;
}

.border-bottom-dark {
    border-bottom: 0.25rem solid #5a5c69 !important;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase, .dropdown .dropdown-menu .dropdown-header, .sidebar .sidebar-heading {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #4e73df !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #224abe !important;
}

.text-secondary {
    color: #858796 !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #60616f !important;
}

.text-success {
    color: #1cc88a !important;
}

a.text-success:hover, a.text-success:focus {
    color: #13855c !important;
}

.text-info {
    color: #36b9cc !important;
}

.align-items-center {
    align-items: center !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem 0 rgba(58, 59, 69, 0.2) !important;
}

.shadow {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.text-xs {
    font-size: .7rem;
}

.text-lg {
    font-size: 1.2rem;
}

.reminder-icon-container {
    width: 35px;
    height: 35px;
    background-color: var(--bs-body-bg);
    transition: background-color .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.reminder-icon-container:hover {
    background-color: var(--bs-tertiary-bg);
}

.after-step-completion::before {
    content: '';
    display: block;
    margin: 0 auto;
    border-left: 5px dashed var(--bs-tertiary-bg);
    width: 5px;
    height: 200px;
}

.after-step-completion--content {
    width: max-content;
}

.bidding-tag {
    position: relative;
    overflow: hidden;
}

.bidding-tag:hover .remove-tag {
    opacity: 1;
}

.bidding-tag .remove-tag {
    --bs-bg-opacity: .5;

    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    background-color: var(--bs-secondary-bg);
    display: flex;
    justify-content: center;
    align-items: center;
}

.shake {
    -webkit-animation: kf_shake 0.4s 1 linear;
    -moz-animation: kf_shake 0.4s 1 linear;
    -o-animation: kf_shake 0.4s 1 linear;
}

@-webkit-keyframes kf_shake {
    0% { -webkit-transform: translate(25px); }
    20% { -webkit-transform: translate(-25px); }
    40% { -webkit-transform: translate(10px); }
    60% { -webkit-transform: translate(-10px); }
    80% { -webkit-transform: translate(3px); }
    100% { -webkit-transform: translate(0px); }
}
@-moz-keyframes kf_shake {
    0% { -moz-transform: translate(25px); }
    20% { -moz-transform: translate(-25px); }
    40% { -moz-transform: translate(10px); }
    60% { -moz-transform: translate(-10px); }
    80% { -moz-transform: translate(3px); }
    100% { -moz-transform: translate(0px); }
}
@-o-keyframes kf_shake {
    0% { -o-transform: translate(25px); }
    20% { -o-transform: translate(-25px); }
    40% { -o-transform: translate(10px); }
    60% { -o-transform: translate(-10px); }
    80% { -o-transform: translate(3px); }
    100% { -o-origin-transform: translate(0px); }
}

.modal .modal-dialog .modal-content {
    border-radius: 0!important;
}
