.main-header {
    background: #f0ae9c !important
}
.login-page {
    background-color: #f5ece9;
}
.content-wrapper {
    background-color: #f5ece9;
}

.card-primary.card-outline {
    border-top: 3px solid #ff5b2f;
}

.btn-primary {
    color: #fff;
    background-color: #8f270b;
    border-color: #8f270b;
    box-shadow: none;
}

a {
    color: #ff5b2f;
}

.bg-primary {
    background-color: #ff5b2f !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ff5b2f;
    border-color: #ff5b2f;
    color: #fff;
    padding: 0 10px;
    margin-top: .31rem;
}

@keyframes rocketStart {
    0%   {transform: translate(0px,0px) rotate(0deg)}
    25%  {transform: translate(0px,0px) rotate(-45deg)}
    100%  {transform: translate(0px,-500px) rotate(-45deg)}
}
.rocketActive {
    animation-name: rocketStart;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes rocketRotate {
    0%   {transform: translate(0px,0px) rotate(0deg)}
    100%  {transform: translate(0px,0px) rotate(-45deg)}
}

.box {
    padding-top: 8px;
}

.brand-link .brand-image {
    max-height: 50px;
    margin: -8px -5px -30px 0px;
    transition: 0.3s;
}

.brand-link .brand-image:hover {
    transform: translate(0px,0px) rotate(-45deg)
}